@geckoui/geckoui 2.0.4 → 2.0.5

package/dist/index.js

@@ -9551,9 +9551,6 @@ function Drawer({
     const timer = setTimeout(() => setClosing(false), OVERLAY_ANIMATION_DURATION);
     return () => clearTimeout(timer);
   }, [closing]);
-  (0, import_react81.useLayoutEffect)(() => {
-    if (drawerRef.current) drawerRef.current.inert = !open;
-  }, [open]);
   const onCloseRef = (0, import_react81.useRef)(onClose);
   onCloseRef.current = onClose;
   const handleDismiss = (0, import_react81.useCallback)(() => {
@@ -9580,19 +9577,25 @@ function Drawer({
     ),
     /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
       "div",
-      {
+      __spreadProps(__spreadValues({
         ref: drawerRef,
         "data-placement": placement,
         "data-state": visible ? "open" : "closed",
         "data-instant": !ready || void 0,
         className: classNames("GeckoUIDrawer__drawer", className),
         role: "dialog",
-        "aria-modal": !allowClickOutside,
+        "aria-modal": !allowClickOutside
+      }, inertProps(!open)), {
         children: (open || closing || keepMounted) && children
-      }
+      })
     )
   ] });
 }
+var INERT_IS_BOOLEAN = Number(import_react81.version.split(".")[0]) >= 19;
+function inertProps(inert) {
+  if (INERT_IS_BOOLEAN) return { inert };
+  return inert ? { inert: "" } : {};
+}
 Drawer.show = (node, options = {}) => {
   var _a;
   (_a = document.activeElement) == null ? void 0 : _a.blur();

package/dist/index.mjs

@@ -9392,7 +9392,7 @@ import { useCallback as useCallback10, useEffect as useEffect23, useRef as useRe
 import { createPortal as createPortal2 } from "react-dom";
 
 // src/components/Drawer/Drawer.tsx
-import { useCallback as useCallback9, useEffect as useEffect22, useLayoutEffect as useLayoutEffect2, useRef as useRef33, useState as useState29 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect22, useRef as useRef33, useState as useState29, version } from "react";
 import { jsx as jsx97, jsxs as jsxs46 } from "react/jsx-runtime";
 function Drawer({
   open = false,
@@ -9426,9 +9426,6 @@ function Drawer({
     const timer = setTimeout(() => setClosing(false), OVERLAY_ANIMATION_DURATION);
     return () => clearTimeout(timer);
   }, [closing]);
-  useLayoutEffect2(() => {
-    if (drawerRef.current) drawerRef.current.inert = !open;
-  }, [open]);
   const onCloseRef = useRef33(onClose);
   onCloseRef.current = onClose;
   const handleDismiss = useCallback9(() => {
@@ -9455,19 +9452,25 @@ function Drawer({
     ),
     /* @__PURE__ */ jsx97(
       "div",
-      {
+      __spreadProps(__spreadValues({
         ref: drawerRef,
         "data-placement": placement,
         "data-state": visible ? "open" : "closed",
         "data-instant": !ready || void 0,
         className: classNames("GeckoUIDrawer__drawer", className),
         role: "dialog",
-        "aria-modal": !allowClickOutside,
+        "aria-modal": !allowClickOutside
+      }, inertProps(!open)), {
         children: (open || closing || keepMounted) && children
-      }
+      })
     )
   ] });
 }
+var INERT_IS_BOOLEAN = Number(version.split(".")[0]) >= 19;
+function inertProps(inert) {
+  if (INERT_IS_BOOLEAN) return { inert };
+  return inert ? { inert: "" } : {};
+}
 Drawer.show = (node, options = {}) => {
   var _a;
   (_a = document.activeElement) == null ? void 0 : _a.blur();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geckoui/geckoui",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "license": "MIT",
   "description": "The only thing our Gecko eats is bugs!",
   "keywords": [