@overmap-ai/blocks 0.0.9-alpha.2 → 0.0.9-alpha.3

package/dist/SlideOut/SlideOut.d.ts

@@ -1,14 +1,12 @@
 import { FC, ReactElement } from "react";
-import { DialogContentProps, DialogProps } from "@radix-ui/react-dialog";
-interface SlideOutProps extends DialogContentProps {
+import { DismissableLayerProps } from "@radix-ui/react-dismissable-layer";
+interface SlideOutProps extends Omit<DismissableLayerProps, "disableOutsidePointerEvents"> {
     /** The controlled state of whether the SlideOut is open or not */
-    open?: DialogProps["open"];
+    open?: boolean;
     /** Used to specify what side of the container the SlideOut appears on
      * @default "left"
      * */
     side?: "left" | "right";
-    /** The container the SlideOut should render within, if unspecified, will render within the Radix Root theme */
-    container?: HTMLElement | null;
     /** The minimum width of the SlideOut, this must be specified and will be the default width the SlideOut
      * first opens with. Note the developer is responsible for adapting this as the screen size or size of the container
      * the SlideOut appears in changes in width */
@@ -30,6 +28,10 @@ interface SlideOutProps extends DialogContentProps {
     resizable?: boolean;
     /** Component to be used as the resize handle for the SlideOut */
     resizeHandle?: ReactElement;
+    /** if set to relative, the SlideOut will push any content contained within its container when open/closed
+     * @default "absolute"
+     * */
+    position?: "absolute" | "relative";
 }
 /** The SlideOut component is a UI element that allows you to create a slide-in/slide-out effect for content within
  * your application. It provides a smooth transition animation for revealing and hiding content. */