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

package/dist/bits/scroll-area/components/scroll-area-corner.svelte.d.ts

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

package/dist/bits/scroll-area/components/scroll-area-scrollbar-auto.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
+	import { mergeProps } from "svelte-toolbelt";
 	import { useScrollAreaScrollbarAuto } from "../scroll-area.svelte.js";
 	import type { _ScrollbarStubProps } from "../types.js";
 	import ScrollAreaScrollbarVisible from "./scroll-area-scrollbar-visible.svelte";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { PresenceLayer } from "../../utilities/presence-layer/index.js";
+	import PresenceLayer from "../../utilities/presence-layer/presence-layer.svelte";
 
 	let { forceMount = false, ...restProps }: _ScrollbarStubProps = $props();
 

package/dist/bits/scroll-area/components/scroll-area-scrollbar-auto.svelte.d.ts

@@ -1,19 +1,4 @@
 import type { _ScrollbarStubProps } from "../types.js";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const ScrollAreaScrollbarAuto: $$__sveltets_2_IsomorphicComponent<_ScrollbarStubProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type ScrollAreaScrollbarAuto = InstanceType<typeof ScrollAreaScrollbarAuto>;
+declare const ScrollAreaScrollbarAuto: import("svelte").Component<_ScrollbarStubProps, {}, "">;
+type ScrollAreaScrollbarAuto = ReturnType<typeof ScrollAreaScrollbarAuto>;
 export default ScrollAreaScrollbarAuto;

package/dist/bits/scroll-area/components/scroll-area-scrollbar-hover.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
+	import { mergeProps } from "svelte-toolbelt";
 	import {
 		useScrollAreaScrollbarAuto,
 		useScrollAreaScrollbarHover,
 	} from "../scroll-area.svelte.js";
 	import type { _ScrollbarStubProps } from "../types.js";
 	import ScrollAreaScrollbarVisible from "./scroll-area-scrollbar-visible.svelte";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { PresenceLayer } from "../../utilities/presence-layer/index.js";
+	import PresenceLayer from "../../utilities/presence-layer/presence-layer.svelte";
 
 	let { forceMount = false, ...restProps }: _ScrollbarStubProps = $props();
 

package/dist/bits/scroll-area/components/scroll-area-scrollbar-hover.svelte.d.ts

@@ -1,19 +1,4 @@
 import type { _ScrollbarStubProps } from "../types.js";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const ScrollAreaScrollbarHover: $$__sveltets_2_IsomorphicComponent<_ScrollbarStubProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type ScrollAreaScrollbarHover = InstanceType<typeof ScrollAreaScrollbarHover>;
+declare const ScrollAreaScrollbarHover: import("svelte").Component<_ScrollbarStubProps, {}, "">;
+type ScrollAreaScrollbarHover = ReturnType<typeof ScrollAreaScrollbarHover>;
 export default ScrollAreaScrollbarHover;

package/dist/bits/scroll-area/components/scroll-area-scrollbar-scroll.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
+	import { mergeProps } from "svelte-toolbelt";
 	import { useScrollAreaScrollbarScroll } from "../scroll-area.svelte.js";
 	import type { _ScrollbarStubProps } from "../types.js";
 	import ScrollAreaScrollbarVisible from "./scroll-area-scrollbar-visible.svelte";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { PresenceLayer } from "../../utilities/presence-layer/index.js";
+	import PresenceLayer from "../../utilities/presence-layer/presence-layer.svelte";
 
 	let { forceMount = false, ...restProps }: _ScrollbarStubProps = $props();
 

package/dist/bits/scroll-area/components/scroll-area-scrollbar-scroll.svelte.d.ts

@@ -1,19 +1,4 @@
 import type { _ScrollbarStubProps } from "../types.js";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const ScrollAreaScrollbarScroll: $$__sveltets_2_IsomorphicComponent<_ScrollbarStubProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type ScrollAreaScrollbarScroll = InstanceType<typeof ScrollAreaScrollbarScroll>;
+declare const ScrollAreaScrollbarScroll: import("svelte").Component<_ScrollbarStubProps, {}, "">;
+type ScrollAreaScrollbarScroll = ReturnType<typeof ScrollAreaScrollbarScroll>;
 export default ScrollAreaScrollbarScroll;

package/dist/bits/scroll-area/components/scroll-area-scrollbar-shared.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
+	import { mergeProps } from "svelte-toolbelt";
 	import { useScrollAreaScrollbarShared } from "../scroll-area.svelte.js";
 	import type { _ScrollbarStubProps } from "../types.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
 
 	let { child, children, ...restProps }: _ScrollbarStubProps = $props();
 

package/dist/bits/scroll-area/components/scroll-area-scrollbar-shared.svelte.d.ts

@@ -1,19 +1,4 @@
 import type { _ScrollbarStubProps } from "../types.js";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const ScrollAreaScrollbarShared: $$__sveltets_2_IsomorphicComponent<_ScrollbarStubProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type ScrollAreaScrollbarShared = InstanceType<typeof ScrollAreaScrollbarShared>;
+declare const ScrollAreaScrollbarShared: import("svelte").Component<_ScrollbarStubProps, {}, "">;
+type ScrollAreaScrollbarShared = ReturnType<typeof ScrollAreaScrollbarShared>;
 export default ScrollAreaScrollbarShared;

package/dist/bits/scroll-area/components/scroll-area-scrollbar-visible.svelte.d.ts

@@ -1,19 +1,4 @@
 import type { _ScrollbarStubProps } from "../types.js";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const ScrollAreaScrollbarVisible: $$__sveltets_2_IsomorphicComponent<Omit<_ScrollbarStubProps, "forceMount">, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type ScrollAreaScrollbarVisible = InstanceType<typeof ScrollAreaScrollbarVisible>;
+declare const ScrollAreaScrollbarVisible: import("svelte").Component<Omit<_ScrollbarStubProps, "forceMount">, {}, "">;
+type ScrollAreaScrollbarVisible = ReturnType<typeof ScrollAreaScrollbarVisible>;
 export default ScrollAreaScrollbarVisible;

package/dist/bits/scroll-area/components/scroll-area-scrollbar-x.svelte

@@ -1,10 +1,9 @@
 <script lang="ts">
 	import { IsMounted } from "runed";
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { useScrollAreaScrollbarX } from "../scroll-area.svelte.js";
 	import type { _ScrollbarStubProps } from "../types.js";
 	import ScrollAreaScrollbarShared from "./scroll-area-scrollbar-shared.svelte";
-	import { mergeProps } from "../../../internal/mergeProps.js";
 
 	let { ...restProps }: _ScrollbarStubProps = $props();
 
@@ -13,7 +12,8 @@
 	const scrollbarXState = useScrollAreaScrollbarX({
 		mounted: box.with(() => isMounted.current),
 	});
-	const mergedProps = $derived(mergeProps(restProps, scrollbarXState.props));
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	const mergedProps = $derived(mergeProps(restProps, scrollbarXState.props)) as any;
 </script>
 
 <ScrollAreaScrollbarShared {...mergedProps} />

package/dist/bits/scroll-area/components/scroll-area-scrollbar-x.svelte.d.ts

@@ -1,19 +1,4 @@
 import type { _ScrollbarStubProps } from "../types.js";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const ScrollAreaScrollbarX: $$__sveltets_2_IsomorphicComponent<_ScrollbarStubProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type ScrollAreaScrollbarX = InstanceType<typeof ScrollAreaScrollbarX>;
+declare const ScrollAreaScrollbarX: import("svelte").Component<_ScrollbarStubProps, {}, "">;
+type ScrollAreaScrollbarX = ReturnType<typeof ScrollAreaScrollbarX>;
 export default ScrollAreaScrollbarX;

package/dist/bits/scroll-area/components/scroll-area-scrollbar-y.svelte

@@ -1,10 +1,9 @@
 <script lang="ts">
 	import { IsMounted } from "runed";
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { useScrollAreaScrollbarY } from "../scroll-area.svelte.js";
 	import type { _ScrollbarStubProps } from "../types.js";
 	import ScrollAreaScrollbarShared from "./scroll-area-scrollbar-shared.svelte";
-	import { mergeProps } from "../../../internal/mergeProps.js";
 
 	let { ...restProps }: _ScrollbarStubProps = $props();
 
@@ -14,7 +13,8 @@
 		mounted: box.with(() => isMounted.current),
 	});
 
-	const mergedProps = $derived(mergeProps(restProps, scrollbarYState.props));
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	const mergedProps = $derived(mergeProps(restProps, scrollbarYState.props)) as any;
 </script>
 
 <ScrollAreaScrollbarShared {...mergedProps} />

package/dist/bits/scroll-area/components/scroll-area-scrollbar-y.svelte.d.ts

@@ -1,19 +1,4 @@
 import type { _ScrollbarStubProps } from "../types.js";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const ScrollAreaScrollbarY: $$__sveltets_2_IsomorphicComponent<_ScrollbarStubProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type ScrollAreaScrollbarY = InstanceType<typeof ScrollAreaScrollbarY>;
+declare const ScrollAreaScrollbarY: import("svelte").Component<_ScrollbarStubProps, {}, "">;
+type ScrollAreaScrollbarY = ReturnType<typeof ScrollAreaScrollbarY>;
 export default ScrollAreaScrollbarY;

package/dist/bits/scroll-area/components/scroll-area-scrollbar.svelte

@@ -1,19 +1,19 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
-	import type { ScrollbarProps } from "../index.js";
+	import type { ScrollAreaScrollbarProps } from "../types.js";
 	import { useScrollAreaScrollbar } from "../scroll-area.svelte.js";
 	import ScrollAreaScrollbarAuto from "./scroll-area-scrollbar-auto.svelte";
 	import ScrollAreaScrollbarScroll from "./scroll-area-scrollbar-scroll.svelte";
 	import ScrollAreaScrollbarHover from "./scroll-area-scrollbar-hover.svelte";
 	import ScrollAreaScrollbarVisible from "./scroll-area-scrollbar-visible.svelte";
-	import { useId } from "../../../internal/useId.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		ref = $bindable(null),
 		id = useId(),
 		orientation,
 		...restProps
-	}: ScrollbarProps = $props();
+	}: ScrollAreaScrollbarProps = $props();
 
 	const scrollbarState = useScrollAreaScrollbar({
 		orientation: box.with(() => orientation),

package/dist/bits/scroll-area/components/scroll-area-scrollbar.svelte.d.ts

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

package/dist/bits/scroll-area/components/scroll-area-thumb-impl.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { IsMounted } from "runed";
-	import type { ThumbProps } from "../index.js";
+	import type { ScrollAreaThumbProps } from "../types.js";
 	import { useScrollAreaThumb } from "../scroll-area.svelte.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
 
 	let {
 		ref = $bindable(null),
@@ -12,7 +11,7 @@
 		children,
 		present,
 		...restProps
-	}: Omit<ThumbProps, "forceMount" | "id"> & {
+	}: Omit<ScrollAreaThumbProps, "forceMount" | "id"> & {
 		id: string;
 		present: boolean;
 	} = $props();

package/dist/bits/scroll-area/components/scroll-area-thumb-impl.svelte.d.ts

@@ -1,22 +1,8 @@
-import type { ThumbProps } 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 ScrollAreaThumbImpl: $$__sveltets_2_IsomorphicComponent<Omit<ThumbProps, "id" | "forceMount"> & {
+import type { ScrollAreaThumbProps } from "../types.js";
+type $$ComponentProps = Omit<ScrollAreaThumbProps, "forceMount" | "id"> & {
     id: string;
     present: boolean;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type ScrollAreaThumbImpl = InstanceType<typeof ScrollAreaThumbImpl>;
+};
+declare const ScrollAreaThumbImpl: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type ScrollAreaThumbImpl = ReturnType<typeof ScrollAreaThumbImpl>;
 export default ScrollAreaThumbImpl;

package/dist/bits/scroll-area/components/scroll-area-thumb.svelte

@@ -1,18 +1,18 @@
 <script lang="ts">
-	import type { ThumbProps } from "../index.js";
-	import { getScrollAreaScrollbarVisibleContext } from "../scroll-area.svelte.js";
+	import type { ScrollAreaThumbProps } from "../types.js";
+	import { ScrollAreaScrollbarVisibleContext } from "../scroll-area.svelte.js";
 	import ScrollAreaThumbImpl from "./scroll-area-thumb-impl.svelte";
-	import { useId } from "../../../internal/useId.js";
-	import { PresenceLayer } from "../../utilities/presence-layer/index.js";
+	import { useId } from "../../../internal/use-id.js";
+	import PresenceLayer from "../../utilities/presence-layer/presence-layer.svelte";
 
 	let {
 		id = useId(),
 		ref = $bindable(null),
 		forceMount = false,
 		...restProps
-	}: ThumbProps = $props();
+	}: ScrollAreaThumbProps = $props();
 
-	const scrollbarState = getScrollAreaScrollbarVisibleContext();
+	const scrollbarState = ScrollAreaScrollbarVisibleContext.get();
 </script>
 
 <PresenceLayer present={forceMount || scrollbarState.hasThumb} {...restProps} {id}>

package/dist/bits/scroll-area/components/scroll-area-thumb.svelte.d.ts

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

package/dist/bits/scroll-area/components/scroll-area-viewport.svelte

@@ -1,11 +1,15 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { ViewportProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { ScrollAreaViewportProps } from "../types.js";
 	import { useScrollAreaViewport } from "../scroll-area.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
 
-	let { ref = $bindable(null), id = useId(), children, ...restProps }: ViewportProps = $props();
+	let {
+		ref = $bindable(null),
+		id = useId(),
+		children,
+		...restProps
+	}: ScrollAreaViewportProps = $props();
 
 	const viewportState = useScrollAreaViewport({
 		id: box.with(() => id),
@@ -35,4 +39,13 @@
 	:global([data-scroll-area-viewport])::-webkit-scrollbar {
 		display: none !important;
 	}
+
+	:global(:where([data-scroll-area-viewport])) {
+		display: flex;
+		flex-direction: column;
+		align-items: stretch;
+	}
+	:global(:where([data-scroll-area-content])) {
+		flex-grow: 1;
+	}
 </style>

package/dist/bits/scroll-area/components/scroll-area-viewport.svelte.d.ts

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

package/dist/bits/scroll-area/components/scroll-area.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { RootProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { ScrollAreaRootProps } from "../types.js";
 	import { useScrollAreaRoot } from "../scroll-area.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		ref = $bindable(null),
@@ -14,7 +13,7 @@
 		children,
 		child,
 		...restProps
-	}: RootProps = $props();
+	}: ScrollAreaRootProps = $props();
 
 	const rootState = useScrollAreaRoot({
 		type: box.with(() => type),

package/dist/bits/scroll-area/components/scroll-area.svelte.d.ts

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

package/dist/bits/scroll-area/exports.d.ts

@@ -0,0 +1,6 @@
+export { default as Root } from "./components/scroll-area.svelte";
+export { default as Viewport } from "./components/scroll-area-viewport.svelte";
+export { default as Scrollbar } from "./components/scroll-area-scrollbar.svelte";
+export { default as Thumb } from "./components/scroll-area-thumb.svelte";
+export { default as Corner } from "./components/scroll-area-corner.svelte";
+export type { ScrollAreaRootProps as RootProps, ScrollAreaViewportProps as ViewportProps, ScrollAreaScrollbarProps as ScrollbarProps, ScrollAreaThumbProps as ThumbProps, ScrollAreaCornerProps as CornerProps, } from "./types.js";

package/dist/bits/scroll-area/exports.js

@@ -0,0 +1,5 @@
+export { default as Root } from "./components/scroll-area.svelte";
+export { default as Viewport } from "./components/scroll-area-viewport.svelte";
+export { default as Scrollbar } from "./components/scroll-area-scrollbar.svelte";
+export { default as Thumb } from "./components/scroll-area-thumb.svelte";
+export { default as Corner } from "./components/scroll-area-corner.svelte";

package/dist/bits/scroll-area/index.d.ts

@@ -1,6 +1 @@
-export { default as Root } from "./components/scroll-area.svelte";
-export { default as Viewport } from "./components/scroll-area-viewport.svelte";
-export { default as Scrollbar } from "./components/scroll-area-scrollbar.svelte";
-export { default as Thumb } from "./components/scroll-area-thumb.svelte";
-export { default as Corner } from "./components/scroll-area-corner.svelte";
-export type { ScrollAreaRootProps as RootProps, ScrollAreaViewportProps as ViewportProps, ScrollAreaScrollbarProps as ScrollbarProps, ScrollAreaThumbProps as ThumbProps, ScrollAreaCornerProps as CornerProps, } from "./types.js";
+export * as ScrollArea from "./exports.js";

package/dist/bits/scroll-area/index.js

@@ -1,5 +1 @@
-export { default as Root } from "./components/scroll-area.svelte";
-export { default as Viewport } from "./components/scroll-area-viewport.svelte";
-export { default as Scrollbar } from "./components/scroll-area-scrollbar.svelte";
-export { default as Thumb } from "./components/scroll-area-thumb.svelte";
-export { default as Corner } from "./components/scroll-area-corner.svelte";
+export * as ScrollArea from "./exports.js";