@underverse-ui/underverse 1.0.30 → 1.0.31

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "1.0.30",
+  "version": "1.0.31",
   "sourceEntry": "src/index.ts",
   "totalExports": 206,
   "exports": [

package/dist/index.cjs

@@ -5828,7 +5828,7 @@ var ScrollArea = (0, import_react14.forwardRef)(
           className
         ),
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: cn("h-full w-full overflow-y-auto scroll-area-viewport", contentClassName), children })
+        children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: cn("h-full w-full overflow-y-auto scroll-area-viewport custom-scrollbar", contentClassName), "data-os-scrollbar": true, children })
       }
     );
   }
@@ -7098,7 +7098,6 @@ function WheelColumn({
           ref: scrollRef,
           className: cn(
             "h-full overflow-y-auto overscroll-contain snap-y snap-mandatory",
-            "scrollbar-none",
             "select-none cursor-grab active:cursor-grabbing",
             "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-2 focus-visible:ring-offset-background rounded-xl"
           ),
@@ -8522,7 +8521,6 @@ function WheelColumn2({
           ref: scrollRef,
           className: cn(
             "h-full overflow-y-auto overscroll-contain snap-y snap-mandatory",
-            "scrollbar-none",
             "select-none cursor-grab active:cursor-grabbing",
             "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-2 focus-visible:ring-offset-background rounded-xl"
           ),
@@ -10283,7 +10281,7 @@ function CalendarTimelineHeader(props) {
           ]
         }
       ) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { ref: headerRef, className: "flex-1 min-w-0 overflow-x-auto overflow-y-hidden scrollbar-none", children: slotHeaderNodes })
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { ref: headerRef, className: "flex-1 min-w-0 overflow-x-auto overflow-y-hidden", children: slotHeaderNodes })
     ] })
   ] });
 }
@@ -11874,7 +11872,7 @@ function CalendarTimeline({
             "div",
             {
               ref: leftRef,
-              className: "shrink-0 overflow-y-auto overflow-x-hidden scrollbar-none",
+              className: "shrink-0 overflow-y-auto overflow-x-hidden",
               style: { width: effectiveResourceColumnWidth, minWidth: effectiveResourceColumnWidth },
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { style: { height: topSpacer } }),
@@ -11904,7 +11902,8 @@ function CalendarTimeline({
             "div",
             {
               ref: bodyRef,
-              className: "relative flex-1 overflow-auto scrollbar-thin scrollbar-thumb-muted scrollbar-track-transparent",
+              className: "relative flex-1 overflow-auto custom-scrollbar",
+              "data-os-scrollbar": true,
               onPointerMove,
               onPointerUp,
               onPointerLeave: () => setHoverCell(null),
@@ -14117,12 +14116,13 @@ function CategoryTreeSelect(props) {
         "div",
         {
           className: cn(
-            "absolute z-20 mt-2 w-full max-h-80 overflow-auto",
+            "absolute z-20 mt-2 w-full max-h-80 overflow-auto custom-scrollbar",
             "rounded-2xl md:rounded-3xl border border-border/40 bg-popover/95 text-popover-foreground",
             "shadow-2xl backdrop-blur-xl",
             "p-2",
             "animate-in fade-in-0 zoom-in-95 slide-in-from-top-2 duration-300"
           ),
+          "data-os-scrollbar": true,
           children: [
             renderSearch(),
             renderTreeContent()
@@ -19043,7 +19043,7 @@ function OverlayScrollbarProvider() {
     const instances = /* @__PURE__ */ new Map();
     const shouldSkip = (element) => {
       if (element === document.body) return true;
-      if (element.classList.contains("scrollbar-none")) return true;
+      if (element.hasAttribute("data-os-ignore")) return true;
       if (element.hasAttribute("data-overlayscrollbars")) return true;
       return false;
     };
@@ -19125,12 +19125,13 @@ var Table = import_react34.default.forwardRef(({ className, containerClassName,
     "div",
     {
       className: cn(
-        "relative w-full overflow-auto",
+        "relative w-full overflow-auto custom-scrollbar",
         "rounded-2xl md:rounded-3xl border border-border",
         "bg-card text-card-foreground shadow-sm",
         "backdrop-blur-sm transition-all duration-300",
         containerClassName
       ),
+      "data-os-scrollbar": true,
       children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props })
     }
   );
@@ -20062,7 +20063,7 @@ function DataTable({
         children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
           "div",
           {
-            className: "thin-scrollbar custom-scrollbar w-full",
+            className: "custom-scrollbar w-full",
             "data-os-scrollbar": true,
             style: stickyHeader ? {
               maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight,