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

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

@@ -1,19 +1,4 @@
-import type { TitleProps } from "../index.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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const DialogTitle: $$__sveltets_2_IsomorphicComponent<TitleProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type DialogTitle = InstanceType<typeof DialogTitle>;
+import type { DialogTitleProps } from "../types.js";
+declare const DialogTitle: import("svelte").Component<DialogTitleProps, {}, "ref">;
+type DialogTitle = ReturnType<typeof DialogTitle>;
 export default DialogTitle;

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

@@ -1,17 +1,17 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } 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 { useId } from "../../../internal/use-id.js";
 
 	let {
 		id = useId(),
 		ref = $bindable(null),
 		children,
 		child,
+		disabled = false,
 		...restProps
-	}: TriggerProps = $props();
+	}: DialogTriggerProps = $props();
 
 	const triggerState = useDialogTrigger({
 		id: box.with(() => id),
@@ -19,6 +19,7 @@
 			() => ref,
 			(v) => (ref = v)
 		),
+		disabled: box.with(() => Boolean(disabled)),
 	});
 
 	const mergedProps = $derived(mergeProps(restProps, triggerState.props));

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

@@ -1,19 +1,4 @@
-import type { TriggerProps } from "../index.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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const DialogTrigger: $$__sveltets_2_IsomorphicComponent<TriggerProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type DialogTrigger = InstanceType<typeof DialogTrigger>;
+import type { DialogTriggerProps } from "../types.js";
+declare const DialogTrigger: import("svelte").Component<DialogTriggerProps, {}, "ref">;
+type DialogTrigger = ReturnType<typeof DialogTrigger>;
 export default DialogTrigger;

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

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

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

@@ -1,18 +1,3 @@
-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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Dialog: $$__sveltets_2_IsomorphicComponent<import("../types.js").DialogRootPropsWithoutHTML, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "open">;
-type Dialog = InstanceType<typeof Dialog>;
+declare const Dialog: import("svelte").Component<import("../types.js").DialogRootPropsWithoutHTML, {}, "open">;
+type Dialog = ReturnType<typeof Dialog>;
 export default Dialog;

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

@@ -1,5 +1,5 @@
 import type { ReadableBoxedValues, WritableBoxedValues } from "../../internal/box.svelte.js";
-import type { WithRefProps } from "../../internal/types.js";
+import type { BitsKeyboardEvent, BitsMouseEvent, BitsPointerEvent, WithRefProps } from "../../internal/types.js";
 type DialogVariant = "alert-dialog" | "dialog";
 type DialogRootStateProps = WritableBoxedValues<{
     open: boolean;
@@ -29,43 +29,48 @@ declare class DialogRootState {
         readonly action: "data-dialog-action" | "data-alert-dialog-action";
     };
     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;
-    createAction(props: DialogActionStateProps): DialogActionState;
+    handleOpen(): void;
+    handleClose(): void;
     sharedProps: {
         readonly "data-state": "open" | "closed";
     };
 }
-type DialogTriggerStateProps = WithRefProps;
+type DialogTriggerStateProps = WithRefProps & ReadableBoxedValues<{
+    disabled: boolean;
+}>;
 declare class DialogTriggerState {
     #private;
     constructor(props: DialogTriggerStateProps, root: DialogRootState);
+    onclick(e: BitsMouseEvent): void;
+    onpointerdown(e: BitsPointerEvent): void;
+    onkeydown(e: BitsKeyboardEvent): void;
     props: {
         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;
+        readonly onpointerdown: (e: BitsPointerEvent) => void;
+        readonly onkeydown: (e: BitsKeyboardEvent) => void;
+        readonly onclick: (e: BitsMouseEvent) => void;
+        readonly disabled: true | undefined;
     };
 }
 type DialogCloseStateProps = WithRefProps & ReadableBoxedValues<{
     variant: "action" | "cancel" | "close";
+    disabled: boolean;
 }>;
 declare class DialogCloseState {
     #private;
     constructor(props: DialogCloseStateProps, root: DialogRootState);
+    onclick(e: BitsMouseEvent): void;
+    onkeydown(e: BitsKeyboardEvent): void;
     props: {
         readonly "data-state": "open" | "closed";
         readonly id: string;
-        readonly onclick: () => void;
+        readonly onclick: (e: BitsMouseEvent) => void;
+        readonly onkeydown: (e: BitsKeyboardEvent) => void;
+        readonly disabled: true | undefined;
     };
 }
 type DialogActionStateProps = WithRefProps;
@@ -87,7 +92,7 @@ declare class DialogTitleState {
         readonly "data-state": "open" | "closed";
         readonly id: string;
         readonly role: "heading";
-        readonly "aria-level": 3 | 4 | 2 | 1 | 5 | 6;
+        readonly "aria-level": 1 | 2 | 3 | 4 | 5 | 6;
     };
 }
 type DialogDescriptionStateProps = WithRefProps;
@@ -113,6 +118,9 @@ declare class DialogContentState {
         readonly role: "dialog" | "alertdialog";
         readonly "aria-describedby": string | undefined;
         readonly "aria-labelledby": string | undefined;
+        readonly style: {
+            readonly pointerEvents: "auto";
+        };
     };
 }
 type DialogOverlayStateProps = WithRefProps;
@@ -126,16 +134,24 @@ declare class DialogOverlayState {
     props: {
         readonly "data-state": "open" | "closed";
         readonly id: string;
+        readonly style: {
+            readonly pointerEvents: "auto";
+        };
     };
 }
-type AlertDialogCancelStateProps = WithRefProps;
+type AlertDialogCancelStateProps = WithRefProps & ReadableBoxedValues<{
+    disabled: boolean;
+}>;
 declare class AlertDialogCancelState {
     #private;
     constructor(props: AlertDialogCancelStateProps, root: DialogRootState);
+    onclick(e: BitsMouseEvent): void;
+    onkeydown(e: BitsKeyboardEvent): void;
     props: {
         readonly "data-state": "open" | "closed";
         readonly id: string;
-        readonly onclick: () => void;
+        readonly onclick: (e: BitsMouseEvent) => void;
+        readonly onkeydown: (e: BitsKeyboardEvent) => void;
     };
 }
 export declare function useDialogRoot(props: DialogRootStateProps): DialogRootState;

package/dist/bits/dialog/dialog.svelte.js

@@ -1,6 +1,7 @@
+import { useRefById } from "svelte-toolbelt";
+import { Context } from "runed";
 import { getAriaExpanded, getDataOpenClosed } from "../../internal/attrs.js";
-import { useRefById } from "../../internal/useRefById.svelte.js";
-import { createContext } from "../../internal/createContext.js";
+import { kbd } from "../../internal/kbd.js";
 function createAttrs(variant) {
     return {
         content: `data-${variant}-content`,
@@ -29,40 +30,18 @@ class DialogRootState {
     constructor(props) {
         this.open = props.open;
         this.variant = props.variant;
+        this.handleOpen = this.handleOpen.bind(this);
+        this.handleClose = this.handleClose.bind(this);
     }
-    handleOpen = () => {
+    handleOpen() {
         if (this.open.current)
             return;
         this.open.current = true;
-    };
-    handleClose = () => {
+    }
+    handleClose() {
         if (!this.open.current)
             return;
         this.open.current = false;
-    };
-    createTrigger(props) {
-        return new DialogTriggerState(props, this);
-    }
-    createTitle(props) {
-        return new DialogTitleState(props, this);
-    }
-    createContent(props) {
-        return new DialogContentState(props, this);
-    }
-    createOverlay(props) {
-        return new DialogOverlayState(props, this);
-    }
-    createDescription(props) {
-        return new DialogDescriptionState(props, this);
-    }
-    createClose(props) {
-        return new DialogCloseState(props, this);
-    }
-    createCancel(props) {
-        return new AlertDialogCancelState(props, this);
-    }
-    createAction(props) {
-        return new DialogActionState(props, this);
     }
     sharedProps = $derived.by(() => ({
         "data-state": getDataOpenClosed(this.open.current),
@@ -72,10 +51,15 @@ class DialogTriggerState {
     #id;
     #ref;
     #root;
+    #disabled;
     constructor(props, root) {
         this.#id = props.id;
         this.#root = root;
         this.#ref = props.ref;
+        this.#disabled = props.disabled;
+        this.onclick = this.onclick.bind(this);
+        this.onpointerdown = this.onpointerdown.bind(this);
+        this.onkeydown = this.onkeydown.bind(this);
         useRefById({
             id: this.#id,
             ref: this.#ref,
@@ -84,17 +68,44 @@ class DialogTriggerState {
                 this.#root.triggerId = node?.id;
             },
         });
+        this.onclick = this.onclick.bind(this);
+        this.onpointerdown = this.onpointerdown.bind(this);
+        this.onkeydown = this.onkeydown.bind(this);
     }
-    #onclick = () => {
+    onclick(e) {
+        if (this.#disabled.current)
+            return;
+        if (e.button > 0)
+            return;
         this.#root.handleOpen();
-    };
+    }
+    onpointerdown(e) {
+        if (this.#disabled.current)
+            return;
+        if (e.button > 0)
+            return;
+        // by default, it will attempt to focus this trigger on pointerdown
+        // since this also opens the dialog we want to prevent that behavior
+        e.preventDefault();
+    }
+    onkeydown(e) {
+        if (this.#disabled.current)
+            return;
+        if (e.key === kbd.SPACE || e.key === kbd.ENTER) {
+            e.preventDefault();
+            this.#root.handleOpen();
+        }
+    }
     props = $derived.by(() => ({
         id: this.#id.current,
         "aria-haspopup": "dialog",
         "aria-expanded": getAriaExpanded(this.#root.open.current),
         "aria-controls": this.#root.contentId,
         [this.#root.attrs.trigger]: "",
-        onclick: this.#onclick,
+        onpointerdown: this.onpointerdown,
+        onkeydown: this.onkeydown,
+        onclick: this.onclick,
+        disabled: this.#disabled.current ? true : undefined,
         ...this.#root.sharedProps,
     }));
 }
@@ -103,25 +114,43 @@ class DialogCloseState {
     #ref;
     #root;
     #variant;
+    #disabled;
     #attr = $derived.by(() => this.#root.attrs[this.#variant.current]);
     constructor(props, root) {
         this.#root = root;
         this.#ref = props.ref;
         this.#id = props.id;
         this.#variant = props.variant;
+        this.#disabled = props.disabled;
+        this.onclick = this.onclick.bind(this);
+        this.onkeydown = this.onkeydown.bind(this);
         useRefById({
             id: this.#id,
             ref: this.#ref,
-            condition: () => this.#root.open.current,
+            deps: () => this.#root.open.current,
         });
     }
-    #onclick = () => {
+    onclick(e) {
+        if (this.#disabled.current)
+            return;
+        if (e.button > 0)
+            return;
         this.#root.handleClose();
-    };
+    }
+    onkeydown(e) {
+        if (this.#disabled.current)
+            return;
+        if (e.key === kbd.SPACE || e.key === kbd.ENTER) {
+            e.preventDefault();
+            this.#root.handleClose();
+        }
+    }
     props = $derived.by(() => ({
         id: this.#id.current,
         [this.#attr]: "",
-        onclick: this.#onclick,
+        onclick: this.onclick,
+        onkeydown: this.onkeydown,
+        disabled: this.#disabled.current ? true : undefined,
         ...this.#root.sharedProps,
     }));
 }
@@ -162,7 +191,7 @@ class DialogTitleState {
                 this.#root.titleNode = node;
                 this.#root.titleId = node?.id;
             },
-            condition: () => this.#root.open.current,
+            deps: () => this.#root.open.current,
         });
     }
     props = $derived.by(() => ({
@@ -184,7 +213,7 @@ class DialogDescriptionState {
         useRefById({
             id: this.#id,
             ref: this.#ref,
-            condition: () => this.#root.open.current,
+            deps: () => this.#root.open.current,
             onRefChange: (node) => {
                 this.#root.descriptionNode = node;
                 this.#root.descriptionId = node?.id;
@@ -208,7 +237,7 @@ class DialogContentState {
         useRefById({
             id: this.#id,
             ref: this.#ref,
-            condition: () => this.root.open.current,
+            deps: () => this.root.open.current,
             onRefChange: (node) => {
                 this.root.contentNode = node;
                 this.root.contentId = node?.id;
@@ -222,6 +251,9 @@ class DialogContentState {
         "aria-describedby": this.root.descriptionId,
         "aria-labelledby": this.root.titleId,
         [this.root.attrs.content]: "",
+        style: {
+            pointerEvents: "auto",
+        },
         ...this.root.sharedProps,
     }));
 }
@@ -236,13 +268,16 @@ class DialogOverlayState {
         useRefById({
             id: this.#id,
             ref: this.#ref,
-            condition: () => this.root.open.current,
+            deps: () => this.root.open.current,
         });
     }
     snippetProps = $derived.by(() => ({ open: this.root.open.current }));
     props = $derived.by(() => ({
         id: this.#id.current,
         [this.root.attrs.overlay]: "",
+        style: {
+            pointerEvents: "auto",
+        },
         ...this.root.sharedProps,
     }));
 }
@@ -250,54 +285,71 @@ class AlertDialogCancelState {
     #id;
     #ref;
     #root;
+    #disabled;
     constructor(props, root) {
         this.#id = props.id;
         this.#ref = props.ref;
         this.#root = root;
+        this.#disabled = props.disabled;
+        this.onclick = this.onclick.bind(this);
+        this.onkeydown = this.onkeydown.bind(this);
         useRefById({
             id: this.#id,
             ref: this.#ref,
-            condition: () => this.#root.open.current,
+            deps: () => this.#root.open.current,
             onRefChange: (node) => {
                 this.#root.cancelNode = node;
             },
         });
     }
-    #onclick = () => {
+    onclick(e) {
+        if (this.#disabled.current)
+            return;
+        if (e.button > 0)
+            return;
         this.#root.handleClose();
-    };
+    }
+    onkeydown(e) {
+        if (this.#disabled.current)
+            return;
+        if (e.key === kbd.SPACE || e.key === kbd.ENTER) {
+            e.preventDefault();
+            this.#root.handleClose();
+        }
+    }
     props = $derived.by(() => ({
         id: this.#id.current,
         [this.#root.attrs.cancel]: "",
-        onclick: this.#onclick,
+        onclick: this.onclick,
+        onkeydown: this.onkeydown,
         ...this.#root.sharedProps,
     }));
 }
-const [setDialogRootContext, getDialogRootContext] = createContext("Dialog.Root");
+const DialogRootContext = new Context("Dialog.Root");
 export function useDialogRoot(props) {
-    return setDialogRootContext(new DialogRootState(props));
+    return DialogRootContext.set(new DialogRootState(props));
 }
 export function useDialogTrigger(props) {
-    return getDialogRootContext().createTrigger(props);
+    return new DialogTriggerState(props, DialogRootContext.get());
 }
 export function useDialogTitle(props) {
-    return getDialogRootContext().createTitle(props);
+    return new DialogTitleState(props, DialogRootContext.get());
 }
 export function useDialogContent(props) {
-    return getDialogRootContext().createContent(props);
+    return new DialogContentState(props, DialogRootContext.get());
 }
 export function useDialogOverlay(props) {
-    return getDialogRootContext().createOverlay(props);
+    return new DialogOverlayState(props, DialogRootContext.get());
 }
 export function useDialogDescription(props) {
-    return getDialogRootContext().createDescription(props);
+    return new DialogDescriptionState(props, DialogRootContext.get());
 }
 export function useDialogClose(props) {
-    return getDialogRootContext().createClose(props);
+    return new DialogCloseState(props, DialogRootContext.get());
 }
 export function useAlertDialogCancel(props) {
-    return getDialogRootContext().createCancel(props);
+    return new AlertDialogCancelState(props, DialogRootContext.get());
 }
 export function useAlertDialogAction(props) {
-    return getDialogRootContext().createAction(props);
+    return new DialogActionState(props, DialogRootContext.get());
 }

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

@@ -0,0 +1,9 @@
+export { default as Root } from "./components/dialog.svelte";
+export { default as Title } from "./components/dialog-title.svelte";
+export { default as Close } from "./components/dialog-close.svelte";
+export { default as Portal } from "../utilities/portal/portal.svelte";
+export { default as Content } from "./components/dialog-content.svelte";
+export { default as Overlay } from "./components/dialog-overlay.svelte";
+export { default as Trigger } from "./components/dialog-trigger.svelte";
+export { default as Description } from "./components/dialog-description.svelte";
+export type { DialogRootProps as RootProps, DialogTitleProps as TitleProps, DialogCloseProps as CloseProps, DialogPortalProps as PortalProps, DialogContentProps as ContentProps, DialogOverlayProps as OverlayProps, DialogTriggerProps as TriggerProps, DialogDescriptionProps as DescriptionProps, } from "./types.js";

package/dist/bits/dialog/exports.js

@@ -0,0 +1,8 @@
+export { default as Root } from "./components/dialog.svelte";
+export { default as Title } from "./components/dialog-title.svelte";
+export { default as Close } from "./components/dialog-close.svelte";
+export { default as Portal } from "../utilities/portal/portal.svelte";
+export { default as Content } from "./components/dialog-content.svelte";
+export { default as Overlay } from "./components/dialog-overlay.svelte";
+export { default as Trigger } from "./components/dialog-trigger.svelte";
+export { default as Description } from "./components/dialog-description.svelte";

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

@@ -1,9 +1 @@
-export { default as Root } from "./components/dialog.svelte";
-export { default as Title } from "./components/dialog-title.svelte";
-export { default as Close } from "./components/dialog-close.svelte";
-export { default as Portal } from "../utilities/portal/portal.svelte";
-export { default as Content } from "./components/dialog-content.svelte";
-export { default as Overlay } from "./components/dialog-overlay.svelte";
-export { default as Trigger } from "./components/dialog-trigger.svelte";
-export { default as Description } from "./components/dialog-description.svelte";
-export type { DialogRootProps as RootProps, DialogTitleProps as TitleProps, DialogCloseProps as CloseProps, DialogPortalProps as PortalProps, DialogContentProps as ContentProps, DialogOverlayProps as OverlayProps, DialogTriggerProps as TriggerProps, DialogDescriptionProps as DescriptionProps, } from "./types.js";
+export * as Dialog from "./exports.js";

package/dist/bits/dialog/index.js

@@ -1,8 +1 @@
-export { default as Root } from "./components/dialog.svelte";
-export { default as Title } from "./components/dialog-title.svelte";
-export { default as Close } from "./components/dialog-close.svelte";
-export { default as Portal } from "../utilities/portal/portal.svelte";
-export { default as Content } from "./components/dialog-content.svelte";
-export { default as Overlay } from "./components/dialog-overlay.svelte";
-export { default as Trigger } from "./components/dialog-trigger.svelte";
-export { default as Description } from "./components/dialog-description.svelte";
+export * as Dialog from "./exports.js";

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

@@ -3,8 +3,9 @@ import type { DismissibleLayerProps } from "../utilities/dismissible-layer/types
 import type { PresenceLayerProps } from "../utilities/presence-layer/types.js";
 import type { FocusScopeProps } from "../utilities/focus-scope/types.js";
 import type { TextSelectionLayerProps } from "../utilities/text-selection-layer/types.js";
-import type { OnChangeFn, WithChild, WithChildren, Without } from "../../internal/types.js";
-import type { PrimitiveButtonAttributes, PrimitiveDivAttributes } from "../../shared/attributes.js";
+import type { ScrollLockProps } from "../utilities/scroll-lock/index.js";
+import type { OnChangeFn, WithChild, WithChildNoChildrenSnippetProps, WithChildren, Without } from "../../internal/types.js";
+import type { BitsPrimitiveButtonAttributes, BitsPrimitiveDivAttributes } from "../../shared/attributes.js";
 import type { PortalProps } from "../utilities/portal/index.js";
 export type DialogRootPropsWithoutHTML = WithChildren<{
     /**
@@ -15,40 +16,30 @@ export type DialogRootPropsWithoutHTML = WithChildren<{
      * A callback that is called when the popover's open state changes.
      */
     onOpenChange?: OnChangeFn<boolean>;
-    /**
-     * Whether or not the open state is controlled or not. If `true`, the component will not update
-     * the open state internally, instead it will call `onOpenChange` when it would have
-     * otherwise, and it is up to you to update the `open` prop that is passed to the component.
-     *
-     * @defaultValue false
-     */
-    controlledOpen?: boolean;
 }>;
 export type DialogRootProps = DialogRootPropsWithoutHTML;
 export type DialogContentSnippetProps = {
     open: boolean;
 };
-export type DialogContentPropsWithoutHTML = WithChild<Omit<EscapeLayerProps & Omit<DismissibleLayerProps, "onInteractOutsideStart"> & PresenceLayerProps & FocusScopeProps & TextSelectionLayerProps & {
-    preventScroll?: boolean;
-}, "loop">, DialogContentSnippetProps>;
-export type DialogContentProps = DialogContentPropsWithoutHTML & Without<PrimitiveDivAttributes, DialogContentPropsWithoutHTML>;
+export type DialogContentPropsWithoutHTML = WithChildNoChildrenSnippetProps<Omit<EscapeLayerProps & Omit<DismissibleLayerProps, "onInteractOutsideStart"> & PresenceLayerProps & FocusScopeProps & TextSelectionLayerProps & ScrollLockProps, "loop">, DialogContentSnippetProps>;
+export type DialogContentProps = DialogContentPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, DialogContentPropsWithoutHTML>;
 export type DialogOverlaySnippetProps = {
     open: boolean;
 };
 export type DialogOverlayPropsWithoutHTML = WithChild<PresenceLayerProps, DialogOverlaySnippetProps>;
-export type DialogOverlayProps = DialogOverlayPropsWithoutHTML & Without<PrimitiveDivAttributes, DialogOverlayPropsWithoutHTML>;
+export type DialogOverlayProps = DialogOverlayPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, DialogOverlayPropsWithoutHTML>;
 export type DialogPortalPropsWithoutHTML = PortalProps;
 export type DialogPortalProps = DialogPortalPropsWithoutHTML;
 export type DialogTriggerPropsWithoutHTML = WithChild;
-export type DialogTriggerProps = DialogTriggerPropsWithoutHTML & Without<PrimitiveButtonAttributes, DialogTriggerPropsWithoutHTML>;
+export type DialogTriggerProps = DialogTriggerPropsWithoutHTML & Without<BitsPrimitiveButtonAttributes, DialogTriggerPropsWithoutHTML>;
 export type DialogTitlePropsWithoutHTML = WithChild<{
     /**
      * The heading level of the dialog title.
      */
     level?: 1 | 2 | 3 | 4 | 5 | 6;
 }>;
-export type DialogTitleProps = DialogTitlePropsWithoutHTML & Without<PrimitiveDivAttributes, DialogTitlePropsWithoutHTML>;
+export type DialogTitleProps = DialogTitlePropsWithoutHTML & Without<BitsPrimitiveDivAttributes, DialogTitlePropsWithoutHTML>;
 export type DialogClosePropsWithoutHTML = DialogTriggerPropsWithoutHTML;
 export type DialogCloseProps = DialogTriggerProps;
 export type DialogDescriptionPropsWithoutHTML = WithChild;
-export type DialogDescriptionProps = DialogDescriptionPropsWithoutHTML & Without<PrimitiveDivAttributes, DialogDescriptionPropsWithoutHTML>;
+export type DialogDescriptionProps = DialogDescriptionPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, DialogDescriptionPropsWithoutHTML>;