@overmap-ai/blocks 0.0.2-alpha.3 → 0.0.3-alpha.0

package/dist/ButtonGroup/ButtonList.d.ts

@@ -0,0 +1,24 @@
+import { FC, ReactNode } from "react";
+import { ButtonGroupProps } from ".";
+import { ButtonProps } from "../Buttons/typings";
+import { Responsive, Size } from "..";
+interface ButtonListRootProps extends Pick<ButtonGroupProps, "size" | "variant" | "children"> {
+    /** @default "medium" */
+    size?: Responsive<Exclude<Size, "large">>;
+    /** @default outline  */
+    variant?: Exclude<ButtonGroupProps["variant"], "solid">;
+    /** Content to display before the list but within the card */
+    before?: ReactNode;
+    /** Content to display after the list but within the card */
+    after?: ReactNode;
+    className?: string;
+}
+/** A specialized version of `ButtonGroup` for vertical list of block-like buttons. */
+export declare const ButtonListRoot: FC<ButtonListRootProps>;
+interface ButtonListItemProps extends Omit<ButtonProps, "size" | "variant" | "severity" | "fluid"> {
+}
+export declare const ButtonList: {
+    Root: FC<ButtonListRootProps>;
+    Item: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<ButtonListItemProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>>;
+};
+export {};

package/dist/ButtonGroup/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./ButtonGroup";
-export * from "./typings.ts";
+export * from "./typings";
+export { ButtonList } from "./ButtonList";

package/dist/ButtonGroup/typings.d.ts

@@ -4,19 +4,19 @@ import { Severity, Size, Variant } from "../typings.ts";
 import { ButtonHoverEffect } from "../Buttons";
 export interface ButtonGroupProps extends Omit<ComponentProps<typeof Flex>, keyof MarginProps | "size" | "direction" | "asChild"> {
     /** The direction in which the Buttons within the ButtonGroup are stacked
-     * @default "row"
+     * @default row
      * */
     direction?: "column" | "row";
     /** The size of the ButtonGroup, will be applied to all Buttons contained within the ButtonGroup
-     * @default "medium"
+     * @default medium
      * */
     size?: Responsive<Size>;
     /** The variant of the ButtonGroup, will be applied to all Buttons contained within the ButtonGroup
-     * @default "solid"
+     * @default solid
      * */
     variant?: Variant;
     /** The severity of the ButtonGroup, will be applied to all Buttons contained within the ButtonGroup
-     * @default "primary"
+     * @default primary
      * */
     severity?: Severity;
     /** The hover effects of the ButtonGroup, will be applied to all Buttons contained within the ButtonGroup */
@@ -29,5 +29,5 @@ export interface ButtonGroupProps extends Omit<ComponentProps<typeof Flex>, keyo
     /** When set to true, all Buttons will fill as much space as possible within the ButtonGroup
      * @default false
      * */
-    fluid: boolean;
+    fluid?: boolean;
 }

package/dist/Dialogs/Dialog/Dialog.d.ts

@@ -4,4 +4,4 @@ import { DialogProps } from "./typings";
  * Display or collect information in a modal. Unlike the `AlertDialog`, the `Dialog`'s can be nested
  * and close when clicking outside of the dialog content.
  */
-export declare const Dialog: import("react").NamedExoticComponent<DialogProps>;
+export declare const Dialog: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<DialogProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;

package/dist/Dialogs/Dialog/index.d.ts

@@ -1 +1,2 @@
 export * from "./Dialog";
+export * from "./typings";

package/dist/Dialogs/Dialog/typings.d.ts

@@ -1,4 +1,4 @@
-import { DialogTrigger, DialogContent } from "@radix-ui/themes";
+import { DialogContent } from "@radix-ui/themes";
 import { CloseDialog } from "../typings";
 import { ReactNode } from "react";
 export interface CloseDialogOptions {
@@ -7,21 +7,21 @@ export interface CloseDialogOptions {
 }
 export type CloseDialogWithOptions = (options?: CloseDialogOptions) => void;
 type RadixDialogContentProps = React.ComponentProps<typeof DialogContent>;
-export interface DialogProps {
-    /** Use the `Trigger` to open the dialog by wrapping it around a button */
-    children: (Trigger: typeof DialogTrigger) => ReactNode;
+export interface DialogProps extends Omit<RadixDialogContentProps, "content"> {
+    /** The button triggering the dialog to open. */
+    children: ReactNode;
     /** The content of the dialog, which is rendered below the description.
      * Should include buttons to close the dialog.
      */
     content: (close: CloseDialogWithOptions) => ReactNode;
+    /** Should the dialog be opened by default when the page is first rendered.
+     * @default false
+     */
+    defaultOpen?: boolean;
     /** The title of the Dialog should only be a few words */
     title: string;
     /** The description of the Dialog should explain what is happening and possible ramifications. */
-    description: string;
-    /** Changes the padding of the dialog content
-     * @default 3
-     */
-    size?: RadixDialogContentProps["size"];
+    description?: string;
     /** Called with the dialog opens. Unlike `onCloseInterrupt`, it does not interrupt the dialog opening */
     onOpen?: () => void;
     /** Interrupts the close process; use the provided `confirmClose` callback to continue the close process. */