@elementos-development/alchemy-ui 0.1.26 → 0.1.28

package/dist/index.cjs

@@ -2938,10 +2938,24 @@ var Sidebar = ({
   collapsible = false,
   collapsed: controlledCollapsed,
   onCollapsedChange,
+  restoreFocusRef,
   sx
 }) => {
   const [internalCollapsed, setInternalCollapsed] = React41.useState(false);
   const isCollapsed = controlledCollapsed ?? internalCollapsed;
+  const isTemporary = variant === "temporary";
+  const handleDrawerClose = React41.useCallback(
+    (_event, _reason) => {
+      if (isTemporary && document.activeElement instanceof HTMLElement) {
+        document.activeElement.blur();
+      }
+      onClose?.();
+    },
+    [isTemporary, onClose]
+  );
+  const handleDrawerExited = React41.useCallback(() => {
+    restoreFocusRef?.current?.focus({ preventScroll: true });
+  }, [restoreFocusRef]);
   const handleToggle = () => {
     const next = !isCollapsed;
     setInternalCollapsed(next);
@@ -3089,7 +3103,13 @@ var Sidebar = ({
     {
       variant,
       open,
-      onClose,
+      onClose: isTemporary ? handleDrawerClose : onClose,
+      ModalProps: isTemporary && restoreFocusRef ? { disableRestoreFocus: true } : void 0,
+      slotProps: isTemporary && restoreFocusRef ? {
+        transition: {
+          onExited: handleDrawerExited
+        }
+      } : void 0,
       sx: {
         width: currentWidth,
         flexShrink: 0,