@underverse-ui/underverse 1.0.85 → 1.0.87

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "1.0.85",
+  "version": "1.0.87",
   "sourceEntry": "src/index.ts",
   "totalExports": 225,
   "exports": [

package/dist/index.cjs

@@ -2232,12 +2232,26 @@ function OverlayScrollbarProvider({
 }
 function useOverlayScrollbarTarget(targetRef, options = {}) {
   const inherited = (0, import_react3.useContext)(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 = (0, import_react3.useMemo)(
     () => resolveOverlayScrollbarBehavior({
-      ...inherited,
-      ...options
+      enabled,
+      theme,
+      visibility,
+      autoHide,
+      autoHideDelay,
+      dragScroll,
+      clickScroll,
+      exclude
     }),
-    [inherited, options]
+    [enabled, theme, visibility, autoHide, autoHideDelay, dragScroll, clickScroll, exclude]
   );
   (0, import_react3.useEffect)(() => {
     if (typeof window === "undefined") return;
@@ -2253,7 +2267,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;
 
@@ -22555,18 +22579,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__ */ (0, import_jsx_runtime70.jsx)(Card_default, { className: cn("p-8 text-center shadow-sm", styles.bg, styles.border, className), children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: cn("p-3 rounded-lg", styles.bg.replace("/5", "/10")), children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(UsedIcon, { className: cn("w-8 h-8", styles.text) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("h3", { className: cn("font-semibold mb-2", styles.text), children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: cn(styles.text.replace("text-", "text-") + "/80", "text-sm"), children: description })
-    ] }),
-    children && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "mt-2 flex flex-wrap gap-2 justify-center", children })
-  ] }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    Card_default,
+    {
+      className: cn("p-8 text-center shadow-sm", styles.bg, styles.border, className),
+      innerClassName: !overflowHidden ? "overflow-visible" : void 0,
+      children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: cn("p-3 rounded-lg", styles.bg.replace("/5", "/10")), children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(UsedIcon, { className: cn("w-8 h-8", styles.text) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("h3", { className: cn("font-semibold mb-2", styles.text), children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: cn(styles.text.replace("text-", "text-") + "/80", "text-sm"), children: description })
+        ] }),
+        children && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "mt-2 flex flex-wrap gap-2 justify-center", children })
+      ] })
+    }
+  );
 }
 
 // src/components/ThemeToggleHeadless.tsx