@overmap-ai/blocks 0.0.7 → 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.
- package/dist/SlideOut/SlideOut.d.ts +37 -0
- package/dist/SlideOut/index.d.ts +1 -0
- package/dist/blocks.js +767 -684
- package/dist/blocks.js.map +1 -1
- package/dist/blocks.umd.cjs +2 -2
- package/dist/blocks.umd.cjs.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/style.css +1 -1
- package/dist/utils.d.ts +10 -0
- package/package.json +4 -2
|
@@ -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";
|