@overmap-ai/blocks 0.0.8 → 0.0.9-alpha.1

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,17 @@
1
+ import { ComponentProps } from "react";
2
+ import { Flex as RadixFlex } from "@radix-ui/themes";
3
+ export interface FlexProps extends ComponentProps<typeof RadixFlex> {
4
+ /** if true the border radius of the Flex container will match the one specified by the Theme
5
+ * @default false
6
+ * */
7
+ radius?: boolean;
8
+ /** if true sets the min-width of the Flex container to 0
9
+ * @default false
10
+ * */
11
+ zeroMinWidth?: boolean;
12
+ /** if true sets the min-height of the Flex container to 0
13
+ * @default false
14
+ * */
15
+ zeroMinHeight?: boolean;
16
+ }
17
+ export declare const Flex: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<FlexProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
@@ -0,0 +1 @@
1
+ export * from "./Flex";
@@ -0,0 +1,23 @@
1
+ import { ToolbarProps } from "@radix-ui/react-toolbar";
2
+ import { ComponentProps, FC, ReactNode } from "react";
3
+ import { Flex } from "../Flex";
4
+ interface ToolBarRootProps extends Omit<ToolbarProps, "dir" | "asChild" | "orientation"> {
5
+ /** the minimum gap between the left and right content in the Toolbar*/
6
+ minContentGap?: ComponentProps<typeof Flex>["gap"];
7
+ }
8
+ /** The Toolbar component is commonly used in web development to create a horizontal bar that contains various UI
9
+ * elements, typically used for navigation, actions, or other functionalities. */
10
+ export declare const Root: FC<ToolBarRootProps>;
11
+ interface ContentProps {
12
+ children: ReactNode;
13
+ /** spacing between the items in the content of the Toolbar
14
+ * @default "2"
15
+ * */
16
+ gap?: ComponentProps<typeof Flex>["gap"];
17
+ }
18
+ export declare const Toolbar: {
19
+ Root: FC<ToolBarRootProps>;
20
+ LeftContent: FC<ContentProps>;
21
+ RightContent: FC<ContentProps>;
22
+ };
23
+ export {};
@@ -0,0 +1 @@
1
+ export * from "./Toolbar";