@overmap-ai/blocks 0.0.1 → 0.0.2-alpha.0

package/dist/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,12 @@
+import { FC } from "react";
+import { DropdownMenuItemGroupProps, DropdownMenuItemProps, DropdownMenuProps, DropdownSubMenuProps } from "./typings.ts";
+/** The DropdownMenu component is a user interface element that provides a list of options for the user to choose from.
+ * It is commonly used in web applications to present a set of related choices in a compact and organized manner.
+ * This DropdownMenu component is a wrapper around the Radix-UI DropdownMenu component that can be found here https://www.radix-ui.com/themes/docs/components/dropdown-menu */
+export declare const Root: FC<DropdownMenuProps>;
+export declare const DropdownMenu: {
+    Root: FC<DropdownMenuProps>;
+    ItemGroup: FC<DropdownMenuItemGroupProps>;
+    Item: FC<DropdownMenuItemProps>;
+    SubMenu: FC<DropdownSubMenuProps>;
+};

package/dist/DropdownMenu/index.d.ts

@@ -0,0 +1,2 @@
+export { DropdownMenu } from "./DropdownMenu";
+export * from "./typings.ts";

package/dist/DropdownMenu/typings.d.ts

@@ -0,0 +1,41 @@
+import { DropdownMenu as RadixDropdownMenu } from "@radix-ui/themes";
+import { ComponentProps, ReactNode } from "react";
+import { Severity } from "../typings.ts";
+type RadixDropdownMenuRootProps = ComponentProps<typeof RadixDropdownMenu.Root>;
+type RadixDropdownMenuSubProps = ComponentProps<typeof RadixDropdownMenu.Sub>;
+export interface DropdownMenuItemProps extends Omit<ComponentProps<typeof RadixDropdownMenu.Item>, "textValue"> {
+    /** content to be displayed within the DropdownMenuItem */
+    itemContent: ReactNode;
+    /** severity of the DropdownMenuItem, will overwrite any severity passed into DropdownMenu.Root */
+    severity?: Severity;
+    /** Determines if the DropdownMenu will close upon clicking the DropdownMenuItem
+     * @default true
+     * */
+    closeOnSelect?: boolean;
+}
+export interface DropdownMenuItemGroupProps extends Omit<ComponentProps<typeof RadixDropdownMenu.Group>, "asChild"> {
+    /** will render a separator within the DropdownMenu popover above the ItemGroup
+     * @default false
+     * */
+    separatorAbove?: boolean;
+    /** will render a separator within the DropdownMenu popover below the ItemGroup
+     * @default false
+     * */
+    separatorBelow?: boolean;
+}
+export interface DropdownMenuProps extends Omit<ComponentProps<typeof RadixDropdownMenu.Content>, "asChild" | "color"> {
+    defaultOpen?: RadixDropdownMenuRootProps["defaultOpen"];
+    open?: RadixDropdownMenuRootProps["open"];
+    onOpenChange?: RadixDropdownMenuRootProps["onOpenChange"];
+    modal?: RadixDropdownMenuRootProps["modal"];
+    severity?: Severity;
+    trigger: ReactNode;
+    label?: ReactNode;
+}
+export interface DropdownSubMenuProps extends Omit<ComponentProps<typeof RadixDropdownMenu.SubContent>, "asChild" | "color"> {
+    defaultOpen?: RadixDropdownMenuSubProps["defaultOpen"];
+    open?: RadixDropdownMenuSubProps["open"];
+    onOpenChange?: RadixDropdownMenuSubProps["onOpenChange"];
+    trigger: ReactNode;
+}
+export {};

package/dist/Separator/Separator.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { SeparatorProps } from "./typings.ts";
+export declare const Separator: FC<SeparatorProps>;

package/dist/Separator/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Separator";
+export * from "./typings.ts";

package/dist/Separator/typings.d.ts

@@ -0,0 +1,19 @@
+import { Flex, Text, Separator as RadixSeparator, MarginProps } from "@radix-ui/themes";
+import { ComponentProps } from "react";
+import { Severity } from "../typings.ts";
+export interface SeparatorProps extends Omit<ComponentProps<typeof RadixSeparator>, "color" | "asChild" | keyof MarginProps> {
+    /** text to be displayed in the middle of the separator */
+    text?: string;
+    /** when text is passed in, gap specifies the distance between the left and right separators and the text
+     * @default "1"
+     * */
+    gap?: ComponentProps<typeof Flex>["gap"];
+    /** the weight of the text
+     * @default "light"
+     * */
+    weight?: ComponentProps<typeof Text>["weight"];
+    /** severity of the separator
+     * @default "info"
+     * */
+    severity?: Severity;
+}

package/dist/Toast/ToastProvider.d.ts

@@ -1,4 +1,6 @@
 import { FC } from "react";
-import { ToastContextProviderProps } from "./typings";
+import { ToastContextProviderProps, ToastProps } from "./typings";
+/** this is a hack to allow toasts to be shown outside of components where hooks cannot be used */
+export declare let unsafeShowToast: ((toastProps: ToastProps) => void) | undefined;
 /** Toasts will be displayed in the top-right handle corner of the screen */
 export declare const ToastProvider: FC<ToastContextProviderProps>;