@optiaxiom/react 1.3.1 → 1.3.3

package/dist/esm/index.js

@@ -1,100 +1,102 @@
 export { Alert } from './packages/react/src/alert/Alert.js';
 export { AlertDialog } from './packages/react/src/alert-dialog/AlertDialog.js';
-export { AlertDialogAction } from './packages/react/src/alert-dialog-action/AlertDialogAction.js';
-export { AlertDialogBody } from './packages/react/src/alert-dialog-body/AlertDialogBody.js';
-export { AlertDialogCancel } from './packages/react/src/alert-dialog-cancel/AlertDialogCancel.js';
-export { AlertDialogContent } from './packages/react/src/alert-dialog-content/AlertDialogContent.js';
-export { AlertDialogFooter } from './packages/react/src/alert-dialog-footer/AlertDialogFooter.js';
-export { AlertDialogHeader } from './packages/react/src/alert-dialog-header/AlertDialogHeader.js';
-export { AlertDialogTrigger } from './packages/react/src/alert-dialog-trigger/AlertDialogTrigger.js';
+export { AlertDialogAction } from './packages/react/src/alert-dialog/AlertDialogAction.js';
+export { AlertDialogBody } from './packages/react/src/alert-dialog/AlertDialogBody.js';
+export { AlertDialogCancel } from './packages/react/src/alert-dialog/AlertDialogCancel.js';
+export { AlertDialogContent } from './packages/react/src/alert-dialog/AlertDialogContent.js';
+export { AlertDialogFooter } from './packages/react/src/alert-dialog/AlertDialogFooter.js';
+export { AlertDialogHeader } from './packages/react/src/alert-dialog/AlertDialogHeader.js';
+export { AlertDialogTrigger } from './packages/react/src/alert-dialog/AlertDialogTrigger.js';
 export { AngleMenuButton } from './packages/react/src/angle-menu-button/AngleMenuButton.js';
 export { Avatar } from './packages/react/src/avatar/Avatar.js';
-export { AvatarGroup } from './packages/react/src/avatar-group/AvatarGroup.js';
+export { AvatarGroup } from './packages/react/src/avatar/AvatarGroup.js';
 export { AxiomProvider } from './packages/react/src/axiom-provider/AxiomProvider.js';
 export { Badge } from './packages/react/src/badge/Badge.js';
 export { Banner } from './packages/react/src/banner/Banner.js';
 export { Box } from './packages/react/src/box/Box.js';
 export { extractBoxProps } from './packages/react/src/box/extractBoxProps.js';
 export { Button } from './packages/react/src/button/Button.js';
-export { ButtonGroup } from './packages/react/src/button-group/ButtonGroup.js';
+export { ButtonGroup } from './packages/react/src/button/ButtonGroup.js';
 export { Checkbox } from './packages/react/src/checkbox/Checkbox.js';
 export { Code } from './packages/react/src/code/Code.js';
 export { Dialog } from './packages/react/src/dialog/Dialog.js';
-export { DialogBody } from './packages/react/src/dialog-body/DialogBody.js';
-export { DialogClose } from './packages/react/src/dialog-close/DialogClose.js';
-export { DialogContent } from './packages/react/src/dialog-content/DialogContent.js';
-export { DialogFooter } from './packages/react/src/dialog-footer/DialogFooter.js';
-export { DialogForm } from './packages/react/src/dialog-form/DialogForm.js';
-export { DialogHeader } from './packages/react/src/dialog-header/DialogHeader.js';
-export { DialogTrigger } from './packages/react/src/dialog-trigger/DialogTrigger.js';
+export { DialogBody } from './packages/react/src/dialog/DialogBody.js';
+export { DialogClose } from './packages/react/src/dialog/DialogClose.js';
+export { DialogContent } from './packages/react/src/dialog/DialogContent.js';
+export { DialogFooter } from './packages/react/src/dialog/DialogFooter.js';
+export { DialogForm } from './packages/react/src/dialog/DialogForm.js';
+export { DialogHeader } from './packages/react/src/dialog/DialogHeader.js';
+export { DialogTrigger } from './packages/react/src/dialog/DialogTrigger.js';
 export { Disclosure } from './packages/react/src/disclosure/Disclosure.js';
-export { DisclosureContent } from './packages/react/src/disclosure-content/DisclosureContent.js';
-export { DisclosureTrigger } from './packages/react/src/disclosure-trigger/DisclosureTrigger.js';
+export { DisclosureContent } from './packages/react/src/disclosure/DisclosureContent.js';
+export { DisclosureTrigger } from './packages/react/src/disclosure/DisclosureTrigger.js';
 export { DropdownMenu } from './packages/react/src/dropdown-menu/DropdownMenu.js';
-export { DropdownMenuCheckboxItem } from './packages/react/src/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.js';
-export { DropdownMenuContent } from './packages/react/src/dropdown-menu-content/DropdownMenuContent.js';
-export { DropdownMenuGroup } from './packages/react/src/dropdown-menu-group/DropdownMenuGroup.js';
-export { DropdownMenuItem } from './packages/react/src/dropdown-menu-item/DropdownMenuItem.js';
-export { DropdownMenuLabel } from './packages/react/src/dropdown-menu-label/DropdownMenuLabel.js';
-export { DropdownMenuSeparator } from './packages/react/src/dropdown-menu-separator/DropdownMenuSeparator.js';
-export { DropdownMenuSub } from './packages/react/src/dropdown-menu-sub/DropdownMenuSub.js';
-export { DropdownMenuSubContent } from './packages/react/src/dropdown-menu-sub-content/DropdownMenuSubContent.js';
-export { DropdownMenuSubTrigger } from './packages/react/src/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.js';
-export { DropdownMenuTrigger } from './packages/react/src/dropdown-menu-trigger/DropdownMenuTrigger.js';
+export { DropdownMenuCheckboxItem } from './packages/react/src/dropdown-menu/DropdownMenuCheckboxItem.js';
+export { DropdownMenuContent } from './packages/react/src/dropdown-menu/DropdownMenuContent.js';
+export { DropdownMenuGroup } from './packages/react/src/dropdown-menu/DropdownMenuGroup.js';
+export { DropdownMenuItem } from './packages/react/src/dropdown-menu/DropdownMenuItem.js';
+export { DropdownMenuLabel } from './packages/react/src/dropdown-menu/DropdownMenuLabel.js';
+export { DropdownMenuSeparator } from './packages/react/src/dropdown-menu/DropdownMenuSeparator.js';
+export { DropdownMenuSub } from './packages/react/src/dropdown-menu/DropdownMenuSub.js';
+export { DropdownMenuSubContent } from './packages/react/src/dropdown-menu/DropdownMenuSubContent.js';
+export { DropdownMenuSubTrigger } from './packages/react/src/dropdown-menu/DropdownMenuSubTrigger.js';
+export { DropdownMenuTrigger } from './packages/react/src/dropdown-menu/DropdownMenuTrigger.js';
 export { EllipsisMenuButton } from './packages/react/src/ellipsis-menu-button/EllipsisMenuButton.js';
 export { Field } from './packages/react/src/field/Field.js';
-export { FieldLabel } from './packages/react/src/field-label/FieldLabel.js';
+export { FieldLabel } from './packages/react/src/field/FieldLabel.js';
 export { Flex } from './packages/react/src/flex/Flex.js';
 export { Grid } from './packages/react/src/grid/Grid.js';
 export { Heading } from './packages/react/src/heading/Heading.js';
 export { Indicator } from './packages/react/src/indicator/Indicator.js';
 export { Input } from './packages/react/src/input/Input.js';
-export { InputAddon } from './packages/react/src/input-addon/InputAddon.js';
-export { InputControl } from './packages/react/src/input-control/InputControl.js';
-export { InputRoot } from './packages/react/src/input-root/InputRoot.js';
+export { InputAddon } from './packages/react/src/input/InputAddon.js';
+export { InputControl } from './packages/react/src/input/InputControl.js';
+export { InputRoot } from './packages/react/src/input/InputRoot.js';
 export { Kbd } from './packages/react/src/kbd/Kbd.js';
 import * as layers_css from './packages/react/src/layers/layers-css.js';
 export { layers_css as layers };
 export { Link } from './packages/react/src/link/Link.js';
 export { Listbox } from './packages/react/src/listbox/Listbox.js';
-export { ListboxCheckboxItem } from './packages/react/src/listbox-checkbox-item/ListboxCheckboxItem.js';
-export { ListboxEmpty } from './packages/react/src/listbox-empty/ListboxEmpty.js';
-export { ListboxFooter } from './packages/react/src/listbox-footer/ListboxFooter.js';
-export { ListboxGroup } from './packages/react/src/listbox-group/ListboxGroup.js';
-export { ListboxItem } from './packages/react/src/listbox-item/ListboxItem.js';
-export { ListboxItemIndicator } from './packages/react/src/listbox-item-indicator/ListboxItemIndicator.js';
-export { ListboxLabel } from './packages/react/src/listbox-label/ListboxLabel.js';
-export { ListboxRadioItem } from './packages/react/src/listbox-radio-item/ListboxRadioItem.js';
-export { ListboxSeparator } from './packages/react/src/listbox-separator/ListboxSeparator.js';
-export { ListboxSwitchItem } from './packages/react/src/listbox-switch-item/ListboxSwitchItem.js';
-export { ModalProvider, useModalContext } from './packages/react/src/modal-context/ModalContext.js';
-export { ModalLayer } from './packages/react/src/modal-layer/ModalLayer.js';
+export { ListboxCheckboxItem } from './packages/react/src/listbox/ListboxCheckboxItem.js';
+export { ListboxEmpty } from './packages/react/src/listbox/ListboxEmpty.js';
+export { ListboxFooter } from './packages/react/src/listbox/ListboxFooter.js';
+export { ListboxGroup } from './packages/react/src/listbox/ListboxGroup.js';
+export { ListboxItem } from './packages/react/src/listbox/ListboxItem.js';
+export { ListboxItemIndicator } from './packages/react/src/listbox/ListboxItemIndicator.js';
+export { ListboxItemized } from './packages/react/src/listbox/ListboxItemized.js';
+export { ListboxLabel } from './packages/react/src/listbox/ListboxLabel.js';
+export { ListboxRadioItem } from './packages/react/src/listbox/ListboxRadioItem.js';
+export { ListboxSeparator } from './packages/react/src/listbox/ListboxSeparator.js';
+export { ListboxSwitchItem } from './packages/react/src/listbox/ListboxSwitchItem.js';
+export { ListboxVirtualized } from './packages/react/src/listbox/ListboxVirtualized.js';
+export { ModalProvider, useModalContext } from './packages/react/src/modal/ModalContext.js';
+export { ModalLayer } from './packages/react/src/modal/ModalLayer.js';
 export { Nav } from './packages/react/src/nav/Nav.js';
-export { NavAccountItem } from './packages/react/src/nav-account-item/NavAccountItem.js';
-export { NavBody } from './packages/react/src/nav-body/NavBody.js';
-export { NavFooter } from './packages/react/src/nav-footer/NavFooter.js';
-export { NavGroup } from './packages/react/src/nav-group/NavGroup.js';
-export { NavGroupContent } from './packages/react/src/nav-group-content/NavGroupContent.js';
-export { NavGroupTrigger } from './packages/react/src/nav-group-trigger/NavGroupTrigger.js';
-export { NavHeader } from './packages/react/src/nav-header/NavHeader.js';
-export { NavItem } from './packages/react/src/nav-item/NavItem.js';
-export { NavList } from './packages/react/src/nav-list/NavList.js';
-export { NavSeparator } from './packages/react/src/nav-separator/NavSeparator.js';
+export { NavAccountItem } from './packages/react/src/nav/NavAccountItem.js';
+export { NavBody } from './packages/react/src/nav/NavBody.js';
+export { NavFooter } from './packages/react/src/nav/NavFooter.js';
+export { NavGroup } from './packages/react/src/nav/NavGroup.js';
+export { NavGroupContent } from './packages/react/src/nav/NavGroupContent.js';
+export { NavGroupTrigger } from './packages/react/src/nav/NavGroupTrigger.js';
+export { NavHeader } from './packages/react/src/nav/NavHeader.js';
+export { NavItem } from './packages/react/src/nav/NavItem.js';
+export { NavList } from './packages/react/src/nav/NavList.js';
+export { NavSeparator } from './packages/react/src/nav/NavSeparator.js';
 export { Pagination } from './packages/react/src/pagination/Pagination.js';
 export { Paper } from './packages/react/src/paper/Paper.js';
 export { Popover } from './packages/react/src/popover/Popover.js';
-export { PopoverAnchor } from './packages/react/src/popover-anchor/PopoverAnchor.js';
-export { PopoverContent } from './packages/react/src/popover-content/PopoverContent.js';
-export { PopoverTrigger } from './packages/react/src/popover-trigger/PopoverTrigger.js';
+export { PopoverAnchor } from './packages/react/src/popover/PopoverAnchor.js';
+export { PopoverContent } from './packages/react/src/popover/PopoverContent.js';
+export { PopoverTrigger } from './packages/react/src/popover/PopoverTrigger.js';
 export { Progress } from './packages/react/src/progress/Progress.js';
 export { Radio } from './packages/react/src/radio/Radio.js';
-export { RadioGroup } from './packages/react/src/radio-group/RadioGroup.js';
+export { RadioGroup } from './packages/react/src/radio/RadioGroup.js';
 export { SearchInput } from './packages/react/src/search-input/SearchInput.js';
 export { SegmentedControl } from './packages/react/src/segmented-control/SegmentedControl.js';
-export { SegmentedControlItem } from './packages/react/src/segmented-control-item/SegmentedControlItem.js';
+export { SegmentedControlItem } from './packages/react/src/segmented-control/SegmentedControlItem.js';
 export { Separator } from './packages/react/src/separator/Separator.js';
 export { Sidebar } from './packages/react/src/sidebar/Sidebar.js';
-export { SidebarToggle } from './packages/react/src/sidebar-toggle/SidebarToggle.js';
+export { SidebarToggle } from './packages/react/src/sidebar/SidebarToggle.js';
 export { Skeleton } from './packages/react/src/skeleton/Skeleton.js';
 export { Spinner } from './packages/react/src/spinner/Spinner.js';
 export { mapResponsiveValue, sprinkles, vars } from './packages/react/src/sprinkles/sprinkles.js';
@@ -102,23 +104,23 @@ export { sprinklesMerge } from './packages/react/src/sprinkles/sprinklesMerge.js
 export { SubNav } from './packages/react/src/sub-nav/SubNav.js';
 export { Switch } from './packages/react/src/switch/Switch.js';
 export { Tabs } from './packages/react/src/tabs/Tabs.js';
-export { TabsContent } from './packages/react/src/tabs-content/TabsContent.js';
-export { TabsList } from './packages/react/src/tabs-list/TabsList.js';
-export { TabsTrigger } from './packages/react/src/tabs-trigger/TabsTrigger.js';
+export { TabsContent } from './packages/react/src/tabs/TabsContent.js';
+export { TabsList } from './packages/react/src/tabs/TabsList.js';
+export { TabsTrigger } from './packages/react/src/tabs/TabsTrigger.js';
 export { Text } from './packages/react/src/text/Text.js';
 export { Textarea } from './packages/react/src/textarea/Textarea.js';
 export { ThemeProvider } from './packages/react/src/theme-provider/ThemeProvider.js';
 export { Toast } from './packages/react/src/toast/Toast.js';
-export { ToastAction } from './packages/react/src/toast-action/ToastAction.js';
-export { ToastProvider } from './packages/react/src/toast-provider/ToastProvider.js';
-export { ToastTitle } from './packages/react/src/toast-title/ToastTitle.js';
+export { ToastAction } from './packages/react/src/toast/ToastAction.js';
+export { ToastProvider } from './packages/react/src/toast/ToastProvider.js';
+export { ToastTitle } from './packages/react/src/toast/ToastTitle.js';
 export { ToggleButton } from './packages/react/src/toggle-button/ToggleButton.js';
 export { Tooltip } from './packages/react/src/tooltip/Tooltip.js';
-export { TooltipContent } from './packages/react/src/tooltip-content/TooltipContent.js';
-export { TooltipProvider } from './packages/react/src/tooltip-provider/TooltipProvider.js';
-export { TooltipRoot } from './packages/react/src/tooltip-root/TooltipRoot.js';
-export { TooltipTrigger } from './packages/react/src/tooltip-trigger/TooltipTrigger.js';
+export { TooltipContent } from './packages/react/src/tooltip/TooltipContent.js';
+export { TooltipProvider } from './packages/react/src/tooltip/TooltipProvider.js';
+export { TooltipRoot } from './packages/react/src/tooltip/TooltipRoot.js';
+export { TooltipTrigger } from './packages/react/src/tooltip/TooltipTrigger.js';
 export { Transition } from './packages/react/src/transition/Transition.js';
 export { TransitionGlobalConfig } from './packages/react/src/transition/TransitionGlobalConfig.js';
-export { TransitionGroup } from './packages/react/src/transition-group/TransitionGroup.js';
+export { TransitionGroup } from './packages/react/src/transition/TransitionGroup.js';
 export { createToaster, theme, toaster, tokens } from '@optiaxiom/globals';

package/dist/esm/packages/react/package.json.js

@@ -1,3 +1,3 @@
-var version = "1.3.1";
+var version = "1.3.3";
 
 export { version };

package/dist/esm/packages/react/src/actions/ActionsContent-css.js

@@ -0,0 +1,8 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-DGq2XZIM.css';
+import './../../../../assets/src/actions/ActionsContent.css.ts.vanilla-CP7W567V.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var content = recipeRuntime({base:[{display:'flex',justifyContent:'space-between'},'_1ex3gvu'],variants:{visible:{false:'_19666jl',true:'xo58ij'}}});
+
+export { content };

package/dist/esm/packages/react/src/actions/ActionsRoot-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-DGq2XZIM.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var root = recipeRuntime({base:'mlg7yu'});
+
+export { root };

package/dist/esm/packages/react/src/alert/Alert-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
-import './../../../../assets/src/alert/Alert.css.ts.vanilla-DZDKo3qg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/alert/Alert.css.ts.vanilla-wzOt5g_C.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var alert = recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'8',justifyContent:'space-between',p:'12',pr:'16',rounded:'md'}],variants:{intent:{danger:{bg:'bg.error.subtle'},information:{bg:'bg.information.subtle'},neutral:{bg:'bg.secondary'},success:{bg:'bg.success.subtle'},warning:{bg:'bg.warning.subtle'}}}});
-var content = recipeRuntime({base:[{flex:'1',gap:'8'},'fro8l5']});
+var content = recipeRuntime({base:[{flex:'1',gap:'8'},'_18iqkbe']});
 var icon = recipeRuntime({base:[{mt:'4'}],variants:{intent:{danger:{color:'fg.error.strong'},information:{color:'fg.information.strong'},neutral:{color:'fg.tertiary'},success:{color:'fg.success.strong'},warning:{color:'fg.warning.strong'}}}});
 
 export { alert, content, icon };

package/dist/esm/packages/react/src/alert/Alert.js

@@ -3,6 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useId } from '@radix-ui/react-id';
 import { forwardRef, createElement } from 'react';
 import { Button } from '../button/Button.js';
+import '../button/ButtonGroup.js';
 import { Flex } from '../flex/Flex.js';
 import { Icon } from '../icon/Icon.js';
 import { IconCircleCheckSolid } from '../icons/IconCircleCheckSolid.js';

package/dist/esm/packages/react/src/alert-dialog/AlertDialog.js

@@ -3,23 +3,24 @@ import { jsx } from 'react/jsx-runtime';
 import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { useState } from 'react';
-import { AlertDialogProvider } from '../alert-dialog-context/AlertDialogContext.js';
 import { NestedDialogProvider } from '../nested-dialog-context/NestedDialogContext.js';
 import { useNestedDialogCount } from '../nested-dialog-context/useNestedDialogCount.js';
+import { AlertDialogProvider } from './AlertDialogContext.js';
 
 function AlertDialog({
   children,
-  defaultOpen,
+  defaultOpen = false,
   onOpenChange,
   open: openProp,
   ...props
 }) {
   const [open, setOpen] = useControllableState({
+    caller: "@optiaxiom/react/AlertDialog",
     defaultProp: defaultOpen,
     onChange: onOpenChange,
     prop: openProp
   });
-  const [presence, setPresence] = useState();
+  const [presence, setPresence] = useState(false);
   const [nestedDialogCount, setNestedDialogCount] = useNestedDialogCount(
     "AlertDialog",
     open

package/dist/esm/packages/react/src/{alert-dialog-action → alert-dialog}/AlertDialogAction.js

@@ -3,6 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
 import { forwardRef } from 'react';
 import { Button } from '../button/Button.js';
+import '../button/ButtonGroup.js';
 
 const AlertDialogAction = forwardRef(({ appearance = "danger", asChild, children, ...props }, ref) => {
   return /* @__PURE__ */ jsx(RadixAlertDialog.Action, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsx(Button, { appearance, children }) });

package/dist/esm/packages/react/src/{alert-dialog-cancel → alert-dialog}/AlertDialogCancel.js

@@ -3,6 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
 import { forwardRef } from 'react';
 import { Button } from '../button/Button.js';
+import '../button/ButtonGroup.js';
 
 const AlertDialogCancel = forwardRef(({ appearance = "subtle", asChild, children = "Cancel", ...props }, ref) => {
   return /* @__PURE__ */ jsx(RadixAlertDialog.Cancel, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsx(Button, { appearance, children }) });

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

@@ -0,0 +1,10 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BH-DGWkr.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'zv5r32'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'iy63fz'],variants:{size:{sm:'i50sx4',md:'_1vc6a0o',lg:'_58001e'}}});
+var nestedDialogCountVar = 'var(--z3tr69)';
+var root = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_1eu2nk4']});
+
+export { backdrop, content, nestedDialogCountVar, root };

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

@@ -4,17 +4,18 @@ import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { forwardRef, useRef } from 'react';
-import { useAlertDialogContext } from '../alert-dialog-context/AlertDialogContext.js';
 import { Backdrop } from '../backdrop/Backdrop.js';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { Flex } from '../flex/Flex.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 { backdrop, root, content, nestedDialogCountVar } from './AlertDialogContent-css.js';
+import { useAlertDialogContext } from './AlertDialogContext.js';
 
 const AlertDialogContent = forwardRef(({ children, size = "sm", style, ...props }, outerRef) => {
   const { nestedDialogCount, open, presence, setPresence } = useAlertDialogContext("@optiaxiom/react/AlertDialogContent");

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

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-DqJugEcO.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var footer = recipeRuntime({base:[{flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'zevcpk']});
+
+export { footer };

package/dist/esm/packages/react/src/{alert-dialog-footer → alert-dialog}/AlertDialogFooter.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 './AlertDialogFooter-css.js';
 

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

@@ -7,7 +7,6 @@ import { Heading } from '../heading/Heading.js';
 import { Icon } from '../icon/Icon.js';
 import { IconTriangleExclamationSolid } from '../icons/IconTriangleExclamationSolid.js';
 import '../utils/conditions.js';
-import '@radix-ui/react-slot';
 import { fallbackSpan } from '../utils/fallbackSpan.js';
 import '../utils/isHoverSupported.js';
 

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

@@ -3,6 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
 import { forwardRef } from 'react';
 import { Button } from '../button/Button.js';
+import '../button/ButtonGroup.js';
 
 const AlertDialogTrigger = forwardRef(({ asChild, children, ...props }, ref) => {
   return /* @__PURE__ */ jsx(RadixAlertDialog.Trigger, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsx(Button, { children }) });

package/dist/esm/packages/react/src/angle-menu-button/AngleMenuButton.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 { IconAngleDown } from '../icons/IconAngleDown.js';
 
 const AngleMenuButton = forwardRef(({ children, ...props }, ref) => {

package/dist/esm/packages/react/src/avatar/Avatar-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-CDv_HSCK.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-BxJPOe39.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-DGq2XZIM.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-C7OxSp25.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_19hpab1'],variants:{colorScheme:{neutral:{bg:'bg.avatar.neutral',color:'fg.avatar.neutral'},purple:{bg:'bg.avatar.purple',color:'fg.avatar.purple'}},size:{'2xs':[{fontWeight:'400',size:'2xs'},'_1sjih9t'],xs:[{fontWeight:'400',size:'xs'},'m28kux'],sm:[{size:'sm'},'errc5o'],md:[{size:'md'},'myq2zp'],lg:[{size:'lg'},'_1bvj6xb'],xl:[{size:'xl'},'wjzshx'],'3xl':[{size:'3xl'},'osmpfm']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_91b0sw'],variants:{colorScheme:{neutral:{bg:'bg.avatar.neutral',color:'fg.avatar.neutral'},purple:{bg:'bg.avatar.purple',color:'fg.avatar.purple'}},size:{'2xs':[{fontWeight:'400',size:'2xs'},'_1ygo9iz'],xs:[{fontWeight:'400',size:'xs'},'_1lslq1q'],sm:[{size:'sm'},'o606yv'],md:[{size:'md'},'_77eaw9'],lg:[{size:'lg'},'_1wwu4h'],xl:[{size:'xl'},'_1rblv9g'],'3xl':[{size:'3xl'},'_1dhkslo']}}});
 var fallback = recipeRuntime({base:{alignItems:'center',display:'flex',justifyContent:'center',rounded:'inherit',size:'full',textTransform:'uppercase'}});
 var icon = recipeRuntime({base:[{w:'auto'}],variants:{size:{'2xs':{h:'10'},xs:{h:'10'},sm:{h:'12'},md:{h:'12'},lg:{h:'2xs'},xl:{h:'2xs'},'3xl':{h:'sm'}}}});
 

package/dist/esm/packages/react/src/avatar/Avatar.js

@@ -1,14 +1,14 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as RadixAvatar from '@radix-ui/react-avatar';
-import { forwardRef, useContext } from 'react';
-import { AvatarContext } from '../avatar-context/AvatarContext.js';
+import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { IconUserSolid } from '../icons/IconUserSolid.js';
 import { IconUsersSolid } from '../icons/IconUsersSolid.js';
 import { avatar, fallback, icon } from './Avatar-css.js';
+import { useAvatarContext } from './AvatarContext.js';
 
 function getInitialsFromName(name) {
   const names = name.trim().split(" ");
@@ -31,7 +31,7 @@ const Avatar = forwardRef(
     src,
     ...props
   }, ref) => {
-    const context = useContext(AvatarContext);
+    const context = useAvatarContext("@optiaxiom/react/Avatar");
     const size = sizeProp || context?.size || "md";
     return /* @__PURE__ */ jsx(
       Box,

package/dist/esm/packages/react/src/avatar/AvatarContext.js

@@ -0,0 +1,6 @@
+"use client";
+import { createContext } from '@radix-ui/react-context';
+
+const [AvatarProvider, useAvatarContext] = createContext("@optiaxiom/react/Avatar", { size: void 0 });
+
+export { AvatarProvider, useAvatarContext };

package/dist/esm/packages/react/src/avatar/AvatarGroup-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-DGq2XZIM.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var avatarGroup = recipeRuntime({base:['_1a8xkwx',{display:'flex'}]});
+
+export { avatarGroup };

package/dist/esm/packages/react/src/{avatar-group → avatar}/AvatarGroup.js

@@ -1,15 +1,15 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { AvatarContext } from '../avatar-context/AvatarContext.js';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
+import { AvatarProvider } from './AvatarContext.js';
 import { avatarGroup } from './AvatarGroup-css.js';
 
 const AvatarGroup = forwardRef(
   ({ children, className, size = "md", ...props }, ref) => {
-    return /* @__PURE__ */ jsx(Box, { ref, ...avatarGroup({}, className), ...props, children: /* @__PURE__ */ jsx(AvatarContext.Provider, { value: { size }, children }) });
+    return /* @__PURE__ */ jsx(Box, { ref, ...avatarGroup({}, className), ...props, children: /* @__PURE__ */ jsx(AvatarProvider, { size, children }) });
   }
 );
 AvatarGroup.displayName = "@optiaxiom/react/AvatarGroup";

package/dist/esm/packages/react/src/axiom-provider/AxiomProvider.js

@@ -4,8 +4,15 @@ import { AxiomVersionContext } from '@optiaxiom/globals';
 import { useContext } from 'react';
 import { version } from '../../package.json.js';
 import { ThemeProvider } from '../theme-provider/ThemeProvider.js';
-import { ToastProvider } from '../toast-provider/ToastProvider.js';
-import { TooltipProvider } from '../tooltip-provider/TooltipProvider.js';
+import '../toast/Toast.js';
+import '../toast/ToastAction.js';
+import { ToastProvider } from '../toast/ToastProvider.js';
+import '../toast/ToastTitle.js';
+import '../tooltip/Tooltip.js';
+import '../tooltip/TooltipContent.js';
+import { TooltipProvider } from '../tooltip/TooltipProvider.js';
+import '../tooltip/TooltipRoot.js';
+import '../tooltip/TooltipTrigger.js';
 
 function AxiomProvider({
   children,

package/dist/esm/packages/react/src/backdrop/Backdrop-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-BROM2YGz.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-DbkaRi_T.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_4ne94s']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'vtp149']});
 
 export { backdrop };

package/dist/esm/packages/react/src/badge/Badge-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-B6cgVMTN.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-BAMIflY9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_1809jls'],variants:{intent:{danger:'_1dji7c',information:'_15nj52k',neutral:'_1m4las8',primary:'ndpdet',success:'_1bq0pw0',warning:'_2anae9'},variant:{strong:'_8j86vq',subtle:'a7e7c6'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_1l7atch'],variants:{intent:{danger:'_1214ht9',information:'_39ruks',neutral:'_10wj4iq',primary:'_14q8fxp',success:'v2a9ub',warning:'zf0ykk'},variant:{strong:'_1bxorob',subtle:'xlskwc'}}});
 
 export { badge };

package/dist/esm/packages/react/src/badge/Badge.js

@@ -1,10 +1,11 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
+import { createSlot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 import { Text } from '../text/Text.js';
 import { badge } from './Badge-css.js';
 
+const Slot = createSlot("@optiaxiom/react/Badge");
 const Badge = forwardRef(
   ({
     asChild,

package/dist/esm/packages/react/src/banner/Banner-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
-import './../../../../assets/src/banner/Banner.css.ts.vanilla-B3InWCye.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/banner/Banner.css.ts.vanilla-Dpj_ysIb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var banner = recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'12',justifyContent:'space-between',px:'24',py:'12'}],variants:{intent:{danger:{bg:'bg.error.light'},information:{bg:'bg.information.light'},neutral:{bg:'bg.tertiary'},success:{bg:'bg.success.light'},warning:{bg:'bg.warning.light'}}}});
-var content = recipeRuntime({base:[{flex:'1',gap:'8'},'_1bfghou']});
+var content = recipeRuntime({base:[{flex:'1',gap:'8'},'_1vmwy5x']});
 var icon = recipeRuntime({base:[{mt:'4'}],variants:{intent:{danger:{color:'fg.error.strong'},information:{color:'fg.information.strong'},neutral:{color:'fg.tertiary'},success:{color:'fg.success.strong'},warning:{color:'fg.warning.strong'}}}});
 
 export { banner, content, icon };

package/dist/esm/packages/react/src/banner/Banner.js

@@ -3,6 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useId } from '@radix-ui/react-id';
 import { forwardRef, createElement } from 'react';
 import { Button } from '../button/Button.js';
+import '../button/ButtonGroup.js';
 import { Flex } from '../flex/Flex.js';
 import { Icon } from '../icon/Icon.js';
 import { IconCircleCheckSolid } from '../icons/IconCircleCheckSolid.js';

package/dist/esm/packages/react/src/box/Box-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
-import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-acUo1A_8.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-Cfss3XgW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-CvhHm1x9.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-D05nRDry.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'g0w3l3'});
+var box = recipeRuntime({base:'_4b7f03'});
 
 export { box };

package/dist/esm/packages/react/src/box/Box.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import '@optiaxiom/globals/fonts';
-import { Slot } from '@radix-ui/react-slot';
+import { createSlot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 import { version } from '../../package.json.js';
 import { sprinkles } from '../sprinkles/sprinkles.js';
@@ -9,6 +9,7 @@ import { sprinklesMerge } from '../sprinkles/sprinklesMerge.js';
 import { box } from './Box-css.js';
 import { extractBoxProps } from './extractBoxProps.js';
 
+const Slot = createSlot("@optiaxiom/react/Box");
 const Box = forwardRef(
   ({ asChild, className, ...props }, ref) => {
     const Comp = asChild ? Slot : "div";

package/dist/esm/packages/react/src/breadcrumb/BreadcrumbItem-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/breadcrumb/BreadcrumbItem.css.ts.vanilla-BgkVXqPo.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_12j4ssn']});
+
+export { item };