@overmap-ai/blocks 0.0.7 → 0.0.9-alpha.0

package/dist/Flex/Flex.d.ts

@@ -0,0 +1,17 @@
+import { ComponentProps } from "react";
+import { Flex as RadixFlex } from "@radix-ui/themes";
+export interface FlexProps extends ComponentProps<typeof RadixFlex> {
+    /** if true the border radius of the Flex container will match the one specified by the Theme
+     * @default false
+     * */
+    radius?: boolean;
+    /** if true sets the min-width of the Flex container to 0
+     * @default false
+     * */
+    zeroMinWidth?: boolean;
+    /** if true sets the min-height of the Flex container to 0
+     * @default false
+     * */
+    zeroMinHeight?: boolean;
+}
+export declare const Flex: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<FlexProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;

package/dist/Flex/index.d.ts

@@ -0,0 +1 @@
+export * from "./Flex";

package/dist/SlideOut/SlideOut.d.ts

@@ -0,0 +1,37 @@
+import { FC, ReactElement } from "react";
+import { DialogContentProps, DialogProps } from "@radix-ui/react-dialog";
+interface SlideOutProps extends DialogContentProps {
+    /** The controlled state of whether the SlideOut is open or not */
+    open?: DialogProps["open"];
+    /** 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 */
+    minWidth: number;
+    /** An optional max width of the SlideOut when resizing, like minWidth, the Developer is responsible for adapting
+     * this value as the screen size or size of the container of the SlideOut changes width*/
+    maxWidth?: number;
+    /** Renders an overlay with the SlideOut, should be used when the SlideOut should have modality
+     * @default false
+     * */
+    overlay?: boolean;
+    /** Determines if the SlideOut has modality, should be used in combination with overlay
+     * @default false
+     * */
+    modal?: boolean;
+    /** Controls whether the SlideOut can be resized
+     * @default true
+     * */
+    resizable?: boolean;
+    /** Component to be used as the resize handle for the SlideOut */
+    resizeHandle?: ReactElement;
+}
+/** 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. */
+export declare const SlideOut: FC<SlideOutProps>;
+export {};

package/dist/SlideOut/index.d.ts

@@ -0,0 +1 @@
+export * from "./SlideOut";

package/dist/Toolbar/Toolbar.d.ts

@@ -0,0 +1,23 @@
+import { ToolbarProps } from "@radix-ui/react-toolbar";
+import { ComponentProps, FC, ReactNode } from "react";
+import { Flex } from "../Flex";
+interface ToolBarRootProps extends Omit<ToolbarProps, "dir" | "asChild" | "orientation"> {
+    /** the minimum gap between the left and right content in the Toolbar*/
+    minContentGap?: ComponentProps<typeof Flex>["gap"];
+}
+/** The Toolbar component is commonly used in web development to create a horizontal bar that contains various UI
+ * elements, typically used for navigation, actions, or other functionalities. */
+export declare const Root: FC<ToolBarRootProps>;
+interface ContentProps {
+    children: ReactNode;
+    /** spacing between the items in the content of the Toolbar
+     * @default "2"
+     * */
+    gap?: ComponentProps<typeof Flex>["gap"];
+}
+export declare const Toolbar: {
+    Root: FC<ToolBarRootProps>;
+    LeftContent: FC<ContentProps>;
+    RightContent: FC<ContentProps>;
+};
+export {};

package/dist/Toolbar/index.d.ts

@@ -0,0 +1 @@
+export * from "./Toolbar";