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

package/dist/Layout/context.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="react" />
-interface ILayoutContent {
+export interface ILayoutContent {
     small: boolean;
     hideLayout: boolean;
     isOpen: (id: string) => boolean;
     setOpen: (id: string, open: boolean) => void;
 }
 export declare const LayoutContext: import('react').Context<ILayoutContent>;
-export {};

package/dist/Layout/hooks.d.ts

@@ -0,0 +1 @@
+export declare const useLayoutContext: () => import('./context').ILayoutContent;

package/dist/SlideOut/Content.d.ts

@@ -7,6 +7,5 @@ export interface SlideOutContentProps extends ComponentPropsWithRef<"div"> {
     initialSize: number | string;
     minSize?: number | string;
     maxSize?: number | string;
-    hide?: boolean;
 }
 export declare const SlideOutContent: import('react').NamedExoticComponent<SlideOutContentProps>;

package/dist/SlideOut/Root.d.ts

@@ -4,5 +4,6 @@ export interface SlideOutRootProps extends ComponentPropsWithRef<"div"> {
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
     modal?: boolean;
+    hide?: boolean;
 }
 export declare const SlideOutRoot: import('react').NamedExoticComponent<SlideOutRootProps>;

package/dist/SlideOut/context.d.ts

@@ -4,6 +4,7 @@ export interface ISlideOutRootContext {
     open: boolean;
     setOpen: (open: boolean) => void;
     modal: boolean;
+    hide: boolean;
 }
 export declare const SlideOutRootContext: import('react').Context<ISlideOutRootContext>;
 export interface ISlideOutContentContext {

package/dist/blocks.js

@@ -2337,9 +2337,9 @@ function useCallbackRef(callback) {
   }, []);
 }
 const SlideOutContent = memo((props) => {
-  const { ref, children, style, side, type, resizeable = false, initialSize, minSize, maxSize, hide: hide2, ...rest } = props;
+  const { ref, children, style, side, type, resizeable = false, initialSize, minSize, maxSize, ...rest } = props;
   const internalRef = useRef(null);
-  const { open, setOpen, parentElement, modal } = use(SlideOutRootContext);
+  const { open, setOpen, parentElement, modal, hide: hide2 } = use(SlideOutRootContext);
   const [computedSize, setComputedSize] = useState(null);
   const handleClose = useCallback(() => {
     if (modal) setOpen(false);
@@ -2569,12 +2569,21 @@ const SlideOutHandle = memo((props) => {
 SlideOutHandle.displayName = "SlideOutHandle";
 const SlideOutOverlay = memo((props) => {
   const { ref, ...rest } = props;
-  const { open } = use(SlideOutRootContext);
-  return open ? /* @__PURE__ */ jsx("div", { ref, "data-open": open, ...rest }) : null;
+  const { open, hide: hide2 } = use(SlideOutRootContext);
+  return open && !hide2 ? /* @__PURE__ */ jsx("div", { ref, "data-open": open, ...rest }) : null;
 });
 SlideOutOverlay.displayName = "SlideOutOverlay";
 const SlideOutRoot = 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: hide2 = false,
+    ...rest
+  } = props;
   const [parentElement, setParentElement] = useState(null);
   const [open, setOpen] = useControlledState(defaultOpen, controlledOpen, onOpenChange);
   const contextValue = useMemo(
@@ -2582,9 +2591,10 @@ const SlideOutRoot = memo((props) => {
       parentElement,
       open,
       setOpen,
-      modal
+      modal,
+      hide: hide2
     }),
-    [modal, open, parentElement, setOpen]
+    [hide2, modal, open, parentElement, setOpen]
   );
   return /* @__PURE__ */ jsx("div", { ref: mergeRefs([ref, setParentElement]), ...rest, children: /* @__PURE__ */ jsx(SlideOutRootContext, { value: contextValue, children }) });
 });
@@ -2636,9 +2646,9 @@ const LayoutSlideOutClose = memo((props) => {
 });
 LayoutSlideOutClose.displayName = "LayoutSlideOutClose";
 const LayoutSlideOutContent = memo((props) => {
-  const { ref, type, hide: hide2, ...rest } = props;
-  const { small, hideLayout } = use(LayoutContext);
-  return /* @__PURE__ */ jsx(SlideOutContent, { ref, type: type ?? (small ? "overlay" : "inline"), hide: hide2 ?? hideLayout, ...rest });
+  const { ref, type, ...rest } = props;
+  const { small } = use(LayoutContext);
+  return /* @__PURE__ */ jsx(SlideOutContent, { ref, type: type ?? (small ? "overlay" : "inline"), ...rest });
 });
 LayoutSlideOutContent.displayName = "LayoutSlideOutContent";
 const LayoutSlideOutHandle = memo((props) => {
@@ -2658,8 +2668,8 @@ const LayoutSlideOutOverlay = memo((props) => {
 });
 LayoutSlideOutOverlay.displayName = "SlideOutOverlay";
 const LayoutSlideOutRoot = memo((props) => {
-  const { ref, slideOutId, defaultOpen, ...rest } = props;
-  const { isOpen, setOpen, small } = use(LayoutContext);
+  const { ref, slideOutId, defaultOpen, hide: hide2, ...rest } = props;
+  const { isOpen, setOpen, small, hideLayout } = use(LayoutContext);
   const open = isOpen(slideOutId);
   const handleOpenChange = useCallback(
     (open2) => {
@@ -2674,7 +2684,17 @@ const LayoutSlideOutRoot = memo((props) => {
       setOpen(slideOutId, defaultOpen == null ? void 0 : defaultOpen.large);
     }
   }, [defaultOpen, slideOutId, setOpen, small]);
-  return /* @__PURE__ */ jsx(SlideOutRoot, { ref, open, onOpenChange: handleOpenChange, modal: small, ...rest });
+  return /* @__PURE__ */ jsx(
+    SlideOutRoot,
+    {
+      ref,
+      open,
+      onOpenChange: handleOpenChange,
+      modal: small,
+      hide: hide2 ?? hideLayout,
+      ...rest
+    }
+  );
 });
 LayoutSlideOutRoot.displayName = "LayoutSlideOutRoot";
 const LayoutSlideOutTrigger = memo((props) => {