@overmap-ai/blocks 1.0.25-component-forms.0 → 1.0.25-export-error-fixes.0

package/README.md

@@ -1,3 +1,3 @@
-# overmap-ai blocks
-
-Contains basic components used by overmap-ai libraries.
+# overmap-ai blocks
+
+Contains basic components used by overmap-ai libraries.

package/dist/Badge/Badge.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { BadgeProps } from "./typings.ts";
+import { BadgeProps } from "./typings";
 /** The Badge Component is a user interface element that provides visual feedback, typically displaying a small amount
  * of information. It is commonly used to indicate counts, statuses, or labels in a concise and visually appealing
  * manner. This Badge components wraps the Badge component from Radix-ui found here https://www.radix-ui.com/themes/docs/components/badge */

package/dist/Badge/index.d.ts

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

package/dist/Badge/typings.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps } from "react";
 import { Badge as RadixBadge, MarginProps } from "@radix-ui/themes";
-import { Severity } from "../typings.ts";
+import { Severity } from "../typings";
 export interface BadgeProps extends Omit<ComponentProps<typeof RadixBadge>, keyof MarginProps> {
     /** The severity of the Badge, supports all global severities. Note that specifying a severity will overwrite any
      * color passed into the Badge component. */

package/dist/BaseMenuGroups/BaseItemGroup/BaseItemGroup.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { BaseItemGroupElementProps, BaseItemGroupProps } from "./typings.ts";
+import { BaseItemGroupElementProps, BaseItemGroupProps } from "./typings";
 export declare const BaseItemGroup: import("react").NamedExoticComponent<BaseItemGroupProps & BaseItemGroupElementProps>;

package/dist/BaseMenuGroups/BaseItemGroup/index.d.ts

@@ -1,2 +1,2 @@
 export * from "./BaseItemGroup";
-export type { BaseItemProps, BaseItemGroupProps, BaseItemGroupElementProps } from "./typings.ts";
+export type { BaseItemProps, BaseItemGroupProps, BaseItemGroupElementProps } from "./typings";

package/dist/BaseMenuGroups/BaseItemGroup/typings.d.ts

@@ -1,6 +1,6 @@
 import { FC, ReactElement } from "react";
 import { MenuGroupProps, MenuItemProps } from "@radix-ui/react-menu";
-import { BaseMenuItemProps, BaseMenuGroupProps, TextFilterProps } from "../typings.ts";
+import { BaseMenuItemProps, BaseMenuGroupProps, TextFilterProps } from "../typings";
 export type BaseItemProps = BaseMenuItemProps & Omit<MenuItemProps, "asChild" | "content"> & {
     shortcut?: string[];
     itemDecorator?: (itemElement: ReactElement) => ReactElement;

package/dist/BaseMenuGroups/BaseMultiSelectGroup/BaseMultiSelectGroup.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { BaseMultiSelectGroupProps, BaseMultiSelectGroupElementProps } from "./typings.ts";
+import { BaseMultiSelectGroupProps, BaseMultiSelectGroupElementProps } from "./typings";
 export declare const BaseMultiSelectGroup: import("react").NamedExoticComponent<BaseMultiSelectGroupProps & BaseMultiSelectGroupElementProps>;

package/dist/BaseMenuGroups/BaseMultiSelectGroup/index.d.ts

@@ -1,2 +1,2 @@
 export * from "./BaseMultiSelectGroup";
-export type { BaseMultiSelectItemProps, BaseMultiSelectGroupProps, BaseMultiSelectGroupElementProps, } from "./typings.ts";
+export * from "./typings";

package/dist/BaseMenuGroups/BaseMultiSelectGroup/typings.d.ts

@@ -1,6 +1,6 @@
 import { MenuCheckboxItemProps, MenuGroupProps, MenuItemIndicatorProps } from "@radix-ui/react-menu";
 import { FC, ReactNode } from "react";
-import { BaseMenuItemProps, BaseMenuGroupProps, TextFilterProps } from "../typings.ts";
+import { BaseMenuItemProps, BaseMenuGroupProps, TextFilterProps } from "../typings";
 export type BaseMultiSelectItemProps = BaseMenuItemProps & Omit<MenuCheckboxItemProps, "asChild" | "content" | "checked" | "onCheckedChange"> & {
     value: string;
 };

package/dist/BaseMenuGroups/BaseSelectGroup/BaseSelectGroup.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { BaseSelectGroupProps, BaseSelectGroupElementProps } from "./typings.ts";
+import { BaseSelectGroupProps, BaseSelectGroupElementProps } from "./typings";
 export declare const BaseSelectGroup: import("react").NamedExoticComponent<BaseSelectGroupProps & BaseSelectGroupElementProps>;

package/dist/BaseMenuGroups/BaseSelectGroup/index.d.ts

@@ -1,2 +1,2 @@
 export * from "./BaseSelectGroup";
-export type { BaseSelectItemProps, BaseSelectGroupProps, BaseSelectGroupElementProps } from "./typings.ts";
+export * from "./typings";

package/dist/BaseMenuGroups/BaseSelectGroup/typings.d.ts

@@ -1,6 +1,6 @@
 import { FC, ReactNode } from "react";
 import { MenuCheckboxItemProps, MenuGroupProps, MenuItemIndicatorProps } from "@radix-ui/react-menu";
-import { BaseMenuItemProps, BaseMenuGroupProps, TextFilterProps } from "../typings.ts";
+import { BaseMenuItemProps, BaseMenuGroupProps, TextFilterProps } from "../typings";
 export type BaseSelectItemProps = BaseMenuItemProps & Omit<MenuCheckboxItemProps, "asChild" | "content"> & {
     value: string;
 };

package/dist/BaseMenuGroups/BaseSubMenuGroup/BaseSubMenuGroup.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { BaseSubMenuGroupElementProps } from "./typings.ts";
-export declare const BaseSubMenuGroup: import("react").NamedExoticComponent<Omit<import("../typings.ts").BaseMenuGroupProps<import("./typings.ts").BaseSubMenuItemProps>, "closeOnSelect"> & Omit<import("@radix-ui/react-menu").MenuGroupProps, "color" | "asChild"> & BaseSubMenuGroupElementProps>;
+import { BaseSubMenuGroupElementProps } from "./typings";
+export declare const BaseSubMenuGroup: import("react").NamedExoticComponent<Omit<import("..").BaseMenuGroupProps<import("./typings").BaseSubMenuItemProps>, "closeOnSelect"> & Omit<import("@radix-ui/react-menu").MenuGroupProps, "color" | "asChild"> & BaseSubMenuGroupElementProps>;

package/dist/BaseMenuGroups/BaseSubMenuGroup/index.d.ts

@@ -1,2 +1,2 @@
 export * from "./BaseSubMenuGroup";
-export type { BaseSubMenuGroupProps, BaseSubMenuItemProps, BaseSubMenuGroupElementProps } from "./typings.ts";
+export * from "./typings";

package/dist/BaseMenuGroups/BaseSubMenuGroup/typings.d.ts

@@ -1,6 +1,6 @@
 import { FC, ReactNode } from "react";
 import { MenuGroupProps, MenuSubContentProps, MenuSubProps, MenuSubTriggerProps } from "@radix-ui/react-menu";
-import { BaseMenuItemProps, BaseMenuGroupProps } from "../typings.ts";
+import { BaseMenuItemProps, BaseMenuGroupProps } from "../typings";
 export type BaseSubMenuItemProps = BaseMenuItemProps & Omit<MenuSubTriggerProps, "asChild" | "content"> & {
     triggerIndicator: ReactNode;
     subContent: ReactNode;

package/dist/BaseMenuGroups/index.d.ts

@@ -2,4 +2,4 @@ export * from "./BaseItemGroup";
 export * from "./BaseSelectGroup";
 export * from "./BaseMultiSelectGroup";
 export * from "./BaseSubMenuGroup";
-export type { TextFilterProps, BaseMenuProps } from "./typings.ts";
+export * from "./typings";

package/dist/BaseMenuGroups/typings.d.ts

@@ -1,6 +1,5 @@
-import { ComponentProps, ReactElement, ReactNode } from "react";
-import { DropdownMenu as RadixDropdownMenu } from "@radix-ui/themes";
-import { AllOrNone } from "../utils.ts";
+import { ReactElement, ReactNode } from "react";
+import { AllOrNone } from "../utils";
 export interface BaseMenuGroupProps<TItemProps> {
     closeOnSelect?: boolean;
     items: TItemProps[];
@@ -30,8 +29,4 @@ export type BaseMenuProps = {
      * @default false
      */
     disabled?: boolean;
-    /** determines on which side of the trigger the dropdown select renders on, if open space
-     * @default "bottom"
-     * */
-    side?: ComponentProps<typeof RadixDropdownMenu.Content>["side"];
 };

package/dist/BaseMenuGroups/utils.d.ts

@@ -1,5 +1,5 @@
 import { MenuItemProps } from "@radix-ui/react-menu";
 import { ChangeEvent } from "react";
-import { TextFilterProps } from "./typings.ts";
+import { TextFilterProps } from "./typings";
 export declare const useCloseOnSelectHandler: (closeOnSelect: boolean) => (onSelect: MenuItemProps["onSelect"]) => (event: Event) => void;
 export declare const useTextFilterChangeHandler: () => (onTextFilterChange: TextFilterProps["onFilterValueChange"]) => (event: ChangeEvent<HTMLInputElement>) => void;

package/dist/Breadcrumb/Breadcrumb.d.ts

@@ -1,7 +1,7 @@
 import { Link } from "@radix-ui/themes";
 import { FlexProps } from "../Flex";
 import { ComponentProps, HTMLProps, ReactNode } from "react";
-import { Severity } from "../typings.ts";
+import { Severity } from "../typings";
 export interface BreadcrumbItemProps extends Omit<HTMLProps<HTMLAnchorElement>, "size" | "ref" | "color"> {
 }
 export declare const Item: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<BreadcrumbItemProps & import("react").RefAttributes<HTMLAnchorElement>>>;

package/dist/ButtonGroup/ButtonGroup.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { ButtonGroupProps } from "./typings.ts";
+import { ButtonGroupProps } from "./typings";
 /** The ButtonGroup Component is a user interface element that groups multiple buttons together for improved user
  * interaction and visual clarity. It is commonly used to present related actions or options in a compact and organized
  * manner. The ButtonGroup supports all props of the RadixUI Flex layout component besides MarginProps,

package/dist/ButtonGroup/typings.d.ts

@@ -1,6 +1,6 @@
 import { Flex, MarginProps, Responsive } from "@radix-ui/themes";
 import { ComponentProps } from "react";
-import { Severity, Size, Variant } from "../typings.ts";
+import { Severity, Size, Variant } from "../typings";
 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

package/dist/Buttons/Button.d.ts

@@ -1,4 +1,4 @@
 import { FC } from "react";
-import { ButtonProps } from "./typings.ts";
+import { ButtonProps } from "./typings";
 declare const Button: FC<ButtonProps>;
 export default Button;

package/dist/Buttons/IconButton.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { ButtonProps } from "./typings.ts";
+import { ButtonProps } from "./typings";
 interface IconButtonProps extends ButtonProps {
     "aria-label": string;
 }

package/dist/Buttons/constants.d.ts

@@ -1,4 +1,4 @@
-import { ButtonHoverEffect } from "./typings.ts";
+import { ButtonHoverEffect } from "./typings";
 import { KeyboardEvent } from "react";
 export declare const hoverEffectClassNameMapping: Record<ButtonHoverEffect, string | undefined>;
 /** Passing this to a `div` will make it behave like a `button`. However, it will **NOT** support the disabled state. */

package/dist/Buttons/index.d.ts

@@ -1,4 +1,4 @@
-export { default as Button } from "./Button.tsx";
-export { default as IconButton } from "./IconButton.tsx";
-export type { ButtonHoverEffect } from "./typings.ts";
-export { divButtonProps } from "./constants.ts";
+export { default as Button } from "./Button";
+export { default as IconButton } from "./IconButton";
+export type { ButtonHoverEffect } from "./typings";
+export { divButtonProps } from "./constants";

package/dist/Buttons/typings.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { Button as RadixButton, MarginProps, Responsive } from "@radix-ui/themes";
-import { Severity, Size, Variant } from "../typings.ts";
+import { Severity, Size, Variant } from "../typings";
 export interface Shortcut {
     keys: string[];
     action: () => void;

package/dist/Checkbox/typings.d.ts

@@ -1,6 +1,5 @@
 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 {
@@ -9,7 +8,6 @@ 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/ContextActionMenu/ContextActionMenu.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ContextMenuRootProps } from "../ContextMenu";
+import { BaseItemGroupProps } from "../BaseMenuGroups";
+export type ContextActionMenuProps = Omit<ContextMenuRootProps, "content"> & BaseItemGroupProps;
+/** Creates a Context Menu containing "action" items only. Its desired use is for displaying a list of actions that need to be
+ * rendered within a Context Menu that appears upon right-clicking within its trigger element.
+ * It is a wrapper around the ContextMenu API's Root and ItemGroup components. */
+export declare const ContextActionMenu: import("react").MemoExoticComponent<(props: ContextActionMenuProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/ContextActionMenu/index.d.ts

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

package/dist/ContextMenu/ContextMenuGroups.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { BaseItemGroupProps, BaseMultiSelectGroupProps, BaseSelectGroupProps, BaseSubMenuGroupProps } from "../BaseMenuGroups";
+export declare const ActionItemGroup: import("react").MemoExoticComponent<(props: BaseItemGroupProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const SelectItemGroup: import("react").MemoExoticComponent<(props: BaseSelectGroupProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const MultiSelectItemGroup: import("react").MemoExoticComponent<(props: BaseMultiSelectGroupProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const SubItemGroup: import("react").MemoExoticComponent<(props: BaseSubMenuGroupProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/ContextMenu/Root.d.ts

@@ -0,0 +1,24 @@
+import { PropsWithChildren, ReactNode } from "react";
+import { ContextMenuContentProps, ContextMenuProps } from "@radix-ui/react-context-menu";
+export interface ContextMenuRootProps extends PropsWithChildren, Omit<ContextMenuContentProps, "color" | "content"> {
+    /** used to disable the Context Menu from appearing on right click within its trigger element.
+     * @default false
+     * */
+    disabled?: boolean;
+    /** used to disable pointer events outside the Context Menu when its open.
+     * @default false
+     * */
+    modal?: ContextMenuProps["modal"];
+    /** content to be displayed within the Context Menu.
+     * The following components are recommended:
+     * ContextMenu.ItemGroup
+     * ContextMenu.SelectGroup
+     * ContextMenu.MultiSelectGroup
+     * ContextMenu.SubMenuGroup
+     * */
+    content: ReactNode;
+}
+/** The Root component of the ContextMenu API is simply used to render a popover when right-clicking within the
+ *  Context Menu's trigger. Its content can be completely customized using the ```content``` prop.
+ *  */
+export declare const Root: import("react").MemoExoticComponent<(props: ContextMenuRootProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/ContextMenu/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export type { ContextMenuRootProps } from "./Root";
+export declare const ContextMenu: {
+    Root: import("react").MemoExoticComponent<(props: import("./Root").ContextMenuRootProps) => import("react/jsx-runtime").JSX.Element>;
+    ActionItemGroup: import("react").MemoExoticComponent<(props: import("..").BaseItemGroupProps) => import("react/jsx-runtime").JSX.Element>;
+    SelectItemGroup: import("react").MemoExoticComponent<(props: import("..").BaseSelectGroupProps) => import("react/jsx-runtime").JSX.Element>;
+    MultiSelectItemGroup: import("react").MemoExoticComponent<(props: import("..").BaseMultiSelectGroupProps) => import("react/jsx-runtime").JSX.Element>;
+    SubItemGroup: import("react").MemoExoticComponent<(props: import("..").BaseSubMenuGroupProps) => import("react/jsx-runtime").JSX.Element>;
+};

package/dist/ContextMultiSelectMenu/ContextMultiSelectMenu.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ContextMenuRootProps } from "../ContextMenu";
+import { BaseMultiSelectGroupProps } from "../BaseMenuGroups";
+export type ContextMultiSelectMenuProps = Omit<ContextMenuRootProps, "content"> & BaseMultiSelectGroupProps;
+/** Creates a Context Menu displaying a list of items to select from.
+ * Its desired use is for displaying a list of options, where multiple items can be selected at a time,
+ * within a Context Menu that appears upon right-clicking within its trigger element.
+ * It is a wrapper around the ContextMenu API's Root and MultiSelect components. */
+export declare const ContextMultiSelectMenu: import("react").MemoExoticComponent<(props: ContextMultiSelectMenuProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/ContextMultiSelectMenu/index.d.ts

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

package/dist/ContextSelectMenu/ContextSelectMenu.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ContextMenuRootProps } from "../ContextMenu";
+import { BaseSelectGroupProps } from "../BaseMenuGroups";
+export type ContextSelectMenuProps = Omit<ContextMenuRootProps, "content"> & BaseSelectGroupProps;
+/** Creates a Context Menu displaying a list of items to select from.
+ * Its desired use is for displaying a list of options, where only one can be selected at a time,
+ * within a Context Menu that appears upon right-clicking within its trigger element.
+ * It is a wrapper around the ContextMenu API's Root and SelectGroup components. */
+export declare const ContextSelectMenu: import("react").MemoExoticComponent<(props: ContextSelectMenuProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/ContextSelectMenu/index.d.ts

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

package/dist/DropdownItemMenu/DropdownItemMenu.d.ts

@@ -1,8 +1,9 @@
 import { FC } from "react";
-import { DropdownMenuItemGroupItemProps, DropdownMenuItemGroupProps } from "../DropdownMenu/DropdownMenuGroups.tsx";
+import { DropdownMenuContentProps } from "@radix-ui/react-dropdown-menu";
+import { DropdownMenuItemGroupItemProps, DropdownMenuItemGroupProps } from "../DropdownMenu";
 import { BaseMenuProps } from "../BaseMenuGroups";
 export type DropdownItemMenuItemProps = DropdownMenuItemGroupItemProps;
-export type DropdownItemMenuProps = DropdownMenuItemGroupProps & BaseMenuProps;
+export type DropdownItemMenuProps = DropdownMenuItemGroupProps & BaseMenuProps & DropdownMenuContentProps;
 /** The DropdownItemMenu 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 DropdownItemMenu component is a wrapper around the Radix-UI DropdownItemMenu component that can be found here https://www.radix-ui.com/themes/docs/components/dropdown-menu */

package/dist/DropdownItemMenu/index.d.ts

@@ -1,2 +1 @@
 export * from "./DropdownItemMenu";
-export type { DropdownItemMenuProps, DropdownItemMenuItemProps } from "./DropdownItemMenu";

package/dist/DropdownMenu/DropdownMenu.d.ts

@@ -1,8 +1,9 @@
 import { FC, PropsWithChildren } from "react";
-import { DropdownMenuItemGroupItemProps } from "./DropdownMenuGroups.tsx";
+import { DropdownMenuContentProps } from "@radix-ui/react-dropdown-menu";
+import { DropdownMenuItemGroupItemProps } from "./DropdownMenuGroups";
 import { BaseMenuProps } from "../BaseMenuGroups";
 export type DropdownMenuItemProps = DropdownMenuItemGroupItemProps;
-export type DropdownMenuProps = PropsWithChildren & BaseMenuProps;
+export type DropdownMenuProps = PropsWithChildren & BaseMenuProps & DropdownMenuContentProps;
 /** 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 */

package/dist/DropdownMenu/index.d.ts

@@ -1,4 +1,2 @@
-export { DropdownMenu } from "./DropdownMenu";
-export type { DropdownMenuProps, DropdownMenuItemProps } from "./DropdownMenu";
+export * from "./DropdownMenu";
 export * from "./DropdownMenuGroups";
-export type { DropdownMenuItemGroupProps, DropdownMenuItemGroupItemProps, DropdownMenuSelectGroupProps, DropdownMenuSelectGroupItemProps, DropdownMenuMultiSelectGroupProps, DropdownMenuMultiSelectGroupItemProps, DropdownMenuSubMenuGroupProps, DropdownMenuSubMenuGroupItemProps, } from "./DropdownMenuGroups.tsx";

package/dist/DropdownMultiSelect/DropdownMultiSelect.d.ts

@@ -1,6 +1,7 @@
 import { FC } from "react";
+import { DropdownMenuContentProps } from "@radix-ui/react-dropdown-menu";
 import { DropdownMenuMultiSelectGroupItemProps, DropdownMenuMultiSelectGroupProps } from "../DropdownMenu";
 import { BaseMenuProps } from "../BaseMenuGroups";
 export type DropdownMultiSelectItemProps = DropdownMenuMultiSelectGroupItemProps;
-export type DropdownMultiSelectProps = DropdownMenuMultiSelectGroupProps & BaseMenuProps;
+export type DropdownMultiSelectProps = DropdownMenuMultiSelectGroupProps & BaseMenuProps & DropdownMenuContentProps;
 export declare const DropdownMultiSelect: FC<DropdownMultiSelectProps>;

package/dist/DropdownMultiSelect/index.d.ts

@@ -1,2 +1 @@
 export * from "./DropdownMultiSelect";
-export type { DropdownMultiSelectProps, DropdownMultiSelectItemProps } from "./DropdownMultiSelect";

package/dist/DropdownSelect/DropdownSelect.d.ts

@@ -1,6 +1,7 @@
 import { FC } from "react";
-import { DropdownMenuItemGroupItemProps, DropdownMenuSelectGroupProps } from "../DropdownMenu/DropdownMenuGroups.tsx";
+import { DropdownMenuContentProps } from "@radix-ui/react-dropdown-menu";
+import { DropdownMenuItemGroupItemProps, DropdownMenuSelectGroupProps } from "../DropdownMenu";
 import { BaseMenuProps } from "../BaseMenuGroups";
 export type DropdownSelectItemProps = DropdownMenuItemGroupItemProps;
-export type DropdownSelectProps = DropdownMenuSelectGroupProps & BaseMenuProps;
+export type DropdownSelectProps = DropdownMenuSelectGroupProps & BaseMenuProps & DropdownMenuContentProps;
 export declare const DropdownSelect: FC<DropdownSelectProps>;

package/dist/DropdownSelect/index.d.ts

@@ -1,2 +1 @@
-export { DropdownSelect } from "./DropdownSelect";
-export type { DropdownSelectProps, DropdownSelectItemProps } from "./DropdownSelect";
+export * from "./DropdownSelect";

package/dist/IconColorUtility/IconColorUtility.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps, ReactElement } from "react";
 import { Theme } from "@radix-ui/themes";
-import { Severity } from "../typings.ts";
+import { Severity } from "../typings";
 interface IconColorUtilityProps {
     children: ReactElement;
 }

package/dist/Input/Input.d.ts

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

package/dist/Input/typings.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { Responsive, TextField as RadixTextField } from "@radix-ui/themes";
-import { Severity, Size } from "../typings.ts";
+import { Severity, Size } from "../typings";
 import { MarginProps } from "@radix-ui/themes";
 type TextFieldInputProps = React.ComponentProps<typeof RadixTextField.Input>;
 export interface InputProps extends Omit<TextFieldInputProps, "size" | "color" | "radius" | "variant" | keyof MarginProps> {

package/dist/Layout/SlideOutOverlay.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { PropsWithClassNameAndStyle } from "../typings.ts";
+import { PropsWithClassNameAndStyle } from "../typings";
 import { SlideOutV3Props } from "../SlideOutV3";
 export interface OverlayProps extends PropsWithClassNameAndStyle {
     active?: boolean;

package/dist/Layout/SlideOutTrigger.d.ts

@@ -2,5 +2,6 @@ import { PropsWithChildren } from "react";
 import { SlideOutV3Props } from "../SlideOutV3";
 export interface SlideOutTriggerProps extends PropsWithChildren {
     side: SlideOutV3Props["side"];
+    type?: "toggle" | "open" | "close";
 }
 export declare const SlideOutTrigger: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<SlideOutTriggerProps & import("react").RefAttributes<HTMLButtonElement>>>;

package/dist/Popover/Popover.d.ts

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

package/dist/Popover/index.d.ts

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

package/dist/Select/index.d.ts

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

package/dist/Separator/Separator.d.ts

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

package/dist/Separator/index.d.ts

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

package/dist/Separator/typings.d.ts

@@ -1,6 +1,6 @@
 import { Flex, Text, Separator as RadixSeparator, MarginProps } from "@radix-ui/themes";
 import { ComponentProps } from "react";
-import { Severity } from "../typings.ts";
+import { Severity } from "../typings";
 export interface SeparatorProps extends Omit<ComponentProps<typeof RadixSeparator>, "color" | "asChild" | keyof MarginProps> {
     /** text to be displayed in the middle of the separator */
     text?: string;

package/dist/SlideOut/SlideOutV2.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from "react";
 import { FocusOutsideEvent, PointerDownOutsideEvent } from "@radix-ui/react-dismissable-layer";
-import { PropsWithClassNameAndStyle } from "../typings.ts";
+import { PropsWithClassNameAndStyle } from "../typings";
 export type DismissibleEventTypes = PointerDownOutsideEvent | FocusOutsideEvent | KeyboardEvent;
 export interface SlideOutV2Props extends PropsWithChildren, PropsWithClassNameAndStyle {
     /** The controlled open state of the SlideOut */

package/dist/SlideOutV3/SlideOutV3.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren, ReactNode } from "react";
-import { PropsWithClassNameAndStyle } from "../typings.ts";
+import { PropsWithClassNameAndStyle } from "../typings";
 export interface SlideOutV3Props extends PropsWithChildren, PropsWithClassNameAndStyle {
     /** The controlled open state of the SlideOut */
     open: boolean;
@@ -8,6 +8,11 @@ export interface SlideOutV3Props extends PropsWithChildren, PropsWithClassNameAn
      * to the SlideOut component as well.
      * @default false */
     modal?: boolean;
+    /** hides the SlideOut and its overlay but doesn't change the open state of the SlideOut. Should be used if
+     * the SlideOut needs to be hidden for some reason but not triggering a close
+     * @default false
+     * */
+    hide?: 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
@@ -38,7 +43,7 @@ export interface SlideOutV3Props extends PropsWithChildren, PropsWithClassNameAn
     /** overlay to be rendered when the SlideOut is open*/
     overlayComponent?: ReactNode;
     /** content to be rendered within the SlideOut */
-    content: ReactNode;
+    content: ReactNode | null;
 }
 /** 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. */

package/dist/Switch/Switch.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { SwitchProps } from "./typings.ts";
+import { SwitchProps } from "./typings";
 /** The Switch Component is a user interface element that allows users to toggle between two states, typically
  * representing "on" and "off" or "enabled" and "disabled". It is commonly used for settings, preferences, or any
  * binary options. This Switch component is a wrapper around the Radix-ui Switch component found here https://www.radix-ui.com/themes/docs/components/switch

package/dist/Switch/index.d.ts

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

package/dist/Switch/typings.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps, ReactElement, ReactNode } from "react";
 import { MarginProps, Switch as RadixSwitch } from "@radix-ui/themes";
-import { Severity } from "../typings.ts";
+import { Severity } from "../typings";
 interface SwitchIconProps {
     checked: ReactNode;
     unchecked: ReactNode;

package/dist/TextArea/TextArea.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { TextAreaProps } from "./typings.ts";
+import { TextAreaProps } from "./typings";
 /** The TextArea Component is a user interface element that allows users to input and edit multi-line text.
  It is commonly used in forms, chat applications, and other scenarios where longer text inputs are required.
  This TextArea is a wrapper of the RadixUI TextArea component found here https://www.radix-ui.com/themes/docs/components/text-area.

package/dist/TextArea/index.d.ts

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

package/dist/TextArea/typings.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps } from "react";
 import { TextArea as RadixTextArea, MarginProps } from "@radix-ui/themes";
-import { Severity } from "../typings.ts";
+import { Severity } from "../typings";
 export interface TextAreaProps extends Omit<ComponentProps<typeof RadixTextArea>, keyof MarginProps | "color" | "variant"> {
     /** used to set the severity of the TextArea, supports all 5 global severities
      * @default "primary"

package/dist/Toast/typings.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps, ReactElement, ReactNode } from "react";
 import { ToastActionProps, ToastProps as RadixToastProps, ToastProviderProps, ToastViewportProps } from "@radix-ui/react-toast";
 import { Callout } from "@radix-ui/themes";
-import { Severity } from "../typings.ts";
+import { Severity } from "../typings";
 export interface ToastProps {
     size?: ComponentProps<typeof Callout.Root>["size"];
     /**

package/dist/ToggleGroup/ToggleGroup.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { ToggleGroupSingleProps } from "./typings.ts";
+import { ToggleGroupSingleProps } from "./typings";
 /** The Toggle Group Component is a user interface element that allows users to select a single option from a set of
  * mutually exclusive choices. It is commonly used in situations where users need to make a single selection from a
  * predefined list of options. This component is built using the ButtonGroup and IconButton components in combination

package/dist/ToggleGroup/index.d.ts

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