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

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

@@ -1,11 +1,12 @@
-import type { WithRefProps } from "../../internal/types.js";
+import type { BitsMouseEvent, WithRefProps } from "../../internal/types.js";
 type LabelRootStateProps = WithRefProps;
 declare class LabelRootState {
     #private;
     constructor(props: LabelRootStateProps);
+    onmousedown(e: BitsMouseEvent): void;
     props: {
-        "data-label-root": string;
-        onmousedown: (e: MouseEvent) => void;
+        readonly "data-label-root": "";
+        readonly onmousedown: (e: BitsMouseEvent) => void;
     };
 }
 export declare function setLabelRootState(props: LabelRootStateProps): LabelRootState;

package/dist/bits/label/label.svelte.js

@@ -1,4 +1,4 @@
-import { useRefById } from "../../internal/useRefById.svelte.js";
+import { useRefById } from "svelte-toolbelt";
 const ROOT_ATTR = "data-label-root";
 class LabelRootState {
     #id;
@@ -6,18 +6,19 @@ class LabelRootState {
     constructor(props) {
         this.#id = props.id;
         this.#ref = props.ref;
+        this.onmousedown = this.onmousedown.bind(this);
         useRefById({
             id: this.#id,
             ref: this.#ref,
         });
     }
-    #onmousedown = (e) => {
+    onmousedown(e) {
         if (e.detail > 1)
             e.preventDefault();
-    };
+    }
     props = $derived({
         [ROOT_ATTR]: "",
-        onmousedown: this.#onmousedown,
+        onmousedown: this.onmousedown,
     });
 }
 export function setLabelRootState(props) {

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

@@ -1,4 +1,4 @@
 import type { WithChild, Without } from "../../internal/types.js";
-import type { PrimitiveLabelAttributes } from "../../shared/attributes.js";
+import type { BitsPrimitiveLabelAttributes } from "../../shared/attributes.js";
 export type LabelRootPropsWithoutHTML = WithChild;
-export type LabelRootProps = LabelRootPropsWithoutHTML & Without<PrimitiveLabelAttributes, LabelRootPropsWithoutHTML>;
+export type LabelRootProps = LabelRootPropsWithoutHTML & Without<BitsPrimitiveLabelAttributes, LabelRootPropsWithoutHTML>;

package/dist/bits/link-preview/components/link-preview-content-static.svelte

@@ -1,10 +1,11 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { ContentStaticProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { LinkPreviewContentStaticProps } from "../types.js";
 	import { useLinkPreviewContent } from "../link-preview.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
 	import PopperLayer from "../../utilities/popper-layer/popper-layer.svelte";
+	import { getFloatingContentCSSVars } from "../../../internal/floating-svelte/floating-utils.svelte.js";
+	import PopperLayerForceMount from "../../utilities/popper-layer/popper-layer-force-mount.svelte";
 
 	let {
 		children,
@@ -15,7 +16,7 @@
 		onEscapeKeydown,
 		forceMount = false,
 		...restProps
-	}: ContentStaticProps = $props();
+	}: LinkPreviewContentStaticProps = $props();
 
 	const contentState = useLinkPreviewContent({
 		id: box.with(() => id),
@@ -26,36 +27,74 @@
 	});
 
 	const mergedProps = $derived(mergeProps(restProps, contentState.props));
-</script>
 
-<PopperLayer
-	isStatic={true}
-	{...mergedProps}
-	present={contentState.root.open.current || forceMount}
-	{id}
-	onInteractOutside={(e) => {
+	function handleInteractOutside(e: PointerEvent) {
 		onInteractOutside?.(e);
 		if (e.defaultPrevented) return;
-		contentState.root.immediateClose();
-	}}
-	onEscapeKeydown={(e) => {
+		contentState.root.handleClose();
+	}
+
+	function handleEscapeKeydown(e: KeyboardEvent) {
 		onEscapeKeydown?.(e);
 		if (e.defaultPrevented) return;
-		contentState.root.immediateClose();
-	}}
-	onOpenAutoFocus={(e) => e.preventDefault()}
-	onCloseAutoFocus={(e) => e.preventDefault()}
-	trapFocus={false}
-	loop={false}
-	preventScroll={false}
->
-	{#snippet popper({ props })}
-		{#if child}
-			{@render child({ props, ...contentState.snippetProps })}
-		{:else}
-			<div {...props}>
-				{@render children?.(contentState.snippetProps)}
-			</div>
-		{/if}
-	{/snippet}
-</PopperLayer>
+		contentState.root.handleClose();
+	}
+</script>
+
+{#if forceMount}
+	<PopperLayerForceMount
+		{...mergedProps}
+		enabled={contentState.root.open.current}
+		isStatic
+		{id}
+		onInteractOutside={handleInteractOutside}
+		onEscapeKeydown={handleEscapeKeydown}
+		onOpenAutoFocus={(e) => e.preventDefault()}
+		onCloseAutoFocus={(e) => e.preventDefault()}
+		trapFocus={false}
+		loop={false}
+		preventScroll={false}
+		forceMount={true}
+	>
+		{#snippet popper({ props })}
+			{@const mergedProps = mergeProps(props, {
+				style: getFloatingContentCSSVars("link-preview"),
+			})}
+			{#if child}
+				{@render child({ props: mergedProps, ...contentState.snippetProps })}
+			{:else}
+				<div {...mergedProps}>
+					{@render children?.()}
+				</div>
+			{/if}
+		{/snippet}
+	</PopperLayerForceMount>
+{:else if !forceMount}
+	<PopperLayer
+		{...mergedProps}
+		present={contentState.root.open.current}
+		isStatic
+		{id}
+		onInteractOutside={handleInteractOutside}
+		onEscapeKeydown={handleEscapeKeydown}
+		onOpenAutoFocus={(e) => e.preventDefault()}
+		onCloseAutoFocus={(e) => e.preventDefault()}
+		trapFocus={false}
+		loop={false}
+		preventScroll={false}
+		forceMount={false}
+	>
+		{#snippet popper({ props })}
+			{@const mergedProps = mergeProps(props, {
+				style: getFloatingContentCSSVars("link-preview"),
+			})}
+			{#if child}
+				{@render child({ props: mergedProps, ...contentState.snippetProps })}
+			{:else}
+				<div {...mergedProps}>
+					{@render children?.()}
+				</div>
+			{/if}
+		{/snippet}
+	</PopperLayer>
+{/if}

package/dist/bits/link-preview/components/link-preview-content-static.svelte.d.ts

@@ -1,19 +1,4 @@
-import type { ContentStaticProps } 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 LinkPreviewContentStatic: $$__sveltets_2_IsomorphicComponent<ContentStaticProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type LinkPreviewContentStatic = InstanceType<typeof LinkPreviewContentStatic>;
+import type { LinkPreviewContentStaticProps } from "../types.js";
+declare const LinkPreviewContentStatic: import("svelte").Component<LinkPreviewContentStaticProps, {}, "ref">;
+type LinkPreviewContentStatic = ReturnType<typeof LinkPreviewContentStatic>;
 export default LinkPreviewContentStatic;

package/dist/bits/link-preview/components/link-preview-content.svelte

@@ -1,11 +1,12 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { ContentProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { LinkPreviewContentProps } from "../types.js";
 	import { useLinkPreviewContent } from "../link-preview.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
 	import PopperLayer from "../../utilities/popper-layer/popper-layer.svelte";
 	import { getFloatingContentCSSVars } from "../../../internal/floating-svelte/floating-utils.svelte.js";
+	import PopperLayerForceMount from "../../utilities/popper-layer/popper-layer-force-mount.svelte";
+	import Mounted from "../../utilities/mounted.svelte";
 
 	let {
 		children,
@@ -24,7 +25,7 @@
 		onEscapeKeydown,
 		forceMount = false,
 		...restProps
-	}: ContentProps = $props();
+	}: LinkPreviewContentProps = $props();
 
 	const contentState = useLinkPreviewContent({
 		id: box.with(() => id),
@@ -46,38 +47,77 @@
 	});
 
 	const mergedProps = $derived(mergeProps(restProps, floatingProps, contentState.props));
-</script>
 
-<PopperLayer
-	{...mergedProps}
-	present={contentState.root.open.current || forceMount}
-	{id}
-	onInteractOutside={(e) => {
+	function handleInteractOutside(e: PointerEvent) {
 		onInteractOutside?.(e);
 		if (e.defaultPrevented) return;
-		contentState.root.immediateClose();
-	}}
-	onEscapeKeydown={(e) => {
+		contentState.root.handleClose();
+	}
+
+	function handleEscapeKeydown(e: KeyboardEvent) {
 		onEscapeKeydown?.(e);
 		if (e.defaultPrevented) return;
-		contentState.root.immediateClose();
-	}}
-	onOpenAutoFocus={(e) => e.preventDefault()}
-	onCloseAutoFocus={(e) => e.preventDefault()}
-	trapFocus={false}
-	loop={false}
-	preventScroll={false}
->
-	{#snippet popper({ props })}
-		{@const mergedProps = mergeProps(props, {
-			style: getFloatingContentCSSVars("link-preview"),
-		})}
-		{#if child}
-			{@render child({ props: mergedProps, ...contentState.snippetProps })}
-		{:else}
-			<div {...mergedProps}>
-				{@render children?.(contentState.snippetProps)}
-			</div>
-		{/if}
-	{/snippet}
-</PopperLayer>
+		contentState.root.handleClose();
+	}
+</script>
+
+{#if forceMount}
+	<PopperLayerForceMount
+		{...mergedProps}
+		enabled={contentState.root.open.current}
+		{id}
+		onInteractOutside={handleInteractOutside}
+		onEscapeKeydown={handleEscapeKeydown}
+		onOpenAutoFocus={(e) => e.preventDefault()}
+		onCloseAutoFocus={(e) => e.preventDefault()}
+		trapFocus={false}
+		loop={false}
+		preventScroll={false}
+		forceMount={true}
+	>
+		{#snippet popper({ props, wrapperProps })}
+			{@const mergedProps = mergeProps(props, {
+				style: getFloatingContentCSSVars("link-preview"),
+			})}
+			{#if child}
+				{@render child({ props: mergedProps, wrapperProps, ...contentState.snippetProps })}
+			{:else}
+				<div {...wrapperProps}>
+					<div {...mergedProps}>
+						{@render children?.()}
+					</div>
+				</div>
+			{/if}
+		{/snippet}
+	</PopperLayerForceMount>
+{:else if !forceMount}
+	<PopperLayer
+		{...mergedProps}
+		present={contentState.root.open.current}
+		{id}
+		onInteractOutside={handleInteractOutside}
+		onEscapeKeydown={handleEscapeKeydown}
+		onOpenAutoFocus={(e) => e.preventDefault()}
+		onCloseAutoFocus={(e) => e.preventDefault()}
+		trapFocus={false}
+		loop={false}
+		preventScroll={false}
+		forceMount={false}
+	>
+		{#snippet popper({ props, wrapperProps })}
+			{@const mergedProps = mergeProps(props, {
+				style: getFloatingContentCSSVars("link-preview"),
+			})}
+			{#if child}
+				{@render child({ props: mergedProps, wrapperProps, ...contentState.snippetProps })}
+			{:else}
+				<div {...wrapperProps}>
+					<div {...mergedProps}>
+						{@render children?.()}
+					</div>
+				</div>
+			{/if}
+			<Mounted onMountedChange={(m) => (contentState.root.contentMounted = m)} />
+		{/snippet}
+	</PopperLayer>
+{/if}

package/dist/bits/link-preview/components/link-preview-content.svelte.d.ts

@@ -1,19 +1,4 @@
-import type { ContentProps } 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 LinkPreviewContent: $$__sveltets_2_IsomorphicComponent<ContentProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type LinkPreviewContent = InstanceType<typeof LinkPreviewContent>;
+import type { LinkPreviewContentProps } from "../types.js";
+declare const LinkPreviewContent: import("svelte").Component<LinkPreviewContentProps, {}, "ref">;
+type LinkPreviewContent = ReturnType<typeof LinkPreviewContent>;
 export default LinkPreviewContent;

package/dist/bits/link-preview/components/link-preview-trigger.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { TriggerProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { LinkPreviewTriggerProps } from "../types.js";
 	import { useLinkPreviewTrigger } from "../link-preview.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
 	import { FloatingLayer } from "../../utilities/floating-layer/index.js";
 
 	let {
@@ -12,7 +11,7 @@
 		child,
 		children,
 		...restProps
-	}: TriggerProps = $props();
+	}: LinkPreviewTriggerProps = $props();
 
 	const triggerState = useLinkPreviewTrigger({
 		id: box.with(() => id),

package/dist/bits/link-preview/components/link-preview-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 LinkPreviewTrigger: $$__sveltets_2_IsomorphicComponent<TriggerProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type LinkPreviewTrigger = InstanceType<typeof LinkPreviewTrigger>;
+import type { LinkPreviewTriggerProps } from "../types.js";
+declare const LinkPreviewTrigger: import("svelte").Component<LinkPreviewTriggerProps, {}, "ref">;
+type LinkPreviewTrigger = ReturnType<typeof LinkPreviewTrigger>;
 export default LinkPreviewTrigger;

package/dist/bits/link-preview/components/link-preview.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
-	import type { RootProps } from "../index.js";
+	import type { LinkPreviewRootProps } from "../types.js";
 	import { useLinkPreviewRoot } from "../link-preview.svelte.js";
-	import { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.js";
 	import { FloatingLayer } from "../../utilities/floating-layer/index.js";
 
 	let {
@@ -10,20 +10,15 @@
 		onOpenChange = noop,
 		openDelay = 700,
 		closeDelay = 300,
-		controlledOpen = false,
 		children,
-	}: RootProps = $props();
+	}: LinkPreviewRootProps = $props();
 
 	useLinkPreviewRoot({
 		open: box.with(
 			() => open,
 			(v) => {
-				if (controlledOpen) {
-					onOpenChange(v);
-				} else {
-					open = v;
-					onOpenChange(v);
-				}
+				open = v;
+				onOpenChange(v);
 			}
 		),
 		openDelay: box.with(() => openDelay),

package/dist/bits/link-preview/components/link-preview.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 LinkPreview: $$__sveltets_2_IsomorphicComponent<import("../types.js").LinkPreviewRootPropsWithoutHTML, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "open">;
-type LinkPreview = InstanceType<typeof LinkPreview>;
+declare const LinkPreview: import("svelte").Component<import("../types.js").LinkPreviewRootPropsWithoutHTML, {}, "open">;
+type LinkPreview = ReturnType<typeof LinkPreview>;
 export default LinkPreview;

package/dist/bits/link-preview/exports.d.ts

@@ -0,0 +1,7 @@
+export { default as Arrow } from "../utilities/floating-layer/components/floating-layer-arrow.svelte";
+export { default as Root } from "./components/link-preview.svelte";
+export { default as Content } from "./components/link-preview-content.svelte";
+export { default as Trigger } from "./components/link-preview-trigger.svelte";
+export { default as Portal } from "../utilities/portal/portal.svelte";
+export { default as ContentStatic } from "./components/link-preview-content-static.svelte";
+export type { LinkPreviewRootProps as RootProps, LinkPreviewArrowProps as ArrowProps, LinkPreviewContentProps as ContentProps, LinkPreviewContentStaticProps as ContentStaticProps, LinkPreviewTriggerProps as TriggerProps, LinkPreviewPortalProps as PortalProps, } from "./types.js";

package/dist/bits/link-preview/exports.js

@@ -0,0 +1,6 @@
+export { default as Arrow } from "../utilities/floating-layer/components/floating-layer-arrow.svelte";
+export { default as Root } from "./components/link-preview.svelte";
+export { default as Content } from "./components/link-preview-content.svelte";
+export { default as Trigger } from "./components/link-preview-trigger.svelte";
+export { default as Portal } from "../utilities/portal/portal.svelte";
+export { default as ContentStatic } from "./components/link-preview-content-static.svelte";

package/dist/bits/link-preview/index.d.ts

@@ -1,7 +1 @@
-export { default as Arrow } from "../utilities/floating-layer/components/floating-layer-arrow.svelte";
-export { default as Root } from "./components/link-preview.svelte";
-export { default as Content } from "./components/link-preview-content.svelte";
-export { default as Trigger } from "./components/link-preview-trigger.svelte";
-export { default as Portal } from "../utilities/portal/portal.svelte";
-export { default as ContentStatic } from "./components/link-preview-content-static.svelte";
-export type { LinkPreviewRootProps as RootProps, LinkPreviewArrowProps as ArrowProps, LinkPreviewContentProps as ContentProps, LinkPreviewContentStaticProps as ContentStaticProps, LinkPreviewTriggerProps as TriggerProps, LinkPreviewPortalProps as PortalProps, } from "./types.js";
+export * as LinkPreview from "./exports.js";

package/dist/bits/link-preview/index.js

@@ -1,6 +1 @@
-export { default as Arrow } from "../utilities/floating-layer/components/floating-layer-arrow.svelte";
-export { default as Root } from "./components/link-preview.svelte";
-export { default as Content } from "./components/link-preview-content.svelte";
-export { default as Trigger } from "./components/link-preview-trigger.svelte";
-export { default as Portal } from "../utilities/portal/portal.svelte";
-export { default as ContentStatic } from "./components/link-preview-content-static.svelte";
+export * as LinkPreview from "./exports.js";

package/dist/bits/link-preview/link-preview.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 { BitsFocusEvent, BitsPointerEvent, WithRefProps } from "../../internal/types.js";
 type LinkPreviewRootStateProps = WritableBoxedValues<{
     open: boolean;
 }> & ReadableBoxedValues<{
@@ -15,34 +15,36 @@ declare class LinkPreviewRootState {
     containsSelection: boolean;
     timeout: number | null;
     contentNode: HTMLElement | null;
-    contentId: string | undefined;
+    contentMounted: boolean;
     triggerNode: HTMLElement | null;
     isPointerInTransit: import("svelte-toolbelt").WritableBox<boolean>;
+    isOpening: boolean;
     constructor(props: LinkPreviewRootStateProps);
-    clearTimeout: () => void;
-    handleOpen: () => void;
-    immediateClose: () => void;
-    handleClose: () => void;
-    createTrigger(props: LinkPreviewTriggerStateProps): LinkPreviewTriggerState;
-    createContent(props: LinkPreviewContentStateProps): LinkPreviewContentState;
+    clearTimeout(): void;
+    handleOpen(): void;
+    immediateClose(): void;
+    handleClose(): void;
 }
 type LinkPreviewTriggerStateProps = WithRefProps;
 declare class LinkPreviewTriggerState {
     #private;
     constructor(props: LinkPreviewTriggerStateProps, root: LinkPreviewRootState);
+    onpointerenter(e: BitsPointerEvent): void;
+    onpointerleave(e: BitsPointerEvent): void;
+    onfocus(e: BitsFocusEvent): void;
+    onblur(_: BitsFocusEvent): void;
     props: {
         readonly id: string;
         readonly "aria-haspopup": "dialog";
-        readonly "aria-expanded": "false" | "true";
+        readonly "aria-expanded": "true" | "false";
         readonly "data-state": "open" | "closed";
         readonly "aria-controls": string | undefined;
         readonly role: "button";
         readonly "data-link-preview-trigger": "";
-        readonly onpointerenter: (e: PointerEvent) => void;
-        readonly onfocus: (e: FocusEvent & {
-            currentTarget: HTMLElement;
-        }) => void;
-        readonly onblur: () => void;
+        readonly onpointerenter: (e: BitsPointerEvent) => void;
+        readonly onfocus: (e: BitsFocusEvent) => void;
+        readonly onblur: (_: BitsFocusEvent) => void;
+        readonly onpointerleave: (e: BitsPointerEvent) => void;
     };
 }
 type LinkPreviewContentStateProps = WithRefProps;
@@ -50,6 +52,9 @@ declare class LinkPreviewContentState {
     #private;
     root: LinkPreviewRootState;
     constructor(props: LinkPreviewContentStateProps, root: LinkPreviewRootState);
+    onpointerdown(e: BitsPointerEvent): void;
+    onpointerenter(e: BitsPointerEvent): void;
+    onfocusout(e: BitsFocusEvent): void;
     snippetProps: {
         open: boolean;
     };
@@ -58,11 +63,9 @@ declare class LinkPreviewContentState {
         readonly tabindex: -1;
         readonly "data-state": "open" | "closed";
         readonly "data-link-preview-content": "";
-        readonly onpointerdown: (e: PointerEvent & {
-            currentTarget: HTMLElement;
-        }) => void;
-        readonly onpointerenter: (e: PointerEvent) => void;
-        readonly onfocusout: (e: FocusEvent) => void;
+        readonly onpointerdown: (e: BitsPointerEvent) => void;
+        readonly onpointerenter: (e: BitsPointerEvent) => void;
+        readonly onfocusout: (e: BitsFocusEvent) => void;
     };
 }
 export declare function useLinkPreviewRoot(props: LinkPreviewRootStateProps): LinkPreviewRootState;