@underverse-ui/underverse 1.0.85 → 1.0.87

package/dist/index.d.cts

@@ -2421,8 +2421,9 @@ interface AccessDeniedProps {
     }>;
     className?: string;
     children?: React__default.ReactNode;
+    overflowHidden?: boolean;
 }
-declare function AccessDenied({ title, description, variant, icon: Icon, className, children, }: AccessDeniedProps): react_jsx_runtime.JSX.Element;
+declare function AccessDenied({ title, description, variant, icon: Icon, className, children, overflowHidden, }: AccessDeniedProps): react_jsx_runtime.JSX.Element;
 
 type ThemeMode = "light" | "dark" | "system";
 interface ThemeToggleHeadlessProps {

package/dist/index.d.ts

@@ -2421,8 +2421,9 @@ interface AccessDeniedProps {
     }>;
     className?: string;
     children?: React__default.ReactNode;
+    overflowHidden?: boolean;
 }
-declare function AccessDenied({ title, description, variant, icon: Icon, className, children, }: AccessDeniedProps): react_jsx_runtime.JSX.Element;
+declare function AccessDenied({ title, description, variant, icon: Icon, className, children, overflowHidden, }: AccessDeniedProps): react_jsx_runtime.JSX.Element;
 
 type ThemeMode = "light" | "dark" | "system";
 interface ThemeToggleHeadlessProps {

package/dist/index.js

@@ -2047,12 +2047,26 @@ function OverlayScrollbarProvider({
 }
 function useOverlayScrollbarTarget(targetRef, options = {}) {
   const inherited = useContext4(OverlayScrollbarConfigContext);
+  const enabled = options.enabled ?? inherited.enabled;
+  const theme = options.theme ?? inherited.theme;
+  const visibility = options.visibility ?? inherited.visibility;
+  const autoHide = options.autoHide ?? inherited.autoHide;
+  const autoHideDelay = options.autoHideDelay ?? inherited.autoHideDelay;
+  const dragScroll = options.dragScroll ?? inherited.dragScroll;
+  const clickScroll = options.clickScroll ?? inherited.clickScroll;
+  const exclude = options.exclude ?? inherited.exclude;
   const resolved = useMemo2(
     () => resolveOverlayScrollbarBehavior({
-      ...inherited,
-      ...options
+      enabled,
+      theme,
+      visibility,
+      autoHide,
+      autoHideDelay,
+      dragScroll,
+      clickScroll,
+      exclude
     }),
-    [inherited, options]
+    [enabled, theme, visibility, autoHide, autoHideDelay, dragScroll, clickScroll, exclude]
   );
   useEffect(() => {
     if (typeof window === "undefined") return;
@@ -2068,7 +2082,17 @@ function useOverlayScrollbarTarget(targetRef, options = {}) {
     return () => {
       controller.destroy();
     };
-  }, [targetRef, resolved]);
+  }, [
+    targetRef,
+    resolved.enabled,
+    resolved.theme,
+    resolved.visibility,
+    resolved.autoHide,
+    resolved.autoHideDelay,
+    resolved.dragScroll,
+    resolved.clickScroll,
+    resolved.exclude
+  ]);
 }
 var OverlayScrollbarProvider_default = OverlayScrollbarProvider;
 
@@ -22386,18 +22410,26 @@ function AccessDenied({
   variant = "destructive",
   icon: Icon,
   className,
-  children
+  children,
+  overflowHidden = true
 }) {
   const styles = VARIANT_STYLES[variant];
   const UsedIcon = Icon || DEFAULT_ICONS[variant];
-  return /* @__PURE__ */ jsx70(Card_default, { className: cn("p-8 text-center shadow-sm", styles.bg, styles.border, className), children: /* @__PURE__ */ jsxs59("div", { className: "flex flex-col items-center gap-4", children: [
-    /* @__PURE__ */ jsx70("div", { className: cn("p-3 rounded-lg", styles.bg.replace("/5", "/10")), children: /* @__PURE__ */ jsx70(UsedIcon, { className: cn("w-8 h-8", styles.text) }) }),
-    /* @__PURE__ */ jsxs59("div", { children: [
-      /* @__PURE__ */ jsx70("h3", { className: cn("font-semibold mb-2", styles.text), children: title }),
-      /* @__PURE__ */ jsx70("p", { className: cn(styles.text.replace("text-", "text-") + "/80", "text-sm"), children: description })
-    ] }),
-    children && /* @__PURE__ */ jsx70("div", { className: "mt-2 flex flex-wrap gap-2 justify-center", children })
-  ] }) });
+  return /* @__PURE__ */ jsx70(
+    Card_default,
+    {
+      className: cn("p-8 text-center shadow-sm", styles.bg, styles.border, className),
+      innerClassName: !overflowHidden ? "overflow-visible" : void 0,
+      children: /* @__PURE__ */ jsxs59("div", { className: "flex flex-col items-center gap-4", children: [
+        /* @__PURE__ */ jsx70("div", { className: cn("p-3 rounded-lg", styles.bg.replace("/5", "/10")), children: /* @__PURE__ */ jsx70(UsedIcon, { className: cn("w-8 h-8", styles.text) }) }),
+        /* @__PURE__ */ jsxs59("div", { children: [
+          /* @__PURE__ */ jsx70("h3", { className: cn("font-semibold mb-2", styles.text), children: title }),
+          /* @__PURE__ */ jsx70("p", { className: cn(styles.text.replace("text-", "text-") + "/80", "text-sm"), children: description })
+        ] }),
+        children && /* @__PURE__ */ jsx70("div", { className: "mt-2 flex flex-wrap gap-2 justify-center", children })
+      ] })
+    }
+  );
 }
 
 // src/components/ThemeToggleHeadless.tsx