@optiaxiom/react 1.3.1 → 1.3.3

package/dist/esm/packages/react/src/date-range-picker/DateRangePickerContent.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Calendar } from '../calendar/Calendar.js';
+import { Flex } from '../flex/Flex.js';
+import '../popover/Popover.js';
+import '../popover/PopoverAnchor.js';
+import { PopoverContent } from '../popover/PopoverContent.js';
+import '../popover/PopoverTrigger.js';
+import { panels } from './DateRangePickerContent-css.js';
+import { useDateRangePickerContext } from './DateRangePickerContext.js';
+
+const DateRangePickerContent = forwardRef(
+  ({
+    addonAfter,
+    addonBefore,
+    children,
+    holiday,
+    max,
+    min,
+    today,
+    weekend,
+    ...props
+  }, ref) => {
+    const { setOpen, setValue, value } = useDateRangePickerContext(
+      "@optiaxiom/react/DateRangePickerContent"
+    );
+    return /* @__PURE__ */ jsxs(PopoverContent, { gap: "8", maxW: void 0, ref, ...props, children: [
+      /* @__PURE__ */ jsxs(Flex, { ...panels(), children: [
+        addonBefore,
+        /* @__PURE__ */ jsx(
+          Calendar,
+          {
+            alignSelf: "start",
+            holiday,
+            max,
+            min,
+            mode: "range",
+            onValueChange: (value2) => {
+              setValue(value2);
+              setOpen(false);
+            },
+            today,
+            value,
+            weekend
+          }
+        ),
+        addonAfter
+      ] }),
+      children
+    ] });
+  }
+);
+DateRangePickerContent.displayName = "@optiaxiom/react/DateRangePickerContent";
+
+export { DateRangePickerContent };

package/dist/esm/packages/react/src/{date-range-picker-trigger → date-range-picker}/DateRangePickerTrigger.js

@@ -5,10 +5,15 @@ import { forwardRef, useRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { useDateRangePickerContext } from '../date-range-picker-context/DateRangePickerContext.js';
+import { useFieldLabelTrigger } from '../hooks/useFieldLabelTrigger.js';
+import '../utils/conditions.js';
+import '../utils/isHoverSupported.js';
 import { IconCalendar } from '../icons/IconCalendar.js';
-import { PopoverTrigger } from '../popover-trigger/PopoverTrigger.js';
-import { useFieldLabelTrigger } from '../use-field-label-trigger/useFieldLabelTrigger.js';
+import '../popover/Popover.js';
+import '../popover/PopoverAnchor.js';
+import '../popover/PopoverContent.js';
+import { PopoverTrigger } from '../popover/PopoverTrigger.js';
+import { useDateRangePickerContext } from './DateRangePickerContext.js';
 
 const DEFAULT_FORMATTER = (date) => date.from && date.to ? date.from.toLocaleDateString(void 0, {
   day: "numeric",

package/dist/esm/packages/react/src/dialog/Dialog.js

@@ -2,18 +2,19 @@
 import { jsx } from 'react/jsx-runtime';
 import * as RadixDialog from '@radix-ui/react-dialog';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { DialogProvider } from '../dialog-context/DialogContext.js';
 import { NestedDialogProvider } from '../nested-dialog-context/NestedDialogContext.js';
 import { useNestedDialogCount } from '../nested-dialog-context/useNestedDialogCount.js';
+import { DialogProvider } from './DialogContext.js';
 
 function Dialog({
   children,
-  defaultOpen,
+  defaultOpen = false,
   onOpenChange,
   open: openProp,
   ...props
 }) {
   const [open, setOpen] = useControllableState({
+    caller: "@optiaxiom/react/Dialog",
     defaultProp: defaultOpen,
     onChange: onOpenChange,
     prop: openProp

package/dist/esm/packages/react/src/dialog/DialogBody-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CbuP5e8A.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var body = recipeRuntime({base:[{flex:'1',fontSize:'md',justifyContent:'flex-start',overflow:'auto',px:'24',py:'16'},'_1yjvl3y']});
+
+export { body };

package/dist/esm/packages/react/src/{dialog-close → dialog}/DialogClose.js

@@ -3,6 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import * as RadixDialog from '@radix-ui/react-dialog';
 import { forwardRef } from 'react';
 import { Button } from '../button/Button.js';
+import '../button/ButtonGroup.js';
 
 const DialogClose = forwardRef(
   ({ appearance = "subtle", asChild, children, ...props }, ref) => {

package/dist/esm/packages/react/src/dialog/DialogContent-css.js

@@ -0,0 +1,9 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/dialog/DialogContent.css.ts.vanilla-BRnr6MU6.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_1jbe4vl'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'vqruz9'],variants:{size:{sm:'xwig36',md:'_152ibap',lg:'v9kaay',fullscreen:'_1gttqac'}}});
+var nestedDialogCountVar = 'var(--_1ppdvhh)';
+
+export { backdrop, content, nestedDialogCountVar };

package/dist/esm/packages/react/src/{dialog-content → dialog}/DialogContent.js

@@ -5,16 +5,16 @@ import * as RadixDialog from '@radix-ui/react-dialog';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { forwardRef, useRef } from 'react';
 import { Backdrop } from '../backdrop/Backdrop.js';
-import { useDialogContext } from '../dialog-context/DialogContext.js';
-import { ModalProvider } from '../modal-context/ModalContext.js';
+import { ModalProvider } from '../modal/ModalContext.js';
+import '../modal/ModalLayer.js';
 import { Paper } from '../paper/Paper.js';
 import { Transition } from '../transition/Transition.js';
-import { TransitionGroup } from '../transition-group/TransitionGroup.js';
+import { TransitionGroup } from '../transition/TransitionGroup.js';
 import '../utils/conditions.js';
-import '@radix-ui/react-slot';
 import '../utils/isHoverSupported.js';
 import { onReactSelectInputBlur } from '../utils/onReactSelectInputBlur.js';
 import { backdrop, content, nestedDialogCountVar } from './DialogContent-css.js';
+import { useDialogContext } from './DialogContext.js';
 
 const DialogContent = forwardRef(
   ({

package/dist/esm/packages/react/src/{dialog-footer → dialog}/DialogFooter-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var footer = recipeRuntime({base:[{borderColor:'border.secondary',borderT:'1',flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'}]});

package/dist/esm/packages/react/src/{dialog-footer → dialog}/DialogFooter.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { ButtonProvider } from '../button-context/ButtonContext.js';
+import { ButtonProvider } from '../button/ButtonContext.js';
 import { Flex } from '../flex/Flex.js';
 import { footer } from './DialogFooter-css.js';
 

package/dist/esm/packages/react/src/dialog/DialogHeader-css.js

@@ -0,0 +1,10 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/dialog/DialogHeader.css.ts.vanilla-B-8go-oS.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'v1bypp']});
+var close = recipeRuntime({base:['_15y0xgr']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'_1bta111']});
+var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'jvq9f3']});
+
+export { actions, close, description, title };

package/dist/esm/packages/react/src/{dialog-header → dialog}/DialogHeader.js

@@ -1,16 +1,17 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import * as RadixDialog from '@radix-ui/react-dialog';
-import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { Button } from '../button/Button.js';
+import '../button/ButtonGroup.js';
 import { Flex } from '../flex/Flex.js';
 import { Heading } from '../heading/Heading.js';
 import { IconX } from '../icons/IconX.js';
 import { Text } from '../text/Text.js';
+import { VisuallyHidden } from '../visually-hidden/VisuallyHidden.js';
 import { close, title, actions, description } from './DialogHeader-css.js';
 
 const DialogHeader = forwardRef(

package/dist/esm/packages/react/src/{dialog-trigger → dialog}/DialogTrigger.js

@@ -3,6 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import * as RadixDialog from '@radix-ui/react-dialog';
 import { forwardRef } from 'react';
 import { Button } from '../button/Button.js';
+import '../button/ButtonGroup.js';
 
 const DialogTrigger = forwardRef(
   ({ asChild, children, ...props }, ref) => {

package/dist/esm/packages/react/src/disclosure/Disclosure.js

@@ -6,11 +6,19 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { DisclosureProvider } from '../disclosure-context/DisclosureContext.js';
+import { DisclosureProvider } from './DisclosureContext.js';
 
 const Disclosure = forwardRef(
-  ({ asChild, children, defaultOpen, onOpenChange, open: openProp, ...props }, ref) => {
+  ({
+    asChild,
+    children,
+    defaultOpen = false,
+    onOpenChange,
+    open: openProp,
+    ...props
+  }, ref) => {
     const [open, setOpen] = useControllableState({
+      caller: "@optiaxiom/react/Disclosure",
       defaultProp: defaultOpen,
       onChange: onOpenChange,
       prop: openProp

package/dist/esm/packages/react/src/disclosure/DisclosureContent-css.js

@@ -0,0 +1,8 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/disclosure/DisclosureContent.css.ts.vanilla-BUIjxppo.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var inner = recipeRuntime({base:['lwm9au']});
+var outer = recipeRuntime({base:[{display:'grid'},'_39ekar']});
+
+export { inner, outer };

package/dist/esm/packages/react/src/{disclosure-content → disclosure}/DisclosureContent.js

@@ -5,10 +5,10 @@ import { forwardRef, useState, useEffect } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { useDisclosureContext } from '../disclosure-context/DisclosureContext.js';
 import { Transition } from '../transition/Transition.js';
-import { TransitionGroup } from '../transition-group/TransitionGroup.js';
+import { TransitionGroup } from '../transition/TransitionGroup.js';
 import { outer, inner } from './DisclosureContent-css.js';
+import { useDisclosureContext } from './DisclosureContext.js';
 
 const DisclosureContent = forwardRef(({ children, transitionType = "slide", ...props }, ref) => {
   const { open } = useDisclosureContext("@optiaxiom/react/DisclosureContent");

package/dist/esm/packages/react/src/{disclosure-trigger → disclosure}/DisclosureTrigger-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
-import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-DWnSe8Ir.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-BslMHhMY.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{flex:'none',transition:'transform'}],variants:{chevronPosition:{end:'_185mivf',start:'_18zluez'}}});
-var root = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'cf57ol']});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1h6dxu8']});
+var icon = recipeRuntime({base:[{flex:'none',transition:'transform'}],variants:{chevronPosition:{end:'_1k3g515',start:'hd1wte'}}});
+var root = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'v9f2oo']});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1b9upqw']});
 
 export { icon, root, trigger };

package/dist/esm/packages/react/src/{disclosure-trigger → disclosure}/DisclosureTrigger.js

@@ -6,10 +6,10 @@ import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { Cover } from '../cover/Cover.js';
-import { useDisclosureContext } from '../disclosure-context/DisclosureContext.js';
 import { Flex } from '../flex/Flex.js';
 import { IconAngleLeft } from '../icons/IconAngleLeft.js';
 import { IconAngleRight } from '../icons/IconAngleRight.js';
+import { useDisclosureContext } from './DisclosureContext.js';
 import { root, trigger, icon } from './DisclosureTrigger-css.js';
 
 const DisclosureTrigger = forwardRef(

package/dist/esm/packages/react/src/downshift/usePortalPatch.js

@@ -1,8 +1,15 @@
 "use client";
 import { useState, useEffect } from 'react';
 
-function usePortalPatch(initialHighlightedIndex = -1) {
+function usePortalPatch(open, initialHighlightedIndex = -1) {
   const [placed, setPlaced] = useState(false);
+  useEffect(() => {
+    if (open) {
+      requestAnimationFrame(() => requestAnimationFrame(() => setPlaced(true)));
+    } else {
+      setPlaced(false);
+    }
+  }, [open, setPlaced]);
   const [highlightedIndex, setHighlightedIndex] = useState(
     initialHighlightedIndex
   );
@@ -22,8 +29,7 @@ function usePortalPatch(initialHighlightedIndex = -1) {
      */
     placed ? highlightedIndex : -1,
     setHighlightedIndex,
-    placed,
-    setPlaced
+    placed
   ];
 }
 

package/dist/esm/packages/react/src/dropdown-menu/DropdownMenu.js

@@ -3,22 +3,23 @@ import { jsx } from 'react/jsx-runtime';
 import * as RadixMenu from '@radix-ui/react-dropdown-menu';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { useState } from 'react';
-import { DropdownMenuProvider } from '../dropdown-menu-context/DropdownMenuContext.js';
-import { DropdownMenuNestedProvider } from '../dropdown-menu-nested-context/DropdownMenuNestedContext.js';
+import { DropdownMenuProvider } from './DropdownMenuContext.js';
+import { DropdownMenuNestedProvider } from './DropdownMenuNestedContext.js';
 
 function DropdownMenu({
   children,
-  defaultOpen,
+  defaultOpen = false,
   onOpenChange,
   open: openProp,
   ...props
 }) {
   const [open, setOpen] = useControllableState({
+    caller: "@optiaxiom/react/DropdownMenu",
     defaultProp: defaultOpen,
     onChange: onOpenChange,
     prop: openProp
   });
-  const [presence, setPresence] = useState();
+  const [presence, setPresence] = useState(false);
   return /* @__PURE__ */ jsx(RadixMenu.Root, { onOpenChange: setOpen, open: open || presence, ...props, children: /* @__PURE__ */ jsx(
     DropdownMenuProvider,
     {

package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuCheckboxItem.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import * as RadixMenu from '@radix-ui/react-dropdown-menu';
+import { forwardRef } from 'react';
+import '../listbox/Listbox.js';
+import '../listbox/ListboxCheckboxItem.js';
+import '../listbox/ListboxEmpty.js';
+import '../listbox/ListboxFooter.js';
+import '../listbox/ListboxGroup.js';
+import '../listbox/ListboxItem.js';
+import '../listbox/ListboxItemIndicator.js';
+import '../listbox/ListboxItemized.js';
+import '../listbox/ListboxLabel.js';
+import '../listbox/ListboxRadioItem.js';
+import '../listbox/ListboxSeparator.js';
+import { ListboxSwitchItem } from '../listbox/ListboxSwitchItem.js';
+import '../listbox/ListboxVirtualized.js';
+
+const DropdownMenuCheckboxItem = forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(RadixMenu.CheckboxItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(ListboxSwitchItem, { children }) });
+});
+DropdownMenuCheckboxItem.displayName = "@optiaxiom/react/DropdownMenuCheckboxItem";
+
+export { DropdownMenuCheckboxItem };

package/dist/esm/packages/react/src/{dropdown-menu-content → dropdown-menu}/DropdownMenuContent.js

@@ -5,10 +5,11 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { useDropdownMenuContext } from '../dropdown-menu-context/DropdownMenuContext.js';
-import { OverlayListbox } from '../overlay-listbox/OverlayListbox.js';
+import { ModalListbox } from '../modal/ModalListbox.js';
 import { Spinner } from '../spinner/Spinner.js';
-import { TransitionGroup } from '../transition-group/TransitionGroup.js';
+import '../transition/Transition.js';
+import { TransitionGroup } from '../transition/TransitionGroup.js';
+import { useDropdownMenuContext } from './DropdownMenuContext.js';
 
 const DropdownMenuContent = forwardRef(({ align = "start", children, loading, ...props }, ref) => {
   const { open, presence, setPresence } = useDropdownMenuContext(
@@ -21,7 +22,7 @@ const DropdownMenuContent = forwardRef(({ align = "start", children, loading, ..
       open,
       presence,
       children: /* @__PURE__ */ jsx(RadixMenu.Portal, { forceMount: true, children: /* @__PURE__ */ jsx(
-        OverlayListbox,
+        ModalListbox,
         {
           asChild: true,
           minW: loading ? "trigger" : void 0,

package/dist/esm/packages/react/src/{dropdown-menu-item → dropdown-menu}/DropdownMenuItem.js

@@ -2,8 +2,20 @@
 import { jsx } from 'react/jsx-runtime';
 import * as RadixMenu from '@radix-ui/react-dropdown-menu';
 import { forwardRef } from 'react';
-import { useDropdownMenuContext } from '../dropdown-menu-context/DropdownMenuContext.js';
-import { ListboxItem } from '../listbox-item/ListboxItem.js';
+import '../listbox/Listbox.js';
+import '../listbox/ListboxCheckboxItem.js';
+import '../listbox/ListboxEmpty.js';
+import '../listbox/ListboxFooter.js';
+import '../listbox/ListboxGroup.js';
+import { ListboxItem } from '../listbox/ListboxItem.js';
+import '../listbox/ListboxItemIndicator.js';
+import '../listbox/ListboxItemized.js';
+import '../listbox/ListboxLabel.js';
+import '../listbox/ListboxRadioItem.js';
+import '../listbox/ListboxSeparator.js';
+import '../listbox/ListboxSwitchItem.js';
+import '../listbox/ListboxVirtualized.js';
+import { useDropdownMenuContext } from './DropdownMenuContext.js';
 
 const DropdownMenuItem = forwardRef(({ asChild, children, onSelect, ...props }, ref) => {
   const { open } = useDropdownMenuContext("@optiaxiom/react/DropdownMenuItem");

package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuSeparator.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import * as RadixMenu from '@radix-ui/react-dropdown-menu';
+import { forwardRef } from 'react';
+import '../listbox/Listbox.js';
+import '../listbox/ListboxCheckboxItem.js';
+import '../listbox/ListboxEmpty.js';
+import '../listbox/ListboxFooter.js';
+import '../listbox/ListboxGroup.js';
+import '../listbox/ListboxItem.js';
+import '../listbox/ListboxItemIndicator.js';
+import '../listbox/ListboxItemized.js';
+import '../listbox/ListboxLabel.js';
+import '../listbox/ListboxRadioItem.js';
+import { ListboxSeparator } from '../listbox/ListboxSeparator.js';
+import '../listbox/ListboxSwitchItem.js';
+import '../listbox/ListboxVirtualized.js';
+
+const DropdownMenuSeparator = forwardRef((props, ref) => /* @__PURE__ */ jsx(ListboxSeparator, { asChild: true, ...props, children: /* @__PURE__ */ jsx(RadixMenu.Separator, { ref }) }));
+DropdownMenuSeparator.displayName = "@optiaxiom/react/DropdownMenuSeparator";
+
+export { DropdownMenuSeparator };

package/dist/esm/packages/react/src/{dropdown-menu-sub → dropdown-menu}/DropdownMenuSub.js

@@ -3,17 +3,18 @@ import { jsx } from 'react/jsx-runtime';
 import * as RadixMenu from '@radix-ui/react-dropdown-menu';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { useEffect, useState } from 'react';
-import { useDropdownMenuNestedContext, DropdownMenuNestedProvider } from '../dropdown-menu-nested-context/DropdownMenuNestedContext.js';
-import { DropdownMenuSubProvider } from '../dropdown-menu-sub-context/DropdownMenuSubContext.js';
+import { useDropdownMenuNestedContext, DropdownMenuNestedProvider } from './DropdownMenuNestedContext.js';
+import { DropdownMenuSubProvider } from './DropdownMenuSubContext.js';
 
 function DropdownMenuSub({
   children,
-  defaultOpen,
+  defaultOpen = false,
   onOpenChange,
   open: openProp,
   ...props
 }) {
   const [open, setOpen] = useControllableState({
+    caller: "@optiaxiom/react/DropdownMenuSub",
     defaultProp: defaultOpen,
     onChange: onOpenChange,
     prop: openProp
@@ -26,7 +27,7 @@ function DropdownMenuSub({
       setOpen(false);
     }
   }, [parentOpen, setOpen]);
-  const [presence, setPresence] = useState();
+  const [presence, setPresence] = useState(false);
   return /* @__PURE__ */ jsx(RadixMenu.Sub, { onOpenChange: setOpen, open: open || presence, ...props, children: /* @__PURE__ */ jsx(
     DropdownMenuSubProvider,
     {

package/dist/esm/packages/react/src/{dropdown-menu-sub-content → dropdown-menu}/DropdownMenuSubContent.js

@@ -2,16 +2,17 @@
 import { jsx } from 'react/jsx-runtime';
 import * as RadixMenu from '@radix-ui/react-dropdown-menu';
 import { forwardRef } from 'react';
-import { useDropdownMenuSubContext } from '../dropdown-menu-sub-context/DropdownMenuSubContext.js';
-import { OverlayListbox } from '../overlay-listbox/OverlayListbox.js';
-import { TransitionGroup } from '../transition-group/TransitionGroup.js';
+import { ModalListbox } from '../modal/ModalListbox.js';
+import '../transition/Transition.js';
+import { TransitionGroup } from '../transition/TransitionGroup.js';
+import { useDropdownMenuSubContext } from './DropdownMenuSubContext.js';
 
 const DropdownMenuSubContent = forwardRef(({ asChild, children, ...props }, ref) => {
   const { open, setPresence } = useDropdownMenuSubContext(
     "@optiaxiom/react/DropdownMenuSubContent"
   );
   return /* @__PURE__ */ jsx(TransitionGroup, { onPresenceChange: setPresence, open, children: /* @__PURE__ */ jsx(RadixMenu.Portal, { forceMount: true, children: /* @__PURE__ */ jsx(
-    OverlayListbox,
+    ModalListbox,
     {
       asChild: true,
       minW: "trigger",

package/dist/esm/packages/react/src/{dropdown-menu-sub-trigger → dropdown-menu}/DropdownMenuSubTrigger.js

@@ -3,7 +3,19 @@ import { jsx } from 'react/jsx-runtime';
 import * as RadixMenu from '@radix-ui/react-dropdown-menu';
 import { forwardRef } from 'react';
 import { IconAngleRight } from '../icons/IconAngleRight.js';
-import { ListboxItem } from '../listbox-item/ListboxItem.js';
+import '../listbox/Listbox.js';
+import '../listbox/ListboxCheckboxItem.js';
+import '../listbox/ListboxEmpty.js';
+import '../listbox/ListboxFooter.js';
+import '../listbox/ListboxGroup.js';
+import { ListboxItem } from '../listbox/ListboxItem.js';
+import '../listbox/ListboxItemIndicator.js';
+import '../listbox/ListboxItemized.js';
+import '../listbox/ListboxLabel.js';
+import '../listbox/ListboxRadioItem.js';
+import '../listbox/ListboxSeparator.js';
+import '../listbox/ListboxSwitchItem.js';
+import '../listbox/ListboxVirtualized.js';
 
 const DropdownMenuSubTrigger = forwardRef(({ children, ...props }, ref) => {
   return /* @__PURE__ */ jsx(ListboxItem, { addonAfter: /* @__PURE__ */ jsx(IconAngleRight, {}), asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(RadixMenu.SubTrigger, { children }) });

package/dist/esm/packages/react/src/ellipsis-menu-button/EllipsisMenuButton.js

@@ -2,6 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Button } from '../button/Button.js';
+import '../button/ButtonGroup.js';
 import { IconEllipsisSolid } from '../icons/IconEllipsisSolid.js';
 
 const EllipsisMenuButton = forwardRef(({ children, ...props }, ref) => {