@optiaxiom/react 1.3.0 → 1.3.2

package/dist/cjs/index.js

@@ -4,89 +4,90 @@
 var jsxRuntime = require('react/jsx-runtime');
 var reactId = require('@radix-ui/react-id');
 var React = require('react');
-var Skeleton = require('./Skeleton-D9kBwl_6.js');
-require('./assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css');
-require('./assets/src/alert/Alert.css.ts.vanilla-Dx3l548k.css');
+var Skeleton = require('./Skeleton-CWKtGR1f.js');
+require('./assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css');
+require('./assets/src/alert/Alert.css.ts.vanilla-CbDefLQV.css');
 var RadixAlertDialog = require('@radix-ui/react-alert-dialog');
 var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
 var reactContext = require('@radix-ui/react-context');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
 var dynamic = require('@vanilla-extract/dynamic');
-require('./assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-ByCjrIMH.css');
-require('./assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-B9xMbSMx.css');
+require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-C-U9oIuR.css');
+require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-BB19Fskg.css');
 var reactSlot = require('@radix-ui/react-slot');
 var RadixAvatar = require('@radix-ui/react-avatar');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-BuhN_n9G.css');
-require('./assets/src/avatar/Avatar.css.ts.vanilla-DnmPKsAO.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CCIVb4iD.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-4T1-0l3f.css');
 var globals = require('@optiaxiom/globals');
-var reactPortal = require('@radix-ui/react-portal');
 var RadixToast = require('@radix-ui/react-toast');
+require('./assets/src/toast/ToastProvider.css.ts.vanilla-CB47Jx1K.css');
+require('./assets/src/toast/Toast.css.ts.vanilla-DfZWj7FW.css');
+var reactPortal = require('@radix-ui/react-portal');
 var index_js = require('use-sync-external-store/shim/index.js');
-require('./assets/src/toast-provider/ToastProvider.css.ts.vanilla-kpdTOWop.css');
-require('./assets/src/toast/Toast.css.ts.vanilla-D-fgXyQL.css');
-var RadixTooltip = require('@radix-ui/react-tooltip');
-require('./assets/src/badge/Badge.css.ts.vanilla-DyqEtima.css');
-require('./assets/src/banner/Banner.css.ts.vanilla-rRvp60j9.css');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-BuhN_n9G.css');
-require('./assets/src/code/Code.css.ts.vanilla-gz4dgqef.css');
-require('./assets/src/dialog-body/DialogBody.css.ts.vanilla-DZdBKCaB.css');
-var RadixDialog = require('@radix-ui/react-dialog');
+require('./assets/src/badge/Badge.css.ts.vanilla-CCwl4jnG.css');
+require('./assets/src/banner/Banner.css.ts.vanilla-Wkjy8BkP.css');
+require('./assets/src/code/Code.css.ts.vanilla-BAmyfEkg.css');
 var RadixCollapsible = require('@radix-ui/react-collapsible');
-require('./assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-DiFktDjh.css');
-require('./assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-CfABJMa5.css');
+require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-RXUYM1EO.css');
+require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-BMuT6HGl.css');
 var RadixMenu = require('@radix-ui/react-dropdown-menu');
-require('./assets/src/actions-root/ActionsRoot.css.ts.vanilla-BuhN_n9G.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-BD9DPgTh.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-6E-nJX2J.css');
 var RadixLabel = require('@radix-ui/react-label');
 var RadixVisuallyHidden = require('@radix-ui/react-visually-hidden');
-require('./assets/src/indicator/Indicator.css.ts.vanilla-RHUT1F_l.css');
-require('./assets/src/kbd/Kbd.css.ts.vanilla-DQZ0Czao.css');
-require('./assets/src/nav/Nav.css.ts.vanilla-D0WNNLdw.css');
-require('./assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-Bif2yyXY.css');
-require('./assets/src/button-base/ButtonBase.css.ts.vanilla-Cs-zXoZj.css');
-require('./assets/src/nav-item/NavItem.css.ts.vanilla-zB0o2LeN.css');
+require('./assets/src/indicator/Indicator.css.ts.vanilla-DZW-6K8s.css');
+require('./assets/src/kbd/Kbd.css.ts.vanilla-DlcrXgra.css');
+require('./assets/src/nav/Nav.css.ts.vanilla-BtN9Qmmr.css');
+require('./assets/src/nav/NavAccountItem.css.ts.vanilla-DWjlPOgk.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CCIVb4iD.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-DOeVqQUF.css');
+require('./assets/src/nav/NavItem.css.ts.vanilla-Cg4gT5py.css');
 var ProgressPrimitive = require('@radix-ui/react-progress');
-require('./assets/src/progress/Progress.css.ts.vanilla-BFKb9lu8.css');
-require('./assets/src/radio/Radio.css.ts.vanilla-MkXQcu00.css');
-require('./assets/src/search-input/SearchInput.css.ts.vanilla-CvWIeABv.css');
+require('./assets/src/progress/Progress.css.ts.vanilla-Cl7TjgZv.css');
+require('./assets/src/avatar/AvatarGroup.css.ts.vanilla-CCIVb4iD.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-DpdhCvOY.css');
+require('./assets/src/radio/Radio.css.ts.vanilla-vWXZHGl_.css');
+require('./assets/src/search-input/SearchInput.css.ts.vanilla-C0bBEWDh.css');
 var RadixSegmentedControl = require('@radix-ui/react-toggle-group');
-require('./assets/src/sub-nav/SubNav.css.ts.vanilla-D14-vCH8.css');
+require('./assets/src/sub-nav/SubNav.css.ts.vanilla-mdlASkvt.css');
 var RadixTabs = require('@radix-ui/react-tabs');
-require('./assets/src/tabs/Tabs.css.ts.vanilla-Bbmpcxf3.css');
-require('./assets/src/tabs-list/TabsList.css.ts.vanilla-Dxan7uxA.css');
-require('./assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-DxisoHwO.css');
-require('./assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-vhg4GSql.css');
+require('./assets/src/tabs/Tabs.css.ts.vanilla-BOtGLSpW.css');
+require('./assets/src/tabs/TabsList.css.ts.vanilla-DxgD2QRg.css');
+require('./assets/src/tabs/TabsTrigger.css.ts.vanilla-D5DQO9O_.css');
+require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-nuNZ9IMi.css');
 var RadixToggle = require('@radix-ui/react-toggle');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-BeqTH3mM.css');
-require('./assets/src/dialog-content/DialogContent.css.ts.vanilla-Rq_MWFQh.css');
-require('./assets/src/dialog-header/DialogHeader.css.ts.vanilla-BKx5_XPN.css');
-require('@radix-ui/react-separator');
+require('@radix-ui/react-dialog');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-5RfsK_4j.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-DJRYzxKo.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-BGjpbuoM.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-ts_Azj3u.css');
 require('clsx');
-require('./assets/src/separator/Separator.css.ts.vanilla-Duu7HDfq.css');
-require('./assets/src/input-control/InputControl.css.ts.vanilla-Djmx4C5o.css');
-require('./assets/src/input-root/InputRoot.css.ts.vanilla-Cih6Anrm.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-QdHEU1mZ.css');
-require('./assets/src/link/Link.css.ts.vanilla-B3y4Cor7.css');
-require('./assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-YDkEAbGj.css');
-require('./assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-Lqy6ibue.css');
-require('./assets/src/listbox-checkbox-item/ListboxCheckboxItem.css.ts.vanilla-DOCfa7Zk.css');
-require('./assets/src/listbox-item/ListboxItem.css.ts.vanilla-T_bauynn.css');
-require('./assets/src/listbox-item-indicator/ListboxItemIndicator.css.ts.vanilla-BAisdqe5.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-DdSO1Ry0.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-B5esYIX6.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-C2LWvVnD.css');
+require('./assets/src/link/Link.css.ts.vanilla-Bz4ucIQV.css');
+require('@radix-ui/react-tooltip');
+require('./assets/src/pagination/Pagination.css.ts.vanilla-DWS6TkqO.css');
+require('@radix-ui/react-popover');
 require('@radix-ui/react-dismissable-layer');
 require('@radix-ui/react-focus-guards');
 require('react-remove-scroll');
-require('./assets/src/text/Text.css.ts.vanilla-FQ1NB0hD.css');
-require('./assets/src/pagination/Pagination.css.ts.vanilla-CrrHJq3H.css');
-require('@radix-ui/react-popover');
-require('./assets/src/overlay-listbox/OverlayListbox.css.ts.vanilla-chiiITqE.css');
-require('./assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-BmuWE4Qq.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-08euzODu.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-CvRF_XVl.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CXob7GP3.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-DxtE4aN4.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-Bii-DWGa.css');
+require('./assets/src/text/Text.css.ts.vanilla-BIXm982x.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-DAd1XZFa.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-BYOk9aay.css');
+require('@tanstack/react-virtual');
+require('@radix-ui/react-separator');
+require('./assets/src/separator/Separator.css.ts.vanilla-CFaaASm6.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-2VUUv8TE.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-CXAEMq21.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-BTH4I9NZ.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-iVhwSvsi.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-2Yan675X.css');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-zOSre7IM.css');
-require('./assets/src/box/Box.css.ts.vanilla-CBWU659a.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-Bzcsi9C4.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-DOGkQqDO.css');
+require('./assets/src/box/Box.css.ts.vanilla-DthSPGYm.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-5OrbeBw-.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -108,8 +109,6 @@ function _interopNamespaceDefault(e) {
 var RadixAlertDialog__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixAlertDialog);
 var RadixAvatar__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixAvatar);
 var RadixToast__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixToast);
-var RadixTooltip__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixTooltip);
-var RadixDialog__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixDialog);
 var RadixCollapsible__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixCollapsible);
 var RadixMenu__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixMenu);
 var RadixLabel__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixLabel);
@@ -179,7 +178,7 @@ const IconTriangleExclamationSolid = Skeleton.withIcon(
 );
 
 var alert = Skeleton.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$3 = Skeleton.recipeRuntime({base:[{flex:'1',gap:'8'},'_1upyaxk']});
+var content$3 = Skeleton.recipeRuntime({base:[{flex:'1',gap:'8'},'yvduc7']});
 var icon$4 = Skeleton.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'}}}});
 
 const mapIntentToIcon$2 = {
@@ -291,10 +290,10 @@ const AlertDialogCancel = React.forwardRef(({ appearance = "subtle", asChild, ch
 });
 AlertDialogCancel.displayName = "@optiaxiom/react/AlertDialogCancel";
 
-var backdrop = Skeleton.recipeRuntime({variants:{hidden:{false:{},true:'jy7scj'}}});
-var content$2 = Skeleton.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1xecwba'],variants:{size:{sm:'_1kllomf',md:'_1fr7pzo',lg:'_1r69aqe'}}});
-var nestedDialogCountVar = 'var(--_1pbhg2)';
-var root$3 = Skeleton.recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_1xownp3']});
+var backdrop = Skeleton.recipeRuntime({variants:{hidden:{false:{},true:'_1bqdq44'}}});
+var content$2 = Skeleton.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1h5tg6f'],variants:{size:{sm:'_1e8vjqy',md:'mkk1qj',lg:'_1o8nd0e'}}});
+var nestedDialogCountVar = 'var(--aoecw4)';
+var root$2 = Skeleton.recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'kc9e66']});
 
 const AlertDialogContent = React.forwardRef(({ children, size = "sm", style, ...props }, outerRef) => {
   const { nestedDialogCount, open, presence, setPresence } = useAlertDialogContext("@optiaxiom/react/AlertDialogContent");
@@ -315,7 +314,7 @@ const AlertDialogContent = React.forwardRef(({ children, size = "sm", style, ...
             children: /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Overlay, {})
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Flex, { ...root$3(), children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Flex, { ...root$2(), children: [
           /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { flex: "1", pointerEvents: "none" }),
           /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Transition, { "data-side": "bottom", type: "fade", children: /* @__PURE__ */ jsxRuntime.jsx(
             Skeleton.Paper,
@@ -341,10 +340,10 @@ const AlertDialogContent = React.forwardRef(({ children, size = "sm", style, ...
 });
 AlertDialogContent.displayName = "@optiaxiom/react/AlertDialogContent";
 
-var footer$1 = Skeleton.recipeRuntime({base:[{flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_1u9dw26']});
+var footer = Skeleton.recipeRuntime({base:[{flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_1njbpyp']});
 
 const AlertDialogFooter = React.forwardRef(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Flex, { ...footer$1({}, className), ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ButtonProvider, { size: "lg", children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Flex, { ...footer({}, className), ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ButtonProvider, { size: "lg", children }) });
 });
 AlertDialogFooter.displayName = "@optiaxiom/react/AlertDialogFooter";
 
@@ -361,10 +360,6 @@ const AlertDialogTrigger = React.forwardRef(({ asChild, children, ...props }, re
 });
 AlertDialogTrigger.displayName = "@optiaxiom/react/AlertDialogTrigger";
 
-const AvatarContext = React.createContext({
-  size: void 0
-});
-
 const IconUserSolid = Skeleton.withIcon(
   {
     name: "IconUserSolid",
@@ -395,10 +390,14 @@ const IconUsersSolid = Skeleton.withIcon(
   )
 );
 
-var avatar = Skeleton.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 = Skeleton.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 = Skeleton.recipeRuntime({base:{alignItems:'center',display:'flex',justifyContent:'center',rounded:'inherit',size:'full',textTransform:'uppercase'}});
 var icon$3 = Skeleton.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'}}}});
 
+const AvatarContext = React.createContext({
+  size: void 0
+});
+
 function getInitialsFromName(name) {
   const names = name.trim().split(" ");
   const firstName = names[0] ?? "";
@@ -438,7 +437,7 @@ const Avatar = React.forwardRef(
 );
 Avatar.displayName = "@optiaxiom/react/Avatar";
 
-var avatarGroup = Skeleton.recipeRuntime({base:['u2ln8q',{display:'flex'}]});
+var avatarGroup = Skeleton.recipeRuntime({base:['um8pwz',{display:'flex'}]});
 
 const AvatarGroup = React.forwardRef(
   ({ children, className, size = "md", ...props }, ref) => {
@@ -449,8 +448,8 @@ AvatarGroup.displayName = "@optiaxiom/react/AvatarGroup";
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._15ugsxe';
-var reset = 'optiaxiom._1wk6g49';
+var components = 'optiaxiom.kx557l';
+var reset = 'optiaxiom._14u7w9x';
 var theme = 'optiaxiom.theme';
 
 var layers_css = /*#__PURE__*/Object.freeze({
@@ -494,26 +493,9 @@ function ThemeProvider({
 }
 ThemeProvider.displayName = "@optiaxiom/react/ThemeProvider";
 
-const ToastAction = React.forwardRef(
-  ({ altText, appearance = "inverse", children, size = "sm", ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Separator, { alignSelf: "center", h: "sm", ml: "12", orientation: "vertical" }),
-      /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Button, { appearance, asChild: true, size, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Action, { altText, ref, children }) })
-    ] });
-  }
-);
-ToastAction.displayName = "@optiaxiom/react/ToastAction";
-
-const ToastTitle = React.forwardRef(
-  ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Text, { asChild: true, flex: "1", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Title, { ref, children }) });
-  }
-);
-ToastTitle.displayName = "@optiaxiom/react/ToastTitle";
-
-var icon$2 = Skeleton.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1olo56q']});
-var offsetVar = 'var(--_1fzbl62)';
-var root$2 = Skeleton.recipeRuntime({base:['_1oxm2fy',{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',fontSize:'md',gap:'8',maxW:'full',p:'12',pl:'16',rounded:'md',shadow:'md',w:['full','max']},'_15jt6xv'],variants:{intent:{danger:'_1k9zhuz',information:'_1sdfzoh',neutral:'_1459fqp',success:'tpp19n',warning:'_1msyawb'}}});
+var icon$2 = Skeleton.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_8m11j1']});
+var offsetVar = 'var(--_1nqe1b1)';
+var root$1 = Skeleton.recipeRuntime({base:['l1b79b',{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',fontSize:'md',gap:'8',maxW:'full',p:'12',pl:'16',rounded:'md',shadow:'md',w:['full','max']},'kmgp9e'],variants:{intent:{danger:'pws3a',information:'_1a0bnv9',neutral:'ddx5ob',success:'_1hty4rz',warning:'_1ljz1cm'}}});
 
 const mapIntentToIcon$1 = {
   danger: IconCircleExclamationSolid,
@@ -537,7 +519,7 @@ const Toast = React.forwardRef(
             [offsetVar]: `${context.offset}px`
           })
         },
-        ...root$2({ intent }, className),
+        ...root$1({ intent }, className),
         ...boxProps,
         children: /* @__PURE__ */ jsxRuntime.jsxs(
           RadixToast__namespace.Root,
@@ -571,8 +553,25 @@ const Toast = React.forwardRef(
 );
 Toast.displayName = "@optiaxiom/react/Toast";
 
+const ToastAction = React.forwardRef(
+  ({ altText, appearance = "inverse", children, size = "sm", ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Separator, { alignSelf: "center", h: "sm", ml: "12", orientation: "vertical" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Button, { appearance, asChild: true, size, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Action, { altText, ref, children }) })
+    ] });
+  }
+);
+ToastAction.displayName = "@optiaxiom/react/ToastAction";
+
 var gap = '16';
-var viewport = Skeleton.recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_14c5ul0'],variants:{position:{bottom:'_1kbd1j7','bottom-left':'_14fee9m','bottom-right':'egq6gi',top:'_1lk018y','top-left':'zkn2ej','top-right':'_1f0sk4z'}}});
+var viewport = Skeleton.recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'wg3b4b'],variants:{position:{bottom:'_1jjx6zf','bottom-left':'_4u35g8','bottom-right':'_5k6fqm',top:'_1twba3x','top-left':'aagi64','top-right':'j2ovbl'}}});
+
+const ToastTitle = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Text, { asChild: true, flex: "1", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Title, { ref, children }) });
+  }
+);
+ToastTitle.displayName = "@optiaxiom/react/ToastTitle";
 
 const useOverflowAnchor = (scrollingElementRef, scrollAnchor) => {
   const [mounted, setMounted] = React.useState(false);
@@ -686,20 +685,6 @@ const ToastProvider = React.forwardRef(
 );
 ToastProvider.displayName = "@optiaxiom/react/ToastProvider";
 
-function TooltipProvider({
-  disableHoverableContent = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    RadixTooltip__namespace.Provider,
-    {
-      disableHoverableContent,
-      ...props
-    }
-  );
-}
-TooltipProvider.displayName = "@optiaxiom/react/TooltipProvider";
-
 function AxiomProvider({
   children,
   toast,
@@ -709,14 +694,14 @@ function AxiomProvider({
   if (axiom) {
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(globals.AxiomVersionContext.Provider, { value: Skeleton.version, children: /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { ...tooltip, children: /* @__PURE__ */ jsxRuntime.jsxs(ThemeProvider, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(globals.AxiomVersionContext.Provider, { value: Skeleton.version, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.TooltipProvider, { ...tooltip, children: /* @__PURE__ */ jsxRuntime.jsxs(ThemeProvider, { children: [
     children,
     /* @__PURE__ */ jsxRuntime.jsx(ToastProvider, { ...toast })
   ] }) }) });
 }
 AxiomProvider.displayName = "@optiaxiom/react/AxiomProvider";
 
-var badge$1 = Skeleton.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$1 = Skeleton.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'}}});
 
 const Badge = React.forwardRef(
   ({
@@ -742,7 +727,7 @@ const Badge = React.forwardRef(
 Badge.displayName = "@optiaxiom/react/Badge";
 
 var banner = Skeleton.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$1 = Skeleton.recipeRuntime({base:[{flex:'1',gap:'8'},'gqkdh6']});
+var content$1 = Skeleton.recipeRuntime({base:[{flex:'1',gap:'8'},'ey9kj7']});
 var icon$1 = Skeleton.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'}}}});
 
 const mapIntentToIcon = {
@@ -785,27 +770,7 @@ const Banner = React.forwardRef(
 );
 Banner.displayName = "@optiaxiom/react/Banner";
 
-var buttonGroup = Skeleton.recipeRuntime({base:'_190zwsw'});
-
-const ButtonGroup = React.forwardRef(
-  ({ children, className, gap = "0", orientation = "horizontal", ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Skeleton.Flex,
-      {
-        "data-orientation": gap === "0" ? orientation : void 0,
-        flexDirection: orientation === "vertical" ? "column" : "row",
-        gap,
-        ref,
-        ...buttonGroup({}, className),
-        ...props,
-        children
-      }
-    );
-  }
-);
-ButtonGroup.displayName = "@optiaxiom/react/ButtonGroup";
-
-var code = Skeleton.recipeRuntime({base:[{fontWeight:'600'},'mfzupi']});
+var code = Skeleton.recipeRuntime({base:[{fontWeight:'600'},'u8umzj']});
 
 const Code = React.forwardRef(
   ({ asChild, children, className, ...props }, ref) => {
@@ -816,50 +781,6 @@ const Code = React.forwardRef(
 );
 Code.displayName = "@optiaxiom/react/Code";
 
-var body$1 = Skeleton.recipeRuntime({base:[{flex:'1',fontSize:'md',justifyContent:'flex-start',overflow:'auto',px:'24',py:'16'},'_199d0ev']});
-
-const DialogBody = React.forwardRef(
-  ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Flex, { ref, ...body$1({}, className), ...props, children });
-  }
-);
-DialogBody.displayName = "@optiaxiom/react/DialogBody";
-
-const DialogClose = React.forwardRef(
-  ({ appearance = "subtle", asChild, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Close, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Button, { appearance, children }) });
-  }
-);
-DialogClose.displayName = "@optiaxiom/react/DialogClose";
-
-var footer = Skeleton.recipeRuntime({base:[{borderColor:'border.secondary',borderT:'1',flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'}]});
-
-const DialogFooter = React.forwardRef(
-  ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Flex, { ref, ...footer({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ButtonProvider, { size: "lg", children }) });
-  }
-);
-DialogFooter.displayName = "@optiaxiom/react/DialogFooter";
-
-const DialogForm = React.forwardRef(
-  ({ children, className, ...props }, ref) => {
-    const { boxProps, restProps } = Skeleton.extractBoxProps(props);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Skeleton.Box,
-      {
-        asChild: true,
-        className,
-        display: "flex",
-        flexDirection: "column",
-        overflow: "auto",
-        ...boxProps,
-        children: /* @__PURE__ */ jsxRuntime.jsx("form", { ref, ...restProps, children })
-      }
-    );
-  }
-);
-DialogForm.displayName = "@optiaxiom/react/DialogForm";
-
 const [DisclosureProvider, useDisclosureContext] = reactContext.createContext("@optiaxiom/react/Disclosure");
 
 const Disclosure = React.forwardRef(
@@ -882,8 +803,8 @@ const Disclosure = React.forwardRef(
 );
 Disclosure.displayName = "@optiaxiom/react/Disclosure";
 
-var inner = Skeleton.recipeRuntime({base:['_1cn3ak']});
-var outer = Skeleton.recipeRuntime({base:[{display:'grid'},'rbjv56']});
+var inner = Skeleton.recipeRuntime({base:['t8ejbv']});
+var outer = Skeleton.recipeRuntime({base:[{display:'grid'},'mz3uzv']});
 
 const DisclosureContent = React.forwardRef(({ children, transitionType = "slide", ...props }, ref) => {
   const { open } = useDisclosureContext("@optiaxiom/react/DisclosureContent");
@@ -905,9 +826,9 @@ const DisclosureContent = React.forwardRef(({ children, transitionType = "slide"
 });
 DisclosureContent.displayName = "@optiaxiom/react/DisclosureContent";
 
-var icon = Skeleton.recipeRuntime({base:[{flex:'none',transition:'transform'}],variants:{chevronPosition:{end:'_11f9rog',start:'pv668v'}}});
-var root$1 = Skeleton.recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'kc4m0b']});
-var trigger$1 = Skeleton.recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'j8ln0t']});
+var icon = Skeleton.recipeRuntime({base:[{flex:'none',transition:'transform'}],variants:{chevronPosition:{end:'pkuyyo',start:'_19vso1k'}}});
+var root = Skeleton.recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'_86wc1b']});
+var trigger$1 = Skeleton.recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1qzvarv']});
 
 const DisclosureTrigger = React.forwardRef(
   ({
@@ -919,7 +840,7 @@ const DisclosureTrigger = React.forwardRef(
     ...props
   }, ref) => {
     useDisclosureContext("@optiaxiom/react/DisclosureTrigger");
-    return /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Flex, { ref, ...root$1({}, className), ...props, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Flex, { ref, ...root({}, className), ...props, children: [
       addonBefore,
       /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Flex, { asChild: true, ...trigger$1(), children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Cover, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(RadixCollapsible__namespace.Trigger, { children: [
         chevronPosition === "start" && /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, ...icon({ chevronPosition }), children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.IconAngleRight, {}) }),
@@ -962,68 +883,8 @@ function DropdownMenu({
 }
 DropdownMenu.displayName = "@optiaxiom/react/DropdownMenu";
 
-var control$1 = Skeleton.recipeRuntime({base:[{px:'12',py:'2',rounded:'full',transition:'colors'},'_9jplfx']});
-var input$1 = Skeleton.recipeRuntime({base:'_186qcx7'});
-var root = Skeleton.recipeRuntime({base:['ogi3dj','_1ok26sf']});
-var thumb = Skeleton.recipeRuntime({base:[{display:'block',rounded:'full',transition:'all'},'_1eu2fv0'],variants:{size:{md:'s9bcre',lg:'d2g5tl'}}});
-
-const Switch = React.forwardRef(
-  ({ children, className, description, size = "md", ...props }, ref) => {
-    const { boxProps, restProps } = Skeleton.extractBoxProps(props);
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      Skeleton.ToggleInput,
-      {
-        description: !!description,
-        ...root({}, className),
-        ...boxProps,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Skeleton.ToggleInputHiddenInput,
-            {
-              ref,
-              role: "switch",
-              ...input$1(),
-              ...restProps
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ToggleInputControl, { ...control$1(), children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { ...thumb({ size }) }) }),
-          (children || description) && /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.ToggleInputContent, { pt: size === "lg" ? "2" : "0", children: [
-            children && /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ToggleInputLabel, { children }),
-            description && /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ToggleInputDescription, { children: description })
-          ] })
-        ]
-      }
-    );
-  }
-);
-Switch.displayName = "@optiaxiom/react/Switch";
-
-const ListboxSwitchItem = React.forwardRef(({ addonBefore, icon, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Skeleton.ListboxItem,
-    {
-      addonBefore: /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Flex, { flexDirection: "row", gap: "8", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Switch,
-          {
-            checked: Boolean(
-              props[props["role"] === "option" ? "aria-selected" : "aria-checked"]
-            ),
-            pointerEvents: "none",
-            tabIndex: -1
-          }
-        ),
-        addonBefore ? addonBefore : icon ? /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Icon, { asChild: true, children: icon }) : null
-      ] }),
-      ref,
-      ...props
-    }
-  );
-});
-ListboxSwitchItem.displayName = "@optiaxiom/react/ListboxSwitchItem";
-
 const DropdownMenuCheckboxItem = React.forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.CheckboxItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ListboxSwitchItem, { children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.CheckboxItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ListboxSwitchItem, { children }) });
 });
 DropdownMenuCheckboxItem.displayName = "@optiaxiom/react/DropdownMenuCheckboxItem";
 
@@ -1038,7 +899,7 @@ const DropdownMenuContent = React.forwardRef(({ align = "start", children, loadi
       open,
       presence,
       children: /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.Portal, { forceMount: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-        Skeleton.OverlayListbox,
+        Skeleton.ModalListbox,
         {
           asChild: true,
           minW: loading ? "trigger" : void 0,
@@ -1145,7 +1006,7 @@ const DropdownMenuSubContent = React.forwardRef(({ asChild, children, ...props }
     "@optiaxiom/react/DropdownMenuSubContent"
   );
   return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.TransitionGroup, { onPresenceChange: setPresence, open, children: /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.Portal, { forceMount: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-    Skeleton.OverlayListbox,
+    Skeleton.ModalListbox,
     {
       asChild: true,
       minW: "trigger",
@@ -1205,6 +1066,22 @@ const EllipsisMenuButton = React.forwardRef(({ children, ...props }, ref) => {
 });
 EllipsisMenuButton.displayName = "@optiaxiom/react/EllipsisMenuButton";
 
+const IconTriangleExclamation = Skeleton.withIcon(
+  {
+    name: "IconTriangleExclamation",
+    viewBox: "0 0 20 16"
+  },
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      clipRule: "evenodd",
+      d: "M10 4.5685C10.2761 4.5685 10.5 4.79235 10.5 5.0685V9.7798C10.5 10.0559 10.2761 10.2798 10 10.2798C9.72386 10.2798 9.5 10.0559 9.5 9.7798V5.0685C9.5 4.79235 9.72386 4.5685 10 4.5685ZM9.5 12.0666C9.5 11.7905 9.72386 11.5666 10 11.5666H10.0077C10.2838 11.5666 10.5077 11.7905 10.5077 12.0666C10.5077 12.3427 10.2838 12.5666 10.0077 12.5666H10C9.72386 12.5666 9.5 12.3427 9.5 12.0666ZM3.07043 13.1814L9.54902 2.25762C9.59738 2.17777 9.66447 2.11288 9.74302 2.06821C9.82209 2.02325 9.91056 2 10 2C10.0894 2 10.1779 2.02325 10.257 2.06821C10.3355 2.11288 10.4026 2.17778 10.451 2.25763L16.9296 13.1814C16.9752 13.2634 16.9997 13.3565 17 13.4518C17.0003 13.5492 16.9753 13.6444 16.9282 13.7278C16.8811 13.8112 16.8139 13.8795 16.7343 13.9268C16.656 13.9733 16.5679 13.9983 16.4784 14H3.52155C3.4321 13.9983 3.34399 13.9733 3.26566 13.9268C3.18606 13.8795 3.1189 13.8112 3.07184 13.7278C3.02474 13.6444 2.99973 13.5492 3 13.4518C3.00027 13.3565 3.02476 13.2633 3.07043 13.1814ZM3.51456 15C3.24718 14.997 2.98523 14.9234 2.75477 14.7864C2.52431 14.6495 2.33337 14.4539 2.20095 14.2193C2.06854 13.9847 1.99926 13.7191 2.00001 13.449C2.00075 13.179 2.07151 12.9138 2.20522 12.6799L8.69066 1.74455C8.82716 1.51726 9.01936 1.32935 9.2487 1.19893C9.47805 1.06851 9.7368 1 10 1C10.2632 1 10.522 1.06851 10.7513 1.19893C10.9806 1.32935 11.1728 1.51726 11.3093 1.74455L17.7948 12.6799C17.9285 12.9138 17.9992 13.179 18 13.449C18.0007 13.7191 17.9315 13.9847 17.799 14.2193C17.6666 14.4539 17.4757 14.6495 17.2452 14.7864C17.0148 14.9234 16.7528 14.997 16.4854 15H3.51456Z",
+      fill: "currentColor",
+      fillRule: "evenodd"
+    }
+  )
+);
+
 const IconCircleQuestion = Skeleton.withIcon(
   {
     fill: "none",
@@ -1286,22 +1163,6 @@ const FieldLabel = React.forwardRef(
 );
 FieldLabel.displayName = "@optiaxiom/react/FieldLabel";
 
-const IconTriangleExclamation = Skeleton.withIcon(
-  {
-    name: "IconTriangleExclamation",
-    viewBox: "0 0 20 16"
-  },
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "path",
-    {
-      clipRule: "evenodd",
-      d: "M10 4.5685C10.2761 4.5685 10.5 4.79235 10.5 5.0685V9.7798C10.5 10.0559 10.2761 10.2798 10 10.2798C9.72386 10.2798 9.5 10.0559 9.5 9.7798V5.0685C9.5 4.79235 9.72386 4.5685 10 4.5685ZM9.5 12.0666C9.5 11.7905 9.72386 11.5666 10 11.5666H10.0077C10.2838 11.5666 10.5077 11.7905 10.5077 12.0666C10.5077 12.3427 10.2838 12.5666 10.0077 12.5666H10C9.72386 12.5666 9.5 12.3427 9.5 12.0666ZM3.07043 13.1814L9.54902 2.25762C9.59738 2.17777 9.66447 2.11288 9.74302 2.06821C9.82209 2.02325 9.91056 2 10 2C10.0894 2 10.1779 2.02325 10.257 2.06821C10.3355 2.11288 10.4026 2.17778 10.451 2.25763L16.9296 13.1814C16.9752 13.2634 16.9997 13.3565 17 13.4518C17.0003 13.5492 16.9753 13.6444 16.9282 13.7278C16.8811 13.8112 16.8139 13.8795 16.7343 13.9268C16.656 13.9733 16.5679 13.9983 16.4784 14H3.52155C3.4321 13.9983 3.34399 13.9733 3.26566 13.9268C3.18606 13.8795 3.1189 13.8112 3.07184 13.7278C3.02474 13.6444 2.99973 13.5492 3 13.4518C3.00027 13.3565 3.02476 13.2633 3.07043 13.1814ZM3.51456 15C3.24718 14.997 2.98523 14.9234 2.75477 14.7864C2.52431 14.6495 2.33337 14.4539 2.20095 14.2193C2.06854 13.9847 1.99926 13.7191 2.00001 13.449C2.00075 13.179 2.07151 12.9138 2.20522 12.6799L8.69066 1.74455C8.82716 1.51726 9.01936 1.32935 9.2487 1.19893C9.47805 1.06851 9.7368 1 10 1C10.2632 1 10.522 1.06851 10.7513 1.19893C10.9806 1.32935 11.1728 1.51726 11.3093 1.74455L17.7948 12.6799C17.9285 12.9138 17.9992 13.179 18 13.449C18.0007 13.7191 17.9315 13.9847 17.799 14.2193C17.6666 14.4539 17.4757 14.6495 17.2452 14.7864C17.0148 14.9234 16.7528 14.997 16.4854 15H3.51456Z",
-      fill: "currentColor",
-      fillRule: "evenodd"
-    }
-  )
-);
-
 const Field = React.forwardRef(
   ({
     children,
@@ -1318,55 +1179,65 @@ const Field = React.forwardRef(
     const descriptionId = reactId.useId();
     const errorId = reactId.useId();
     const labelId = reactId.useId(labelIdProp);
-    return /* @__PURE__ */ jsxRuntime.jsxs(Skeleton.Flex, { flexDirection: "column", gap: "4", ref, ...props, children: [
-      label && /* @__PURE__ */ jsxRuntime.jsx(
-        FieldLabel,
-        {
-          info,
-          inputId,
-          labelId,
-          required,
-          children: label
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Skeleton.FieldContext.Provider,
-        {
-          value: {
-            descriptionId: description ? descriptionId : void 0,
-            error: !!error,
-            errorId: error ? errorId : void 0,
-            inputId,
-            labelId: label ? labelId : void 0
-          },
-          children
-        }
-      ),
-      error && error !== true && /* @__PURE__ */ jsxRuntime.jsxs(
-        Skeleton.Flex,
-        {
-          alignItems: "start",
-          color: "fg.error",
-          flexDirection: "row",
-          fontSize: "sm",
-          gap: "4",
-          id: errorId,
-          role: "alert",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, flex: "none", mt: "2", children: /* @__PURE__ */ jsxRuntime.jsx(
-              IconTriangleExclamation,
-              {
-                "aria-label": "Error",
-                height: 12,
-                width: 14
-              }
-            ) }),
-            error
-          ]
-        }
-      ),
-      description && /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, color: "fg.tertiary", fontSize: "sm", id: descriptionId, children: Skeleton.fallbackSpan(description) })
-    ] });
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      Skeleton.Flex,
+      {
+        flexDirection: "column",
+        gap: "4",
+        justifyContent: "flex-start",
+        ref,
+        ...props,
+        children: [
+          label && /* @__PURE__ */ jsxRuntime.jsx(
+            FieldLabel,
+            {
+              info,
+              inputId,
+              labelId,
+              required,
+              children: label
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Skeleton.FieldContext.Provider,
+            {
+              value: {
+                descriptionId: description ? descriptionId : void 0,
+                error: !!error,
+                errorId: error ? errorId : void 0,
+                inputId,
+                labelId: label ? labelId : void 0
+              },
+              children
+            }
+          ),
+          error && error !== true && /* @__PURE__ */ jsxRuntime.jsxs(
+            Skeleton.Flex,
+            {
+              alignItems: "start",
+              color: "fg.error",
+              flexDirection: "row",
+              fontSize: "sm",
+              gap: "4",
+              id: errorId,
+              role: "alert",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, flex: "none", mt: "2", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  IconTriangleExclamation,
+                  {
+                    "aria-label": "Error",
+                    height: 12,
+                    width: 14
+                  }
+                ) }),
+                error
+              ]
+            }
+          ),
+          description && /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { asChild: true, color: "fg.tertiary", fontSize: "sm", id: descriptionId, children: Skeleton.fallbackSpan(description) })
+        ]
+      }
+    );
   }
 );
 Field.displayName = "@optiaxiom/react/Field";
@@ -1376,9 +1247,9 @@ const Grid = React.forwardRef((props, ref) => {
 });
 Grid.displayName = "@optiaxiom/react/Grid";
 
-var badge = Skeleton.recipeRuntime({base:'_1gopgst',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_10f5mc6']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1jfc1gp']}}});
-var floating = Skeleton.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_36peo'],variants:{offset:{false:'mw3h1o',true:{}},position:{'bottom-right':'h49rb7','top-right':'cx31pt'}}});
-var indicator$2 = Skeleton.recipeRuntime({base:[{display:'inline-flex'},'_513fhj']});
+var badge = Skeleton.recipeRuntime({base:'vecsgs',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_1tvztwb']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1t9amzf']}}});
+var floating = Skeleton.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_1hgoysr'],variants:{offset:{false:'_1mwhgag',true:{}},position:{'bottom-right':'_14gypmj','top-right':'_1k0u9lw'}}});
+var indicator$2 = Skeleton.recipeRuntime({base:[{display:'inline-flex'},'_1tqw7or']});
 
 const Indicator = React.forwardRef(
   ({
@@ -1424,8 +1295,8 @@ const Indicator = React.forwardRef(
 );
 Indicator.displayName = "@optiaxiom/react/Indicator";
 
-var kbd = Skeleton.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',display:'inline-flex',flexDirection:'row',px:'4',rounded:'sm',whiteSpace:'nowrap'},'_1jxhu22'],variants:{variant:{outline:{border:'1',borderB:'2',borderColor:'border.tertiary',fontWeight:'600',gap:'4'},subtle:{bg:'transparent',color:'fg.secondary',fontFamily:'sans',gap:'2',px:'0'}}}});
-var keys = Skeleton.recipeRuntime({base:'upthqw',variants:{variant:{outline:'_75ege7',subtle:{}}}});
+var kbd = Skeleton.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',display:'inline-flex',flexDirection:'row',px:'4',rounded:'sm',whiteSpace:'nowrap'},'_1lvhg9j'],variants:{variant:{outline:{border:'1',borderB:'2',borderColor:'border.tertiary',gap:'4'},subtle:{bg:'transparent',color:'fg.secondary',fontFamily:'sans',gap:'2',px:'0'}}}});
+var keys = Skeleton.recipeRuntime({base:'e6lpk8',variants:{variant:{outline:'_16mrv6m',subtle:{}}}});
 
 const mapKeyToCode = {
   command: "\u2318",
@@ -1452,37 +1323,9 @@ const Kbd = React.forwardRef(
 );
 Kbd.displayName = "@optiaxiom/react/Kbd";
 
-const ListboxFooter = React.forwardRef(
-  ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Skeleton.Flex,
-      {
-        borderColor: "border.secondary",
-        borderT: "1",
-        flexDirection: "row",
-        gap: "16",
-        justifyContent: "space-between",
-        p: "12",
-        ref,
-        ...props,
-        children
-      }
-    );
-  }
-);
-ListboxFooter.displayName = "@optiaxiom/react/ListboxFooter";
-
-const ListboxGroup = React.forwardRef(
-  ({ children, ...props }, ref) => {
-    const groupId = reactId.useId();
-    return /* @__PURE__ */ jsxRuntime.jsx(Skeleton.ListboxGroupProvider, { id: groupId, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Box, { "aria-labelledby": groupId, ref, role: "group", ...props, children }) });
-  }
-);
-ListboxGroup.displayName = "@optiaxiom/react/ListboxGroup";
-
 const [SidebarProvider, useSidebarContext] = reactContext.createContext("@optiaxiom/react/Sidebar");
 
-var nav$1 = Skeleton.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'izsqg1']});
+var nav$1 = Skeleton.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_1gft6oy']});
 
 const Nav = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -1503,7 +1346,7 @@ const Nav = React.forwardRef(
 );
 Nav.displayName = "@optiaxiom/react/Nav";
 
-var item$1 = Skeleton.recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_1mt1i5q',true:'_4ipbs5'}}});
+var item$1 = Skeleton.recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'ydedrw',true:'_1i5dzlg'}}});
 
 const NavAccountItem = React.forwardRef(({ name, organization, src, ...props }, ref) => {
   const { expanded } = useSidebarContext("@optiaxiom/react/NavAccountItem");
@@ -1653,8 +1496,8 @@ const NavHeader = React.forwardRef(
 );
 NavHeader.displayName = "@optiaxiom/react/NavHeader";
 
-var item = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_1xm8id']});
-var label = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_1ia9ynw'],variants:{expanded:{false:'r695ak',true:'_11nbii2'}}});
+var item = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_1crfi5l']});
+var label = Skeleton.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'sh886z'],variants:{expanded:{false:'_98s0c6',true:'_1cwkfou'}}});
 
 const NavItem = React.forwardRef(
   ({
@@ -1732,7 +1575,7 @@ const NavSeparator = React.forwardRef(
 NavSeparator.displayName = "@optiaxiom/react/NavSeparator";
 
 var indicator$1 = Skeleton.recipeRuntime({base:[{h:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
-var progress = Skeleton.recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_13xqgbu']});
+var progress = Skeleton.recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_1xdzovr']});
 
 const Progress = React.forwardRef(
   ({ className, intent = "primary", ...props }, ref) => {
@@ -1756,12 +1599,12 @@ const Progress = React.forwardRef(
 const DEFAULT_MAX = 100;
 Progress.displayName = "@optiaxiom/react/Progress";
 
-const [RadioGroupProvider, useRadioGroupContext] = reactContext.createContext("@optiaxiom/react/RadioGroup", null);
+var control = Skeleton.recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'eyhj7v'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = Skeleton.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'rdjyev']});
+var input = Skeleton.recipeRuntime({base:'_1n3ufsz'});
+var radio = Skeleton.recipeRuntime({base:'_1ubhc5'});
 
-var control = Skeleton.recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_1ybljh6'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = Skeleton.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'tfv6hy']});
-var input = Skeleton.recipeRuntime({base:'_13ab1u9'});
-var radio = Skeleton.recipeRuntime({base:'l3qc26'});
+const [RadioGroupProvider, useRadioGroupContext] = reactContext.createContext("@optiaxiom/react/RadioGroup", null);
 
 const Radio = React.forwardRef(
   ({
@@ -1873,8 +1716,8 @@ const RadioGroup = React.forwardRef(
 );
 RadioGroup.displayName = "@optiaxiom/react/RadioGroup";
 
-var clear = Skeleton.recipeRuntime({base:[{size:'sm'},'qaj927']});
-var search = Skeleton.recipeRuntime({base:'vf1p8a'});
+var clear = Skeleton.recipeRuntime({base:[{size:'sm'},'_2lgnpc']});
+var search = Skeleton.recipeRuntime({base:'_1hgkces'});
 
 const SearchInput = React.forwardRef(
   ({ addonBefore, className, onChange, onValueClear, ...props }, outerRef) => {
@@ -2005,7 +1848,7 @@ const SidebarToggle = React.forwardRef(
 );
 SidebarToggle.displayName = "@optiaxiom/react/SidebarToggle";
 
-var nav = Skeleton.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'_1rshcma']});
+var nav = Skeleton.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'_93380m']});
 
 const SubNav = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -2035,7 +1878,7 @@ const SubNav = React.forwardRef(
 );
 SubNav.displayName = "@optiaxiom/react/SubNav";
 
-var tabs = Skeleton.recipeRuntime({base:[{display:'flex'},'sdznhy']});
+var tabs = Skeleton.recipeRuntime({base:[{display:'flex'},'gip8h0']});
 
 const Tabs = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -2052,7 +1895,7 @@ const TabsContent = React.forwardRef(
 );
 TabsContent.displayName = "@optiaxiom/react/TabsContent";
 
-var list = Skeleton.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'ch21fw']});
+var list = Skeleton.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'k1hwt1']});
 
 const TabsList = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -2061,8 +1904,8 @@ const TabsList = React.forwardRef(
 );
 TabsList.displayName = "@optiaxiom/react/TabsList";
 
-var content = Skeleton.recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'_1d0yj1b']});
-var trigger = Skeleton.recipeRuntime({base:['p72y2g',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_11qzyvt']});
+var content = Skeleton.recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'_18imxzc']});
+var trigger = Skeleton.recipeRuntime({base:['_1lu3sq9',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_1sdutw7']});
 
 const TabsTrigger = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, value, ...props }, ref) => {
@@ -2076,9 +1919,9 @@ const TabsTrigger = React.forwardRef(
 );
 TabsTrigger.displayName = "@optiaxiom/react/TabsTrigger";
 
-var shadow = Skeleton.recipeRuntime({base:['_1j4hct','_1ss2qks']});
-var textarea = Skeleton.recipeRuntime({base:['_1j4hct','dawn9n']});
-var wrapper = Skeleton.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['jwtd7b','_4j4vpe'],'2':['jwtd7b','_1sl9bl3'],'3':['jwtd7b','_11qwgbx'],'4':['jwtd7b','_1xiyugm'],'5':['jwtd7b','_19uvxs8']},resize:{auto:{},none:{},vertical:'blf4p4'}}});
+var shadow = Skeleton.recipeRuntime({base:['slagkx','ovrq18']});
+var textarea = Skeleton.recipeRuntime({base:['slagkx','_1qdxgdl']});
+var wrapper = Skeleton.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['f8zc2n','x11v47'],'2':['f8zc2n','_1atpadi'],'3':['f8zc2n','_1b72fza'],'4':['f8zc2n','_16lowwi'],'5':['f8zc2n','_1wxqbig']},resize:{auto:{},none:{},vertical:'pfeplm'}}});
 
 const TextareaAutosize = React.forwardRef(
   ({
@@ -2157,9 +2000,14 @@ ToggleButton.displayName = "@optiaxiom/react/ToggleButton";
 exports.AngleMenuButton = Skeleton.AngleMenuButton;
 exports.Box = Skeleton.Box;
 exports.Button = Skeleton.Button;
+exports.ButtonGroup = Skeleton.ButtonGroup;
 exports.Checkbox = Skeleton.Checkbox;
 exports.Dialog = Skeleton.Dialog;
+exports.DialogBody = Skeleton.DialogBody;
+exports.DialogClose = Skeleton.DialogClose;
 exports.DialogContent = Skeleton.DialogContent;
+exports.DialogFooter = Skeleton.DialogFooter;
+exports.DialogForm = Skeleton.DialogForm;
 exports.DialogHeader = Skeleton.DialogHeader;
 exports.DialogTrigger = Skeleton.DialogTrigger;
 exports.Flex = Skeleton.Flex;
@@ -2172,11 +2020,16 @@ exports.Link = Skeleton.Link;
 exports.Listbox = Skeleton.Listbox;
 exports.ListboxCheckboxItem = Skeleton.ListboxCheckboxItem;
 exports.ListboxEmpty = Skeleton.ListboxEmpty;
+exports.ListboxFooter = Skeleton.ListboxFooter;
+exports.ListboxGroup = Skeleton.ListboxGroup;
 exports.ListboxItem = Skeleton.ListboxItem;
 exports.ListboxItemIndicator = Skeleton.ListboxItemIndicator;
+exports.ListboxItemized = Skeleton.ListboxItemized;
 exports.ListboxLabel = Skeleton.ListboxLabel;
 exports.ListboxRadioItem = Skeleton.ListboxRadioItem;
 exports.ListboxSeparator = Skeleton.ListboxSeparator;
+exports.ListboxSwitchItem = Skeleton.ListboxSwitchItem;
+exports.ListboxVirtualized = Skeleton.ListboxVirtualized;
 exports.ModalLayer = Skeleton.ModalLayer;
 exports.ModalProvider = Skeleton.ModalProvider;
 exports.Pagination = Skeleton.Pagination;
@@ -2188,9 +2041,11 @@ exports.PopoverTrigger = Skeleton.PopoverTrigger;
 exports.Separator = Skeleton.Separator;
 exports.Skeleton = Skeleton.Skeleton;
 exports.Spinner = Skeleton.Spinner;
+exports.Switch = Skeleton.Switch;
 exports.Text = Skeleton.Text;
 exports.Tooltip = Skeleton.Tooltip;
 exports.TooltipContent = Skeleton.TooltipContent;
+exports.TooltipProvider = Skeleton.TooltipProvider;
 exports.TooltipRoot = Skeleton.TooltipRoot;
 exports.TooltipTrigger = Skeleton.TooltipTrigger;
 exports.Transition = Skeleton.Transition;
@@ -2232,12 +2087,7 @@ exports.AvatarGroup = AvatarGroup;
 exports.AxiomProvider = AxiomProvider;
 exports.Badge = Badge;
 exports.Banner = Banner;
-exports.ButtonGroup = ButtonGroup;
 exports.Code = Code;
-exports.DialogBody = DialogBody;
-exports.DialogClose = DialogClose;
-exports.DialogFooter = DialogFooter;
-exports.DialogForm = DialogForm;
 exports.Disclosure = Disclosure;
 exports.DisclosureContent = DisclosureContent;
 exports.DisclosureTrigger = DisclosureTrigger;
@@ -2258,9 +2108,6 @@ exports.FieldLabel = FieldLabel;
 exports.Grid = Grid;
 exports.Indicator = Indicator;
 exports.Kbd = Kbd;
-exports.ListboxFooter = ListboxFooter;
-exports.ListboxGroup = ListboxGroup;
-exports.ListboxSwitchItem = ListboxSwitchItem;
 exports.Nav = Nav;
 exports.NavAccountItem = NavAccountItem;
 exports.NavBody = NavBody;
@@ -2281,7 +2128,6 @@ exports.SegmentedControlItem = SegmentedControlItem;
 exports.Sidebar = Sidebar;
 exports.SidebarToggle = SidebarToggle;
 exports.SubNav = SubNav;
-exports.Switch = Switch;
 exports.Tabs = Tabs;
 exports.TabsContent = TabsContent;
 exports.TabsList = TabsList;
@@ -2293,5 +2139,4 @@ exports.ToastAction = ToastAction;
 exports.ToastProvider = ToastProvider;
 exports.ToastTitle = ToastTitle;
 exports.ToggleButton = ToggleButton;
-exports.TooltipProvider = TooltipProvider;
 exports.layers = layers_css;