@optiaxiom/react 1.3.0 → 1.3.2

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.0";
+var version = "1.3.2";
 
 export { version };

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

@@ -0,0 +1,8 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CCIVb4iD.css';
+import './../../../../assets/src/actions/ActionsContent.css.ts.vanilla-DMEwsrsa.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var content = recipeRuntime({base:[{display:'flex',justifyContent:'space-between'},'_18fl7wn'],variants:{visible:{false:'_1e6dvs1',true:'gtodt6'}}});
+
+export { content };

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

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

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/alert/Alert.css.ts.vanilla-Dx3l548k.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
+import './../../../../assets/src/alert/Alert.css.ts.vanilla-CbDefLQV.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'},'_1upyaxk']});
+var content = recipeRuntime({base:[{flex:'1',gap:'8'},'yvduc7']});
 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,9 +3,9 @@ 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,

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-CKOpez_X.css';
+import './../../../../assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-C-U9oIuR.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_1bqdq44'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1h5tg6f'],variants:{size:{sm:'_1e8vjqy',md:'mkk1qj',lg:'_1o8nd0e'}}});
+var nestedDialogCountVar = 'var(--aoecw4)';
+var root = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'kc9e66']});
+
+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-CKOpez_X.css';
+import './../../../../assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-BB19Fskg.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var footer = recipeRuntime({base:[{flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_1njbpyp']});
+
+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-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-9E2kDjKk.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BuhN_n9G.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-DnmPKsAO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CCIVb4iD.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-4T1-0l3f.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'},'sgtqgm'],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'},'vmxwmr'],xs:[{fontWeight:'400',size:'xs'},'nmhhxz'],sm:[{size:'sm'},'kgmol5'],md:[{size:'md'},'_102cxqj'],lg:[{size:'lg'},'_1eiyfrp'],xl:[{size:'xl'},'_16insu1'],'3xl':[{size:'3xl'},'_1hfgswz']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'fht1mb'],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'},'eh6yrq'],xs:[{fontWeight:'400',size:'xs'},'_5h2bbk'],sm:[{size:'sm'},'vfck66'],md:[{size:'md'},'_1y9yrhh'],lg:[{size:'lg'},'_1fur72f'],xl:[{size:'xl'},'n7qnzd'],'3xl':[{size:'3xl'},'_19pwqi0']}}});
 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

@@ -2,13 +2,13 @@
 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 { 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 { AvatarContext } from './AvatarContext.js';
 
 function getInitialsFromName(name) {
   const names = name.trim().split(" ");

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

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

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

@@ -1,10 +1,10 @@
 "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 { AvatarContext } from './AvatarContext.js';
 import { avatarGroup } from './AvatarGroup-css.js';
 
 const AvatarGroup = forwardRef(

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-9E2kDjKk.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-BeqTH3mM.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-DJRYzxKo.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'zi74oa']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1kgl6vp']});
 
 export { backdrop };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-DyqEtima.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-CCwl4jnG.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'},'_1hnnjs1'],variants:{intent:{danger:'_1tcrdze',information:'_1dige54',neutral:'_1bn3pvm',primary:'yambo9',success:'_416zu8',warning:'_1stkb6f'},variant:{strong:'ib8wjm',subtle:'_18qpf9a'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'tavnz9'],variants:{intent:{danger:'_1ywbg1e',information:'byaw3r',neutral:'wxkdab',primary:'_17t5eg7',success:'vqy1pr',warning:'_6bz77b'},variant:{strong:'irq2up',subtle:'w03say'}}});
 
 export { badge };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
-import './../../../../assets/src/banner/Banner.css.ts.vanilla-rRvp60j9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
+import './../../../../assets/src/banner/Banner.css.ts.vanilla-Wkjy8BkP.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'},'gqkdh6']});
+var content = recipeRuntime({base:[{flex:'1',gap:'8'},'ey9kj7']});
 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-9E2kDjKk.css';
-import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-zOSre7IM.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-CBWU659a.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
+import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-DOGkQqDO.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-DthSPGYm.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'_1yf4tql'});
+var box = recipeRuntime({base:'_9b91xg'});
 
 export { box };

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

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

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

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
+import './../../../../assets/src/breadcrumb/BreadcrumbLink.css.ts.vanilla-UyybgV83.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'ihb95q']});
+
+export { link };

package/dist/esm/packages/react/src/button/Button.js

@@ -2,16 +2,16 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 import { forwardRef, useEffect } from 'react';
-import { ButtonAddon } from '../button-addon/ButtonAddon.js';
-import { ButtonBase } from '../button-base/ButtonBase.js';
-import { useButtonContext } from '../button-context/ButtonContext.js';
-import { ButtonLabel } from '../button-label/ButtonLabel.js';
-import { ButtonLoadable } from '../button-loadable/ButtonLoadable.js';
 import { Icon } from '../icon/Icon.js';
 import '../utils/conditions.js';
 import { decorateChildren } from '../utils/decorateChildren.js';
 import { fallbackSpan } from '../utils/fallbackSpan.js';
 import '../utils/isHoverSupported.js';
+import { ButtonAddon } from './ButtonAddon.js';
+import { useButtonContext } from './ButtonContext.js';
+import { ButtonLabel } from './ButtonLabel.js';
+import { ButtonLoadable } from './ButtonLoadable.js';
+import { ButtonRoot } from './ButtonRoot.js';
 
 const Button = forwardRef(
   ({
@@ -56,7 +56,7 @@ const Button = forwardRef(
       }
     }, [isIconMissingAriaLabel]);
     return /* @__PURE__ */ jsx(
-      ButtonBase,
+      ButtonRoot,
       {
         asChild: true,
         justifyContent: square ? "center" : iconPosition === "end" ? "space-between" : "flex-start",

package/dist/esm/packages/react/src/{button-addon → button}/ButtonAddon.js

@@ -4,7 +4,7 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { ButtonLoadable } from '../button-loadable/ButtonLoadable.js';
+import { ButtonLoadable } from './ButtonLoadable.js';
 
 const ButtonAddon = forwardRef(
   ({ children, ...props }, ref) => {

package/dist/esm/packages/react/src/button/ButtonGroup-css.js

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

package/dist/esm/packages/react/src/{button-label → button}/ButtonLabel.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { ButtonLoadable } from '../button-loadable/ButtonLoadable.js';
 import { Flex } from '../flex/Flex.js';
+import { ButtonLoadable } from './ButtonLoadable.js';
 
 const ButtonLabel = forwardRef(
   ({ children, ...props }, ref) => {

package/dist/esm/packages/react/src/button/ButtonLoadable-css.js

@@ -0,0 +1,9 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CCIVb4iD.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-DOeVqQUF.css';
+import './../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-BTH4I9NZ.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var loadable = recipeRuntime({base:[{transition:'opacity'},'_1k1ls0q']});
+
+export { loadable };