@underverse-ui/underverse 1.0.28 → 1.0.30

package/dist/index.js

@@ -18849,16 +18849,14 @@ var LoadingBar = ({
 // ../../components/ui/OverlayScrollbarProvider.tsx
 import { useEffect as useEffect28 } from "react";
 import { OverlayScrollbars } from "overlayscrollbars";
-var SCROLLABLE_SELECTOR = [
+var EXPLICIT_SCROLLABLE_SELECTOR = [".thin-scrollbar", ".scrollbar-thin", ".custom-scrollbar", "[data-os-scrollbar]"].join(", ");
+var GENERIC_SCROLLABLE_SELECTOR = [
   ".overflow-auto",
   ".overflow-x-auto",
   ".overflow-y-auto",
   ".overflow-scroll",
   ".overflow-x-scroll",
-  ".overflow-y-scroll",
-  ".thin-scrollbar",
-  ".scrollbar-thin",
-  ".custom-scrollbar"
+  ".overflow-y-scroll"
 ].join(", ");
 var SCROLLBAR_OPTIONS = {
   scrollbars: {
@@ -18885,22 +18883,27 @@ function OverlayScrollbarProvider() {
       if (instances.has(element)) return;
       instances.set(element, OverlayScrollbars(element, SCROLLBAR_OPTIONS));
     };
-    const collectCandidates = (root) => {
+    const collectCandidates = (root, selector) => {
       const candidates = [];
-      if (root instanceof HTMLElement && root.matches(SCROLLABLE_SELECTOR)) {
+      if (root instanceof HTMLElement && root.matches(selector)) {
         candidates.push(root);
       }
       if ("querySelectorAll" in root) {
-        root.querySelectorAll(SCROLLABLE_SELECTOR).forEach((element) => {
+        root.querySelectorAll(selector).forEach((element) => {
           candidates.push(element);
         });
       }
       return candidates.filter((element, index) => candidates.indexOf(element) === index);
     };
     const scan = (root) => {
-      const candidates = collectCandidates(root).filter((element) => !shouldSkip(element));
-      const leafCandidates = candidates.filter((element) => !candidates.some((other) => other !== element && element.contains(other)));
-      leafCandidates.forEach(initElement);
+      const explicitCandidates = collectCandidates(root, EXPLICIT_SCROLLABLE_SELECTOR).filter((element) => !shouldSkip(element));
+      explicitCandidates.forEach(initElement);
+      const genericCandidates = collectCandidates(root, GENERIC_SCROLLABLE_SELECTOR).filter((element) => !shouldSkip(element));
+      const filteredGeneric = genericCandidates.filter(
+        (element) => !explicitCandidates.some((explicit) => explicit === element || explicit.contains(element) || element.contains(explicit))
+      );
+      const leafGeneric = filteredGeneric.filter((element) => !filteredGeneric.some((other) => other !== element && element.contains(other)));
+      leafGeneric.forEach(initElement);
     };
     const cleanup = () => {
       instances.forEach((instance, element) => {
@@ -19890,7 +19893,8 @@ function DataTable({
         children: /* @__PURE__ */ jsx68(
           "div",
           {
-            className: "thin-scrollbar w-full",
+            className: "thin-scrollbar custom-scrollbar w-full",
+            "data-os-scrollbar": true,
             style: stickyHeader ? {
               maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight,
               overflowY: "auto",