@vnejs/uis.react.scrollbar 0.1.6 → 0.1.7

package/dist/Scrollbar.d.ts

@@ -1,13 +1,3 @@
-export declare const Scrollbar: ({ className, children, width, height, scrollTo, scrollToEnd, hideScrolbars, disableScroll, wrapRef, textSize, }: {
-    className?: string;
-    children: any;
-    width?: number;
-    height?: number;
-    scrollTo?: number;
-    scrollToEnd?: boolean;
-    hideScrolbars?: boolean;
-    disableScroll?: boolean;
-    wrapRef?: any;
-    textSize?: any;
-}) => import("react/jsx-runtime").JSX.Element;
+import { type ScrollbarProps } from "./Scrollbar.types.js";
+export declare const Scrollbar: ({ className, children, width, height, scrollTo, scrollToEnd, hideScrolbars, disableScroll, wrapRef, textSize, }: ScrollbarProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Scrollbar.d.ts.map

package/dist/Scrollbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Scrollbar.d.ts","sourceRoot":"","sources":["../src/Scrollbar.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,SAAS,GAAI;;;;;;;;;;;CAWzB,4CA2DA,CAAC"}
+{"version":3,"file":"Scrollbar.d.ts","sourceRoot":"","sources":["../src/Scrollbar.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAuB3D,eAAO,MAAM,SAAS,GAAI,iHAWvB,cAAc,4CA2DhB,CAAC"}

package/dist/Scrollbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Scrollbar.js","sourceRoot":"","sources":["../src/Scrollbar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Scrollbar.js","sourceRoot":"","sources":["../src/Scrollbar.tsx"],"names":[],"mappings":"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"}

package/dist/Scrollbar.styles.d.ts

@@ -1,2 +1,2 @@
-export declare const b: (...args: any[]) => string;
+export declare const b: any;
 //# sourceMappingURL=Scrollbar.styles.d.ts.map

package/dist/Scrollbar.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Scrollbar.styles.d.ts","sourceRoot":"","sources":["../src/Scrollbar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,CAAC,4BAAkB,CAAC"}
+{"version":3,"file":"Scrollbar.styles.d.ts","sourceRoot":"","sources":["../src/Scrollbar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,CAAC,KAAkB,CAAC"}

package/dist/Scrollbar.types.d.ts

@@ -0,0 +1,14 @@
+import type { MutableRefObject, ReactNode } from "react";
+export type ScrollbarProps = {
+    className?: string;
+    children?: ReactNode;
+    width?: number;
+    height?: number;
+    scrollTo?: number;
+    scrollToEnd?: boolean;
+    hideScrolbars?: boolean;
+    disableScroll?: boolean;
+    wrapRef?: MutableRefObject<HTMLDivElement | null> | null;
+    textSize?: number | null;
+};
+//# sourceMappingURL=Scrollbar.types.d.ts.map

package/dist/Scrollbar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scrollbar.types.d.ts","sourceRoot":"","sources":["../src/Scrollbar.types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzD,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B,CAAC"}

package/dist/Scrollbar.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Scrollbar.types.js.map

package/dist/Scrollbar.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scrollbar.types.js","sourceRoot":"","sources":["../src/Scrollbar.types.tsx"],"names":[],"mappings":""}

package/dist/hooks/ref.hook.d.ts

@@ -1,7 +1,3 @@
-export declare const useRefForScrollHook: () => {
-    scrollbarWrapRef: import("react").RefObject<any>;
-    scrollbarChildrenRef: import("react").RefObject<any>;
-    thumbVerticalRef: import("react").RefObject<any>;
-    thumbHorizontalRef: import("react").RefObject<any>;
-};
+import { type UseRefForScrollHookReturn } from "./ref.hook.types.js";
+export declare const useRefForScrollHook: () => UseRefForScrollHookReturn;
 //# sourceMappingURL=ref.hook.d.ts.map

package/dist/hooks/ref.hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ref.hook.d.ts","sourceRoot":"","sources":["../../src/hooks/ref.hook.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB;;;;;CAQ/B,CAAC"}
+{"version":3,"file":"ref.hook.d.ts","sourceRoot":"","sources":["../../src/hooks/ref.hook.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAErE,eAAO,MAAM,mBAAmB,QAAO,yBAQtC,CAAC"}

package/dist/hooks/ref.hook.js.map

@@ -1 +1 @@
-{"version":3,"file":"ref.hook.js","sourceRoot":"","sources":["../../src/hooks/ref.hook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,oBAAoB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAE1C,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAExC,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,CAAC;AAC1F,CAAC,CAAC"}
+{"version":3,"file":"ref.hook.js","sourceRoot":"","sources":["../../src/hooks/ref.hook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAI/B,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAA8B,EAAE;IACjE,MAAM,gBAAgB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACtD,MAAM,oBAAoB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE1D,MAAM,gBAAgB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACtD,MAAM,kBAAkB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAExD,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,CAAC;AAC1F,CAAC,CAAC"}

package/dist/hooks/ref.hook.types.d.ts

@@ -0,0 +1,9 @@
+import type { RefObject } from "react";
+export type ScrollbarRefs = {
+    scrollbarWrapRef: RefObject<HTMLDivElement | null>;
+    scrollbarChildrenRef: RefObject<HTMLDivElement | null>;
+    thumbVerticalRef: RefObject<HTMLDivElement | null>;
+    thumbHorizontalRef: RefObject<HTMLDivElement | null>;
+};
+export type UseRefForScrollHookReturn = ScrollbarRefs;
+//# sourceMappingURL=ref.hook.types.d.ts.map

package/dist/hooks/ref.hook.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ref.hook.types.d.ts","sourceRoot":"","sources":["../../src/hooks/ref.hook.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,aAAa,GAAG;IAC1B,gBAAgB,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,oBAAoB,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACvD,gBAAgB,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,kBAAkB,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACtD,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,aAAa,CAAC"}

package/dist/hooks/ref.hook.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ref.hook.types.js.map

package/dist/hooks/ref.hook.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ref.hook.types.js","sourceRoot":"","sources":["../../src/hooks/ref.hook.types.ts"],"names":[],"mappings":""}

package/dist/hooks/scroll-to.hook.d.ts

@@ -1,2 +1,3 @@
-export declare const useScrollToHook: (scrollTo: any, scrollToEnd: any, scrollbarWrapRef: any, scrollbarChildrenRef: any) => void;
+import { type UseScrollToHook } from "./scroll-to.hook.types.js";
+export declare const useScrollToHook: UseScrollToHook;
 //# sourceMappingURL=scroll-to.hook.d.ts.map

package/dist/hooks/scroll-to.hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-to.hook.d.ts","sourceRoot":"","sources":["../../src/hooks/scroll-to.hook.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,GAAI,aAAQ,EAAE,gBAAW,EAAE,qBAAgB,EAAE,yBAAoB,SA+B5F,CAAC"}
+{"version":3,"file":"scroll-to.hook.d.ts","sourceRoot":"","sources":["../../src/hooks/scroll-to.hook.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,eAAe,EAGrB,MAAM,2BAA2B,CAAC;AAEnC,eAAO,MAAM,eAAe,EAAE,eAgC7B,CAAC"}

package/dist/hooks/scroll-to.hook.js

@@ -1,27 +1,27 @@
 import { useEffect } from "react";
 export const useScrollToHook = (scrollTo, scrollToEnd, scrollbarWrapRef, scrollbarChildrenRef) => {
     useEffect(() => {
-        if (!scrollTo)
+        if (!scrollTo || !scrollbarWrapRef.current || !scrollbarChildrenRef.current)
             return;
         const children = [...scrollbarChildrenRef.current.children];
         if (children[scrollTo]) {
             const element = children[scrollTo];
             if (scrollbarWrapRef.current.scrollTop > element.offsetTop ||
                 scrollbarWrapRef.current.scrollTop + scrollbarWrapRef.current.clientHeight < element.offsetTop + element.clientHeight ||
-                scrollbarWrapRef.current.scrollLeft > element.offsetleft ||
-                scrollbarWrapRef.current.scrollleft + scrollbarWrapRef.current.clientWidth < element.offsetleft + element.clientWidth)
+                scrollbarWrapRef.current.scrollLeft > element.offsetLeft ||
+                scrollbarWrapRef.current.scrollLeft + scrollbarWrapRef.current.clientWidth < element.offsetLeft + element.clientWidth)
                 element.scrollIntoView({ behavior: "smooth" });
         }
-    }, [scrollTo, scrollbarWrapRef.current]);
+    }, [scrollTo, scrollbarWrapRef, scrollbarChildrenRef]);
     useEffect(() => {
-        if (!scrollToEnd)
+        if (!scrollToEnd || !scrollbarChildrenRef.current)
             return;
-        const scrollToBottom = () => scrollbarChildrenRef?.current?.scrollIntoView({ behavior: "smooth", block: "end" });
+        const scrollToBottom = () => scrollbarChildrenRef.current?.scrollIntoView({ behavior: "smooth", block: "end" });
         const resizeObserver = new ResizeObserver(() => {
             setTimeout(scrollToBottom, 100);
         });
         resizeObserver.observe(scrollbarChildrenRef.current);
         return () => resizeObserver.disconnect();
-    }, [scrollToEnd, scrollbarWrapRef.current]);
+    }, [scrollToEnd, scrollbarChildrenRef]);
 };
 //# sourceMappingURL=scroll-to.hook.js.map

package/dist/hooks/scroll-to.hook.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-to.hook.js","sourceRoot":"","sources":["../../src/hooks/scroll-to.hook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,QAAQ,EAAE,WAAW,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,EAAE;IAC/F,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ;YAAE,OAAO;QAEtB,MAAM,QAAQ,GAAG,CAAC,GAAG,oBAAoB,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAE5D,IAAI,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;YACvB,MAAM,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;YAEnC,IACE,gBAAgB,CAAC,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS;gBACtD,gBAAgB,CAAC,OAAO,CAAC,SAAS,GAAG,gBAAgB,CAAC,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC,YAAY;gBACrH,gBAAgB,CAAC,OAAO,CAAC,UAAU,GAAG,OAAO,CAAC,UAAU;gBACxD,gBAAgB,CAAC,OAAO,CAAC,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,UAAU,GAAG,OAAO,CAAC,WAAW;gBAErH,OAAO,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;QACnD,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;IACzC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW;YAAE,OAAO;QAEzB,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,oBAAoB,EAAE,OAAO,EAAE,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;QAEjH,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YAC7C,UAAU,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC;QAClC,CAAC,CAAC,CAAC;QAEH,cAAc,CAAC,OAAO,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;QAErD,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC;IAC3C,CAAC,EAAE,CAAC,WAAW,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;AAC9C,CAAC,CAAC"}
+{"version":3,"file":"scroll-to.hook.js","sourceRoot":"","sources":["../../src/hooks/scroll-to.hook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQlC,MAAM,CAAC,MAAM,eAAe,GAAoB,CAAC,QAAQ,EAAE,WAAW,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,EAAE;IAChH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,IAAI,CAAC,gBAAgB,CAAC,OAAO,IAAI,CAAC,oBAAoB,CAAC,OAAO;YAAE,OAAO;QAEpF,MAAM,QAAQ,GAAG,CAAC,GAAG,oBAAoB,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAE5D,IAAI,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;YACvB,MAAM,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAgB,CAAC;YAElD,IACE,gBAAgB,CAAC,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS;gBACtD,gBAAgB,CAAC,OAAO,CAAC,SAAS,GAAG,gBAAgB,CAAC,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC,YAAY;gBACrH,gBAAgB,CAAC,OAAO,CAAC,UAAU,GAAG,OAAO,CAAC,UAAU;gBACxD,gBAAgB,CAAC,OAAO,CAAC,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,UAAU,GAAG,OAAO,CAAC,WAAW;gBAErH,OAAO,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;QACnD,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,gBAAgB,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW,IAAI,CAAC,oBAAoB,CAAC,OAAO;YAAE,OAAO;QAE1D,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,oBAAoB,CAAC,OAAO,EAAE,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;QAEhH,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YAC7C,UAAU,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC;QAClC,CAAC,CAAC,CAAC;QAEH,cAAc,CAAC,OAAO,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;QAErD,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC;IAC3C,CAAC,EAAE,CAAC,WAAW,EAAE,oBAAoB,CAAC,CAAC,CAAC;AAC1C,CAAC,CAAC"}

package/dist/hooks/scroll-to.hook.types.d.ts

@@ -0,0 +1,11 @@
+import type { RefObject } from "react";
+export type UseScrollToHookScrollbarWrapRef = RefObject<HTMLDivElement | null>;
+export type UseScrollToHookScrollbarChildrenRef = RefObject<HTMLDivElement | null>;
+export type UseScrollToHookParams = {
+    scrollTo: number;
+    scrollToEnd: boolean;
+    scrollbarWrapRef: UseScrollToHookScrollbarWrapRef;
+    scrollbarChildrenRef: UseScrollToHookScrollbarChildrenRef;
+};
+export type UseScrollToHook = (scrollTo: number, scrollToEnd: boolean, scrollbarWrapRef: UseScrollToHookScrollbarWrapRef, scrollbarChildrenRef: UseScrollToHookScrollbarChildrenRef) => void;
+//# sourceMappingURL=scroll-to.hook.types.d.ts.map

package/dist/hooks/scroll-to.hook.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-to.hook.types.d.ts","sourceRoot":"","sources":["../../src/hooks/scroll-to.hook.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,+BAA+B,GAAG,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;AAC/E,MAAM,MAAM,mCAAmC,GAAG,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;AAEnF,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,+BAA+B,CAAC;IAClD,oBAAoB,EAAE,mCAAmC,CAAC;CAC3D,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,gBAAgB,EAAE,+BAA+B,EAAE,oBAAoB,EAAE,mCAAmC,KAAK,IAAI,CAAC"}

package/dist/hooks/scroll-to.hook.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=scroll-to.hook.types.js.map

package/dist/hooks/scroll-to.hook.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-to.hook.types.js","sourceRoot":"","sources":["../../src/hooks/scroll-to.hook.types.ts"],"names":[],"mappings":""}

package/dist/hooks/scroll.hook.d.ts

@@ -1,5 +1,3 @@
-export declare const useScrollHook: (scrollbarWrapRef: any, scrollbarChildrenRef: any, width: any, height: any, textSize: any) => {
-    shouldRenderHorizontal: boolean;
-    shouldRenderVertical: boolean;
-};
+import { type UseScrollHookReturn, type UseScrollHookScrollbarChildrenRef, type UseScrollHookScrollbarWrapRef } from "./scroll.hook.types.js";
+export declare const useScrollHook: (scrollbarWrapRef: UseScrollHookScrollbarWrapRef, scrollbarChildrenRef: UseScrollHookScrollbarChildrenRef, width: number, height: number, textSize: number | null) => UseScrollHookReturn;
 //# sourceMappingURL=scroll.hook.d.ts.map

package/dist/hooks/scroll.hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll.hook.d.ts","sourceRoot":"","sources":["../../src/hooks/scroll.hook.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,GAAI,qBAAgB,EAAE,yBAAoB,EAAE,UAAK,EAAE,WAAM,EAAE,aAAQ;;;CAsD5F,CAAC"}
+{"version":3,"file":"scroll.hook.d.ts","sourceRoot":"","sources":["../../src/hooks/scroll.hook.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,iCAAiC,EAAE,KAAK,6BAA6B,EAAE,MAAM,wBAAwB,CAAC;AAE9I,eAAO,MAAM,aAAa,GACxB,kBAAkB,6BAA6B,EAC/C,sBAAsB,iCAAiC,EACvD,OAAO,MAAM,EACb,QAAQ,MAAM,EACd,UAAU,MAAM,GAAG,IAAI,KACtB,mBAsDF,CAAC"}

package/dist/hooks/scroll.hook.js

@@ -5,15 +5,15 @@ export const useScrollHook = (scrollbarWrapRef, scrollbarChildrenRef, width, hei
     const calcShouldRenderVertical = useCallback(() => {
         const raf = requestAnimationFrame(() => scrollbarWrapRef.current && setShouldRenderVertical(scrollbarWrapRef.current.scrollHeight !== scrollbarWrapRef.current.clientHeight));
         return () => cancelAnimationFrame(raf);
-    }, [scrollbarWrapRef.current, setShouldRenderVertical, textSize]);
+    }, [scrollbarWrapRef, textSize]);
     const calcShouldRenderHorizontal = useCallback(() => {
         const raf = requestAnimationFrame(() => scrollbarWrapRef.current && setShouldRenderHorizontal(scrollbarWrapRef.current.scrollWidth > scrollbarWrapRef.current.clientWidth));
         return () => cancelAnimationFrame(raf);
-    }, [scrollbarWrapRef.current, setShouldRenderHorizontal, textSize]);
+    }, [scrollbarWrapRef, textSize]);
     useEffect(calcShouldRenderVertical, [height, calcShouldRenderVertical, textSize]);
     useEffect(calcShouldRenderHorizontal, [width, calcShouldRenderHorizontal, textSize]);
     useEffect(() => {
-        if (!scrollbarWrapRef.current)
+        if (!scrollbarWrapRef.current || !scrollbarChildrenRef.current)
             return;
         const observer = new ResizeObserver(() => {
             if (!scrollbarWrapRef.current)
@@ -34,7 +34,7 @@ export const useScrollHook = (scrollbarWrapRef, scrollbarChildrenRef, width, hei
         });
         observer.observe(scrollbarChildrenRef.current);
         return () => observer.disconnect();
-    }, [scrollbarWrapRef.current, scrollbarChildrenRef.current, calcShouldRenderVertical, calcShouldRenderHorizontal, textSize]);
+    }, [scrollbarWrapRef, scrollbarChildrenRef, calcShouldRenderVertical, calcShouldRenderHorizontal, textSize]);
     return { shouldRenderHorizontal, shouldRenderVertical };
 };
 //# sourceMappingURL=scroll.hook.js.map

package/dist/hooks/scroll.hook.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll.hook.js","sourceRoot":"","sources":["../../src/hooks/scroll.hook.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"scroll.hook.js","sourceRoot":"","sources":["../../src/hooks/scroll.hook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIzD,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,gBAA+C,EAC/C,oBAAuD,EACvD,KAAa,EACb,MAAc,EACd,QAAuB,EACF,EAAE;IACvB,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5E,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExE,MAAM,wBAAwB,GAAG,WAAW,CAAC,GAAG,EAAE;QAChD,MAAM,GAAG,GAAG,qBAAqB,CAC/B,GAAG,EAAE,CAAC,gBAAgB,CAAC,OAAO,IAAI,uBAAuB,CAAC,gBAAgB,CAAC,OAAO,CAAC,YAAY,KAAK,gBAAgB,CAAC,OAAO,CAAC,YAAY,CAAC,CAC3I,CAAC;QAEF,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEjC,MAAM,0BAA0B,GAAG,WAAW,CAAC,GAAG,EAAE;QAClD,MAAM,GAAG,GAAG,qBAAqB,CAC/B,GAAG,EAAE,CAAC,gBAAgB,CAAC,OAAO,IAAI,yBAAyB,CAAC,gBAAgB,CAAC,OAAO,CAAC,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,WAAW,CAAC,CACzI,CAAC;QAEF,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEjC,SAAS,CAAC,wBAAwB,EAAE,CAAC,MAAM,EAAE,wBAAwB,EAAE,QAAQ,CAAC,CAAC,CAAC;IAClF,SAAS,CAAC,0BAA0B,EAAE,CAAC,KAAK,EAAE,0BAA0B,EAAE,QAAQ,CAAC,CAAC,CAAC;IAErF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,gBAAgB,CAAC,OAAO,IAAI,CAAC,oBAAoB,CAAC,OAAO;YAAE,OAAO;QAEvE,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YACvC,IAAI,CAAC,gBAAgB,CAAC,OAAO;gBAAE,OAAO;YAEtC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,GAAG,CAAC,gBAAgB,CAAC,OAAO,CAAC,YAAY,EAAE,gBAAgB,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;YAE1G,MAAM,QAAQ,GAAG,GAAG,EAAE;gBACpB,wBAAwB,EAAE,CAAC;gBAC3B,0BAA0B,EAAE,CAAC;gBAE7B,IAAI,CAAC,gBAAgB,CAAC,OAAO;oBAAE,OAAO;gBAEtC,IAAI,SAAS,KAAK,gBAAgB,CAAC,OAAO,CAAC,YAAY,IAAI,QAAQ,KAAK,gBAAgB,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;oBAC7G,SAAS,GAAG,gBAAgB,CAAC,OAAO,CAAC,YAAY,CAAC;oBAClD,QAAQ,GAAG,gBAAgB,CAAC,OAAO,CAAC,WAAW,CAAC;oBAEhD,UAAU,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;gBAC3B,CAAC;YACH,CAAC,CAAC;YAEF,UAAU,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QAC3B,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;QAE/C,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,gBAAgB,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,0BAA0B,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE7G,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,CAAC;AAC1D,CAAC,CAAC"}

package/dist/hooks/scroll.hook.types.d.ts

@@ -0,0 +1,15 @@
+import type { RefObject } from "react";
+export type UseScrollHookScrollbarWrapRef = RefObject<HTMLDivElement | null>;
+export type UseScrollHookScrollbarChildrenRef = RefObject<HTMLDivElement | null>;
+export type UseScrollHookReturn = {
+    shouldRenderHorizontal: boolean;
+    shouldRenderVertical: boolean;
+};
+export type UseScrollHookParams = {
+    scrollbarWrapRef: UseScrollHookScrollbarWrapRef;
+    scrollbarChildrenRef: UseScrollHookScrollbarChildrenRef;
+    width: number;
+    height: number;
+    textSize: number | null;
+};
+//# sourceMappingURL=scroll.hook.types.d.ts.map

package/dist/hooks/scroll.hook.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll.hook.types.d.ts","sourceRoot":"","sources":["../../src/hooks/scroll.hook.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,6BAA6B,GAAG,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;AAC7E,MAAM,MAAM,iCAAiC,GAAG,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;AAEjF,MAAM,MAAM,mBAAmB,GAAG;IAChC,sBAAsB,EAAE,OAAO,CAAC;IAChC,oBAAoB,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,gBAAgB,EAAE,6BAA6B,CAAC;IAChD,oBAAoB,EAAE,iCAAiC,CAAC;IACxD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB,CAAC"}

package/dist/hooks/scroll.hook.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=scroll.hook.types.js.map

package/dist/hooks/scroll.hook.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll.hook.types.js","sourceRoot":"","sources":["../../src/hooks/scroll.hook.types.ts"],"names":[],"mappings":""}

package/dist/hooks/thumb.hook.d.ts

@@ -1,2 +1,3 @@
-export declare const useThumbHook: (scrollbarWrapRef: any, thumbVerticalRef: any, thumbHorizontalRef: any) => void;
+import { type UseThumbHook } from "./thumb.hook.types.js";
+export declare const useThumbHook: UseThumbHook;
 //# sourceMappingURL=thumb.hook.d.ts.map

package/dist/hooks/thumb.hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"thumb.hook.d.ts","sourceRoot":"","sources":["../../src/hooks/thumb.hook.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,GAAI,qBAAgB,EAAE,qBAAgB,EAAE,uBAAkB,SAwBlF,CAAC"}
+{"version":3,"file":"thumb.hook.d.ts","sourceRoot":"","sources":["../../src/hooks/thumb.hook.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAI1D,eAAO,MAAM,YAAY,EAAE,YA0B1B,CAAC"}

package/dist/hooks/thumb.hook.js

@@ -5,7 +5,7 @@ export const useThumbHook = (scrollbarWrapRef, thumbVerticalRef, thumbHorizontal
         const handleScroll = () => {
             if (!scrollbarWrapRef.current)
                 return;
-            if (thumbHorizontalRef.current) {
+            if (thumbHorizontalRef.current && thumbVerticalRef.current) {
                 const maxScroll = scrollbarWrapRef.current.scrollWidth - scrollbarWrapRef.current.clientWidth;
                 thumbHorizontalRef.current.style.left = getPosition(scrollbarWrapRef.current.scrollLeft / maxScroll, thumbVerticalRef.current.clientWidth);
             }
@@ -15,9 +15,11 @@ export const useThumbHook = (scrollbarWrapRef, thumbVerticalRef, thumbHorizontal
             }
         };
         const ref = scrollbarWrapRef.current;
+        if (!ref)
+            return;
         ref.addEventListener("scroll", handleScroll);
         handleScroll();
         return () => ref.removeEventListener("scroll", handleScroll);
-    }, [scrollbarWrapRef.current, thumbHorizontalRef.current, thumbVerticalRef.current]);
+    }, [scrollbarWrapRef, thumbHorizontalRef, thumbVerticalRef]);
 };
 //# sourceMappingURL=thumb.hook.js.map

package/dist/hooks/thumb.hook.js.map

@@ -1 +1 @@
-{"version":3,"file":"thumb.hook.js","sourceRoot":"","sources":["../../src/hooks/thumb.hook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,GAAG,CAAC,cAAc,EAAE,SAAS,EAAE,EAAE,CAAC,QAAQ,GAAG,GAAG,cAAc,OAAO,cAAc,GAAG,SAAS,KAAK,CAAC;AAEtH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,EAAE;IACrF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,IAAI,CAAC,gBAAgB,CAAC,OAAO;gBAAE,OAAO;YACtC,IAAI,kBAAkB,CAAC,OAAO,EAAE,CAAC;gBAC/B,MAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,CAAC,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,WAAW,CAAC;gBAE9F,kBAAkB,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,WAAW,CAAC,gBAAgB,CAAC,OAAO,CAAC,UAAU,GAAG,SAAS,EAAE,gBAAgB,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;YAC7I,CAAC;YACD,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;gBAC7B,MAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,CAAC,YAAY,GAAG,gBAAgB,CAAC,OAAO,CAAC,YAAY,CAAC;gBAEhG,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,WAAW,CAAC,gBAAgB,CAAC,OAAO,CAAC,SAAS,GAAG,SAAS,EAAE,gBAAgB,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;YAC1I,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,GAAG,GAAG,gBAAgB,CAAC,OAAO,CAAC;QAErC,GAAG,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAE7C,YAAY,EAAE,CAAC;QAEf,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAC/D,CAAC,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,CAAC,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;AACvF,CAAC,CAAC"}
+{"version":3,"file":"thumb.hook.js","sourceRoot":"","sources":["../../src/hooks/thumb.hook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,MAAM,WAAW,GAAG,CAAC,cAAsB,EAAE,SAAiB,EAAE,EAAE,CAAC,QAAQ,GAAG,GAAG,cAAc,OAAO,cAAc,GAAG,SAAS,KAAK,CAAC;AAEtI,MAAM,CAAC,MAAM,YAAY,GAAiB,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,EAAE;IACnG,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,IAAI,CAAC,gBAAgB,CAAC,OAAO;gBAAE,OAAO;YACtC,IAAI,kBAAkB,CAAC,OAAO,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;gBAC3D,MAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,CAAC,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,WAAW,CAAC;gBAE9F,kBAAkB,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,WAAW,CAAC,gBAAgB,CAAC,OAAO,CAAC,UAAU,GAAG,SAAS,EAAE,gBAAgB,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;YAC7I,CAAC;YACD,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;gBAC7B,MAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,CAAC,YAAY,GAAG,gBAAgB,CAAC,OAAO,CAAC,YAAY,CAAC;gBAEhG,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,WAAW,CAAC,gBAAgB,CAAC,OAAO,CAAC,SAAS,GAAG,SAAS,EAAE,gBAAgB,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;YAC1I,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,GAAG,GAAG,gBAAgB,CAAC,OAAO,CAAC;QAErC,IAAI,CAAC,GAAG;YAAE,OAAO;QAEjB,GAAG,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAE7C,YAAY,EAAE,CAAC;QAEf,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAC/D,CAAC,EAAE,CAAC,gBAAgB,EAAE,kBAAkB,EAAE,gBAAgB,CAAC,CAAC,CAAC;AAC/D,CAAC,CAAC"}

package/dist/hooks/thumb.hook.types.d.ts

@@ -0,0 +1,10 @@
+import type { RefObject } from "react";
+export type UseThumbHookScrollbarWrapRef = RefObject<HTMLDivElement | null>;
+export type UseThumbHookThumbRef = RefObject<HTMLDivElement | null>;
+export type UseThumbHookParams = [
+    scrollbarWrapRef: UseThumbHookScrollbarWrapRef,
+    thumbVerticalRef: UseThumbHookThumbRef,
+    thumbHorizontalRef: UseThumbHookThumbRef
+];
+export type UseThumbHook = (...args: UseThumbHookParams) => void;
+//# sourceMappingURL=thumb.hook.types.d.ts.map

package/dist/hooks/thumb.hook.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thumb.hook.types.d.ts","sourceRoot":"","sources":["../../src/hooks/thumb.hook.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,4BAA4B,GAAG,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;AAC5E,MAAM,MAAM,oBAAoB,GAAG,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;AAEpE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,gBAAgB,EAAE,4BAA4B;IAC9C,gBAAgB,EAAE,oBAAoB;IACtC,kBAAkB,EAAE,oBAAoB;CACzC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC"}

package/dist/hooks/thumb.hook.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=thumb.hook.types.js.map

package/dist/hooks/thumb.hook.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thumb.hook.types.js","sourceRoot":"","sources":["../../src/hooks/thumb.hook.types.ts"],"names":[],"mappings":""}

package/dist/index.d.ts

@@ -1,2 +1,3 @@
-export * from "./Scrollbar";
+export * from "./Scrollbar.types.js";
+export * from "./Scrollbar.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC"}

package/dist/index.js

@@ -1,2 +1,3 @@
-export * from "./Scrollbar";
+export * from "./Scrollbar.types.js";
+export * from "./Scrollbar.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vnejs/uis.react.scrollbar",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {

package/src/Scrollbar.tsx

@@ -1,7 +1,10 @@
 import { useEffect, useMemo } from "react";
+import type { RefObject } from "react";
 
 import { getVneLength } from "@vnejs/uis.utils";
 
+import { type ScrollbarProps } from "./Scrollbar.types.js";
+
 import { useThumbHook } from "./hooks/thumb.hook";
 import { useScrollHook } from "./hooks/scroll.hook";
 import { useScrollToHook } from "./hooks/scroll-to.hook";
@@ -9,7 +12,12 @@ import { useRefForScrollHook } from "./hooks/ref.hook";
 
 import { b } from "./Scrollbar.styles.js";
 
-const renderScroll = (thumbRef, isVisible, isHorizontal, isVertical) => (
+const renderScroll = (
+  thumbRef: RefObject<HTMLDivElement | null>,
+  isVisible: boolean,
+  isHorizontal: boolean,
+  isVertical: boolean,
+) => (
   <div className={b("scroll", { isVisible, isHorizontal, isVertical })}>
     <div
       className={b("thumb", { isHorizontal, isVertical })}
@@ -29,7 +37,7 @@ export const Scrollbar = ({
   disableScroll = false,
   wrapRef = null,
   textSize = null,
-}) => {
+}: ScrollbarProps) => {
   const { scrollbarWrapRef, scrollbarChildrenRef, thumbHorizontalRef, thumbVerticalRef } = useRefForScrollHook();
   const { shouldRenderHorizontal, shouldRenderVertical } = useScrollHook(scrollbarWrapRef, scrollbarChildrenRef, width, height, textSize);
 

package/src/Scrollbar.types.tsx

@@ -0,0 +1,14 @@
+import type { MutableRefObject, ReactNode } from "react";
+
+export type ScrollbarProps = {
+  className?: string;
+  children?: ReactNode;
+  width?: number;
+  height?: number;
+  scrollTo?: number;
+  scrollToEnd?: boolean;
+  hideScrolbars?: boolean;
+  disableScroll?: boolean;
+  wrapRef?: MutableRefObject<HTMLDivElement | null> | null;
+  textSize?: number | null;
+};

package/src/hooks/ref.hook.ts

@@ -1,11 +1,13 @@
 import { useRef } from "react";
 
-export const useRefForScrollHook = () => {
-  const scrollbarWrapRef = useRef(null);
-  const scrollbarChildrenRef = useRef(null);
+import { type UseRefForScrollHookReturn } from "./ref.hook.types.js";
 
-  const thumbVerticalRef = useRef(null);
-  const thumbHorizontalRef = useRef(null);
+export const useRefForScrollHook = (): UseRefForScrollHookReturn => {
+  const scrollbarWrapRef = useRef<HTMLDivElement>(null);
+  const scrollbarChildrenRef = useRef<HTMLDivElement>(null);
+
+  const thumbVerticalRef = useRef<HTMLDivElement>(null);
+  const thumbHorizontalRef = useRef<HTMLDivElement>(null);
 
   return { scrollbarWrapRef, scrollbarChildrenRef, thumbVerticalRef, thumbHorizontalRef };
 };

package/src/hooks/ref.hook.types.ts

@@ -0,0 +1,10 @@
+import type { RefObject } from "react";
+
+export type ScrollbarRefs = {
+  scrollbarWrapRef: RefObject<HTMLDivElement | null>;
+  scrollbarChildrenRef: RefObject<HTMLDivElement | null>;
+  thumbVerticalRef: RefObject<HTMLDivElement | null>;
+  thumbHorizontalRef: RefObject<HTMLDivElement | null>;
+};
+
+export type UseRefForScrollHookReturn = ScrollbarRefs;

package/src/hooks/scroll-to.hook.ts

@@ -1,27 +1,34 @@
 import { useEffect } from "react";
 
-export const useScrollToHook = (scrollTo, scrollToEnd, scrollbarWrapRef, scrollbarChildrenRef) => {
+import {
+  type UseScrollToHook,
+  type UseScrollToHookScrollbarChildrenRef,
+  type UseScrollToHookScrollbarWrapRef,
+} from "./scroll-to.hook.types.js";
+
+export const useScrollToHook: UseScrollToHook = (scrollTo, scrollToEnd, scrollbarWrapRef, scrollbarChildrenRef) => {
   useEffect(() => {
-    if (!scrollTo) return;
+    if (!scrollTo || !scrollbarWrapRef.current || !scrollbarChildrenRef.current) return;
 
     const children = [...scrollbarChildrenRef.current.children];
 
     if (children[scrollTo]) {
-      const element = children[scrollTo];
+      const element = children[scrollTo] as HTMLElement;
 
       if (
         scrollbarWrapRef.current.scrollTop > element.offsetTop ||
         scrollbarWrapRef.current.scrollTop + scrollbarWrapRef.current.clientHeight < element.offsetTop + element.clientHeight ||
-        scrollbarWrapRef.current.scrollLeft > element.offsetleft ||
-        scrollbarWrapRef.current.scrollleft + scrollbarWrapRef.current.clientWidth < element.offsetleft + element.clientWidth
+        scrollbarWrapRef.current.scrollLeft > element.offsetLeft ||
+        scrollbarWrapRef.current.scrollLeft + scrollbarWrapRef.current.clientWidth < element.offsetLeft + element.clientWidth
       )
         element.scrollIntoView({ behavior: "smooth" });
     }
-  }, [scrollTo, scrollbarWrapRef.current]);
+  }, [scrollTo, scrollbarWrapRef, scrollbarChildrenRef]);
+
   useEffect(() => {
-    if (!scrollToEnd) return;
+    if (!scrollToEnd || !scrollbarChildrenRef.current) return;
 
-    const scrollToBottom = () => scrollbarChildrenRef?.current?.scrollIntoView({ behavior: "smooth", block: "end" });
+    const scrollToBottom = () => scrollbarChildrenRef.current?.scrollIntoView({ behavior: "smooth", block: "end" });
 
     const resizeObserver = new ResizeObserver(() => {
       setTimeout(scrollToBottom, 100);
@@ -30,5 +37,5 @@ export const useScrollToHook = (scrollTo, scrollToEnd, scrollbarWrapRef, scrollb
     resizeObserver.observe(scrollbarChildrenRef.current);
 
     return () => resizeObserver.disconnect();
-  }, [scrollToEnd, scrollbarWrapRef.current]);
+  }, [scrollToEnd, scrollbarChildrenRef]);
 };

package/src/hooks/scroll-to.hook.types.ts

@@ -0,0 +1,13 @@
+import type { RefObject } from "react";
+
+export type UseScrollToHookScrollbarWrapRef = RefObject<HTMLDivElement | null>;
+export type UseScrollToHookScrollbarChildrenRef = RefObject<HTMLDivElement | null>;
+
+export type UseScrollToHookParams = {
+  scrollTo: number;
+  scrollToEnd: boolean;
+  scrollbarWrapRef: UseScrollToHookScrollbarWrapRef;
+  scrollbarChildrenRef: UseScrollToHookScrollbarChildrenRef;
+};
+
+export type UseScrollToHook = (scrollTo: number, scrollToEnd: boolean, scrollbarWrapRef: UseScrollToHookScrollbarWrapRef, scrollbarChildrenRef: UseScrollToHookScrollbarChildrenRef) => void;

package/src/hooks/scroll.hook.ts

@@ -1,6 +1,14 @@
 import { useCallback, useEffect, useState } from "react";
 
-export const useScrollHook = (scrollbarWrapRef, scrollbarChildrenRef, width, height, textSize) => {
+import { type UseScrollHookReturn, type UseScrollHookScrollbarChildrenRef, type UseScrollHookScrollbarWrapRef } from "./scroll.hook.types.js";
+
+export const useScrollHook = (
+  scrollbarWrapRef: UseScrollHookScrollbarWrapRef,
+  scrollbarChildrenRef: UseScrollHookScrollbarChildrenRef,
+  width: number,
+  height: number,
+  textSize: number | null,
+): UseScrollHookReturn => {
   const [shouldRenderHorizontal, setShouldRenderHorizontal] = useState(false);
   const [shouldRenderVertical, setShouldRenderVertical] = useState(false);
 
@@ -10,7 +18,7 @@ export const useScrollHook = (scrollbarWrapRef, scrollbarChildrenRef, width, hei
     );
 
     return () => cancelAnimationFrame(raf);
-  }, [scrollbarWrapRef.current, setShouldRenderVertical, textSize]);
+  }, [scrollbarWrapRef, textSize]);
 
   const calcShouldRenderHorizontal = useCallback(() => {
     const raf = requestAnimationFrame(
@@ -18,13 +26,13 @@ export const useScrollHook = (scrollbarWrapRef, scrollbarChildrenRef, width, hei
     );
 
     return () => cancelAnimationFrame(raf);
-  }, [scrollbarWrapRef.current, setShouldRenderHorizontal, textSize]);
+  }, [scrollbarWrapRef, textSize]);
 
   useEffect(calcShouldRenderVertical, [height, calcShouldRenderVertical, textSize]);
   useEffect(calcShouldRenderHorizontal, [width, calcShouldRenderHorizontal, textSize]);
 
   useEffect(() => {
-    if (!scrollbarWrapRef.current) return;
+    if (!scrollbarWrapRef.current || !scrollbarChildrenRef.current) return;
 
     const observer = new ResizeObserver(() => {
       if (!scrollbarWrapRef.current) return;
@@ -51,7 +59,7 @@ export const useScrollHook = (scrollbarWrapRef, scrollbarChildrenRef, width, hei
     observer.observe(scrollbarChildrenRef.current);
 
     return () => observer.disconnect();
-  }, [scrollbarWrapRef.current, scrollbarChildrenRef.current, calcShouldRenderVertical, calcShouldRenderHorizontal, textSize]);
+  }, [scrollbarWrapRef, scrollbarChildrenRef, calcShouldRenderVertical, calcShouldRenderHorizontal, textSize]);
 
   return { shouldRenderHorizontal, shouldRenderVertical };
 };

package/src/hooks/scroll.hook.types.ts

@@ -0,0 +1,17 @@
+import type { RefObject } from "react";
+
+export type UseScrollHookScrollbarWrapRef = RefObject<HTMLDivElement | null>;
+export type UseScrollHookScrollbarChildrenRef = RefObject<HTMLDivElement | null>;
+
+export type UseScrollHookReturn = {
+  shouldRenderHorizontal: boolean;
+  shouldRenderVertical: boolean;
+};
+
+export type UseScrollHookParams = {
+  scrollbarWrapRef: UseScrollHookScrollbarWrapRef;
+  scrollbarChildrenRef: UseScrollHookScrollbarChildrenRef;
+  width: number;
+  height: number;
+  textSize: number | null;
+};

package/src/hooks/thumb.hook.ts

@@ -1,12 +1,14 @@
 import { useEffect } from "react";
 
-const getPosition = (scrollPosition, thumbSize) => `calc(${100 * scrollPosition}% - ${scrollPosition * thumbSize}px)`;
+import { type UseThumbHook } from "./thumb.hook.types.js";
 
-export const useThumbHook = (scrollbarWrapRef, thumbVerticalRef, thumbHorizontalRef) => {
+const getPosition = (scrollPosition: number, thumbSize: number) => `calc(${100 * scrollPosition}% - ${scrollPosition * thumbSize}px)`;
+
+export const useThumbHook: UseThumbHook = (scrollbarWrapRef, thumbVerticalRef, thumbHorizontalRef) => {
   useEffect(() => {
     const handleScroll = () => {
       if (!scrollbarWrapRef.current) return;
-      if (thumbHorizontalRef.current) {
+      if (thumbHorizontalRef.current && thumbVerticalRef.current) {
         const maxScroll = scrollbarWrapRef.current.scrollWidth - scrollbarWrapRef.current.clientWidth;
 
         thumbHorizontalRef.current.style.left = getPosition(scrollbarWrapRef.current.scrollLeft / maxScroll, thumbVerticalRef.current.clientWidth);
@@ -20,10 +22,12 @@ export const useThumbHook = (scrollbarWrapRef, thumbVerticalRef, thumbHorizontal
 
     const ref = scrollbarWrapRef.current;
 
+    if (!ref) return;
+
     ref.addEventListener("scroll", handleScroll);
 
     handleScroll();
 
     return () => ref.removeEventListener("scroll", handleScroll);
-  }, [scrollbarWrapRef.current, thumbHorizontalRef.current, thumbVerticalRef.current]);
+  }, [scrollbarWrapRef, thumbHorizontalRef, thumbVerticalRef]);
 };

package/src/hooks/thumb.hook.types.ts

@@ -0,0 +1,12 @@
+import type { RefObject } from "react";
+
+export type UseThumbHookScrollbarWrapRef = RefObject<HTMLDivElement | null>;
+export type UseThumbHookThumbRef = RefObject<HTMLDivElement | null>;
+
+export type UseThumbHookParams = [
+  scrollbarWrapRef: UseThumbHookScrollbarWrapRef,
+  thumbVerticalRef: UseThumbHookThumbRef,
+  thumbHorizontalRef: UseThumbHookThumbRef,
+];
+
+export type UseThumbHook = (...args: UseThumbHookParams) => void;

package/src/index.ts

@@ -1 +1,2 @@
-export * from "./Scrollbar";
+export * from "./Scrollbar.types.js";
+export * from "./Scrollbar.js";

package/tsconfig.json

@@ -8,7 +8,6 @@
     "src/**/*.ts",
     "src/**/*.tsx",
     "../../../globals.d.ts",
-    "../../peer-modules.d.ts"
   ],
   "exclude": [
     "dist",