@optiaxiom/react 1.3.0 → 1.3.2

package/dist/esm/packages/react/src/{data-table-body → data-table}/DataTableBody.js

@@ -5,16 +5,17 @@ import { flexRender } from '@tanstack/react-table';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { forwardRef, useRef } from 'react';
-import { useDataTableContext } from '../data-table-context/DataTableContext.js';
-import { DataTableHeaderCell } from '../data-table-header-cell/DataTableHeaderCell.js';
 import { Skeleton } from '../skeleton/Skeleton.js';
 import { Table } from '../table/Table.js';
-import { TableBody } from '../table-body/TableBody.js';
-import { TableCell } from '../table-cell/TableCell.js';
-import { TableHeader } from '../table-header/TableHeader.js';
-import { TableHeaderCell } from '../table-header-cell/TableHeaderCell.js';
-import { TableRow } from '../table-row/TableRow.js';
+import '../table/TableAction.js';
+import { TableBody } from '../table/TableBody.js';
+import { TableCell } from '../table/TableCell.js';
+import { TableHeader } from '../table/TableHeader.js';
+import { TableHeaderCell } from '../table/TableHeaderCell.js';
+import { TableRow } from '../table/TableRow.js';
 import { table, header, cell, cellSizeVar, cellOffsetVar, rightTotalSizeVar, leftTotalSizeVar } from './DataTableBody-css.js';
+import { useDataTableContext } from './DataTableContext.js';
+import { DataTableHeaderCell } from './DataTableHeaderCell.js';
 
 const COL_VIRTUALIZATION_THRESHOLD = 20;
 const ROW_VIRTUALIZATION_THRESHOLD = 20;

package/dist/esm/packages/react/src/data-table/DataTableFooter-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
+import './../../../../assets/src/data-table/DataTableFooter.css.ts.vanilla-B1osU08b.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var addon = recipeRuntime({base:'tafqnq',variants:{position:{end:{textAlign:'end'},start:{}}}});
+
+export { addon };

package/dist/esm/packages/react/src/{data-table-footer → data-table}/DataTableFooter.js

@@ -5,13 +5,13 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { useDataTableContext } from '../data-table-context/DataTableContext.js';
 import { Flex } from '../flex/Flex.js';
 import { Pagination } from '../pagination/Pagination.js';
 import { Select } from '../select/Select.js';
-import { SelectContent } from '../select-content/SelectContent.js';
-import { SelectTrigger } from '../select-trigger/SelectTrigger.js';
+import { SelectContent } from '../select/SelectContent.js';
+import { SelectTrigger } from '../select/SelectTrigger.js';
 import { Text } from '../text/Text.js';
+import { useDataTableContext } from './DataTableContext.js';
 import { addon } from './DataTableFooter-css.js';
 
 const DEFAULT_PAGE_SIZES = ["10", "20", "30", "50", "100"].map((size) => ({

package/dist/esm/packages/react/src/data-table/DataTableHeaderCell-css.js

@@ -0,0 +1,9 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
+import './../../../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-D8cocq7n.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'_1t6o3d2']});
+var handle = recipeRuntime({base:[{h:'full',z:'10'},'hakgr2'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'n5dxkl'],variants:{active:{false:'dpli0h',true:'_1lpfuv0'}}});
+
+export { button, handle, icon };

package/dist/esm/packages/react/src/{data-table-header-cell → data-table}/DataTableHeaderCell.js

@@ -2,15 +2,21 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import { forwardRef } from 'react';
-import { ActionsContent } from '../actions-content/ActionsContent.js';
-import { ActionsRoot } from '../actions-root/ActionsRoot.js';
+import { ActionsContent } from '../actions/ActionsContent.js';
+import { ActionsRoot } from '../actions/ActionsRoot.js';
 import { Cover } from '../cover/Cover.js';
 import { Icon } from '../icon/Icon.js';
 import { IconSort } from '../icons/IconSort.js';
 import { IconSortDown } from '../icons/IconSortDown.js';
 import { IconSortUp } from '../icons/IconSortUp.js';
 import { Separator } from '../separator/Separator.js';
-import { TableHeaderCell } from '../table-header-cell/TableHeaderCell.js';
+import '../table/Table.js';
+import '../table/TableAction.js';
+import '../table/TableBody.js';
+import '../table/TableCell.js';
+import '../table/TableHeader.js';
+import { TableHeaderCell } from '../table/TableHeaderCell.js';
+import '../table/TableRow.js';
 import { handle, button, icon } from './DataTableHeaderCell-css.js';
 
 const DataTableHeaderCell = forwardRef(({ children, header, ...props }, ref) => {

package/dist/esm/packages/react/src/date-input/DateInput-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-BCONQNF4.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
+import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-LFFY0EJf.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var picker = recipeRuntime({base:'_1wwhkc9'});
+var picker = recipeRuntime({base:'_1w47cw6'});
 
 export { picker };

package/dist/esm/packages/react/src/date-input/DateInput.js

@@ -4,20 +4,25 @@ import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { forwardRef, useState, useRef } from 'react';
 import { Button } from '../button/Button.js';
+import '../button/ButtonGroup.js';
 import { Calendar } from '../calendar/Calendar.js';
 import { Flex } from '../flex/Flex.js';
-import { IconCalendar } from '../icons/IconCalendar.js';
-import { Input } from '../input/Input.js';
-import { Popover } from '../popover/Popover.js';
-import { PopoverAnchor } from '../popover-anchor/PopoverAnchor.js';
-import { PopoverContent } from '../popover-content/PopoverContent.js';
-import { PopoverTrigger } from '../popover-trigger/PopoverTrigger.js';
-import { useObserveValue } from '../use-observe-value/useObserveValue.js';
+import '../field/FieldContext.js';
+import { useObserveValue } from '../hooks/useObserveValue.js';
 import '../utils/conditions.js';
 import '@radix-ui/react-slot';
 import '../utils/isHoverSupported.js';
 import { toPlainDate } from '../utils/toPlainDate.js';
 import { toPlainDateTime } from '../utils/toPlainDateTime.js';
+import { IconCalendar } from '../icons/IconCalendar.js';
+import { Input } from '../input/Input.js';
+import '../input/InputAddon.js';
+import '../input/InputControl.js';
+import '../input/InputRoot.js';
+import { Popover } from '../popover/Popover.js';
+import { PopoverAnchor } from '../popover/PopoverAnchor.js';
+import { PopoverContent } from '../popover/PopoverContent.js';
+import { PopoverTrigger } from '../popover/PopoverTrigger.js';
 import { picker } from './DateInput-css.js';
 import { toInstant } from './utils.js';
 
@@ -43,9 +48,9 @@ const DateInput = forwardRef(
       prop: props.value
     });
     const forceValueChange = useObserveValue(innerRef, setValue);
-    const instant = typeof value === "string" ? toInstant(value.includes("T") ? value : value + "T00:00") : void 0;
-    const maxDate = max ? new Date(max) : void 0;
-    const minDate = min ? new Date(min) : void 0;
+    const instant = typeof value === "string" ? toInstant(value) : void 0;
+    const maxDate = max ? toInstant(max) : void 0;
+    const minDate = min ? toInstant(min) : void 0;
     return /* @__PURE__ */ jsxs(Popover, { onOpenChange: setOpen, open: !disabled && open, children: [
       /* @__PURE__ */ jsx(PopoverAnchor, { children: /* @__PURE__ */ jsx(
         Input,
@@ -125,8 +130,8 @@ const DateInput = forwardRef(
                 weekend
               }
             ),
-            /* @__PURE__ */ jsxs(Flex, { flexDirection: "row", justifyContent: "space-between", children: [
-              /* @__PURE__ */ jsx(
+            (!props.required || type === "datetime-local") && /* @__PURE__ */ jsxs(Flex, { flexDirection: "row", justifyContent: "space-between", children: [
+              !props.required && /* @__PURE__ */ jsx(
                 Button,
                 {
                   onClick: () => {

package/dist/esm/packages/react/src/date-input/utils.js

@@ -1,5 +1,5 @@
 function toInstant(str) {
-  const rawDate = str && typeof str === "string" ? new Date(str) : void 0;
+  const rawDate = str && typeof str === "string" ? new Date(str.includes("T") ? str : str + "T00:00") : void 0;
   return isValidDate(rawDate) ? rawDate : void 0;
 }
 const isValidDate = (date) => date ? !isNaN(+date) : false;

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

@@ -1,8 +1,11 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { DatePickerProvider } from '../date-picker-context/DatePickerContext.js';
 import { Popover } from '../popover/Popover.js';
+import '../popover/PopoverAnchor.js';
+import '../popover/PopoverContent.js';
+import '../popover/PopoverTrigger.js';
+import { DatePickerProvider } from './DatePickerContext.js';
 
 function DatePicker({
   children,

package/dist/esm/packages/react/src/date-picker/DatePickerContent-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
+import './../../../../assets/src/date-picker/DatePickerContent.css.ts.vanilla-CKtK0qxc.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_13mezny']});
+
+export { panels };

package/dist/esm/packages/react/src/{date-picker-content → date-picker}/DatePickerContent.js

@@ -2,10 +2,13 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, useRef } from 'react';
 import { Calendar } from '../calendar/Calendar.js';
-import { useDatePickerContext } from '../date-picker-context/DatePickerContext.js';
 import { Flex } from '../flex/Flex.js';
-import { PopoverContent } from '../popover-content/PopoverContent.js';
+import '../popover/Popover.js';
+import '../popover/PopoverAnchor.js';
+import { PopoverContent } from '../popover/PopoverContent.js';
+import '../popover/PopoverTrigger.js';
 import { panels } from './DatePickerContent-css.js';
+import { useDatePickerContext } from './DatePickerContext.js';
 
 const DatePickerContent = forwardRef(
   ({

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

@@ -5,10 +5,16 @@ import { forwardRef, useRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { useDatePickerContext } from '../date-picker-context/DatePickerContext.js';
+import { useFieldLabelTrigger } from '../hooks/useFieldLabelTrigger.js';
+import '../utils/conditions.js';
+import '@radix-ui/react-slot';
+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 { useDatePickerContext } from './DatePickerContext.js';
 
 const dateFormatter = new Intl.DateTimeFormat(void 0, {
   day: "numeric",

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

@@ -1,8 +1,11 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { DateRangePickerProvider } from '../date-range-picker-context/DateRangePickerContext.js';
 import { Popover } from '../popover/Popover.js';
+import '../popover/PopoverAnchor.js';
+import '../popover/PopoverContent.js';
+import '../popover/PopoverTrigger.js';
+import { DateRangePickerProvider } from './DateRangePickerContext.js';
 
 function DateRangePicker({
   children,

package/dist/esm/packages/react/src/{date-range-picker-content → date-range-picker}/DateRangePickerContent-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'}]});

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

@@ -3,15 +3,18 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, useState, useEffect } from 'react';
 import { Calendar } from '../calendar/Calendar.js';
 import { toInstant } from '../date-input/utils.js';
-import { useDateRangePickerContext } from '../date-range-picker-context/DateRangePickerContext.js';
 import { Flex } from '../flex/Flex.js';
-import { PopoverContent } from '../popover-content/PopoverContent.js';
-import { usePopoverContext } from '../popover-context/PopoverContext.js';
+import '../popover/Popover.js';
+import '../popover/PopoverAnchor.js';
+import { PopoverContent } from '../popover/PopoverContent.js';
+import '../popover/PopoverTrigger.js';
+import { usePopoverContext } from '../popover/PopoverContext.js';
 import '../utils/conditions.js';
 import '@radix-ui/react-slot';
 import '../utils/isHoverSupported.js';
 import { toPlainDate } from '../utils/toPlainDate.js';
 import { panels } from './DateRangePickerContent-css.js';
+import { useDateRangePickerContext } from './DateRangePickerContext.js';
 
 const DateRangePickerContent = forwardRef(
   ({

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

@@ -5,10 +5,16 @@ 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 '@radix-ui/react-slot';
+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,9 +2,9 @@
 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,

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

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-5RfsK_4j.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'},'_1x46co2']});
+
+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-CKOpez_X.css';
+import './../../../../assets/src/dialog/DialogContent.css.ts.vanilla-BGjpbuoM.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_1ebmops'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_3jcjbh'],variants:{size:{sm:'_1hznwf7',md:'_17zaqdi',lg:'_1mw1z3u',fullscreen:'_1q9uqfi'}}});
+var nestedDialogCountVar = 'var(--g4z2kq)';
+
+export { backdrop, content, nestedDialogCountVar };

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

@@ -5,16 +5,17 @@ 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-9E2kDjKk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.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-CKOpez_X.css';
+import './../../../../assets/src/dialog/DialogHeader.css.ts.vanilla-ts_Azj3u.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'u93ftr']});
+var close = recipeRuntime({base:['_10rlagt']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'z5lvur']});
+var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_19l3mkt']});
+
+export { actions, close, description, title };

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

@@ -7,6 +7,7 @@ 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';

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,7 +6,7 @@ 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) => {

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

@@ -0,0 +1,8 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
+import './../../../../assets/src/disclosure/DisclosureContent.css.ts.vanilla-RXUYM1EO.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var inner = recipeRuntime({base:['t8ejbv']});
+var outer = recipeRuntime({base:[{display:'grid'},'mz3uzv']});
+
+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-9E2kDjKk.css';
-import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-CfABJMa5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
+import './../../../../assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-BMuT6HGl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{flex:'none',transition:'transform'}],variants:{chevronPosition:{end:'_11f9rog',start:'pv668v'}}});
-var root = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'kc4m0b']});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'j8ln0t']});
+var icon = recipeRuntime({base:[{flex:'none',transition:'transform'}],variants:{chevronPosition:{end:'pkuyyo',start:'_19vso1k'}}});
+var root = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'_86wc1b']});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1qzvarv']});
 
 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/dropdown-menu/DropdownMenu.js

@@ -3,8 +3,8 @@ 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,

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,8 +3,8 @@ 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,