@overmap-ai/blocks 1.0.40-slide-out-resize-handle.0 → 1.0.40-slide-out-resize-handle.2

package/dist/blocks.umd.cjs

@@ -2342,9 +2342,9 @@
     }, []);
   }
   const SlideOutContent = react.memo((props) => {
-    const { ref, children, style, side, type, resizeable = false, initialSize, minSize, maxSize, hide, ...rest } = props;
+    const { ref, children, style, side, type, resizeable = false, initialSize, minSize, maxSize, ...rest } = props;
     const internalRef = react.useRef(null);
-    const { open, setOpen, parentElement, modal } = react.use(SlideOutRootContext);
+    const { open, setOpen, parentElement, modal, hide } = react.use(SlideOutRootContext);
     const [computedSize, setComputedSize] = react.useState(null);
     const handleClose = react.useCallback(() => {
       if (modal) setOpen(false);
@@ -2574,12 +2574,21 @@
   SlideOutHandle.displayName = "SlideOutHandle";
   const SlideOutOverlay = react.memo((props) => {
     const { ref, ...rest } = props;
-    const { open } = react.use(SlideOutRootContext);
-    return open ? /* @__PURE__ */ jsxRuntime.jsx("div", { ref, "data-open": open, ...rest }) : null;
+    const { open, hide } = react.use(SlideOutRootContext);
+    return open && !hide ? /* @__PURE__ */ jsxRuntime.jsx("div", { ref, "data-open": open, ...rest }) : null;
   });
   SlideOutOverlay.displayName = "SlideOutOverlay";
   const SlideOutRoot = react.memo((props) => {
-    const { ref, children, defaultOpen = false, open: controlledOpen, onOpenChange, modal = false, ...rest } = props;
+    const {
+      ref,
+      children,
+      defaultOpen = false,
+      open: controlledOpen,
+      onOpenChange,
+      modal = false,
+      hide = false,
+      ...rest
+    } = props;
     const [parentElement, setParentElement] = react.useState(null);
     const [open, setOpen] = useControlledState(defaultOpen, controlledOpen, onOpenChange);
     const contextValue = react.useMemo(
@@ -2587,9 +2596,10 @@
         parentElement,
         open,
         setOpen,
-        modal
+        modal,
+        hide
       }),
-      [modal, open, parentElement, setOpen]
+      [hide, modal, open, parentElement, setOpen]
     );
     return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: mergeRefs([ref, setParentElement]), ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(SlideOutRootContext, { value: contextValue, children }) });
   });
@@ -2641,9 +2651,9 @@
   });
   LayoutSlideOutClose.displayName = "LayoutSlideOutClose";
   const LayoutSlideOutContent = react.memo((props) => {
-    const { ref, type, hide, ...rest } = props;
-    const { small, hideLayout } = react.use(LayoutContext);
-    return /* @__PURE__ */ jsxRuntime.jsx(SlideOutContent, { ref, type: type ?? (small ? "overlay" : "inline"), hide: hide ?? hideLayout, ...rest });
+    const { ref, type, ...rest } = props;
+    const { small } = react.use(LayoutContext);
+    return /* @__PURE__ */ jsxRuntime.jsx(SlideOutContent, { ref, type: type ?? (small ? "overlay" : "inline"), ...rest });
   });
   LayoutSlideOutContent.displayName = "LayoutSlideOutContent";
   const LayoutSlideOutHandle = react.memo((props) => {
@@ -2663,8 +2673,8 @@
   });
   LayoutSlideOutOverlay.displayName = "SlideOutOverlay";
   const LayoutSlideOutRoot = react.memo((props) => {
-    const { ref, slideOutId, defaultOpen, ...rest } = props;
-    const { isOpen, setOpen, small } = react.use(LayoutContext);
+    const { ref, slideOutId, defaultOpen, hide, ...rest } = props;
+    const { isOpen, setOpen, small, hideLayout } = react.use(LayoutContext);
     const open = isOpen(slideOutId);
     const handleOpenChange = react.useCallback(
       (open2) => {
@@ -2679,7 +2689,17 @@
         setOpen(slideOutId, defaultOpen == null ? void 0 : defaultOpen.large);
       }
     }, [defaultOpen, slideOutId, setOpen, small]);
-    return /* @__PURE__ */ jsxRuntime.jsx(SlideOutRoot, { ref, open, onOpenChange: handleOpenChange, modal: small, ...rest });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      SlideOutRoot,
+      {
+        ref,
+        open,
+        onOpenChange: handleOpenChange,
+        modal: small,
+        hide: hide ?? hideLayout,
+        ...rest
+      }
+    );
   });
   LayoutSlideOutRoot.displayName = "LayoutSlideOutRoot";
   const LayoutSlideOutTrigger = react.memo((props) => {