@overmap-ai/blocks 1.0.40-alpha.3 → 1.0.40-improvements.0

package/dist/blocks.umd.cjs

@@ -2829,7 +2829,7 @@
   const MenuContext = react.createContext({});
   const SubContext = react.createContext({});
   const TRIGGER_SELECT_KEYS = ["Enter", " "];
-  const MenuItem$1 = react.memo((props) => {
+  const MenuItem = react.memo((props) => {
     const rootMenuContext = react.use(MenuContext);
     const { getItemProps, activeIndex, setOpen, size, variant, radius } = react.use(MenuContentContext);
     const { closeRoot } = react.use(SubContext);
@@ -2891,8 +2891,8 @@
       }
     );
   });
-  MenuItem$1.displayName = "MenuItem";
-  const MenuCheckboxItem$1 = react.memo((props) => {
+  MenuItem.displayName = "MenuItem";
+  const MenuCheckboxItem = react.memo((props) => {
     const { ref, checked, onCheckedChange, onSelect, ...rest } = props;
     const handleSelect = react.useCallback(() => {
       onSelect == null ? void 0 : onSelect();
@@ -2906,9 +2906,9 @@
           break;
       }
     }, [checked, onCheckedChange, onSelect]);
-    return /* @__PURE__ */ jsxRuntime.jsx(CheckedIndicatorContext.Provider, { value: checked, children: /* @__PURE__ */ jsxRuntime.jsx(MenuItem$1, { ref, onSelect: handleSelect, ...rest }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(CheckedIndicatorContext.Provider, { value: checked, children: /* @__PURE__ */ jsxRuntime.jsx(MenuItem, { ref, onSelect: handleSelect, ...rest }) });
   });
-  MenuCheckboxItem$1.displayName = "MenuCheckboxItem";
+  MenuCheckboxItem.displayName = "MenuCheckboxItem";
   const MenuCheckboxItemIndicator = react.memo((props) => {
     const { ref, children, ...rest } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(CheckedIndicator, { ref, ...rest, children });
@@ -3081,11 +3081,11 @@
     );
   });
   MenuContextTrigger.displayName = "MenuContextTrigger";
-  const MenuGroup$1 = react.memo((props) => {
+  const MenuGroup = react.memo((props) => {
     const { ref, children, ...rest } = props;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, role: "group", ...rest, children });
   });
-  MenuGroup$1.displayName = "MenuGroup";
+  MenuGroup.displayName = "MenuGroup";
   const MenuInputField = react.memo((props) => {
     const { ref: forwardedRef, className, onValueChange, onChange, disabled = false, ...rest } = props;
     const { activeIndex, getItemProps } = react.use(MenuContentContext);
@@ -3136,11 +3136,11 @@
     return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: classVarianceAuthority.cx(menuLabelCva({ size }), className), ...rest });
   });
   MenuLabel.displayName = "MenuLabel";
-  const MenuMultiSelectGroup$1 = genericMemo(function MenuMultiSelectGroup2(props) {
+  const MenuMultiSelectGroup = genericMemo(function MenuMultiSelectGroup2(props) {
     const { ref, children, defaultValues, values, onValuesChange, ...rest } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(MenuGroup$1, { ref, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(MultiSelectProvider, { defaultValues, values, onValuesChange, children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(MenuGroup, { ref, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(MultiSelectProvider, { defaultValues, values, onValuesChange, children }) });
   });
-  const MenuMultiSelectItem$1 = genericMemo(function(props) {
+  const MenuMultiSelectItem = genericMemo(function(props) {
     const { ref, onSelect, children, closeOnSelect = false, value, ...rest } = props;
     const { selected, selectValue, registerValue } = react.use(MultiSelectContext);
     react.useLayoutEffect(() => {
@@ -3155,7 +3155,7 @@
       return typeof children === "function" ? ({ active }) => children({ selected: isSelected, active }) : children;
     }, [children, isSelected]);
     return /* @__PURE__ */ jsxRuntime.jsx(SelectedIndicatorContext.Provider, { value: isSelected, children: /* @__PURE__ */ jsxRuntime.jsx(
-      MenuItem$1,
+      MenuItem,
       {
         ref,
         role: "menuitemcheckbox",
@@ -3174,13 +3174,13 @@
     return activePage === page ? children : null;
   });
   MenuPageContent.displayName = "PageContent";
-  const MenuPages$1 = react.memo((props) => {
+  const MenuPages = react.memo((props) => {
     const { children, defaultPage, page, onPageChange } = props;
     const [activePage, setActivePage] = useControlledState(defaultPage ?? "", page, onPageChange);
     const contextValue = react.useMemo(() => ({ activePage, setActivePage }), [activePage, setActivePage]);
     return /* @__PURE__ */ jsxRuntime.jsx(PagesContext.Provider, { value: contextValue, children });
   });
-  MenuPages$1.displayName = "MenuPages";
+  MenuPages.displayName = "MenuPages";
   const MenuPageTrigger = react.memo((props) => {
     const { ref, onSelect, page, ...rest } = props;
     const { refs, setActiveIndex } = react.use(MenuContentContext);
@@ -3192,14 +3192,14 @@
       (_a = refs.floating.current) == null ? void 0 : _a.focus();
       setActiveIndex(null);
     }, [onSelect, page, refs.floating, setActiveIndex, setActivePage]);
-    return /* @__PURE__ */ jsxRuntime.jsx(MenuItem$1, { ref, onSelect: handleSelect, closeOnSelect: false, ...rest });
+    return /* @__PURE__ */ jsxRuntime.jsx(MenuItem, { ref, onSelect: handleSelect, closeOnSelect: false, ...rest });
   });
   MenuPageTrigger.displayName = "MenuPageTrigger";
   const MENU_OVERFLOW_PADDING = 20;
   const MENU_CONTENT_PADDING = 8;
   const MENU_MINIMUM_MAX_HEIGHT = 250;
   const DEFAULT_OFFSET = 5;
-  const MenuRoot$1 = react.memo((props) => {
+  const MenuRoot = react.memo((props) => {
     const {
       children,
       side = "bottom",
@@ -3288,7 +3288,7 @@
       }
     ) });
   });
-  MenuRoot$1.displayName = "Root";
+  MenuRoot.displayName = "Root";
   const MenuScroll = react.memo((props) => {
     const { ref, className, ...rest } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -3304,7 +3304,7 @@
     );
   });
   MenuScroll.displayName = "MenuScroll";
-  const MenuSelectAllItem$1 = genericMemo((props) => {
+  const MenuSelectAllItem = genericMemo((props) => {
     const { ref, children, onSelect, closeOnSelect = false, ...rest } = props;
     const { allSelected, someSelected, toggleSelectAll } = react.use(MultiSelectContext);
     const selectedState = allSelected ? true : someSelected ? "indeterminate" : false;
@@ -3316,7 +3316,7 @@
       return typeof children === "function" ? ({ active }) => children({ selected: selectedState, active }) : children;
     }, [children, selectedState]);
     return /* @__PURE__ */ jsxRuntime.jsx(CheckedIndicatorContext, { value: selectedState, children: /* @__PURE__ */ jsxRuntime.jsx(
-      MenuItem$1,
+      MenuItem,
       {
         onSelect: handleSelect,
         ref,
@@ -3327,14 +3327,14 @@
       }
     ) });
   });
-  const MenuSelectedIndicator$1 = react.memo((props) => {
+  const MenuSelectedIndicator = react.memo((props) => {
     const { ref, children, ...rest } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(SelectedIndicator, { ref, ...rest, children });
   });
-  MenuSelectedIndicator$1.displayName = "MenuSelectedIndicator";
-  const MenuSelectGroup$1 = genericMemo(function MenuSelectGroup2(props) {
+  MenuSelectedIndicator.displayName = "MenuSelectedIndicator";
+  const MenuSelectGroup = genericMemo(function MenuSelectGroup2(props) {
     const { ref, children, required, defaultValue, value, onValueChange, ...rest } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(MenuGroup$1, { ref, ...rest, children: required ? /* @__PURE__ */ jsxRuntime.jsx(SingleSelectRequiredProvider, { defaultValue, value, onValueChange, children }) : /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(MenuGroup, { ref, ...rest, children: required ? /* @__PURE__ */ jsxRuntime.jsx(SingleSelectRequiredProvider, { defaultValue, value, onValueChange, children }) : /* @__PURE__ */ jsxRuntime.jsx(
       SingleSelectNotRequiredProvider,
       {
         defaultValue,
@@ -3344,7 +3344,7 @@
       }
     ) });
   });
-  const MenuSelectItem$1 = genericMemo(function(props) {
+  const MenuSelectItem = genericMemo(function(props) {
     const { ref, value, onSelect, children, closeOnSelect = true, ...rest } = props;
     const { selected, selectValue } = react.use(SelectContext);
     const isSelected = selected(value);
@@ -3356,7 +3356,7 @@
       return typeof children === "function" ? ({ active }) => children({ selected: isSelected, active }) : children;
     }, [children, isSelected]);
     return /* @__PURE__ */ jsxRuntime.jsx(SelectedIndicatorContext.Provider, { value: isSelected, children: /* @__PURE__ */ jsxRuntime.jsx(
-      MenuItem$1,
+      MenuItem,
       {
         ref,
         role: "menuitemcheckbox",
@@ -3368,12 +3368,12 @@
       }
     ) });
   });
-  const MenuSeparator$1 = react.memo((props) => {
+  const MenuSeparator = react.memo((props) => {
     const { ref, className, ...rest } = props;
     const { size } = react.use(MenuContentContext);
     return /* @__PURE__ */ jsxRuntime.jsx(RadixSeparator__namespace.Root, { className: classVarianceAuthority.cx(menuSeparator({ size }), className), ref, ...rest });
   });
-  MenuSeparator$1.displayName = "MenuSeparator";
+  MenuSeparator.displayName = "MenuSeparator";
   const computeOffsets = (side, alignment) => {
     switch (side) {
       case "right":
@@ -3571,7 +3571,7 @@
     const { refs, getReferenceProps, open, disabled } = react.use(SubContext);
     const mergedRefs = react$1.useMergeRefs([forwardedRef, refs.setReference]);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      MenuItem$1,
+      MenuItem,
       {
         ref: mergedRefs,
         closeOnSelect: false,
@@ -3603,14 +3603,14 @@
   });
   MenuVirtualTrigger.displayName = "VirtualTrigger";
   const Menu = {
-    Root: MenuRoot$1,
+    Root: MenuRoot,
     Content: MenuContent,
     // sub
     Sub: MenuSub,
     SubContent: MenuSubContent,
     SubTrigger: MenuSubTrigger,
     // pages
-    Pages: MenuPages$1,
+    Pages: MenuPages,
     PageContent: MenuPageContent,
     PageTrigger: MenuPageTrigger,
     // triggers
@@ -3618,17 +3618,17 @@
     ContextTrigger: MenuContextTrigger,
     VirtualTrigger: MenuVirtualTrigger,
     // groups
-    Group: MenuGroup$1,
-    SelectGroup: MenuSelectGroup$1,
-    MultiSelectGroup: MenuMultiSelectGroup$1,
+    Group: MenuGroup,
+    SelectGroup: MenuSelectGroup,
+    MultiSelectGroup: MenuMultiSelectGroup,
     // items
-    Item: MenuItem$1,
-    SelectItem: MenuSelectItem$1,
-    MultiSelectItem: MenuMultiSelectItem$1,
-    SelectAllItem: MenuSelectAllItem$1,
-    CheckboxItem: MenuCheckboxItem$1,
+    Item: MenuItem,
+    SelectItem: MenuSelectItem,
+    MultiSelectItem: MenuMultiSelectItem,
+    SelectAllItem: MenuSelectAllItem,
+    CheckboxItem: MenuCheckboxItem,
     // indicators
-    SelectedIndicator: MenuSelectedIndicator$1,
+    SelectedIndicator: MenuSelectedIndicator,
     CheckboxItemIndicator: MenuCheckboxItemIndicator,
     // input
     InputRoot: MenuInputRoot,
@@ -3636,7 +3636,7 @@
     InputSlot: MenuInputSlot,
     // others
     Label: MenuLabel,
-    Separator: MenuSeparator$1,
+    Separator: MenuSeparator,
     Scroll: MenuScroll
   };
   const KEY_MAPPING = {
@@ -3729,7 +3729,7 @@
       }
     }
   });
-  const MenuItem = react.memo((props) => {
+  const MenuV2Item = react.memo((props) => {
     const {
       ref,
       children,
@@ -3810,8 +3810,8 @@
       }
     );
   });
-  MenuItem.displayName = "MenuItem";
-  const MenuCheckboxItem = react.memo((props) => {
+  MenuV2Item.displayName = "MenuItem";
+  const MenuV2CheckboxItem = react.memo((props) => {
     const { ref, checked, onCheckedChange, onSelect, ...rest } = props;
     const handleSelect = react.useCallback(
       (e) => {
@@ -3831,15 +3831,15 @@
       },
       [checked, onCheckedChange, onSelect]
     );
-    return /* @__PURE__ */ jsxRuntime.jsx(CheckedIndicatorContext.Provider, { value: checked, children: /* @__PURE__ */ jsxRuntime.jsx(MenuItem, { ref, onSelect: handleSelect, ...rest }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(CheckedIndicatorContext.Provider, { value: checked, children: /* @__PURE__ */ jsxRuntime.jsx(MenuV2Item, { ref, onSelect: handleSelect, ...rest }) });
   });
-  MenuCheckboxItem.displayName = "MenuCheckboxItem";
-  const MenuCheckedIndicator = react.memo((props) => {
+  MenuV2CheckboxItem.displayName = "MenuCheckboxItem";
+  const MenuV2CheckedIndicator = react.memo((props) => {
     const { ref, children, ...rest } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(CheckedIndicator, { ref, ...rest, children });
   });
-  MenuCheckedIndicator.displayName = "MenuCheckboxItemIndicator";
-  const MenuGroup = react.memo((props) => {
+  MenuV2CheckedIndicator.displayName = "MenuCheckboxItemIndicator";
+  const MenuV2Group = react.memo((props) => {
     const { ref, children, ...rest } = props;
     const groupId = react.useId();
     const [labelId, setLabelId] = react.useState(null);
@@ -3852,8 +3852,8 @@
     );
     return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, role: "group", ...{ [GROUP_SELECTOR]: groupId }, "aria-labelledby": labelId ?? void 0, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(MenuGroupContext, { value: contextValue, children }) });
   });
-  MenuGroup.displayName = "MenuGroup";
-  const MenuGroupLabel = react.memo((props) => {
+  MenuV2Group.displayName = "MenuGroup";
+  const MenuV2GroupLabel = react.memo((props) => {
     const { ref, children, id, className, ...rest } = props;
     const labelId = useFallbackId(id);
     const { size } = react.use(MenuRootContext);
@@ -3863,8 +3863,8 @@
     }, [labelId, setLabelId]);
     return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, id: labelId, className: classVarianceAuthority.cx(menuGroupLabelCva({ size }), className), ...rest, children });
   });
-  MenuGroupLabel.displayName = "MenuGroupLabel";
-  const MenuSelectAllItem = genericMemo((props) => {
+  MenuV2GroupLabel.displayName = "MenuGroupLabel";
+  const MenuV2SelectAllItem = genericMemo((props) => {
     const { ref, children, onSelect, ...rest } = props;
     const { allSelected, someSelected, toggleSelectAll } = react.use(MultiSelectContext);
     const selectedState = allSelected ? true : someSelected ? "indeterminate" : false;
@@ -3876,13 +3876,13 @@
       },
       [onSelect, toggleSelectAll]
     );
-    return /* @__PURE__ */ jsxRuntime.jsx(MenuItem, { onSelect: handleSelect, ref, "data-state": getCheckedState(selectedState), ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(CheckedIndicatorContext, { value: selectedState, children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(MenuV2Item, { onSelect: handleSelect, ref, "data-state": getCheckedState(selectedState), ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(CheckedIndicatorContext, { value: selectedState, children }) });
   });
-  const MenuMultiSelectGroup = genericMemo(function MenuMultiSelectGroup2(props) {
+  const MenuV2MultiSelectGroup = genericMemo(function MenuMultiSelectGroup2(props) {
     const { ref, children, defaultValues, values, onValuesChange, ...rest } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(MenuGroup, { ref, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(MultiSelectProvider, { defaultValues, values, onValuesChange, children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(MenuV2Group, { ref, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(MultiSelectProvider, { defaultValues, values, onValuesChange, children }) });
   });
-  const MenuMultiSelectItem = genericMemo(function(props) {
+  const MenuV2MultiSelectItem = genericMemo(function(props) {
     const { ref, onSelect, children, value, ...rest } = props;
     const { selected, selectValue, registerValue } = react.use(MultiSelectContext);
     react.useLayoutEffect(() => {
@@ -3898,7 +3898,7 @@
       [onSelect, selectValue, value]
     );
     return /* @__PURE__ */ jsxRuntime.jsx(
-      MenuItem,
+      MenuV2Item,
       {
         ref,
         role: "menuitemcheckbox",
@@ -3909,14 +3909,14 @@
       }
     );
   });
-  const MenuPage = react.memo((props) => {
+  const MenuV2Page = react.memo((props) => {
     const { children, ref, page, ...rest } = props;
     const { page: activePage } = react.use(MenuPageContext);
     const isActive = page === activePage;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, "data-active": getActiveState(isActive), hidden: !isActive, ...rest, children: isActive ? children : null });
   });
-  MenuPage.displayName = "MenuPage";
-  const MenuPages = react.memo((props) => {
+  MenuV2Page.displayName = "MenuPage";
+  const MenuV2Pages = react.memo((props) => {
     const { children, defaultPage = "", page: controlledPage, onPageChange } = props;
     const [page, setPage] = useControlledState(defaultPage, controlledPage, onPageChange);
     const contextValue = react.useMemo(
@@ -3928,8 +3928,8 @@
     );
     return /* @__PURE__ */ jsxRuntime.jsx(MenuPageContext, { value: contextValue, children });
   });
-  MenuPages.displayName = "MenuPages";
-  const MenuPageTriggerItem = react.memo((props) => {
+  MenuV2Pages.displayName = "MenuPages";
+  const MenuV2PageTriggerItem = react.memo((props) => {
     const { ref, children, page, onSelect, ...rest } = props;
     const { page: activePage, setPage } = react.use(MenuPageContext);
     const isActive = page === activePage;
@@ -3941,9 +3941,9 @@
       },
       [onSelect, page, setPage]
     );
-    return /* @__PURE__ */ jsxRuntime.jsx(MenuItem, { ref, onSelect: handleSelect, "data-state": getActiveState(isActive), ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(SelectedIndicatorContext, { value: isActive, children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(MenuV2Item, { ref, onSelect: handleSelect, "data-state": getActiveState(isActive), ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(SelectedIndicatorContext, { value: isActive, children }) });
   });
-  MenuPageTriggerItem.displayName = "CommandMenuPageTriggerItem";
+  MenuV2PageTriggerItem.displayName = "CommandMenuPageTriggerItem";
   const computeNextIndex = (index, length, direction, loop) => {
     switch (direction) {
       case "next":
@@ -3952,7 +3952,7 @@
         return index === 0 ? loop ? length - 1 : index : index - 1;
     }
   };
-  const MenuRoot = react.memo((props) => {
+  const MenuV2Root = react.memo((props) => {
     const providerContext = useProvider();
     const {
       ref,
@@ -4122,15 +4122,15 @@
       }
     );
   });
-  MenuRoot.displayName = "MenuRoot";
-  const MenuSelectedIndicator = react.memo((props) => {
+  MenuV2Root.displayName = "MenuRoot";
+  const MenuV2SelectedIndicator = react.memo((props) => {
     const { ref, children, ...rest } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(SelectedIndicator, { ref, ...rest, children });
   });
-  MenuSelectedIndicator.displayName = "MenuCheckboxItemIndicator";
-  const MenuSelectGroup = genericMemo(function MenuSelectGroup2(props) {
+  MenuV2SelectedIndicator.displayName = "MenuCheckboxItemIndicator";
+  const MenuV2SelectGroup = genericMemo(function MenuSelectGroup2(props) {
     const { ref, children, required, defaultValue, value, onValueChange, ...rest } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(MenuGroup, { ref, ...rest, children: required ? /* @__PURE__ */ jsxRuntime.jsx(SingleSelectRequiredProvider, { defaultValue, value, onValueChange, children }) : /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(MenuV2Group, { ref, ...rest, children: required ? /* @__PURE__ */ jsxRuntime.jsx(SingleSelectRequiredProvider, { defaultValue, value, onValueChange, children }) : /* @__PURE__ */ jsxRuntime.jsx(
       SingleSelectNotRequiredProvider,
       {
         defaultValue,
@@ -4140,7 +4140,7 @@
       }
     ) });
   });
-  const MenuSelectItem = genericMemo(function(props) {
+  const MenuV2SelectItem = genericMemo(function(props) {
     const { ref, value, onSelect, children, ...rest } = props;
     const { selected, selectValue } = react.use(SelectContext);
     const isSelected = selected(value);
@@ -4153,7 +4153,7 @@
       [onSelect, selectValue, value]
     );
     return /* @__PURE__ */ jsxRuntime.jsx(
-      MenuItem,
+      MenuV2Item,
       {
         ref,
         role: "menuitemcheckbox",
@@ -4164,29 +4164,29 @@
       }
     );
   });
-  const MenuSeparator = react.memo((props) => {
+  const MenuV2Separator = react.memo((props) => {
     const { ref, className, ...rest } = props;
     const { size } = react.use(MenuRootContext);
     return /* @__PURE__ */ jsxRuntime.jsx(RadixSeparator__namespace.Root, { className: classVarianceAuthority.cx(menuSeparatorCva({ size }), className), ref, ...rest });
   });
-  MenuSeparator.displayName = "MenuSeparator";
+  MenuV2Separator.displayName = "MenuSeparator";
   const MenuV2 = {
-    Root: MenuRoot,
-    Group: MenuGroup,
-    GroupLabel: MenuGroupLabel,
-    Item: MenuItem,
-    Separator: MenuSeparator,
-    SelectGroup: MenuSelectGroup,
-    SelectItem: MenuSelectItem,
-    MultiSelectGroup: MenuMultiSelectGroup,
-    MultiSelectItem: MenuMultiSelectItem,
-    SelectAllItem: MenuSelectAllItem,
-    SelectedIndicator: MenuSelectedIndicator,
-    CheckboxItem: MenuCheckboxItem,
-    CheckedIndicator: MenuCheckedIndicator,
-    Pages: MenuPages,
-    Page: MenuPage,
-    PageTriggerItem: MenuPageTriggerItem
+    Root: MenuV2Root,
+    Group: MenuV2Group,
+    GroupLabel: MenuV2GroupLabel,
+    Item: MenuV2Item,
+    Separator: MenuV2Separator,
+    SelectGroup: MenuV2SelectGroup,
+    SelectItem: MenuV2SelectItem,
+    MultiSelectGroup: MenuV2MultiSelectGroup,
+    MultiSelectItem: MenuV2MultiSelectItem,
+    SelectAllItem: MenuV2SelectAllItem,
+    SelectedIndicator: MenuV2SelectedIndicator,
+    CheckboxItem: MenuV2CheckboxItem,
+    CheckedIndicator: MenuV2CheckedIndicator,
+    Pages: MenuV2Pages,
+    Page: MenuV2Page,
+    PageTriggerItem: MenuV2PageTriggerItem
   };
   const OneTimePasswordFieldHiddenInput = react.memo((props) => {
     return /* @__PURE__ */ jsxRuntime.jsx(RadixOneTimePasswordField__namespace.HiddenInput, { ...props });
@@ -4287,6 +4287,62 @@
     Input: OneTimePasswordFieldInput,
     Root: OneTimePasswordFieldRoot
   };
+  const OverlayClose = react.memo((props) => {
+    const { ref, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Close, { ref, ...rest });
+  });
+  OverlayClose.displayName = "OverlayClose";
+  const overlayContentCva = classVarianceAuthority.cva([
+    "fixed",
+    "inset-0",
+    "bg-(--color-background)",
+    "data-[state='closed']:animate-out",
+    "data-[state='closed']:fade-out-0",
+    "data-[state='closed']:zoom-out-95",
+    "data-[state='open']:animate-in",
+    "data-[state='open']:fade-in-0",
+    "data-[state='open']:zoom-in-95"
+  ]);
+  const OverlayContent = react.memo((props) => {
+    const { ref, container, className, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Portal, { container, children: /* @__PURE__ */ jsxRuntime.jsx(
+      RadixDialog__namespace.Content,
+      {
+        className: classVarianceAuthority.cx(overlayContentCva(), className),
+        ref,
+        "data-floating-content": "",
+        ...rest
+      }
+    ) });
+  });
+  OverlayContent.displayName = "OverlayContent";
+  const OverlayDescription = react.memo((props) => {
+    const { ref, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Description, { ref, ...rest });
+  });
+  OverlayDescription.displayName = "OverlayDescription";
+  const OverlayRoot = react.memo((props) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Root, { ...props });
+  });
+  OverlayRoot.displayName = "OverlayRoot";
+  const OverlayTitle = react.memo((props) => {
+    const { ref, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Title, { ref, ...rest });
+  });
+  OverlayTitle.displayName = "OverlayTitle";
+  const OverlayTrigger = react.memo((props) => {
+    const { ref, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Trigger, { ref, ...rest });
+  });
+  OverlayTrigger.displayName = "OverlayTrigger";
+  const Overlay = {
+    Root: OverlayRoot,
+    Content: OverlayContent,
+    Title: OverlayTitle,
+    Description: OverlayDescription,
+    Trigger: OverlayTrigger,
+    Close: OverlayClose
+  };
   const centerStyles = { placeSelf: "center" };
   const ErrorFallback = react.memo((props) => {
     const { absoluteCentering, message = "Something went wrong", onRetry } = props;
@@ -6474,38 +6530,61 @@
   exports2.Link = Link;
   exports2.LuIcon = LuIcon;
   exports2.Menu = Menu;
-  exports2.MenuCheckboxItem = MenuCheckboxItem$1;
+  exports2.MenuCheckboxItem = MenuCheckboxItem;
   exports2.MenuCheckboxItemIndicator = MenuCheckboxItemIndicator;
   exports2.MenuClickTrigger = MenuClickTrigger;
   exports2.MenuContent = MenuContent;
   exports2.MenuContextTrigger = MenuContextTrigger;
-  exports2.MenuGroup = MenuGroup$1;
+  exports2.MenuGroup = MenuGroup;
   exports2.MenuInputField = MenuInputField;
   exports2.MenuInputRoot = MenuInputRoot;
   exports2.MenuInputSlot = MenuInputSlot;
-  exports2.MenuItem = MenuItem$1;
+  exports2.MenuItem = MenuItem;
   exports2.MenuLabel = MenuLabel;
-  exports2.MenuMultiSelectGroup = MenuMultiSelectGroup$1;
-  exports2.MenuMultiSelectItem = MenuMultiSelectItem$1;
+  exports2.MenuMultiSelectGroup = MenuMultiSelectGroup;
+  exports2.MenuMultiSelectItem = MenuMultiSelectItem;
   exports2.MenuPageContent = MenuPageContent;
   exports2.MenuPageTrigger = MenuPageTrigger;
-  exports2.MenuPages = MenuPages$1;
-  exports2.MenuRoot = MenuRoot$1;
+  exports2.MenuPages = MenuPages;
+  exports2.MenuRoot = MenuRoot;
   exports2.MenuScroll = MenuScroll;
-  exports2.MenuSelectAllItem = MenuSelectAllItem$1;
-  exports2.MenuSelectGroup = MenuSelectGroup$1;
-  exports2.MenuSelectItem = MenuSelectItem$1;
-  exports2.MenuSelectedIndicator = MenuSelectedIndicator$1;
-  exports2.MenuSeparator = MenuSeparator$1;
+  exports2.MenuSelectAllItem = MenuSelectAllItem;
+  exports2.MenuSelectGroup = MenuSelectGroup;
+  exports2.MenuSelectItem = MenuSelectItem;
+  exports2.MenuSelectedIndicator = MenuSelectedIndicator;
+  exports2.MenuSeparator = MenuSeparator;
   exports2.MenuSub = MenuSub;
   exports2.MenuSubContent = MenuSubContent;
   exports2.MenuSubTrigger = MenuSubTrigger;
   exports2.MenuV2 = MenuV2;
+  exports2.MenuV2CheckboxItem = MenuV2CheckboxItem;
+  exports2.MenuV2CheckedIndicator = MenuV2CheckedIndicator;
+  exports2.MenuV2Group = MenuV2Group;
+  exports2.MenuV2GroupLabel = MenuV2GroupLabel;
+  exports2.MenuV2Item = MenuV2Item;
+  exports2.MenuV2MultiSelectGroup = MenuV2MultiSelectGroup;
+  exports2.MenuV2MultiSelectItem = MenuV2MultiSelectItem;
+  exports2.MenuV2Page = MenuV2Page;
+  exports2.MenuV2PageTriggerItem = MenuV2PageTriggerItem;
+  exports2.MenuV2Pages = MenuV2Pages;
+  exports2.MenuV2Root = MenuV2Root;
+  exports2.MenuV2SelectAllItem = MenuV2SelectAllItem;
+  exports2.MenuV2SelectGroup = MenuV2SelectGroup;
+  exports2.MenuV2SelectItem = MenuV2SelectItem;
+  exports2.MenuV2SelectedIndicator = MenuV2SelectedIndicator;
+  exports2.MenuV2Separator = MenuV2Separator;
   exports2.MenuVirtualTrigger = MenuVirtualTrigger;
   exports2.OneTimePasswordField = OneTimePasswordField;
   exports2.OneTimePasswordFieldHiddenInput = OneTimePasswordFieldHiddenInput;
   exports2.OneTimePasswordFieldInput = OneTimePasswordFieldInput;
   exports2.OneTimePasswordFieldRoot = OneTimePasswordFieldRoot;
+  exports2.Overlay = Overlay;
+  exports2.OverlayClose = OverlayClose;
+  exports2.OverlayContent = OverlayContent;
+  exports2.OverlayDescription = OverlayDescription;
+  exports2.OverlayRoot = OverlayRoot;
+  exports2.OverlayTitle = OverlayTitle;
+  exports2.OverlayTrigger = OverlayTrigger;
   exports2.OvermapErrorBoundary = OvermapErrorBoundary;
   exports2.Popover = Popover;
   exports2.PopoverArrow = PopoverArrow;