@overmap-ai/blocks 1.0.23 → 1.0.25-component-forms.0

package/dist/Checkbox/typings.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode, ReactElement } from "react";
 import { Checkbox as RadixCheckbox } from "@radix-ui/themes";
+import { FlexProps } from "../Flex";
 export type RadixCheckboxProps = React.ComponentProps<typeof RadixCheckbox>;
 export type CheckboxValue = boolean | "indeterminate";
 export interface CheckboxProps extends RadixCheckboxProps {
@@ -8,6 +9,7 @@ export interface CheckboxProps extends RadixCheckboxProps {
     label?: ReactNode;
     doesLabelCheck?: boolean;
     alwaysShow?: boolean;
+    checkboxPosition?: FlexProps["align"];
 }
 export interface SelectAllCheckboxProps extends Omit<CheckboxProps, "checked"> {
     children: Array<ReactElement<CheckboxProps>>;

package/dist/Layout/Container.d.ts

@@ -0,0 +1,5 @@
+import { ComponentProps } from "react";
+import { Flex } from "@radix-ui/themes";
+export interface ContainerProps extends ComponentProps<typeof Flex> {
+}
+export declare const Container: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<ContainerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;

package/dist/Layout/Root.d.ts

@@ -0,0 +1,23 @@
+import { Dispatch, PropsWithChildren, SetStateAction } from "react";
+interface ILayoutContent {
+    small: boolean;
+    hideLayout: boolean;
+    /** controlled value for open state of LeftSlideOut Component. */
+    showLeftSlideOut: boolean;
+    setShowLeftSlideOut: Dispatch<SetStateAction<boolean>>;
+    /** controlled value for open state of RightSlideOut Component. */
+    showRightSlideOut: boolean;
+    setShowRightSlideOut: Dispatch<SetStateAction<boolean>>;
+}
+export declare const LayoutContext: import("react").Context<ILayoutContent>;
+export interface RootProps extends PropsWithChildren {
+    /** TODO: DOCUMENT THIS HEAVILY
+     * @default false */
+    small?: boolean;
+    /** controls if all Layout Components should be hidden
+     * @default false */
+    hideLayout?: boolean;
+}
+/** */
+export declare const Root: import("react").MemoExoticComponent<(props: RootProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/Layout/SlideOut.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { SlideOutV2Props } from "../SlideOut";
+import { SlideOutV3Props } from "../SlideOutV3";
+interface SlideOutProps extends Omit<SlideOutV3Props, "open" | "initialWidth"> {
+    /** controls if the SlideOut is initially open once mounted when NOT in smallMode.
+     * NOTE: changing the value of this will cause the SlideOut to open/close after mounting NOT in smallMode depending on
+     *  its passed in value.
+     * @default false */
+    defaultOpen?: {
+        small?: boolean;
+        large?: boolean;
+    };
+    /** optional prop to control the open state of the SlideOut */
+    open?: SlideOutV2Props["open"];
+    /** optional prop to control the initialWidth of the SlideOut
+     * @default "30%" */
+    initialWidth?: SlideOutV2Props["initialWidth"];
+}
+/** Type used for both Layout.LeftSlideOut and Layout.RightSlideOut */
+export interface LayoutSlideOutProps extends Omit<SlideOutProps, "side"> {
+}
+/** TODO: Document */
+export declare const LeftSlideOut: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<LayoutSlideOutProps & import("react").RefAttributes<HTMLDivElement>>>;
+/** TODO: Document */
+export declare const RightSlideOut: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<LayoutSlideOutProps & import("react").RefAttributes<HTMLDivElement>>>;
+export {};

package/dist/Layout/SlideOutOverlay.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { PropsWithClassNameAndStyle } from "../typings.ts";
+import { SlideOutV3Props } from "../SlideOutV3";
+export interface OverlayProps extends PropsWithClassNameAndStyle {
+    active?: boolean;
+    side: SlideOutV3Props["side"];
+    smallModeOnly?: boolean;
+}
+export declare const SlideOutOverlay: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<OverlayProps & import("react").RefAttributes<HTMLDivElement>>>;

package/dist/Layout/SlideOutTrigger.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from "react";
+import { SlideOutV3Props } from "../SlideOutV3";
+export interface SlideOutTriggerProps extends PropsWithChildren {
+    side: SlideOutV3Props["side"];
+}
+export declare const SlideOutTrigger: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<SlideOutTriggerProps & import("react").RefAttributes<HTMLButtonElement>>>;

package/dist/Layout/index.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare const Layout: {
+    Root: import("react").MemoExoticComponent<(props: import("./Root").RootProps) => import("react/jsx-runtime").JSX.Element>;
+    Container: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("./Container").ContainerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
+    SlideOutOverlay: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./SlideOutOverlay").OverlayProps & import("react").RefAttributes<HTMLDivElement>>>;
+    LeftSlideOut: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./SlideOut").LayoutSlideOutProps & import("react").RefAttributes<HTMLDivElement>>>;
+    RightSlideOut: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./SlideOut").LayoutSlideOutProps & import("react").RefAttributes<HTMLDivElement>>>;
+    SlideOutTrigger: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./SlideOutTrigger").SlideOutTriggerProps & import("react").RefAttributes<HTMLButtonElement>>>;
+};
+export * from "./hooks";
+export type * from "./Root";
+export type * from "./Container";
+export type * from "./SlideOutOverlay";
+export type * from "./SlideOut";
+export type * from "./SlideOutTrigger";

package/dist/SlideOut/SlideOutV2.d.ts

@@ -0,0 +1,41 @@
+import { PropsWithChildren } from "react";
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "@radix-ui/react-dismissable-layer";
+import { PropsWithClassNameAndStyle } from "../typings.ts";
+export type DismissibleEventTypes = PointerDownOutsideEvent | FocusOutsideEvent | KeyboardEvent;
+export interface SlideOutV2Props extends PropsWithChildren, PropsWithClassNameAndStyle {
+    /** The controlled open state of the SlideOut */
+    open: boolean;
+    /** prop used to specify if the SlideOut is in modal mode or not. If in modal mode, onDismiss prop should be passed
+     * to the SlideOut component as well.
+     * @default false */
+    modal?: boolean;
+    /** The side the SlideOut should position on and "slide-in" from */
+    side: "left" | "right";
+    /** prop to control if the SlideOut can be resized by the user
+     * @default true
+     * */
+    resizeable?: boolean;
+    /** prop used to control the positioning of the SlideOut. When absolute, the SlideOut will overlay other
+     * content within its parent container. When relative, the SlideOut exists with and pushes other content within
+     * its parent container.
+     * @default "relative"
+     * */
+    position?: "relative" | "absolute";
+    /** prop used to specify the initialWidth of the SlideOut, can be expressed in any valid CSS size unit */
+    initialWidth: number | string;
+    /** prop used to specify the minimum width of the SlideOut can be expressed in any valid CSS size unit */
+    minWidth?: number | string;
+    /** prop used to specify the maximum width of the SlideOut can be expressed in any valid CSS size unit */
+    maxWidth?: number | string;
+    /** callback fired when the SlideOut should be dismissed (closed) when in modal mode. The type of event resulting in
+     * the SlideOut dismissal is passed with the callback. */
+    onDismiss?: (event: DismissibleEventTypes) => void;
+    /** callback fired when the SlideOut has finished sliding out (closing) */
+    onClosed?: () => void;
+    /** callback fired when the SlideOut starts sliding in (opening) */
+    onOpening?: () => void;
+}
+/** 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.
+ * @deprecated */
+export declare const SlideOutV2: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<SlideOutV2Props & import("react").RefAttributes<HTMLDivElement>>>;

package/dist/SlideOut/index.d.ts

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

package/dist/SlideOutV3/SlideOutV3.d.ts

@@ -0,0 +1,45 @@
+import { PropsWithChildren, ReactNode } from "react";
+import { PropsWithClassNameAndStyle } from "../typings.ts";
+export interface SlideOutV3Props extends PropsWithChildren, PropsWithClassNameAndStyle {
+    /** The controlled open state of the SlideOut */
+    open: boolean;
+    /** specifies if the SlideOut is in modal mode or not.
+     * If in modal mode, onDismiss prop should be passed
+     * to the SlideOut component as well.
+     * @default false */
+    modal?: boolean;
+    /** The side the SlideOut should position on and "slide-in" from */
+    side: "left" | "right";
+    /** controls if the SlideOut can be resized by the user
+     * @default true
+     * */
+    resizeable?: boolean;
+    /** controls the positioning of the SlideOut.
+     * When absolute, the SlideOut will overlay other
+     * content within its parent container.
+     * When relative, the SlideOut exists with and pushes other content within
+     * its parent container.
+     * @default "relative"
+     * */
+    position?: "relative" | "absolute";
+    /** sets the initialWidth of the SlideOut, can be expressed in any valid CSS size unit */
+    initialWidth: number | string;
+    /** sets the minimum width of the SlideOut can be expressed in any valid CSS size unit */
+    minWidth?: number | string;
+    /** sets the maximum width of the SlideOut can be expressed in any valid CSS size unit */
+    maxWidth?: number | string;
+    /** callback fired when the SlideOut should be dismissed (closed) when in modal mode. The type of event resulting in
+     * the SlideOut dismissal is passed with the callback. */
+    onDismiss?: () => void;
+    /** callback fired when the SlideOut has finished sliding out (closing) */
+    onClosed?: () => void;
+    /** callback fired when the SlideOut starts sliding in (opening) */
+    onOpening?: () => void;
+    /** overlay to be rendered when the SlideOut is open*/
+    overlayComponent?: ReactNode;
+    /** content to be rendered within the SlideOut */
+    content: ReactNode;
+}
+/** 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 SlideOutV3: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<SlideOutV3Props & import("react").RefAttributes<HTMLDivElement>>>;

package/dist/SlideOutV3/index.d.ts

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

package/dist/SlideOutV3/utils.d.ts

@@ -0,0 +1,14 @@
+type PointerDownOutsideEvent = CustomEvent<{
+    originalEvent: PointerEvent;
+}>;
+/**
+ * Listens for `pointerdown` outside a React subtree. We use `pointerdown` rather than `pointerup`
+ * to mimic layer-dismissing behavior present in OS.
+ * Returns props to pass to the node we want to check for outside events.
+ */
+export declare function usePointerDownOutside(onPointerDownOutside?: (event: PointerDownOutsideEvent) => void, ownerElement?: HTMLElement | undefined): {
+    onPointerDownCapture: () => boolean;
+};
+/** custom hook used for creating a ref to a callback */
+export declare function useCallbackRef<T extends (...args: any[]) => any>(callback: T | undefined): T;
+export {};

package/dist/Toolbar/index.d.ts

@@ -1 +1 @@
-export * from "./Toolbar";
+export { Toolbar } from "./Toolbar";