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

package/dist/blocks.js

@@ -9,7 +9,7 @@ import { CommandItem, CommandRoot, CommandEmpty, CommandGroup, CommandInput, use
 import * as RadixDialog from "@radix-ui/react-dialog";
 import { DialogPortal, DialogContent as DialogContent$1, DialogTitle, DialogDescription, DialogOverlay as DialogOverlay$1, DialogTrigger } from "@radix-ui/react-dialog";
 import { DayPicker as DayPicker$1 } from "react-day-picker";
-import { DynamicIcon } from "lucide-react/dynamic";
+import { ChevronRight, ChevronLeft, ChevronDown, ChevronUp, AlertTriangle, RotateCcw, X } from "lucide-react";
 import * as RadixHoverCard from "@radix-ui/react-hover-card";
 import { CSSTransition } from "react-transition-group";
 import ReactDOM from "react-dom";
@@ -1649,21 +1649,21 @@ const CommandMenu = {
   PageTriggerItem: CommandMenuPageTriggerItem
 };
 const LuIcon = memo((props) => {
-  const { ref, icon, className, size: size2 = "1em", ...rest } = props;
-  return /* @__PURE__ */ jsx(DynamicIcon, { ref, className: cx("shrink-0", className), size: size2, name: icon, ...rest });
+  const { ref, icon: Icon, className, size: size2 = "1em", ...rest } = props;
+  return /* @__PURE__ */ jsx(Icon, { ref, className: cx("shrink-0", className), size: size2, ...rest });
 });
 LuIcon.displayName = "LuIcon";
 const Chevron = (props) => {
   const { orientation, ...rest } = props;
   switch (orientation) {
     case "up":
-      return /* @__PURE__ */ jsx(LuIcon, { icon: "chevron-up", ...rest });
+      return /* @__PURE__ */ jsx(LuIcon, { icon: ChevronUp, ...rest });
     case "down":
-      return /* @__PURE__ */ jsx(LuIcon, { icon: "chevron-down", ...rest });
+      return /* @__PURE__ */ jsx(LuIcon, { icon: ChevronDown, ...rest });
     case "left":
-      return /* @__PURE__ */ jsx(LuIcon, { icon: "chevron-left", ...rest });
+      return /* @__PURE__ */ jsx(LuIcon, { icon: ChevronLeft, ...rest });
     default:
-      return /* @__PURE__ */ jsx(LuIcon, { icon: "chevron-right", ...rest });
+      return /* @__PURE__ */ jsx(LuIcon, { icon: ChevronRight, ...rest });
   }
 };
 const rootCva = cva(["relative", "size-max"], {
@@ -2823,7 +2823,7 @@ const MenuContentContext = createContext({});
 const MenuContext = createContext({});
 const SubContext = createContext({});
 const TRIGGER_SELECT_KEYS = ["Enter", " "];
-const MenuItem$1 = memo((props) => {
+const MenuItem = memo((props) => {
   const rootMenuContext = use(MenuContext);
   const { getItemProps, activeIndex, setOpen, size: size2, variant, radius } = use(MenuContentContext);
   const { closeRoot } = use(SubContext);
@@ -2885,8 +2885,8 @@ const MenuItem$1 = memo((props) => {
     }
   );
 });
-MenuItem$1.displayName = "MenuItem";
-const MenuCheckboxItem$1 = memo((props) => {
+MenuItem.displayName = "MenuItem";
+const MenuCheckboxItem = memo((props) => {
   const { ref, checked, onCheckedChange, onSelect, ...rest } = props;
   const handleSelect = useCallback(() => {
     onSelect == null ? void 0 : onSelect();
@@ -2900,9 +2900,9 @@ const MenuCheckboxItem$1 = memo((props) => {
         break;
     }
   }, [checked, onCheckedChange, onSelect]);
-  return /* @__PURE__ */ jsx(CheckedIndicatorContext.Provider, { value: checked, children: /* @__PURE__ */ jsx(MenuItem$1, { ref, onSelect: handleSelect, ...rest }) });
+  return /* @__PURE__ */ jsx(CheckedIndicatorContext.Provider, { value: checked, children: /* @__PURE__ */ jsx(MenuItem, { ref, onSelect: handleSelect, ...rest }) });
 });
-MenuCheckboxItem$1.displayName = "MenuCheckboxItem";
+MenuCheckboxItem.displayName = "MenuCheckboxItem";
 const MenuCheckboxItemIndicator = memo((props) => {
   const { ref, children, ...rest } = props;
   return /* @__PURE__ */ jsx(CheckedIndicator, { ref, ...rest, children });
@@ -3075,11 +3075,11 @@ const MenuContextTrigger = memo((props) => {
   );
 });
 MenuContextTrigger.displayName = "MenuContextTrigger";
-const MenuGroup$1 = memo((props) => {
+const MenuGroup = memo((props) => {
   const { ref, children, ...rest } = props;
   return /* @__PURE__ */ jsx("div", { ref, role: "group", ...rest, children });
 });
-MenuGroup$1.displayName = "MenuGroup";
+MenuGroup.displayName = "MenuGroup";
 const MenuInputField = memo((props) => {
   const { ref: forwardedRef, className, onValueChange, onChange, disabled = false, ...rest } = props;
   const { activeIndex, getItemProps } = use(MenuContentContext);
@@ -3130,11 +3130,11 @@ const MenuLabel = memo((props) => {
   return /* @__PURE__ */ jsx("div", { ref, className: cx(menuLabelCva({ size: size2 }), 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__ */ jsx(MenuGroup$1, { ref, ...rest, children: /* @__PURE__ */ jsx(MultiSelectProvider, { defaultValues, values, onValuesChange, children }) });
+  return /* @__PURE__ */ jsx(MenuGroup, { ref, ...rest, children: /* @__PURE__ */ 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 } = use(MultiSelectContext);
   useLayoutEffect(() => {
@@ -3149,7 +3149,7 @@ const MenuMultiSelectItem$1 = genericMemo(function(props) {
     return typeof children === "function" ? ({ active }) => children({ selected: isSelected, active }) : children;
   }, [children, isSelected]);
   return /* @__PURE__ */ jsx(SelectedIndicatorContext.Provider, { value: isSelected, children: /* @__PURE__ */ jsx(
-    MenuItem$1,
+    MenuItem,
     {
       ref,
       role: "menuitemcheckbox",
@@ -3168,13 +3168,13 @@ const MenuPageContent = memo((props) => {
   return activePage === page ? children : null;
 });
 MenuPageContent.displayName = "PageContent";
-const MenuPages$1 = memo((props) => {
+const MenuPages = memo((props) => {
   const { children, defaultPage, page, onPageChange } = props;
   const [activePage, setActivePage] = useControlledState(defaultPage ?? "", page, onPageChange);
   const contextValue = useMemo(() => ({ activePage, setActivePage }), [activePage, setActivePage]);
   return /* @__PURE__ */ jsx(PagesContext.Provider, { value: contextValue, children });
 });
-MenuPages$1.displayName = "MenuPages";
+MenuPages.displayName = "MenuPages";
 const MenuPageTrigger = memo((props) => {
   const { ref, onSelect, page, ...rest } = props;
   const { refs, setActiveIndex } = use(MenuContentContext);
@@ -3186,14 +3186,14 @@ const MenuPageTrigger = memo((props) => {
     (_a = refs.floating.current) == null ? void 0 : _a.focus();
     setActiveIndex(null);
   }, [onSelect, page, refs.floating, setActiveIndex, setActivePage]);
-  return /* @__PURE__ */ jsx(MenuItem$1, { ref, onSelect: handleSelect, closeOnSelect: false, ...rest });
+  return /* @__PURE__ */ 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 = memo((props) => {
+const MenuRoot = memo((props) => {
   const {
     children,
     side = "bottom",
@@ -3282,7 +3282,7 @@ const MenuRoot$1 = memo((props) => {
     }
   ) });
 });
-MenuRoot$1.displayName = "Root";
+MenuRoot.displayName = "Root";
 const MenuScroll = memo((props) => {
   const { ref, className, ...rest } = props;
   return /* @__PURE__ */ jsx(
@@ -3298,7 +3298,7 @@ const MenuScroll = memo((props) => {
   );
 });
 MenuScroll.displayName = "MenuScroll";
-const MenuSelectAllItem$1 = genericMemo((props) => {
+const MenuSelectAllItem = genericMemo((props) => {
   const { ref, children, onSelect, closeOnSelect = false, ...rest } = props;
   const { allSelected, someSelected, toggleSelectAll } = use(MultiSelectContext);
   const selectedState = allSelected ? true : someSelected ? "indeterminate" : false;
@@ -3310,7 +3310,7 @@ const MenuSelectAllItem$1 = genericMemo((props) => {
     return typeof children === "function" ? ({ active }) => children({ selected: selectedState, active }) : children;
   }, [children, selectedState]);
   return /* @__PURE__ */ jsx(CheckedIndicatorContext, { value: selectedState, children: /* @__PURE__ */ jsx(
-    MenuItem$1,
+    MenuItem,
     {
       onSelect: handleSelect,
       ref,
@@ -3321,14 +3321,14 @@ const MenuSelectAllItem$1 = genericMemo((props) => {
     }
   ) });
 });
-const MenuSelectedIndicator$1 = memo((props) => {
+const MenuSelectedIndicator = memo((props) => {
   const { ref, children, ...rest } = props;
   return /* @__PURE__ */ 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__ */ jsx(MenuGroup$1, { ref, ...rest, children: required ? /* @__PURE__ */ jsx(SingleSelectRequiredProvider, { defaultValue, value, onValueChange, children }) : /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(MenuGroup, { ref, ...rest, children: required ? /* @__PURE__ */ jsx(SingleSelectRequiredProvider, { defaultValue, value, onValueChange, children }) : /* @__PURE__ */ jsx(
     SingleSelectNotRequiredProvider,
     {
       defaultValue,
@@ -3338,7 +3338,7 @@ const MenuSelectGroup$1 = genericMemo(function MenuSelectGroup2(props) {
     }
   ) });
 });
-const MenuSelectItem$1 = genericMemo(function(props) {
+const MenuSelectItem = genericMemo(function(props) {
   const { ref, value, onSelect, children, closeOnSelect = true, ...rest } = props;
   const { selected, selectValue } = use(SelectContext);
   const isSelected = selected(value);
@@ -3350,7 +3350,7 @@ const MenuSelectItem$1 = genericMemo(function(props) {
     return typeof children === "function" ? ({ active }) => children({ selected: isSelected, active }) : children;
   }, [children, isSelected]);
   return /* @__PURE__ */ jsx(SelectedIndicatorContext.Provider, { value: isSelected, children: /* @__PURE__ */ jsx(
-    MenuItem$1,
+    MenuItem,
     {
       ref,
       role: "menuitemcheckbox",
@@ -3362,12 +3362,12 @@ const MenuSelectItem$1 = genericMemo(function(props) {
     }
   ) });
 });
-const MenuSeparator$1 = memo((props) => {
+const MenuSeparator = memo((props) => {
   const { ref, className, ...rest } = props;
   const { size: size2 } = use(MenuContentContext);
   return /* @__PURE__ */ jsx(RadixSeparator.Root, { className: cx(menuSeparator({ size: size2 }), className), ref, ...rest });
 });
-MenuSeparator$1.displayName = "MenuSeparator";
+MenuSeparator.displayName = "MenuSeparator";
 const computeOffsets = (side, alignment) => {
   switch (side) {
     case "right":
@@ -3565,7 +3565,7 @@ const MenuSubTrigger = memo((props) => {
   const { refs, getReferenceProps, open, disabled } = use(SubContext);
   const mergedRefs = useMergeRefs([forwardedRef, refs.setReference]);
   return /* @__PURE__ */ jsx(
-    MenuItem$1,
+    MenuItem,
     {
       ref: mergedRefs,
       closeOnSelect: false,
@@ -3597,14 +3597,14 @@ const MenuVirtualTrigger = memo((props) => {
 });
 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
@@ -3612,17 +3612,17 @@ const Menu = {
   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,
@@ -3630,7 +3630,7 @@ const Menu = {
   InputSlot: MenuInputSlot,
   // others
   Label: MenuLabel,
-  Separator: MenuSeparator$1,
+  Separator: MenuSeparator,
   Scroll: MenuScroll
 };
 const KEY_MAPPING = {
@@ -3723,7 +3723,7 @@ const menuSeparatorCva = cva(["h-px", "bg-(--base-a6)", "w-auto", "shrink-0"], {
     }
   }
 });
-const MenuItem = memo((props) => {
+const MenuV2Item = memo((props) => {
   const {
     ref,
     children,
@@ -3804,8 +3804,8 @@ const MenuItem = memo((props) => {
     }
   );
 });
-MenuItem.displayName = "MenuItem";
-const MenuCheckboxItem = memo((props) => {
+MenuV2Item.displayName = "MenuItem";
+const MenuV2CheckboxItem = memo((props) => {
   const { ref, checked, onCheckedChange, onSelect, ...rest } = props;
   const handleSelect = useCallback(
     (e) => {
@@ -3825,15 +3825,15 @@ const MenuCheckboxItem = memo((props) => {
     },
     [checked, onCheckedChange, onSelect]
   );
-  return /* @__PURE__ */ jsx(CheckedIndicatorContext.Provider, { value: checked, children: /* @__PURE__ */ jsx(MenuItem, { ref, onSelect: handleSelect, ...rest }) });
+  return /* @__PURE__ */ jsx(CheckedIndicatorContext.Provider, { value: checked, children: /* @__PURE__ */ jsx(MenuV2Item, { ref, onSelect: handleSelect, ...rest }) });
 });
-MenuCheckboxItem.displayName = "MenuCheckboxItem";
-const MenuCheckedIndicator = memo((props) => {
+MenuV2CheckboxItem.displayName = "MenuCheckboxItem";
+const MenuV2CheckedIndicator = memo((props) => {
   const { ref, children, ...rest } = props;
   return /* @__PURE__ */ jsx(CheckedIndicator, { ref, ...rest, children });
 });
-MenuCheckedIndicator.displayName = "MenuCheckboxItemIndicator";
-const MenuGroup = memo((props) => {
+MenuV2CheckedIndicator.displayName = "MenuCheckboxItemIndicator";
+const MenuV2Group = memo((props) => {
   const { ref, children, ...rest } = props;
   const groupId = useId();
   const [labelId, setLabelId] = useState(null);
@@ -3846,8 +3846,8 @@ const MenuGroup = memo((props) => {
   );
   return /* @__PURE__ */ jsx("div", { ref, role: "group", ...{ [GROUP_SELECTOR]: groupId }, "aria-labelledby": labelId ?? void 0, ...rest, children: /* @__PURE__ */ jsx(MenuGroupContext, { value: contextValue, children }) });
 });
-MenuGroup.displayName = "MenuGroup";
-const MenuGroupLabel = memo((props) => {
+MenuV2Group.displayName = "MenuGroup";
+const MenuV2GroupLabel = memo((props) => {
   const { ref, children, id, className, ...rest } = props;
   const labelId = useFallbackId(id);
   const { size: size2 } = use(MenuRootContext);
@@ -3857,8 +3857,8 @@ const MenuGroupLabel = memo((props) => {
   }, [labelId, setLabelId]);
   return /* @__PURE__ */ jsx("div", { ref, id: labelId, className: cx(menuGroupLabelCva({ size: size2 }), 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 } = use(MultiSelectContext);
   const selectedState = allSelected ? true : someSelected ? "indeterminate" : false;
@@ -3870,13 +3870,13 @@ const MenuSelectAllItem = genericMemo((props) => {
     },
     [onSelect, toggleSelectAll]
   );
-  return /* @__PURE__ */ jsx(MenuItem, { onSelect: handleSelect, ref, "data-state": getCheckedState(selectedState), ...rest, children: /* @__PURE__ */ jsx(CheckedIndicatorContext, { value: selectedState, children }) });
+  return /* @__PURE__ */ jsx(MenuV2Item, { onSelect: handleSelect, ref, "data-state": getCheckedState(selectedState), ...rest, children: /* @__PURE__ */ jsx(CheckedIndicatorContext, { value: selectedState, children }) });
 });
-const MenuMultiSelectGroup = genericMemo(function MenuMultiSelectGroup22(props) {
+const MenuV2MultiSelectGroup = genericMemo(function MenuMultiSelectGroup3(props) {
   const { ref, children, defaultValues, values, onValuesChange, ...rest } = props;
-  return /* @__PURE__ */ jsx(MenuGroup, { ref, ...rest, children: /* @__PURE__ */ jsx(MultiSelectProvider, { defaultValues, values, onValuesChange, children }) });
+  return /* @__PURE__ */ jsx(MenuV2Group, { ref, ...rest, children: /* @__PURE__ */ 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 } = use(MultiSelectContext);
   useLayoutEffect(() => {
@@ -3892,7 +3892,7 @@ const MenuMultiSelectItem = genericMemo(function(props) {
     [onSelect, selectValue, value]
   );
   return /* @__PURE__ */ jsx(
-    MenuItem,
+    MenuV2Item,
     {
       ref,
       role: "menuitemcheckbox",
@@ -3903,14 +3903,14 @@ const MenuMultiSelectItem = genericMemo(function(props) {
     }
   );
 });
-const MenuPage = memo((props) => {
+const MenuV2Page = memo((props) => {
   const { children, ref, page, ...rest } = props;
   const { page: activePage } = use(MenuPageContext);
   const isActive = page === activePage;
   return /* @__PURE__ */ jsx("div", { ref, "data-active": getActiveState(isActive), hidden: !isActive, ...rest, children: isActive ? children : null });
 });
-MenuPage.displayName = "MenuPage";
-const MenuPages = memo((props) => {
+MenuV2Page.displayName = "MenuPage";
+const MenuV2Pages = memo((props) => {
   const { children, defaultPage = "", page: controlledPage, onPageChange } = props;
   const [page, setPage] = useControlledState(defaultPage, controlledPage, onPageChange);
   const contextValue = useMemo(
@@ -3922,8 +3922,8 @@ const MenuPages = memo((props) => {
   );
   return /* @__PURE__ */ jsx(MenuPageContext, { value: contextValue, children });
 });
-MenuPages.displayName = "MenuPages";
-const MenuPageTriggerItem = memo((props) => {
+MenuV2Pages.displayName = "MenuPages";
+const MenuV2PageTriggerItem = memo((props) => {
   const { ref, children, page, onSelect, ...rest } = props;
   const { page: activePage, setPage } = use(MenuPageContext);
   const isActive = page === activePage;
@@ -3935,9 +3935,9 @@ const MenuPageTriggerItem = memo((props) => {
     },
     [onSelect, page, setPage]
   );
-  return /* @__PURE__ */ jsx(MenuItem, { ref, onSelect: handleSelect, "data-state": getActiveState(isActive), ...rest, children: /* @__PURE__ */ jsx(SelectedIndicatorContext, { value: isActive, children }) });
+  return /* @__PURE__ */ jsx(MenuV2Item, { ref, onSelect: handleSelect, "data-state": getActiveState(isActive), ...rest, children: /* @__PURE__ */ jsx(SelectedIndicatorContext, { value: isActive, children }) });
 });
-MenuPageTriggerItem.displayName = "CommandMenuPageTriggerItem";
+MenuV2PageTriggerItem.displayName = "CommandMenuPageTriggerItem";
 const computeNextIndex = (index, length, direction, loop) => {
   switch (direction) {
     case "next":
@@ -3946,7 +3946,7 @@ const computeNextIndex = (index, length, direction, loop) => {
       return index === 0 ? loop ? length - 1 : index : index - 1;
   }
 };
-const MenuRoot = memo((props) => {
+const MenuV2Root = memo((props) => {
   const providerContext = useProvider();
   const {
     ref,
@@ -4085,8 +4085,10 @@ const MenuRoot = memo((props) => {
     [getActiveItem, getFirstGroup, getFirstItem, getLastGroup, getLastItem, getNextGroup, getNextItem, onKeyDown]
   );
   useEffect(() => {
+    var _a;
     const firstItem = getFirstItem(internalRef.current);
     if (!firstItem) return;
+    (_a = internalRef.current) == null ? void 0 : _a.focus();
     setActiveItemId(firstItem.getAttribute(ITEM_SELECTOR));
   }, [getFirstItem]);
   const contextValue = useMemo(
@@ -4116,15 +4118,15 @@ const MenuRoot = memo((props) => {
     }
   );
 });
-MenuRoot.displayName = "MenuRoot";
-const MenuSelectedIndicator = memo((props) => {
+MenuV2Root.displayName = "MenuRoot";
+const MenuV2SelectedIndicator = memo((props) => {
   const { ref, children, ...rest } = props;
   return /* @__PURE__ */ jsx(SelectedIndicator, { ref, ...rest, children });
 });
-MenuSelectedIndicator.displayName = "MenuCheckboxItemIndicator";
-const MenuSelectGroup = genericMemo(function MenuSelectGroup22(props) {
+MenuV2SelectedIndicator.displayName = "MenuCheckboxItemIndicator";
+const MenuV2SelectGroup = genericMemo(function MenuSelectGroup3(props) {
   const { ref, children, required, defaultValue, value, onValueChange, ...rest } = props;
-  return /* @__PURE__ */ jsx(MenuGroup, { ref, ...rest, children: required ? /* @__PURE__ */ jsx(SingleSelectRequiredProvider, { defaultValue, value, onValueChange, children }) : /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(MenuV2Group, { ref, ...rest, children: required ? /* @__PURE__ */ jsx(SingleSelectRequiredProvider, { defaultValue, value, onValueChange, children }) : /* @__PURE__ */ jsx(
     SingleSelectNotRequiredProvider,
     {
       defaultValue,
@@ -4134,7 +4136,7 @@ const MenuSelectGroup = genericMemo(function MenuSelectGroup22(props) {
     }
   ) });
 });
-const MenuSelectItem = genericMemo(function(props) {
+const MenuV2SelectItem = genericMemo(function(props) {
   const { ref, value, onSelect, children, ...rest } = props;
   const { selected, selectValue } = use(SelectContext);
   const isSelected = selected(value);
@@ -4147,7 +4149,7 @@ const MenuSelectItem = genericMemo(function(props) {
     [onSelect, selectValue, value]
   );
   return /* @__PURE__ */ jsx(
-    MenuItem,
+    MenuV2Item,
     {
       ref,
       role: "menuitemcheckbox",
@@ -4158,29 +4160,29 @@ const MenuSelectItem = genericMemo(function(props) {
     }
   );
 });
-const MenuSeparator = memo((props) => {
+const MenuV2Separator = memo((props) => {
   const { ref, className, ...rest } = props;
   const { size: size2 } = use(MenuRootContext);
   return /* @__PURE__ */ jsx(RadixSeparator.Root, { className: cx(menuSeparatorCva({ size: size2 }), 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 = memo((props) => {
   return /* @__PURE__ */ jsx(RadixOneTimePasswordField.HiddenInput, { ...props });
@@ -4281,6 +4283,62 @@ const OneTimePasswordField = {
   Input: OneTimePasswordFieldInput,
   Root: OneTimePasswordFieldRoot
 };
+const OverlayClose = memo((props) => {
+  const { ref, ...rest } = props;
+  return /* @__PURE__ */ jsx(RadixDialog.Close, { ref, ...rest });
+});
+OverlayClose.displayName = "OverlayClose";
+const overlayContentCva = 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 = memo((props) => {
+  const { ref, container, className, ...rest } = props;
+  return /* @__PURE__ */ jsx(RadixDialog.Portal, { container, children: /* @__PURE__ */ jsx(
+    RadixDialog.Content,
+    {
+      className: cx(overlayContentCva(), className),
+      ref,
+      "data-floating-content": "",
+      ...rest
+    }
+  ) });
+});
+OverlayContent.displayName = "OverlayContent";
+const OverlayDescription = memo((props) => {
+  const { ref, ...rest } = props;
+  return /* @__PURE__ */ jsx(RadixDialog.Description, { ref, ...rest });
+});
+OverlayDescription.displayName = "OverlayDescription";
+const OverlayRoot = memo((props) => {
+  return /* @__PURE__ */ jsx(RadixDialog.Root, { ...props });
+});
+OverlayRoot.displayName = "OverlayRoot";
+const OverlayTitle = memo((props) => {
+  const { ref, ...rest } = props;
+  return /* @__PURE__ */ jsx(RadixDialog.Title, { ref, ...rest });
+});
+OverlayTitle.displayName = "OverlayTitle";
+const OverlayTrigger = memo((props) => {
+  const { ref, ...rest } = props;
+  return /* @__PURE__ */ jsx(RadixDialog.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 = memo((props) => {
   const { absoluteCentering, message = "Something went wrong", onRetry } = props;
@@ -4293,9 +4351,9 @@ const ErrorFallback = memo((props) => {
   }, [onRetry, resetBoundary]);
   return /* @__PURE__ */ jsxs("div", { className: "flex w-full gap-2", style: outerFlexStyles, children: [
     /* @__PURE__ */ jsx("div", { style: { flexGrow: 1 } }),
-    /* @__PURE__ */ jsx(LuIcon, { icon: "alert-triangle", size: height, style: centerStyles }),
+    /* @__PURE__ */ jsx(LuIcon, { icon: AlertTriangle, size: height, style: centerStyles }),
     /* @__PURE__ */ jsx("span", { style: { lineHeight: height, ...centerStyles }, children: message }),
-    /* @__PURE__ */ jsx(IconButton, { "aria-label": "Try again", variant: "soft", onClick: handleRetry, style: centerStyles, children: /* @__PURE__ */ jsx(LuIcon, { icon: "rotate-ccw", size: height }) }),
+    /* @__PURE__ */ jsx(IconButton, { "aria-label": "Try again", variant: "soft", onClick: handleRetry, style: centerStyles, children: /* @__PURE__ */ jsx(LuIcon, { icon: RotateCcw, size: height }) }),
     /* @__PURE__ */ jsx("div", { style: { flexGrow: 1 } })
   ] });
 });
@@ -4644,6 +4702,65 @@ const RadioGroup = {
   Item: RadioGroupItem,
   Root: RadioGroupRoot
 };
+const RatingRootContext = createContext({});
+const RatingItemContext = createContext({});
+const RatingItem = memo((props) => {
+  const { ref, children, value, ...rest } = props;
+  const { value: activeValue } = use(RatingRootContext);
+  const active = !!activeValue && value <= activeValue;
+  const contextValue = useMemo(() => ({ value }), [value]);
+  return /* @__PURE__ */ jsx(RadixRadioGroup.Item, { ref, value: value.toString(), "data-active": active, ...rest, children: /* @__PURE__ */ jsx(RatingItemContext, { value: contextValue, children }) });
+});
+RatingItem.displayName = "RatingItem";
+const RatingItemIndicator = memo((props) => {
+  const { ref, children, forceMount, ...rest } = props;
+  const { value: activeValue } = use(RatingRootContext);
+  const { value } = use(RatingItemContext);
+  const active = !!activeValue && value <= activeValue;
+  return /* @__PURE__ */ jsx(
+    RadixRadioGroup.Indicator,
+    {
+      ref,
+      forceMount: forceMount ?? (active || void 0),
+      "data-active": active,
+      ...rest,
+      children
+    }
+  );
+});
+RatingItemIndicator.displayName = "RatingItemIndicator";
+const RatingRoot = memo((props) => {
+  const { ref, children, defaultValue, value: controlledValue, onValueChange, ...rest } = props;
+  const [value, setValue] = useControlledState(defaultValue ?? null, controlledValue, onValueChange);
+  const handleValueChange = useCallback(
+    (value2) => {
+      setValue(parseInt(value2));
+    },
+    [setValue]
+  );
+  const contextValue = useMemo(
+    () => ({
+      value
+    }),
+    [value]
+  );
+  return /* @__PURE__ */ jsx(
+    RadixRadioGroup.Root,
+    {
+      ref,
+      value: value ? value.toString() : null,
+      onValueChange: handleValueChange,
+      ...rest,
+      children: /* @__PURE__ */ jsx(RatingRootContext, { value: contextValue, children })
+    }
+  );
+});
+RatingRoot.displayName = "RatingRoot";
+const Rating = {
+  Item: RatingItem,
+  ItemIndicator: RatingItemIndicator,
+  Root: RatingRoot
+};
 const segmentedControlRootCva = cva(
   ["shrink-0", "transition-colors", "inline-flex", "box-border", "min-w-max", "text-center"],
   {
@@ -5912,7 +6029,7 @@ const _Toast = function Toast2(props) {
             action && /* @__PURE__ */ jsx(RadixToast.Action, { className: "w-max", altText: action.altText, asChild: true, children: action.content })
           ] })
         ] }),
-        /* @__PURE__ */ jsx(RadixToast.Close, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { size: size2, "aria-label": "Close", variant: "ghost", accentColor, children: /* @__PURE__ */ jsx(LuIcon, { icon: "x" }) }) })
+        /* @__PURE__ */ jsx(RadixToast.Close, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { size: size2, "aria-label": "Close", variant: "ghost", accentColor, children: /* @__PURE__ */ jsx(LuIcon, { icon: X }) }) })
       ]
     }
   );
@@ -6469,38 +6586,61 @@ export {
   Link,
   LuIcon,
   Menu,
-  MenuCheckboxItem$1 as MenuCheckboxItem,
+  MenuCheckboxItem,
   MenuCheckboxItemIndicator,
   MenuClickTrigger,
   MenuContent,
   MenuContextTrigger,
-  MenuGroup$1 as MenuGroup,
+  MenuGroup,
   MenuInputField,
   MenuInputRoot,
   MenuInputSlot,
-  MenuItem$1 as MenuItem,
+  MenuItem,
   MenuLabel,
-  MenuMultiSelectGroup$1 as MenuMultiSelectGroup,
-  MenuMultiSelectItem$1 as MenuMultiSelectItem,
+  MenuMultiSelectGroup,
+  MenuMultiSelectItem,
   MenuPageContent,
   MenuPageTrigger,
-  MenuPages$1 as MenuPages,
-  MenuRoot$1 as MenuRoot,
+  MenuPages,
+  MenuRoot,
   MenuScroll,
-  MenuSelectAllItem$1 as MenuSelectAllItem,
-  MenuSelectGroup$1 as MenuSelectGroup,
-  MenuSelectItem$1 as MenuSelectItem,
-  MenuSelectedIndicator$1 as MenuSelectedIndicator,
-  MenuSeparator$1 as MenuSeparator,
+  MenuSelectAllItem,
+  MenuSelectGroup,
+  MenuSelectItem,
+  MenuSelectedIndicator,
+  MenuSeparator,
   MenuSub,
   MenuSubContent,
   MenuSubTrigger,
   MenuV2,
+  MenuV2CheckboxItem,
+  MenuV2CheckedIndicator,
+  MenuV2Group,
+  MenuV2GroupLabel,
+  MenuV2Item,
+  MenuV2MultiSelectGroup,
+  MenuV2MultiSelectItem,
+  MenuV2Page,
+  MenuV2PageTriggerItem,
+  MenuV2Pages,
+  MenuV2Root,
+  MenuV2SelectAllItem,
+  MenuV2SelectGroup,
+  MenuV2SelectItem,
+  MenuV2SelectedIndicator,
+  MenuV2Separator,
   MenuVirtualTrigger,
   OneTimePasswordField,
   OneTimePasswordFieldHiddenInput,
   OneTimePasswordFieldInput,
   OneTimePasswordFieldRoot,
+  Overlay,
+  OverlayClose,
+  OverlayContent,
+  OverlayDescription,
+  OverlayRoot,
+  OverlayTitle,
+  OverlayTrigger,
   OvermapErrorBoundary,
   Popover,
   PopoverArrow,
@@ -6514,6 +6654,10 @@ export {
   RadioGroupIndicator,
   RadioGroupItem,
   RadioGroupRoot,
+  Rating,
+  RatingItem,
+  RatingItemIndicator,
+  RatingRoot,
   SegmentedControl,
   SegmentedControlItem,
   SegmentedControlRoot,