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

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

@@ -1,12 +1,13 @@
 /**
- * This logic is adapted from Radix UI's ScrollArea component.
+ * This logic is adapted from Radix UI ScrollArea component.
  * https://github.com/radix-ui/primitives/blob/main/packages/react/scroll-area/src/ScrollArea.tsx
  * Credit to Jenna Smith (@jjenzz) for the original implementation.
  * Incredible thought must have went into solving all the intricacies of this component.
  */
+import { Context } from "runed";
 import type { ScrollAreaType } from "./types.js";
 import type { ReadableBoxedValues } from "../../internal/box.svelte.js";
-import type { WithRefProps } from "../../internal/types.js";
+import type { BitsPointerEvent, WithRefProps } from "../../internal/types.js";
 import { type Direction, type Orientation } from "../../shared/index.js";
 type Sizes = {
     content: number;
@@ -47,9 +48,6 @@ declare class ScrollAreaRootState {
         };
         readonly "data-scroll-area-root": "";
     };
-    createViewport(props: ScrollAreaViewportStateProps): ScrollAreaViewportState;
-    createScrollbar(props: ScrollAreaScrollbarStateProps): ScrollAreaScrollbarState;
-    createCorner(props: ScrollAreaCornerImplStateProps): ScrollAreaCornerImplState;
 }
 type ScrollAreaViewportStateProps = WithRefProps;
 declare class ScrollAreaViewportState {
@@ -59,16 +57,23 @@ declare class ScrollAreaViewportState {
     props: {
         readonly id: string;
         readonly style: {
-            readonly overflowX: "scroll" | "hidden";
-            readonly overflowY: "scroll" | "hidden";
+            readonly overflowX: "hidden" | "scroll";
+            readonly overflowY: "hidden" | "scroll";
         };
         readonly "data-scroll-area-viewport": "";
     };
     contentProps: {
         readonly id: string;
+        readonly "data-scroll-area-content": "";
+        /**
+         * When horizontal scrollbar is visible: this element should be at least
+         * as wide as its children for size calculations to work correctly.
+         *
+         * When horizontal scrollbar is NOT visible: this element's width should
+         * be constrained by the parent container to enable `text-overflow: ellipsis`
+         */
         readonly style: {
-            readonly minWidth: "100%";
-            readonly display: "table";
+            readonly minWidth: "fit-content" | undefined;
         };
     };
 }
@@ -83,10 +88,6 @@ declare class ScrollAreaScrollbarState {
     isHorizontal: boolean;
     hasThumb: boolean;
     constructor(props: ScrollAreaScrollbarStateProps, root: ScrollAreaRootState);
-    createScrollbarHover(): ScrollAreaScrollbarHoverState;
-    createScrollbarScroll(): ScrollAreaScrollbarScrollState;
-    createScrollbarAuto(): ScrollAreaScrollbarAutoState;
-    createScrollbarVisible(): ScrollAreaScrollbarVisibleState;
 }
 declare class ScrollAreaScrollbarHoverState {
     root: ScrollAreaRootState;
@@ -98,7 +99,6 @@ declare class ScrollAreaScrollbarHoverState {
     };
 }
 declare class ScrollAreaScrollbarScrollState {
-    #private;
     orientation: ScrollAreaScrollbarState["orientation"];
     root: ScrollAreaRootState;
     scrollbar: ScrollAreaScrollbarState;
@@ -108,10 +108,12 @@ declare class ScrollAreaScrollbarScrollState {
     };
     isHidden: boolean;
     constructor(scrollbar: ScrollAreaScrollbarState);
+    onpointerenter(_: BitsPointerEvent): void;
+    onpointerleave(_: BitsPointerEvent): void;
     props: {
         readonly "data-state": "hidden" | "visible";
-        readonly onpointerenter: () => void;
-        readonly onpointerleave: () => void;
+        readonly onpointerenter: (_: BitsPointerEvent) => void;
+        readonly onpointerleave: (_: BitsPointerEvent) => void;
     };
 }
 declare class ScrollAreaScrollbarAutoState {
@@ -133,18 +135,16 @@ declare class ScrollAreaScrollbarVisibleState {
     hasThumb: boolean;
     prevTransformStyle: string;
     constructor(scrollbar: ScrollAreaScrollbarState);
-    setSizes: (sizes: Sizes) => void;
-    getScrollPosition: (pointerPos: number, dir?: Direction) => number;
-    onThumbPointerUp: () => void;
-    onThumbPointerDown: (pointerPos: number) => void;
-    xOnThumbPositionChange: () => void;
-    xOnWheelScroll: (scrollPos: number) => void;
-    xOnDragScroll: (pointerPos: number) => void;
-    yOnThumbPositionChange: () => void;
-    yOnWheelScroll: (scrollPos: number) => void;
-    yOnDragScroll: (pointerPos: number) => void;
-    createScrollbarX(props: ScrollbarAxisStateProps): ScrollAreaScrollbarXState;
-    createScrollbarY(props: ScrollbarAxisStateProps): ScrollAreaScrollbarYState;
+    setSizes(sizes: Sizes): void;
+    getScrollPosition(pointerPos: number, dir?: Direction): number;
+    onThumbPointerUp(): void;
+    onThumbPointerDown(pointerPos: number): void;
+    xOnThumbPositionChange(): void;
+    xOnWheelScroll(scrollPos: number): void;
+    xOnDragScroll(pointerPos: number): void;
+    yOnThumbPositionChange(): void;
+    yOnWheelScroll(scrollPos: number): void;
+    yOnDragScroll(pointerPos: number): void;
 }
 type ScrollbarAxisStateProps = ReadableBoxedValues<{
     mounted: boolean;
@@ -162,7 +162,6 @@ type ScrollbarAxisState = {
     onResize: () => void;
     onThumbPositionChange: () => void;
     onThumbPointerUp: () => void;
-    createShared: () => ScrollAreaScrollbarSharedState;
     props: {
         id: string;
         "data-orientation": "horizontal" | "vertical";
@@ -199,7 +198,6 @@ declare class ScrollAreaScrollbarXState implements ScrollbarAxisState {
             readonly "--bits-scroll-area-thumb-width": `${number}px`;
         };
     };
-    createShared(): ScrollAreaScrollbarSharedState;
 }
 declare class ScrollAreaScrollbarYState implements ScrollbarAxisState {
     #private;
@@ -208,18 +206,18 @@ declare class ScrollAreaScrollbarYState implements ScrollbarAxisState {
     root: ScrollAreaRootState;
     computedStyle: CSSStyleDeclaration | undefined;
     constructor(props: ScrollbarAxisStateProps, scrollbarVis: ScrollAreaScrollbarVisibleState);
-    onThumbPointerDown: (pointerPos: {
+    onThumbPointerDown(pointerPos: {
         x: number;
         y: number;
-    }) => void;
-    onDragScroll: (pointerPos: {
+    }): void;
+    onDragScroll(pointerPos: {
         x: number;
         y: number;
-    }) => void;
-    onThumbPointerUp: () => void;
-    onThumbPositionChange: () => void;
-    onWheelScroll: (e: WheelEvent, maxScrollPos: number) => void;
-    onResize: () => void;
+    }): void;
+    onThumbPointerUp(): void;
+    onThumbPositionChange(): void;
+    onWheelScroll(e: WheelEvent, maxScrollPos: number): void;
+    onResize(): void;
     thumbSize: number;
     props: {
         readonly id: string;
@@ -232,11 +230,9 @@ declare class ScrollAreaScrollbarYState implements ScrollbarAxisState {
             readonly "--bits-scroll-area-thumb-height": `${number}px`;
         };
     };
-    createShared(): ScrollAreaScrollbarSharedState;
 }
 type ScrollbarAxis = ScrollAreaScrollbarXState | ScrollAreaScrollbarYState;
 declare class ScrollAreaScrollbarSharedState {
-    #private;
     scrollbarState: ScrollbarAxis;
     root: ScrollAreaRootState;
     scrollbarVis: ScrollAreaScrollbarVisibleState;
@@ -252,9 +248,11 @@ declare class ScrollAreaScrollbarSharedState {
     handleThumbPointerUp: () => void;
     maxScrollPos: number;
     constructor(scrollbarState: ScrollbarAxis);
-    handleDragScroll: (e: PointerEvent) => void;
+    handleDragScroll(e: PointerEvent): void;
+    onpointerdown(e: BitsPointerEvent): void;
+    onpointermove(e: BitsPointerEvent): void;
+    onpointerup(e: BitsPointerEvent): void;
     props: never;
-    createThumb(props: ScrollAreaThumbImplStateProps): ScrollAreaThumbImplState;
 }
 type ScrollAreaThumbImplStateProps = WithRefProps & ReadableBoxedValues<{
     mounted: boolean;
@@ -262,6 +260,8 @@ type ScrollAreaThumbImplStateProps = WithRefProps & ReadableBoxedValues<{
 declare class ScrollAreaThumbImplState {
     #private;
     constructor(props: ScrollAreaThumbImplStateProps, scrollbarState: ScrollAreaScrollbarSharedState);
+    onpointerdowncapture(e: BitsPointerEvent): void;
+    onpointerup(_: BitsPointerEvent): void;
     props: {
         readonly id: string;
         readonly "data-state": "hidden" | "visible";
@@ -270,8 +270,8 @@ declare class ScrollAreaThumbImplState {
             readonly height: "var(--bits-scroll-area-thumb-height)";
             readonly transform: string;
         };
-        readonly onpointerdowncapture: (e: PointerEvent) => void;
-        readonly onpointerup: () => void;
+        readonly onpointerdowncapture: (e: BitsPointerEvent) => void;
+        readonly onpointerup: (_: BitsPointerEvent) => void;
         readonly "data-scroll-area-thumb": "";
     };
 }
@@ -293,11 +293,11 @@ declare class ScrollAreaCornerImplState {
         "data-scroll-area-corner": string;
     };
 }
-export declare const setScrollAreaRootContext: (value: ScrollAreaRootState) => ScrollAreaRootState, getScrollAreaRootContext: <T extends ScrollAreaRootState | null | undefined = ScrollAreaRootState>(fallback?: T | undefined) => T extends null ? ScrollAreaRootState | null : ScrollAreaRootState;
-export declare const setScrollAreaScrollbarContext: (value: ScrollAreaScrollbarState) => ScrollAreaScrollbarState, getScrollAreaScrollbarContext: <T extends ScrollAreaScrollbarState | null | undefined = ScrollAreaScrollbarState>(fallback?: T | undefined) => T extends null ? ScrollAreaScrollbarState | null : ScrollAreaScrollbarState;
-export declare const setScrollAreaScrollbarVisibleContext: (value: ScrollAreaScrollbarVisibleState) => ScrollAreaScrollbarVisibleState, getScrollAreaScrollbarVisibleContext: <T extends ScrollAreaScrollbarVisibleState | null | undefined = ScrollAreaScrollbarVisibleState>(fallback?: T | undefined) => T extends null ? ScrollAreaScrollbarVisibleState | null : ScrollAreaScrollbarVisibleState;
-export declare const setScrollAreaScrollbarAxisContext: (value: ScrollbarAxisState) => ScrollbarAxisState, getScrollAreaScrollbarAxisContext: <T extends ScrollbarAxisState | null | undefined = ScrollbarAxisState>(fallback?: T | undefined) => T extends null ? ScrollbarAxisState | null : ScrollbarAxisState;
-export declare const setScrollAreaScrollbarSharedContext: (value: ScrollAreaScrollbarSharedState) => ScrollAreaScrollbarSharedState, getScrollAreaScrollbarSharedContext: <T extends ScrollAreaScrollbarSharedState | null | undefined = ScrollAreaScrollbarSharedState>(fallback?: T | undefined) => T extends null ? ScrollAreaScrollbarSharedState | null : ScrollAreaScrollbarSharedState;
+export declare const ScrollAreaRootContext: Context<ScrollAreaRootState>;
+export declare const ScrollAreaScrollbarContext: Context<ScrollAreaScrollbarState>;
+export declare const ScrollAreaScrollbarVisibleContext: Context<ScrollAreaScrollbarVisibleState>;
+export declare const ScrollAreaScrollbarAxisContext: Context<ScrollbarAxis>;
+export declare const ScrollAreaScrollbarSharedContext: Context<ScrollAreaScrollbarSharedState>;
 export declare function useScrollAreaRoot(props: ScrollAreaRootStateProps): ScrollAreaRootState;
 export declare function useScrollAreaViewport(props: ScrollAreaViewportStateProps): ScrollAreaViewportState;
 export declare function useScrollAreaScrollbar(props: ScrollAreaScrollbarStateProps): ScrollAreaScrollbarState;
@@ -305,8 +305,8 @@ export declare function useScrollAreaScrollbarVisible(): ScrollAreaScrollbarVisi
 export declare function useScrollAreaScrollbarAuto(): ScrollAreaScrollbarAutoState;
 export declare function useScrollAreaScrollbarScroll(): ScrollAreaScrollbarScrollState;
 export declare function useScrollAreaScrollbarHover(): ScrollAreaScrollbarHoverState;
-export declare function useScrollAreaScrollbarX(props: ScrollbarAxisStateProps): ScrollbarAxisState;
-export declare function useScrollAreaScrollbarY(props: ScrollbarAxisStateProps): ScrollbarAxisState;
+export declare function useScrollAreaScrollbarX(props: ScrollbarAxisStateProps): ScrollbarAxis;
+export declare function useScrollAreaScrollbarY(props: ScrollbarAxisStateProps): ScrollbarAxis;
 export declare function useScrollAreaScrollbarShared(): ScrollAreaScrollbarSharedState;
 export declare function useScrollAreaThumb(props: ScrollAreaThumbImplStateProps): ScrollAreaThumbImplState;
 export declare function useScrollAreaCorner(props: ScrollAreaCornerImplStateProps): ScrollAreaCornerImplState;