@overmap-ai/blocks 0.0.7-alpha.2 → 0.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,37 @@
1
+ import { FC, ReactElement } from "react";
2
+ import { DialogContentProps, DialogProps } from "@radix-ui/react-dialog";
3
+ interface SlideOutProps extends DialogContentProps {
4
+ /** The controlled state of whether the SlideOut is open or not */
5
+ open?: DialogProps["open"];
6
+ /** Used to specify what side of the container the SlideOut appears on
7
+ * @default "left"
8
+ * */
9
+ side?: "left" | "right";
10
+ /** The container the SlideOut should render within, if unspecified, will render within the Radix Root theme */
11
+ container?: HTMLElement | null;
12
+ /** The minimum width of the SlideOut, this must be specified and will be the default width the SlideOut
13
+ * first opens with. Note the developer is responsible for adapting this as the screen size or size of the container
14
+ * the SlideOut appears in changes in width */
15
+ minWidth: number;
16
+ /** An optional max width of the SlideOut when resizing, like minWidth, the Developer is responsible for adapting
17
+ * this value as the screen size or size of the container of the SlideOut changes width*/
18
+ maxWidth?: number;
19
+ /** Renders an overlay with the SlideOut, should be used when the SlideOut should have modality
20
+ * @default false
21
+ * */
22
+ overlay?: boolean;
23
+ /** Determines if the SlideOut has modality, should be used in combination with overlay
24
+ * @default false
25
+ * */
26
+ modal?: boolean;
27
+ /** Controls whether the SlideOut can be resized
28
+ * @default true
29
+ * */
30
+ resizable?: boolean;
31
+ /** Component to be used as the resize handle for the SlideOut */
32
+ resizeHandle?: ReactElement;
33
+ }
34
+ /** The SlideOut component is a UI element that allows you to create a slide-in/slide-out effect for content within
35
+ * your application. It provides a smooth transition animation for revealing and hiding content. */
36
+ export declare const SlideOut: FC<SlideOutProps>;
37
+ export {};
@@ -0,0 +1 @@
1
+ export * from "./SlideOut";