@optiaxiom/react 1.7.3 → 1.7.4

package/dist/cjs/index.js

@@ -4,124 +4,124 @@
 var jsxRuntime = require('react/jsx-runtime');
 var reactId = require('@radix-ui/react-id');
 var React = require('react');
-var Calendar = require('./Calendar-DhaYaXf7.js');
+var Calendar = require('./Calendar-CaEcjhTx.js');
 var reactSlot = require('@radix-ui/react-slot');
-require('./assets/src/layers/layers.css.ts.vanilla-4w5YqnzZ.css');
-require('./assets/src/alert/Alert.css.ts.vanilla-DXjNGEz4.css');
+require('./assets/src/layers/layers.css.ts.vanilla-xPgi3Fsc.css');
+require('./assets/src/alert/Alert.css.ts.vanilla-BIKmCMN6.css');
 var RadixAvatar = require('@radix-ui/react-avatar');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BKTlmcXI.css');
-require('./assets/src/avatar/Avatar.css.ts.vanilla-C08-Oscc.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BST-3rtg.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-D3wlzf68.css');
 var reactContext = require('@radix-ui/react-context');
 var globals = require('@optiaxiom/globals');
 var dynamic = require('@vanilla-extract/dynamic');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
 var RadixToast = require('@radix-ui/react-toast');
-require('./assets/src/toast/ToastProvider.css.ts.vanilla-N-51-yRV.css');
-require('./assets/src/toast/Toast.css.ts.vanilla-DD53NUwU.css');
+require('./assets/src/toast/ToastProvider.css.ts.vanilla-DNgzxIpW.css');
+require('./assets/src/toast/Toast.css.ts.vanilla-EBdS4Ttl.css');
 var shim = require('use-sync-external-store/shim');
-require('./assets/src/badge/Badge.css.ts.vanilla-Cenu9ZF7.css');
-require('./assets/src/banner/Banner.css.ts.vanilla-C9dxOnBs.css');
-require('./assets/src/link/Link.css.ts.vanilla-BonPl7Rz.css');
-require('./assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-DBQvMSMV.css');
-require('./assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-CrxGmWFR.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-By738yo8.css');
-require('./assets/src/card/Card.css.ts.vanilla-lp0BOJRl.css');
+require('./assets/src/badge/Badge.css.ts.vanilla-DXvnioLg.css');
+require('./assets/src/banner/Banner.css.ts.vanilla-gg066Vyh.css');
+require('./assets/src/link/Link.css.ts.vanilla-Dgik8M8A.css');
+require('./assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-MmlewttK.css');
+require('./assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-BJMka3Bk.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-HR4EWXvK.css');
+require('./assets/src/card/Card.css.ts.vanilla-CRkt2b6E.css');
 var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
 var clsx = require('clsx');
-require('./assets/src/card/CardCheckbox.css.ts.vanilla-lMAR5LJG.css');
-require('./assets/src/card/CardHeader.css.ts.vanilla-B2__6n6W.css');
-require('./assets/src/card/CardPreview.css.ts.vanilla-CQUAyAiG.css');
-require('./assets/src/code/Code.css.ts.vanilla-BU800jZF.css');
+require('./assets/src/card/CardCheckbox.css.ts.vanilla-UPOjQFNM.css');
+require('./assets/src/card/CardHeader.css.ts.vanilla-CIBSdQd0.css');
+require('./assets/src/card/CardPreview.css.ts.vanilla-BE4jhe31.css');
+require('./assets/src/code/Code.css.ts.vanilla-C8xHbk91.css');
 var reactTable = require('@tanstack/react-table');
 var reactVirtual = require('@tanstack/react-virtual');
-require('./assets/src/table/TableRow.css.ts.vanilla-CIR7MDcp.css');
-require('./assets/src/data-table/DataTableBody.css.ts.vanilla-Q4Kb9olP.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-C3trKmFI.css');
+require('./assets/src/data-table/DataTableBody.css.ts.vanilla-BWrynyzB.css');
 var RadixVisuallyHidden = require('@radix-ui/react-visually-hidden');
-require('./assets/src/pagination/Pagination.css.ts.vanilla-BrjJrMgd.css');
-require('./assets/src/data-table/DataTableFooter.css.ts.vanilla-BpceZaSF.css');
-require('./assets/src/date-input/DateInput.css.ts.vanilla-BPLFrhs1.css');
+require('./assets/src/pagination/Pagination.css.ts.vanilla-B4GSekZg.css');
+require('./assets/src/data-table/DataTableFooter.css.ts.vanilla-CX0FLUPz.css');
+require('./assets/src/date-input/DateInput.css.ts.vanilla-7kmeOdzo.css');
 var RadixCollapsible = require('@radix-ui/react-collapsible');
-require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-IV8BeV86.css');
-require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-CqpF4rn8.css');
+require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-CxYBPD4k.css');
+require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-CIOPfxAV.css');
 var RadixMenu = require('@radix-ui/react-dropdown-menu');
 var RadixLabel = require('@radix-ui/react-label');
-require('./assets/src/indicator/Indicator.css.ts.vanilla-BSAkFOi5.css');
-require('./assets/src/kbd/Kbd.css.ts.vanilla-Cb6ePNaX.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BKTlmcXI.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-DQlDjWG2.css');
-require('./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-CdFZrN02.css');
-require('./assets/src/nav/Nav.css.ts.vanilla-BsziaB_N.css');
-require('./assets/src/nav/NavAccountItem.css.ts.vanilla-BdgfvcVT.css');
-require('./assets/src/nav/NavItem.css.ts.vanilla-DSo7etcw.css');
+require('./assets/src/indicator/Indicator.css.ts.vanilla-D8U7oo57.css');
+require('./assets/src/kbd/Kbd.css.ts.vanilla-DoNk5XCV.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BST-3rtg.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-CrHvhD5P.css');
+require('./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-C04rfi-0.css');
+require('./assets/src/nav/Nav.css.ts.vanilla-CFa25DNd.css');
+require('./assets/src/nav/NavAccountItem.css.ts.vanilla-V8UZ0CXL.css');
+require('./assets/src/nav/NavItem.css.ts.vanilla-BtAJllOP.css');
 var ProgressPrimitive = require('@radix-ui/react-progress');
-require('./assets/src/progress/Progress.css.ts.vanilla-BfiTDE8J.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BKTlmcXI.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-CiS1lFXq.css');
-require('./assets/src/radio/Radio.css.ts.vanilla-DpyDrZgE.css');
-require('./assets/src/search-input/SearchInput.css.ts.vanilla-Bth-OWXh.css');
+require('./assets/src/progress/Progress.css.ts.vanilla-rcLqz9pn.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BST-3rtg.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-CEXBVVf5.css');
+require('./assets/src/radio/Radio.css.ts.vanilla-DE4tywWQ.css');
+require('./assets/src/search-input/SearchInput.css.ts.vanilla-Bc-uqPTV.css');
 var RadixSegmentedControl = require('@radix-ui/react-toggle-group');
-require('./assets/src/sub-nav/SubNav.css.ts.vanilla-zOa1rfQZ.css');
+require('./assets/src/sub-nav/SubNav.css.ts.vanilla-DfMK5npx.css');
 var RadixTabs = require('@radix-ui/react-tabs');
-require('./assets/src/tabs/Tabs.css.ts.vanilla-BNCHpmBh.css');
-require('./assets/src/tabs/TabsList.css.ts.vanilla-D2GG82gw.css');
-require('./assets/src/tabs/TabsTrigger.css.ts.vanilla-C6HoSqMP.css');
-require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-BmWtttWi.css');
+require('./assets/src/tabs/Tabs.css.ts.vanilla-Cwf5AQbZ.css');
+require('./assets/src/tabs/TabsList.css.ts.vanilla-sW2Il7HH.css');
+require('./assets/src/tabs/TabsTrigger.css.ts.vanilla-5z5l6msp.css');
+require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-BzoO4Lso.css');
 var RadixToggle = require('@radix-ui/react-toggle');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-DZ4rDfbt.css');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-CzfReXv7.css');
 require('downshift');
-require('./assets/src/input/InputControl.css.ts.vanilla-CkIN332A.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-BNr0s1Tf.css');
-require('./assets/src/command/CommandItem.css.ts.vanilla-CaHHOpE-.css');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-VG-5WSQc.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-Bl90mP4F.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-CG1eBnQD.css');
+require('./assets/src/command/CommandItem.css.ts.vanilla-CvSkhhp1.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-C8YJvLA0.css');
 require('@radix-ui/react-dialog');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BKTlmcXI.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-DlXzDFNm.css');
-require('./assets/src/dialog/DialogContent.css.ts.vanilla-ovwc3wd1.css');
-require('./assets/src/dialog/DialogFooter.css.ts.vanilla-_343lVFT.css');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-VNpeH-iV.css');
-require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-CWbYyps4.css');
-require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-BaIBpQER.css');
-require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-C9uvyEht.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BST-3rtg.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-DTtOo-GO.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-T3TdyL-D.css');
+require('./assets/src/dialog/DialogFooter.css.ts.vanilla-Cq5DMLRX.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-BVFj1t7u.css');
+require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-ImPSpzkt.css');
+require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-DIndF94H.css');
+require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-0Uv9aIUW.css');
 require('@radix-ui/react-popover');
 require('@radix-ui/react-popper');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BKTlmcXI.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-BzLUlP8J.css');
-require('./assets/src/table/Table.css.ts.vanilla-1cmHMs2t.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-Cd6c7_Fl.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-BQ2Or2iu.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla-D1T7Wi5b.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-C_aGLkRa.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-CJ5pLVvU.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BST-3rtg.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-3LMDTIP8.css');
+require('./assets/src/table/Table.css.ts.vanilla-DJqU8vUw.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-CDHNihaH.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-uVEjpmd_.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-DVc_Ll9N.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-NQ7pjvrw.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-B0v4Hs1n.css');
 require('react-day-picker');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-4oUdLaM1.css');
-require('./assets/src/box/Box.css.ts.vanilla-Bb-jS95a.css');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-Ct2NcREw.css');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-ajgXk_9U.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-DH8hvDfy.css');
-require('./assets/src/text/Text.css.ts.vanilla-DBQGME0U.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-BmoEuMwD.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-DDn7VTpb.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-mZ33V-Qm.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-BLJlnTfM.css');
+require('./assets/src/box/Box.css.ts.vanilla-BxdYYM2I.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-a_UepTa9.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-B8-tCu4B.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-46Mh0d95.css');
+require('./assets/src/text/Text.css.ts.vanilla-Be8sJKd9.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-DFoJMwr3.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-Cx2OVfis.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-C9zIGREv.css');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-CAJzuqnc.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-Ci5gMLAE.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-DyDeQ9VQ.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-CWb8pBXG.css');
 require('@radix-ui/react-dismissable-layer');
 require('@radix-ui/react-focus-guards');
 require('@radix-ui/react-focus-scope');
 require('react-remove-scroll');
-require('./assets/src/transition/Transition.css.ts.vanilla-D4DKOggp.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-CUbUzZ_G.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-DZUzVrds.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-BQ3ViFzn.css');
 require('@radix-ui/react-portal');
 require('@radix-ui/react-tooltip');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-BP8Wy4Ok.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-8HsKqAOI.css');
-require('./assets/src/calendar/Calendar.css.ts.vanilla-Q6MkpCdN.css');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-CJ23Xmo-.css');
-require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-VCmetZ1I.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-aTwaMJYt.css');
-require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-WVvtdNLA.css');
-require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-CuO7jKIr.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-D2wnYy3E.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-FCqRj8oK.css');
+require('./assets/src/calendar/Calendar.css.ts.vanilla-BA3tHuu3.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-DytVQ9L6.css');
+require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-OamYzTNu.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-ByRzwG0l.css');
+require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-CGz5Bolm.css');
+require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-B-vLeIOZ.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -195,10 +195,10 @@ const IconCircleInfoSolid = Calendar.withIcon(
   )
 );
 
-const Slot$8 = reactSlot.createSlot("@optiaxiom/react/IconOpal");
+const Slot$9 = reactSlot.createSlot("@optiaxiom/react/IconOpal");
 const IconOpal = React.forwardRef(
   ({ asChild, ...props }, ref) => {
-    const Comp = asChild ? Slot$8 : "img";
+    const Comp = asChild ? Slot$9 : "img";
     return /* @__PURE__ */ jsxRuntime.jsx(
       Comp,
       {
@@ -228,7 +228,7 @@ const IconTriangleExclamationSolid = Calendar.withIcon(
 );
 
 var alert = Calendar.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'},opal:{backgroundImage:'gradient.opal'},success:{bg:'bg.success.subtle'},warning:{bg:'bg.warning.subtle'}}}});
-var content$4 = Calendar.recipeRuntime({base:[{flex:'1',gap:'8',justifyContent:'center'},'_18xvh15']});
+var content$4 = Calendar.recipeRuntime({base:[{flex:'1',gap:'8',justifyContent:'center'},'_1nfebgi']});
 var icon$5 = Calendar.recipeRuntime({base:[{mt:'4'}],variants:{intent:{danger:{color:'fg.error.strong'},information:{color:'fg.information.strong'},neutral:{color:'fg.tertiary'},opal:{h:'xs',mt:'2'},success:{color:'fg.success.strong'},warning:{color:'fg.warning.strong'}}}});
 
 const mapIntentToIcon$2 = {
@@ -391,7 +391,7 @@ const IconUsersSolid = Calendar.withIcon(
   )
 );
 
-var avatar = Calendar.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'mqj4za'],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'},'_1u8a681'],xs:[{fontWeight:'400',size:'xs'},'_142tpne'],sm:[{size:'sm'},'_1fseiid'],md:[{size:'md'},'_1frizu4'],lg:[{size:'lg'},'ncz5ar'],xl:[{size:'xl'},'_1k3opyk'],'3xl':[{size:'3xl'},'flc037']}}});
+var avatar = Calendar.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',flex:'none',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_11rzw05'],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'},'_1k1yx0v'],xs:[{fontWeight:'400',size:'xs'},'bz5s9e'],sm:[{size:'sm'},'_1du94m7'],md:[{size:'md'},'oe1txo'],lg:[{size:'lg'},'_1bfrjid'],xl:[{size:'xl'},'_174rudq'],'3xl':[{size:'3xl'},'_1m8lctf']}}});
 var fallback = Calendar.recipeRuntime({base:{alignItems:'center',display:'flex',justifyContent:'center',rounded:'inherit',size:'full',textTransform:'uppercase'}});
 var icon$4 = Calendar.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'}}}});
 
@@ -441,7 +441,7 @@ const Avatar = React.forwardRef(
 );
 Avatar.displayName = "@optiaxiom/react/Avatar";
 
-var avatarGroup = Calendar.recipeRuntime({base:['_1wr2l1c',{display:'flex'}]});
+var avatarGroup = Calendar.recipeRuntime({base:['_1r4acos',{display:'flex'}]});
 
 const AvatarGroup = React.forwardRef(
   ({ children, className, size = "md", ...props }, ref) => {
@@ -452,8 +452,8 @@ AvatarGroup.displayName = "@optiaxiom/react/AvatarGroup";
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._1z0k6kw';
-var reset = 'optiaxiom._2wfrh6';
+var components = 'optiaxiom.x1xxlo';
+var reset = 'optiaxiom._1moz9zu';
 var theme = 'optiaxiom.theme';
 
 var layers_css = /*#__PURE__*/Object.freeze({
@@ -503,9 +503,9 @@ function ThemeProvider({ children }) {
 }
 ThemeProvider.displayName = "@optiaxiom/react/ThemeProvider";
 
-var icon$3 = Calendar.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1220gv0']});
-var offsetVar = 'var(--_8c5bmx)';
-var root$1 = Calendar.recipeRuntime({base:['_1061sng',{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']},'_16exs1w'],variants:{intent:{danger:'_177uhq6',information:'_8r70kk',neutral:'_2umj4m',success:'_16249a5',warning:'uphrgu'}}});
+var icon$3 = Calendar.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_280f4v']});
+var offsetVar = 'var(--_1nfgbfx)';
+var root$1 = Calendar.recipeRuntime({base:['_1nzrlev',{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']},'_1p4qo2'],variants:{intent:{danger:'_12x605a',information:'hiwq88',neutral:'_1ey90xo',success:'u7uei7',warning:'k9zt35'}}});
 
 const mapIntentToIcon$1 = {
   danger: IconCircleExclamationSolid,
@@ -574,7 +574,7 @@ const ToastAction = React.forwardRef(
 ToastAction.displayName = "@optiaxiom/react/ToastAction";
 
 var gap = '16';
-var viewport = Calendar.recipeRuntime({base:[{gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'v3c39k'],variants:{position:{bottom:'_127z42o','bottom-left':'_1c81nu3','bottom-right':['right-scroll-bar-position','_1h07r86'],top:'_9zlfas','top-left':'idlj9o','top-right':['right-scroll-bar-position','_1yvsug1']}}});
+var viewport = Calendar.recipeRuntime({base:[{gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'b8qkpd'],variants:{position:{bottom:'_1yhpesk','bottom-left':'_9w91jk','bottom-right':['right-scroll-bar-position','_1bouaj5'],top:'vyw690','top-left':'_1busnvd','top-right':['right-scroll-bar-position','_1xr95ij']}}});
 
 const ToastTitle = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -707,9 +707,9 @@ function AxiomProvider({
 }
 AxiomProvider.displayName = "@optiaxiom/react/AxiomProvider";
 
-var badge$1 = Calendar.recipeRuntime({base:[{display:'inline-flex',flex:'none',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'a17tu7'],variants:{intent:{danger:'_1sqmilf',information:'_70heog',neutral:'_1v2asal',primary:'y6mrk6',success:'_113cwe7',warning:'_10dovnd'},variant:{strong:'_1v17plx',subtle:'_1n27q7'}}});
+var badge$1 = Calendar.recipeRuntime({base:[{display:'inline-flex',flex:'none',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_18afkty'],variants:{intent:{danger:'_1ea3pi',information:'_9bngo7',neutral:'e41mkz',primary:'_6d3srd',success:'ndsmjx',warning:'gyyrl2'},variant:{strong:'_1re1dv7',subtle:'e6ej7r'}}});
 
-const Slot$7 = reactSlot.createSlot("@optiaxiom/react/Badge");
+const Slot$8 = reactSlot.createSlot("@optiaxiom/react/Badge");
 const Badge = React.forwardRef(
   ({
     asChild,
@@ -719,7 +719,7 @@ const Badge = React.forwardRef(
     variant = "subtle",
     ...props
   }, ref) => {
-    const Comp = asChild ? Slot$7 : "span";
+    const Comp = asChild ? Slot$8 : "span";
     return /* @__PURE__ */ jsxRuntime.jsx(
       Calendar.Text,
       {
@@ -734,7 +734,7 @@ const Badge = React.forwardRef(
 Badge.displayName = "@optiaxiom/react/Badge";
 
 var banner = Calendar.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$3 = Calendar.recipeRuntime({base:[{flex:'1',gap:'8',justifyContent:'center'},'_1lri1ot']});
+var content$3 = Calendar.recipeRuntime({base:[{flex:'1',gap:'8',justifyContent:'center'},'sg58k4']});
 var icon$2 = Calendar.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 = {
@@ -792,10 +792,10 @@ const IconEllipsisSolid = Calendar.withIcon(
   )
 );
 
-var icon$1 = Calendar.recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1ck0jdf']});
-var link$1 = Calendar.recipeRuntime({base:['_187fvqr'],variants:{appearance:{'default':'_1vl6mnj',inverse:'_1ap4bqx',subtle:'_1k1zee6'}}});
+var icon$1 = Calendar.recipeRuntime({base:[{display:'inline-flex',ml:'4'},'vdhxrp']});
+var link$1 = Calendar.recipeRuntime({base:['rk2217'],variants:{appearance:{'default':'_32yaye',inverse:'_14bfi6o',subtle:'anb7sc'}}});
 
-const Slot$6 = reactSlot.createSlot("@optiaxiom/react/Link");
+const Slot$7 = reactSlot.createSlot("@optiaxiom/react/Link");
 const Link = React.forwardRef(
   ({
     appearance = "default",
@@ -807,7 +807,7 @@ const Link = React.forwardRef(
     external,
     ...props
   }, ref) => {
-    const Comp = asChild ? Slot$6 : "a";
+    const Comp = asChild ? Slot$7 : "a";
     const { boxProps, restProps } = Calendar.extractBoxProps(props);
     return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...link$1({ appearance }, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Cover, { asChild: true, disabled: !cover, inset: cover === "inset", children: /* @__PURE__ */ jsxRuntime.jsx(
       Comp,
@@ -831,10 +831,10 @@ const Link = React.forwardRef(
 );
 Link.displayName = "@optiaxiom/react/Link";
 
-var link = Calendar.recipeRuntime({base:'njc761'});
-var list$2 = Calendar.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'_1cx3svi']});
+var link = Calendar.recipeRuntime({base:'aqiz27'});
+var list$2 = Calendar.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'h70pob']});
 
-var item$2 = Calendar.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'_6w9cz4']});
+var item$2 = Calendar.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'_1lfxbas']});
 
 const BreadcrumbNode = React.forwardRef(
   ({ addonAfter, children, className, ...props }, ref) => {
@@ -898,7 +898,7 @@ const renderItems = (items, limit = items.length, renderItem) => {
   ];
 };
 
-var card = Calendar.recipeRuntime({base:['_1xy5g81',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',p:'16'},'_1k84hd1']});
+var card = Calendar.recipeRuntime({base:['_5va2my',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',p:'16'},'ixdsyk']});
 
 const [CardProvider, useCardContext] = reactContext.createContext("@optiaxiom/react/Card");
 
@@ -918,7 +918,7 @@ const CardAction = React.forwardRef(
 );
 CardAction.displayName = "@optiaxiom/react/CardAction";
 
-var checkbox = Calendar.recipeRuntime({base:['_1yv8uod']});
+var checkbox = Calendar.recipeRuntime({base:['_1u16cri']});
 
 const CardCheckbox = React.forwardRef(
   ({ className, onChange, ...props }, ref) => {
@@ -959,9 +959,9 @@ const CardFooter = React.forwardRef(
 );
 CardFooter.displayName = "@optiaxiom/react/CardFooter";
 
-var addon$1 = Calendar.recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'_1ri0f9o',before:'k09d78'}}});
-var content$2 = Calendar.recipeRuntime({base:[{flex:'1'},'aobr6p']});
-var header = Calendar.recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'_1s87ljd']});
+var addon$1 = Calendar.recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'_1rkce1a',before:'_1csteex'}}});
+var content$2 = Calendar.recipeRuntime({base:[{flex:'1'},'_11wkuoj']});
+var header = Calendar.recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'l2fdmk']});
 
 const CardHeader = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, description, ...props }, ref) => {
@@ -996,8 +996,8 @@ const CardLink = React.forwardRef(
 );
 CardLink.displayName = "@optiaxiom/react/CardLink";
 
-var overlay = Calendar.recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'kyboz4']});
-var preview = Calendar.recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'ktwvsj']});
+var overlay = Calendar.recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'_1cy01zw']});
+var preview = Calendar.recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_1h63ulo']});
 
 const CardPreview = React.forwardRef(
   ({
@@ -1064,12 +1064,12 @@ function cleanup() {
   globals.toaster.clear();
 }
 
-var code = Calendar.recipeRuntime({base:[{fontWeight:'600'},'_1t0teb4']});
+var code = Calendar.recipeRuntime({base:[{fontWeight:'600'},'o2duwq']});
 
-const Slot$5 = reactSlot.createSlot("@optiaxiom/react/Code");
+const Slot$6 = reactSlot.createSlot("@optiaxiom/react/Code");
 const Code = React.forwardRef(
   ({ asChild, children, className, ...props }, ref) => {
-    const Comp = asChild ? Slot$5 : "code";
+    const Comp = asChild ? Slot$6 : "code";
     const { boxProps, restProps } = Calendar.extractBoxProps(props);
     return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...code({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, ...restProps, children }) });
   }
@@ -1094,44 +1094,6 @@ const DataTable = React.forwardRef(
 );
 DataTable.displayName = "@optiaxiom/react/DataTable";
 
-const [DataTableRowProvider, useDataTableRowContext] = reactContext.createContext("@optiaxiom/react/DataTableRow", {
-  actions: [],
-  focusManaged: void 0,
-  highlightedIndex: -1,
-  labelId: void 0,
-  onActionMount: void 0,
-  row: void 0,
-  setHighlightedIndex: void 0,
-  setSelector: void 0
-});
-const fakeCellsFactory = (columns, rowIndex) => () => columns.map((column, columnIndex) => ({
-  column,
-  getContext: () => ({}),
-  id: column.id + "-" + ["1/2", "full", "3/4"][(rowIndex + columnIndex) % 3]
-}));
-const fakeRow = (table, rowIndex) => ({
-  getCanMultiSelect: () => false,
-  getCanSelect: () => false,
-  getCenterVisibleCells: fakeCellsFactory(
-    table.getCenterVisibleLeafColumns(),
-    rowIndex
-  ),
-  getIsSelected: () => false,
-  getLeftVisibleCells: fakeCellsFactory(
-    table.getLeftVisibleLeafColumns(),
-    rowIndex
-  ),
-  getRightVisibleCells: fakeCellsFactory(
-    table.getRightVisibleLeafColumns(),
-    rowIndex
-  ),
-  getToggleSelectedHandler: () => (_event) => {
-  },
-  id: "loading" + rowIndex,
-  toggleSelected: (_value) => {
-  }
-});
-
 const DataTableAction = React.forwardRef(
   ({ onKeyDown, onPointerDown, primary, visible, ...props }, outerRef) => {
     const {
@@ -1140,7 +1102,7 @@ const DataTableAction = React.forwardRef(
       highlightedIndex,
       onActionMount,
       setHighlightedIndex
-    } = useDataTableRowContext("@optiaxiom/react/DataTableAction");
+    } = Calendar.useDataTableRowContext("@optiaxiom/react/DataTableAction");
     const innerRef = React.useRef(null);
     const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
     React.useEffect(() => {
@@ -1191,12 +1153,12 @@ const DataTableAction = React.forwardRef(
 );
 DataTableAction.displayName = "@optiaxiom/react/DataTableAction";
 
-var cell = Calendar.recipeRuntime({base:[{alignItems:'start',display:'flex'},'_2pnh3'],variants:{pinned:{left:'i43pj1',right:'_9dzsmj'},pinnedType:{body:'_1wfvjqc',header:{}}}});
-var cellOffsetVar = 'var(--_1owgoph)';
-var cellSizeVar = 'var(--co4a0t)';
-var leftTotalSizeVar = 'var(--_1vutset)';
-var rightTotalSizeVar = 'var(--_1u2vt1w)';
-var totalSizeVar = 'var(--_1yzrmtj)';
+var cell = Calendar.recipeRuntime({base:[{alignItems:'start',display:'flex'},'z1f848'],variants:{pinned:{left:'_175s1bh',right:'ppdqna'},pinnedType:{body:'_1etsz6c',header:{}}}});
+var cellOffsetVar = 'var(--amyah7)';
+var cellSizeVar = 'var(--kh6qe)';
+var leftTotalSizeVar = 'var(--_1pweb3j)';
+var rightTotalSizeVar = 'var(--l20595)';
+var totalSizeVar = 'var(--_1f3xayq)';
 
 const DataTableRow = React.forwardRef(
   ({ children, index, row, ...props }, outerRef) => {
@@ -1309,7 +1271,7 @@ const DataTableRow = React.forwardRef(
         tabIndex: focusManaged ? (highlightedIndex === -1 || highlightedIndex === index) && subHighlightedIndex === -1 ? 0 : -1 : void 0,
         ...props,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          DataTableRowProvider,
+          Calendar.DataTableRowProvider,
           {
             actions: actions.map(({ ref: ref2 }) => ref2),
             focusManaged,
@@ -1349,7 +1311,18 @@ const DataTableBody = React.forwardRef(
     const innerRef = React.useRef(null);
     const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
     const { table } = useDataTableContext("@optiaxiom/react/DataTableBody");
-    const { rows } = table.getRowModel();
+    const { rows: rawRows } = table.getRowModel();
+    const rows = React.useMemo(() => {
+      let index = 0;
+      return rawRows.reduce((result, row) => {
+        result.push(row);
+        index++;
+        if (loading && typeof loading === "object" && loading[row.id] === "sub-rows") {
+          result.push(Calendar.fakeRow(table, index++), Calendar.fakeRow(table, index++));
+        }
+        return result;
+      }, []);
+    }, [loading, rawRows, table]);
     const centerColumns = table.getCenterVisibleLeafColumns();
     const columnVirtualizer = reactVirtual.useVirtualizer({
       count: centerColumns.length,
@@ -1405,8 +1378,8 @@ const DataTableBody = React.forwardRef(
             {
               display: "grid",
               style: rowVirtualizer.options.enabled ? { height: `${rowVirtualizer.getTotalSize()}px` } : void 0,
-              children: (loading ? Array.from({ length: 10 }, (_, rowIndex) => ({
-                row: fakeRow(table, rowIndex),
+              children: (loading === true ? Array.from({ length: 10 }, (_, rowIndex) => ({
+                row: Calendar.fakeRow(table, rowIndex),
                 virtualRow: void 0
               })) : rowVirtualizer.options.enabled ? rowVirtualizer.getVirtualItems().map((virtualRow) => ({
                 row: rows[virtualRow.index],
@@ -1439,7 +1412,7 @@ const DataTableBody = React.forwardRef(
                           pinned: "left",
                           pinnedType: "body"
                         }),
-                        children: loading ? /* @__PURE__ */ jsxRuntime.jsx(Calendar.Skeleton, { w: fakeCellWidth(cell$1.id) }) : reactTable.flexRender(cell$1.column.columnDef.cell, cell$1.getContext())
+                        children: reactTable.flexRender(cell$1.column.columnDef.cell, cell$1.getContext())
                       },
                       cell$1.id
                     )),
@@ -1456,7 +1429,7 @@ const DataTableBody = React.forwardRef(
                           })
                         },
                         ...cell(),
-                        children: loading ? /* @__PURE__ */ jsxRuntime.jsx(Calendar.Skeleton, { w: fakeCellWidth(cell$1.id) }) : reactTable.flexRender(cell$1.column.columnDef.cell, cell$1.getContext())
+                        children: reactTable.flexRender(cell$1.column.columnDef.cell, cell$1.getContext())
                       },
                       cell$1.id
                     )),
@@ -1474,7 +1447,7 @@ const DataTableBody = React.forwardRef(
                           pinned: "right",
                           pinnedType: "body"
                         }),
-                        children: loading ? /* @__PURE__ */ jsxRuntime.jsx(Calendar.Skeleton, { w: fakeCellWidth(cell$1.id) }) : reactTable.flexRender(cell$1.column.columnDef.cell, cell$1.getContext())
+                        children: reactTable.flexRender(cell$1.column.columnDef.cell, cell$1.getContext())
                       },
                       cell$1.id
                     ))
@@ -1490,11 +1463,10 @@ const DataTableBody = React.forwardRef(
   }
 );
 DataTableBody.displayName = "@optiaxiom/react/DataTableBody";
-const fakeCellWidth = (id) => id.split("-")[1];
 
 const DataTableCheckbox = React.forwardRef(({ children, disabled, visible, ...props }, outerRef) => {
   const { table } = useDataTableContext("@optiaxiom/react/DataTableCheckbox");
-  const { labelId, row, setSelector } = useDataTableRowContext(
+  const { labelId, row, setSelector } = Calendar.useDataTableRowContext(
     "@optiaxiom/react/DataTableCheckbox"
   );
   const labelPrefixId = reactId.useId();
@@ -1573,9 +1545,9 @@ const IconEllipsis = Calendar.withIcon(
   ] })
 );
 
-var button$1 = Calendar.recipeRuntime({base:[{justifyContent:'center'},'_3kggm1']});
-var cursor = Calendar.recipeRuntime({base:[{justifyContent:'center',z:'10'},'ia5nph'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list$1 = Calendar.recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_15vokn1']});
+var button$1 = Calendar.recipeRuntime({base:[{justifyContent:'center'},'_1xgx1s']});
+var cursor = Calendar.recipeRuntime({base:[{justifyContent:'center',z:'10'},'_1xamymy'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list$1 = Calendar.recipeRuntime({base:[{flexDirection:'row',gap:'2'},'k040uz']});
 
 const Pagination = React.forwardRef(
   ({
@@ -1689,7 +1661,7 @@ const Pagination = React.forwardRef(
 );
 Pagination.displayName = "@optiaxiom/react/Pagination";
 
-var addon = Calendar.recipeRuntime({base:'temf49',variants:{slot:{after:{textAlign:'end'},before:{}}}});
+var addon = Calendar.recipeRuntime({base:'obe5n7',variants:{slot:{after:{textAlign:'end'},before:{}}}});
 
 const DEFAULT_PAGE_SIZES = ["10", "20", "30", "50", "100"].map((size) => ({
   label: size,
@@ -1761,7 +1733,7 @@ DataTableFooter.displayName = "@optiaxiom/react/DataTableFooter";
 
 const DataTableLabel = React.forwardRef(
   (props, ref) => {
-    const { labelId } = useDataTableRowContext(
+    const { labelId } = Calendar.useDataTableRowContext(
       "@optiaxiom/react/DataTableLabel"
     );
     return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { id: labelId, ref, ...props });
@@ -1784,10 +1756,10 @@ const IconCalendar = Calendar.withIcon(
   )
 );
 
-var clear$1 = Calendar.recipeRuntime({base:[{size:'sm'},'_7d1ydx']});
-var date = Calendar.recipeRuntime({base:'_1fwlyi5'});
-var input$2 = Calendar.recipeRuntime({base:'_1ysb8ar'});
-var picker = Calendar.recipeRuntime({base:'_1f2s0nb'});
+var clear$1 = Calendar.recipeRuntime({base:[{size:'sm'},'ou2jlx']});
+var date = Calendar.recipeRuntime({base:'rfla73'});
+var input$2 = Calendar.recipeRuntime({base:'_11hps5m'});
+var picker = Calendar.recipeRuntime({base:'x1qaye'});
 
 const DateInput = React.forwardRef(
   ({
@@ -2134,8 +2106,8 @@ const Disclosure = React.forwardRef(
 );
 Disclosure.displayName = "@optiaxiom/react/Disclosure";
 
-var inner = Calendar.recipeRuntime({base:['bd9tlc']});
-var outer = Calendar.recipeRuntime({base:[{display:'grid'},'_1kwmlk7'],variants:{scale:{false:'_2ainy0',true:{}}}});
+var inner = Calendar.recipeRuntime({base:['_1if8m3']});
+var outer = Calendar.recipeRuntime({base:[{display:'grid'},'_13y24qu'],variants:{scale:{false:'_43x4si',true:{}}}});
 
 const DisclosureContent = React.forwardRef(({ children, hiddenUntilFound, ...props }, ref) => {
   const { open } = useDisclosureContext("@optiaxiom/react/DisclosureContent");
@@ -2159,21 +2131,23 @@ const DisclosureContent = React.forwardRef(({ children, hiddenUntilFound, ...pro
 });
 DisclosureContent.displayName = "@optiaxiom/react/DisclosureContent";
 
-var icon = Calendar.recipeRuntime({base:[{flex:'none',transition:'transform'}],variants:{chevronPosition:{end:'_1bp8xgg',start:'_1g4yryx'}}});
-var root = Calendar.recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'_1t9sw85']});
-var trigger$1 = Calendar.recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1nfe0kt']});
+var icon = Calendar.recipeRuntime({base:[{flex:'none',transition:'transform'}],variants:{chevronPosition:{end:'_1dv6un9',start:'_1o5m1lf'}}});
+var root = Calendar.recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'ve8650']});
+var trigger$1 = Calendar.recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_10l8ds4']});
 
+const Slot$5 = reactSlot.createSlot("@optiaxiom/react/DisclosureTrigger");
 const DisclosureTrigger = React.forwardRef(
   ({
     addonAfter,
     addonBefore,
+    asChild,
     chevronPosition = "start",
     children,
     className,
     ...props
   }, ref) => {
     useDisclosureContext("@optiaxiom/react/DisclosureTrigger");
-    return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Flex, { ref, ...root({}, className), ...props, children: [
+    return asChild ? /* @__PURE__ */ jsxRuntime.jsx(Slot$5, { className, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixCollapsible__namespace.Trigger, { asChild: true, children }) }) : /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Flex, { ref, ...root({}, className), ...props, children: [
       addonBefore,
       /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { asChild: true, ...trigger$1(), children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Cover, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(RadixCollapsible__namespace.Trigger, { children: [
         chevronPosition === "start" && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...icon({ chevronPosition }), children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconAngleRight, {}) }),
@@ -2548,9 +2522,9 @@ const Grid = React.forwardRef((props, ref) => {
 });
 Grid.displayName = "@optiaxiom/react/Grid";
 
-var badge = Calendar.recipeRuntime({base:'_18ih2yg',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'t8nv66']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'hpnwm3']}}});
-var floating = Calendar.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_15tqxnx'],variants:{offset:{false:'_1hev9jn',true:{}},position:{'bottom-right':'l2z6dk','top-right':'dnabge'}}});
-var indicator$2 = Calendar.recipeRuntime({base:[{display:'inline-flex'},'_1yzv3qn']});
+var badge = Calendar.recipeRuntime({base:'_1o570cr',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'s427fg']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1xnp714']}}});
+var floating = Calendar.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'l4m87z'],variants:{offset:{false:'_3g1o3r',true:{}},position:{'bottom-right':'xtsdfw','top-right':'_1gdhpkn'}}});
+var indicator$2 = Calendar.recipeRuntime({base:[{display:'inline-flex'},'_1s8a38u']});
 
 const Slot$4 = reactSlot.createSlot("@optiaxiom/react/Indicator");
 const Indicator = React.forwardRef(
@@ -2586,7 +2560,7 @@ const Indicator = React.forwardRef(
 Indicator.displayName = "@optiaxiom/react/Indicator";
 
 var kbd = Calendar.recipeRuntime({base:{display:'inline-flex',gap:'2',whiteSpace:'nowrap'}});
-var key = Calendar.recipeRuntime({base:{alignItems:'center',color:'fg.secondary',display:'inline-flex',fontFamily:'sans',gap:'2',justifyContent:'center'},variants:{variant:{outline:[{bg:'bg.secondary',border:'1',borderB:'2',borderColor:'border.secondary',rounded:'sm'},'_19rzou3'],subtle:{}}}});
+var key = Calendar.recipeRuntime({base:{alignItems:'center',color:'fg.secondary',display:'inline-flex',fontFamily:'sans',gap:'2',justifyContent:'center'},variants:{variant:{outline:[{bg:'bg.secondary',border:'1',borderB:'2',borderColor:'border.secondary',rounded:'sm'},'_17kuqo6'],subtle:{}}}});
 
 const platform = typeof navigator !== "undefined" && (navigator.platform.startsWith("Mac") || navigator.platform === "iPhone") ? "mac" : "win";
 const mapModifierToCode = {
@@ -2627,7 +2601,7 @@ const Kbd = React.forwardRef(
 );
 Kbd.displayName = "@optiaxiom/react/Kbd";
 
-var button = Calendar.recipeRuntime({base:[{justifyContent:'space-between'},'_1hyd3pq']});
+var button = Calendar.recipeRuntime({base:[{justifyContent:'space-between'},'sfsgdd']});
 var content$1 = Calendar.recipeRuntime({base:[{fontSize:'sm',transition:'all'}],variants:{filled:{false:{h:'0'},true:{h:'16'}}}});
 var label$1 = Calendar.recipeRuntime({base:[{color:'fg.secondary',cursor:'pointer',maxW:'full',transition:'all'}],variants:{filled:{false:{fontSize:'md'},true:{fontSize:'xs'}}}});
 
@@ -2660,7 +2634,7 @@ LabelMenuButton.displayName = "@optiaxiom/react/LabelMenuButton";
 
 const [SidebarProvider, useSidebarContext] = reactContext.createContext("@optiaxiom/react/Sidebar");
 
-var nav$1 = Calendar.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'tga3x7']});
+var nav$1 = Calendar.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'o5abkg']});
 
 const Nav = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -2681,7 +2655,7 @@ const Nav = React.forwardRef(
 );
 Nav.displayName = "@optiaxiom/react/Nav";
 
-var item$1 = Calendar.recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'vh6tpt',true:'on19tr'}}});
+var item$1 = Calendar.recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_1ti050z',true:'_1bu2l09'}}});
 
 const NavAccountItem = React.forwardRef(({ name, organization, src, ...props }, ref) => {
   const { expanded } = useSidebarContext("@optiaxiom/react/NavAccountItem");
@@ -2852,8 +2826,8 @@ const NavHeader = React.forwardRef(
 );
 NavHeader.displayName = "@optiaxiom/react/NavHeader";
 
-var item = Calendar.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_1v22xfa']});
-var label = Calendar.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_1qbbwjm'],variants:{expanded:{false:'rshsi6',true:'_1klktd1'}}});
+var item = Calendar.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'k1rnb0']});
+var label = Calendar.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_1a4qzic'],variants:{expanded:{false:'lohwfc',true:'_1fh9k5'}}});
 
 const Slot$3 = reactSlot.createSlot("@optiaxiom/react/NavItem");
 const NavItem = React.forwardRef(
@@ -2927,8 +2901,8 @@ const NavSeparator = React.forwardRef(
 );
 NavSeparator.displayName = "@optiaxiom/react/NavSeparator";
 
-var indicator$1 = Calendar.recipeRuntime({base:[{h:'full',rounded:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},opal:'_1ijl9h7',primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
-var progress = Calendar.recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'qbsjjg']});
+var indicator$1 = Calendar.recipeRuntime({base:[{h:'full',rounded:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},opal:'jlv0jk',primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
+var progress = Calendar.recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_1i49hyg']});
 
 const Progress = React.forwardRef(
   ({ className, intent = "primary", ...props }, ref) => {
@@ -2953,10 +2927,10 @@ const Progress = React.forwardRef(
 const DEFAULT_MAX = 100;
 Progress.displayName = "@optiaxiom/react/Progress";
 
-var control = Calendar.recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'gyj059'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = Calendar.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'zywpiu']});
-var input$1 = Calendar.recipeRuntime({base:'_1elja2i'});
-var radio = Calendar.recipeRuntime({base:'_1eh68hd'});
+var control = Calendar.recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_11oqqji'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = Calendar.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'avt5up']});
+var input$1 = Calendar.recipeRuntime({base:'_12wohq6'});
+var radio = Calendar.recipeRuntime({base:'bwqh23'});
 
 const [RadioGroupProvider, useRadioGroupContext] = reactContext.createContext("@optiaxiom/react/RadioGroup", null);
 
@@ -3062,9 +3036,9 @@ const RadioGroup = React.forwardRef(
 );
 RadioGroup.displayName = "@optiaxiom/react/RadioGroup";
 
-var clear = Calendar.recipeRuntime({base:[{size:'sm'},'_1q8e8mz']});
-var input = Calendar.recipeRuntime({base:'_50ozr2'});
-var search = Calendar.recipeRuntime({base:'oo59xh'});
+var clear = Calendar.recipeRuntime({base:[{size:'sm'},'hac8t']});
+var input = Calendar.recipeRuntime({base:'e3fgw0'});
+var search = Calendar.recipeRuntime({base:'xpf2xg'});
 
 const SearchInput = React.forwardRef(
   ({ addonBefore, className, onChange, onValueClear, ...props }, outerRef) => {
@@ -3198,7 +3172,7 @@ const SidebarToggle = React.forwardRef(
 );
 SidebarToggle.displayName = "@optiaxiom/react/SidebarToggle";
 
-var nav = Calendar.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'_1bdezs6']});
+var nav = Calendar.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'ez33es']});
 
 const SubNav = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -3228,7 +3202,7 @@ const SubNav = React.forwardRef(
 );
 SubNav.displayName = "@optiaxiom/react/SubNav";
 
-var tabs = Calendar.recipeRuntime({base:[{display:'flex'},'_1yw2vqb']});
+var tabs = Calendar.recipeRuntime({base:[{display:'flex'},'_5w39rg']});
 
 const Tabs = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -3245,7 +3219,7 @@ const TabsContent = React.forwardRef(
 );
 TabsContent.displayName = "@optiaxiom/react/TabsContent";
 
-var list = Calendar.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_1trmwj']});
+var list = Calendar.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'dfh3dk']});
 
 const TabsList = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -3254,8 +3228,8 @@ const TabsList = React.forwardRef(
 );
 TabsList.displayName = "@optiaxiom/react/TabsList";
 
-var content = Calendar.recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'_1rw83ht']});
-var trigger = Calendar.recipeRuntime({base:['_1lnf6yc',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_1cebl36']});
+var content = Calendar.recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'kcdui7']});
+var trigger = Calendar.recipeRuntime({base:['ads4dx',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'fb1lq6']});
 
 const Slot$2 = reactSlot.createSlot("@optiaxiom/react/TabsTrigger");
 const TabsTrigger = React.forwardRef(
@@ -3271,9 +3245,9 @@ const TabsTrigger = React.forwardRef(
 );
 TabsTrigger.displayName = "@optiaxiom/react/TabsTrigger";
 
-var shadow = Calendar.recipeRuntime({base:['_1ld676z','_1wig74f']});
-var textarea = Calendar.recipeRuntime({base:['_1ld676z','_12eg2vj'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
-var wrapper = Calendar.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['uh4pjs','mm64zt'],'2':['uh4pjs','xb73ed'],'3':['uh4pjs','bu4gud'],'4':['uh4pjs','rvfhfq'],'5':['uh4pjs','uhx61q']},resize:{auto:{},none:{},vertical:'dq70uq'}}});
+var shadow = Calendar.recipeRuntime({base:['yho758','j3nb82']});
+var textarea = Calendar.recipeRuntime({base:['yho758','_7au81f'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
+var wrapper = Calendar.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_16hp7bp','_8wvp1f'],'2':['_16hp7bp','x4lxv7'],'3':['_16hp7bp','_1lzsuqd'],'4':['_16hp7bp','zp4y3a'],'5':['_16hp7bp','_1luywpk']},resize:{auto:{},none:{},vertical:'_3xslzq'}}});
 
 const Slot$1 = reactSlot.createSlot("@optiaxiom/react/TextareaAutosize");
 const TextareaAutosize = React.forwardRef(