@ai-matrx/design-system 0.20.14 → 0.20.16

package/dist/index.d.cts

@@ -1767,7 +1767,7 @@ type DrawerProps = React.ComponentProps<typeof Drawer$1.Root> & {
     direction?: DrawerDirection;
 };
 declare const Drawer: {
-    ({ children, shouldScaleBackground, ...props }: DrawerProps): React.JSX.Element;
+    ({ children, shouldScaleBackground, onOpenChange, ...props }: DrawerProps): React.JSX.Element;
     displayName: string;
 };
 declare const DrawerTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/index.d.ts

@@ -1767,7 +1767,7 @@ type DrawerProps = React.ComponentProps<typeof Drawer$1.Root> & {
     direction?: DrawerDirection;
 };
 declare const Drawer: {
-    ({ children, shouldScaleBackground, ...props }: DrawerProps): React.JSX.Element;
+    ({ children, shouldScaleBackground, onOpenChange, ...props }: DrawerProps): React.JSX.Element;
     displayName: string;
 };
 declare const DrawerTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/index.js

@@ -339,15 +339,23 @@ var useDrawerDirection = () => React3.useContext(DrawerDirectionContext);
 var Drawer = ({
   children,
   shouldScaleBackground = true,
+  onOpenChange,
   ...props
 }) => {
   const direction = props.direction ?? "bottom";
+  const handleOpenChange = (open) => {
+    if (open && typeof document !== "undefined" && document.activeElement instanceof HTMLElement) {
+      document.activeElement.blur();
+    }
+    onOpenChange?.(open);
+  };
   return /* @__PURE__ */ jsx5(RadixDialogModalProvider, { modal: true, children: /* @__PURE__ */ jsx5(DrawerDirectionContext.Provider, { value: direction, children: /* @__PURE__ */ jsx5(
     DrawerPrimitive.Root,
     {
       modal: true,
       shouldScaleBackground,
       ...props,
+      onOpenChange: handleOpenChange,
       direction,
       children
     }