@overmap-ai/blocks 1.0.25-alpha.0 → 1.0.25-alpha.2

package/dist/Badge/index.d.ts

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

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/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/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/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/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/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/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.tsx").ContextMenuRootProps) => import("react/jsx-runtime").JSX.Element>;
+    ActionItemGroup: import("react").MemoExoticComponent<(props: import("../BaseMenuGroups/index.ts").BaseItemGroupProps) => import("react/jsx-runtime").JSX.Element>;
+    SelectItemGroup: import("react").MemoExoticComponent<(props: import("../BaseMenuGroups/index.ts").BaseSelectGroupProps) => import("react/jsx-runtime").JSX.Element>;
+    MultiSelectItemGroup: import("react").MemoExoticComponent<(props: import("../BaseMenuGroups/index.ts").BaseMultiSelectGroupProps) => import("react/jsx-runtime").JSX.Element>;
+    SubItemGroup: import("react").MemoExoticComponent<(props: import("../BaseMenuGroups/index.ts").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/index.d.ts

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

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/index.d.ts

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

package/dist/DropdownSelect/index.d.ts

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

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/index.d.ts

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

package/dist/SlideOutV3/SlideOutV3.d.ts

@@ -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 | undefined;
+    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/index.d.ts

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

package/dist/TextArea/index.d.ts

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

package/dist/ToggleGroup/index.d.ts

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

package/dist/blocks.js

@@ -1,9 +1,10 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useThemeContext, Badge as Badge$1, Flex as Flex$1, Box, Link, Text as Text$2, Button, IconButton as IconButton$1, Card, Inset, Dialog as Dialog$1, AlertDialog as AlertDialog$1, DropdownMenu as DropdownMenu$1, Kbd, Select as Select$1, Checkbox as Checkbox$1, Switch as Switch$1, Portal, TextField, Popover as Popover$1, TextArea as TextArea$1, Callout, Tooltip as Tooltip$1, Theme, Separator as Separator$1, TableRow } from "@radix-ui/themes";
+import { useThemeContext, Badge as Badge$1, Flex as Flex$1, Box, Link, Text as Text$2, Button, IconButton as IconButton$1, Card, Inset, Dialog as Dialog$1, AlertDialog as AlertDialog$1, Kbd, ContextMenu as ContextMenu$1, DropdownMenu as DropdownMenu$1, Select as Select$1, Checkbox as Checkbox$1, Switch as Switch$1, Portal, TextField, Popover as Popover$1, TextArea as TextArea$1, Callout, Tooltip as Tooltip$1, Theme, Separator as Separator$1, TableRow } from "@radix-ui/themes";
 import { Theme as Theme2, updateThemeAppearanceClass, useThemeContext as useThemeContext2 } from "@radix-ui/themes";
 import React, { useMemo, useState, useLayoutEffect, useCallback, useEffect, Children, isValidElement, forwardRef, memo, createContext, useContext, cloneElement, createElement, useRef, useReducer } from "react";
 import { useMediaQuery } from "react-responsive";
 import { Cross1Icon, MagnifyingGlassIcon, CheckIcon, DragHandleDots2Icon, Cross2Icon, DividerHorizontalIcon, CaretSortIcon, ArrowUpIcon, ArrowDownIcon, MixerHorizontalIcon, Pencil1Icon, TrashIcon, DoubleArrowLeftIcon, ChevronLeftIcon, ChevronRightIcon, DoubleArrowRightIcon } from "@radix-ui/react-icons";
+import * as RadixContextMenu from "@radix-ui/react-context-menu";
 import * as RadixDropdownMenu from "@radix-ui/react-dropdown-menu";
 import { isMobile } from "react-device-detect";
 import * as RadixDialogPrimitive from "@radix-ui/react-dialog";
@@ -12,8 +13,8 @@ import { CSSTransition, Transition } from "react-transition-group";
 import ReactDOM, { flushSync } from "react-dom";
 import { Slot } from "@radix-ui/react-slot";
 import { DismissableLayer } from "@radix-ui/react-dismissable-layer";
-import { Root as Root$2, Item as Item$1 } from "@radix-ui/react-toggle-group";
-import { Root as Root$3 } from "@radix-ui/react-toolbar";
+import { Root as Root$3, Item as Item$1 } from "@radix-ui/react-toggle-group";
+import { Root as Root$4 } from "@radix-ui/react-toolbar";
 import * as RadixToast from "@radix-ui/react-toast";
 import { ToastProvider as ToastProvider$1, ToastViewport as ToastViewport$1 } from "@radix-ui/react-toast";
 import { useErrorBoundary, ErrorBoundary } from "react-error-boundary";
@@ -661,15 +662,6 @@ const useDiscardAlertDialog = () => {
     [openAlertDialog]
   );
 };
-const DropdownMenu = memo(
-  forwardRef(({ trigger, disabled: disabled2, children, ...rest }) => {
-    const infoColor = useSeverityColor("info");
-    return /* @__PURE__ */ jsxs(DropdownMenu$1.Root, { children: [
-      /* @__PURE__ */ jsx(DropdownMenu$1.Trigger, { disabled: disabled2, children: trigger }),
-      /* @__PURE__ */ jsx(DropdownMenu$1.Content, { variant: "soft", ...rest, color: infoColor, children })
-    ] });
-  })
-);
 const BaseMenuItem$1 = "_BaseMenuItem_5r3et_1";
 const RemoveOutline = "_RemoveOutline_5r3et_15";
 const BaseMenuSeparator$1 = "_BaseMenuSeparator_5r3et_19";
@@ -691,9 +683,9 @@ const BaseMenuItem = memo(
         px: "2",
         height: "6",
         ...rest,
-        children: /* @__PURE__ */ jsxs(Flex, { gap: "6", height: "100%", align: "center", children: [
+        children: /* @__PURE__ */ jsxs(Flex, { gap: "6", height: "100%", align: "center", justify: "between", children: [
           /* @__PURE__ */ jsx(Flex, { grow: "1", height: "100%", align: "center", gap: "1", children }),
-          /* @__PURE__ */ jsx(Flex, { height: "100%", width: "4", align: "center", justify: "end", children: rightSlot })
+          !!rightSlot && /* @__PURE__ */ jsx(Flex, { height: "100%", width: "4", align: "center", justify: "end", children: rightSlot })
         ] })
       }
     );
@@ -948,6 +940,150 @@ const BaseSubMenuGroup = memo(function BaseSubMenuGroup2({
     separator && /* @__PURE__ */ jsx(BaseMenuSeparator, {})
   ] });
 });
+const ActionItemGroup = memo((props) => {
+  return /* @__PURE__ */ jsx(BaseItemGroup, { ...props, groupElement: RadixContextMenu.Group, itemElement: RadixContextMenu.Item });
+});
+ActionItemGroup.displayName = "ActionItemGroup";
+const SelectItemGroup = memo((props) => {
+  return /* @__PURE__ */ jsx(
+    BaseSelectGroup,
+    {
+      ...props,
+      groupElement: RadixContextMenu.Group,
+      itemElement: RadixContextMenu.CheckboxItem,
+      itemIndicatorElement: RadixContextMenu.ItemIndicator
+    }
+  );
+});
+SelectItemGroup.displayName = "SelectItemGroup";
+const MultiSelectItemGroup = memo((props) => {
+  return /* @__PURE__ */ jsx(
+    BaseMultiSelectGroup,
+    {
+      ...props,
+      groupElement: RadixContextMenu.Group,
+      itemElement: RadixContextMenu.CheckboxItem,
+      itemIndicatorElement: RadixContextMenu.ItemIndicator
+    }
+  );
+});
+MultiSelectItemGroup.displayName = "MultiSelectItemGroup";
+const SubItemGroup = memo((props) => {
+  return /* @__PURE__ */ jsx(
+    BaseSubMenuGroup,
+    {
+      ...props,
+      groupElement: RadixContextMenu.Group,
+      subElement: ContextMenu$1.Sub,
+      subTriggerElement: RadixContextMenu.SubTrigger,
+      subContentElement: ContextMenu$1.Content
+    }
+  );
+});
+SubItemGroup.displayName = "SubItemGroup";
+const Root$2 = memo((props) => {
+  const { disabled: disabled2 = false, children, modal = false, content, ...rest } = props;
+  const infoColor = useSeverityColor("info");
+  return /* @__PURE__ */ jsxs(ContextMenu$1.Root, { modal, children: [
+    /* @__PURE__ */ jsx(ContextMenu$1.Trigger, { disabled: disabled2, children }),
+    /* @__PURE__ */ jsx(ContextMenu$1.Content, { variant: "soft", color: infoColor, ...rest, children: content })
+  ] });
+});
+Root$2.displayName = "ContextMenuRoot";
+const ContextMenu = {
+  Root: Root$2,
+  ActionItemGroup,
+  SelectItemGroup,
+  MultiSelectItemGroup,
+  SubItemGroup
+};
+const ContextActionMenu = memo((props) => {
+  const { items, placeholder, filterValue, onFilterValueChange, closeOnSelect = false, icons, ...rest } = props;
+  const content = useMemo(() => {
+    return /* @__PURE__ */ jsx(
+      ContextMenu.ActionItemGroup,
+      {
+        items,
+        icons,
+        placeholder,
+        filterValue,
+        closeOnSelect,
+        onFilterValueChange
+      }
+    );
+  }, [closeOnSelect, filterValue, icons, items, onFilterValueChange, placeholder]);
+  return /* @__PURE__ */ jsx(ContextMenu.Root, { content, ...rest });
+});
+ContextActionMenu.displayName = "ContextActionMenu";
+const ContextMultiSelectMenu = memo((props) => {
+  const {
+    items,
+    values,
+    onValueChange,
+    placeholder,
+    filterValue,
+    onFilterValueChange,
+    closeOnSelect = false,
+    icons,
+    ...rest
+  } = props;
+  const content = useMemo(() => {
+    return /* @__PURE__ */ jsx(
+      ContextMenu.MultiSelectItemGroup,
+      {
+        items,
+        icons,
+        values,
+        placeholder,
+        filterValue,
+        closeOnSelect,
+        onValueChange,
+        onFilterValueChange
+      }
+    );
+  }, [closeOnSelect, filterValue, icons, items, onFilterValueChange, onValueChange, placeholder, values]);
+  return /* @__PURE__ */ jsx(ContextMenu.Root, { content, ...rest });
+});
+ContextMultiSelectMenu.displayName = "ContextMultiSelectMenu";
+const ContextSelectMenu = memo((props) => {
+  const {
+    items,
+    value,
+    onValueChange,
+    placeholder,
+    filterValue,
+    onFilterValueChange,
+    closeOnSelect = false,
+    icons,
+    ...rest
+  } = props;
+  const content = useMemo(() => {
+    return /* @__PURE__ */ jsx(
+      ContextMenu.SelectItemGroup,
+      {
+        items,
+        icons,
+        value,
+        placeholder,
+        filterValue,
+        closeOnSelect,
+        onValueChange,
+        onFilterValueChange
+      }
+    );
+  }, [closeOnSelect, filterValue, icons, items, onFilterValueChange, onValueChange, placeholder, value]);
+  return /* @__PURE__ */ jsx(ContextMenu.Root, { content, ...rest });
+});
+ContextSelectMenu.displayName = "ContextSelectMenu";
+const DropdownMenu = memo(
+  forwardRef(({ trigger, disabled: disabled2, children, ...rest }) => {
+    const infoColor = useSeverityColor("info");
+    return /* @__PURE__ */ jsxs(DropdownMenu$1.Root, { children: [
+      /* @__PURE__ */ jsx(DropdownMenu$1.Trigger, { disabled: disabled2, children: trigger }),
+      /* @__PURE__ */ jsx(DropdownMenu$1.Content, { variant: "soft", ...rest, color: infoColor, children })
+    ] });
+  })
+);
 const DropdownMenuItemGroup = memo(function DropdownMenuItemGroup2(props) {
   return /* @__PURE__ */ jsx(BaseItemGroup, { ...props, itemElement: RadixDropdownMenu.Item, groupElement: RadixDropdownMenu.Group });
 });
@@ -1511,6 +1647,7 @@ const SlideOutV3 = memo(
       style,
       children,
       open,
+      hide = false,
       modal = false,
       overlayComponent,
       resizeable = true,
@@ -1661,13 +1798,22 @@ const SlideOutV3 = memo(
         position: "relative",
         style: { overflow: "hidden", maxWidth: "100%", maxHeight: "100%" },
         children: [
-          side === "left" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          side === "left" && !hide && /* @__PURE__ */ jsxs(Fragment, { children: [
             open && overlayComponent,
             " ",
             content && SlideOut2
           ] }),
-          /* @__PURE__ */ jsx(Flex$1, { ref: childrenContainerRef, grow: "1", height: "100%", style: { maxWidth: "100%" }, children }),
-          side === "right" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Flex$1,
+            {
+              ref: childrenContainerRef,
+              grow: "1",
+              height: "100%",
+              style: { maxWidth: "100%", maxHeight: "100%", overflow: "hidden" },
+              children
+            }
+          ),
+          side === "right" && !hide && /* @__PURE__ */ jsxs(Fragment, { children: [
             open && overlayComponent,
             " ",
             content && SlideOut2
@@ -2449,7 +2595,7 @@ const _ToggleGroup = forwardRef(function ToggleGroup2({
   ...rest
 }, ref) {
   return /* @__PURE__ */ jsx(
-    Root$2,
+    Root$3,
     {
       type,
       className: classNames("overmap-toggle-group", className),
@@ -2481,7 +2627,7 @@ const styles$7 = {
 const Root2 = memo(
   forwardRef(({ className, minContentGap = "2", children, ...rest }, ref) => {
     return /* @__PURE__ */ jsx(
-      Root$3,
+      Root$4,
       {
         className: classNames(className, "overmap-toolbar", styles$7.default),
         ref,
@@ -4100,6 +4246,10 @@ export {
   ButtonList,
   Checkbox,
   ConfirmEditInput,
+  ContextActionMenu,
+  ContextMenu,
+  ContextMultiSelectMenu,
+  ContextSelectMenu,
   DefaultTheme,
   Dialog,
   DropdownItemMenu,