@hexdspace/react 0.1.25 → 0.1.26

package/dist/index.js

@@ -1579,7 +1579,8 @@ var dialogPanelVariants = cva2(
     "fixed left-1/2 top-1/2",
     "-translate-x-1/2 -translate-y-1/2",
     "w-[min(92vw,var(--dialog-width))]",
-    "pointer-events-auto"
+    "pointer-events-auto",
+    "focus:outline-none focus-visible:outline-none"
   )
 );
 var dialogOverlayClass = cn("fixed inset-0 bg-[color:var(--overlay)]");
@@ -1732,6 +1733,7 @@ function Dialog({
   }, [isOpen]);
   const overlayClassName = cn(dialogOverlayClass);
   const surfaceClassName = cn(dialogSurfaceVariants({ chrome }));
+  const panelRef = React3.useRef(null);
   return /* @__PURE__ */ jsxs3(DialogPrimitive.Root, { open: open2, defaultOpen, onOpenChange: handleOpenChange, modal, children: [
     trigger ? /* @__PURE__ */ jsx7(DialogPrimitive.Trigger, { asChild: true, children: trigger }) : null,
     /* @__PURE__ */ jsx7(DialogPrimitive.Portal, { forceMount: true, children: /* @__PURE__ */ jsx7(AnimatePresence, { children: isOpen ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
@@ -1760,11 +1762,19 @@ function Dialog({
           onEscapeKeyDown: (event) => {
             if (!dismissible) event.preventDefault();
           },
+          onOpenAutoFocus: (event) => {
+            event.preventDefault();
+            requestAnimationFrame(() => {
+              panelRef.current?.focus();
+            });
+          },
           ...props,
           children: /* @__PURE__ */ jsx7(
             motion.div,
             {
               className: cn(dialogPanelVariants(), className),
+              ref: panelRef,
+              tabIndex: -1,
               style: {
                 ...style,
                 zIndex,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hexdspace/react",
-  "version": "0.1.25",
+  "version": "0.1.26",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",