@optiaxiom/react 1.7.13 → 1.8.1

package/dist/cjs/index.js

@@ -1,127 +1,129 @@
 "use client";
 'use strict';
 
+var Calendar = require('./Calendar-BkyYSD2t.js');
 var jsxRuntime = require('react/jsx-runtime');
-var reactId = require('@radix-ui/react-id');
-var React = require('react');
-var Calendar = require('./Calendar-DCeu_TcB.js');
-var reactSlot = require('@radix-ui/react-slot');
-require('./assets/src/layers/layers.css.ts.vanilla-Dql4wsub.css');
-require('./assets/src/alert/Alert.css.ts.vanilla-D1EWFUSM.css');
-var RadixAvatar = require('@radix-ui/react-avatar');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BYdDOR2R.css');
-require('./assets/src/avatar/Avatar.css.ts.vanilla-BBotg2z_.css');
-var reactContext = require('@radix-ui/react-context');
 var globals = require('@optiaxiom/globals');
+var React = require('react');
 var dynamic = require('@vanilla-extract/dynamic');
+require('./assets/src/layers/layers.css.ts.vanilla-BqIfkBSM.css');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
 var RadixToast = require('@radix-ui/react-toast');
 var shim = require('use-sync-external-store/shim');
-require('./assets/src/toast/ToastProvider.css.ts.vanilla-CfRFibh4.css');
-require('./assets/src/toast/Toast.css.ts.vanilla-BFK_iiea.css');
-require('./assets/src/badge/Badge.css.ts.vanilla-CNh3dzY4.css');
-require('./assets/src/banner/Banner.css.ts.vanilla-CnROvbAQ.css');
-require('./assets/src/link/Link.css.ts.vanilla-oS40S_Lw.css');
-require('./assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-Bckkqizl.css');
-require('./assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-CgW5pwLh.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-CmnHkNLK.css');
-require('./assets/src/card/Card.css.ts.vanilla-Cka8vu_w.css');
+require('./assets/src/toast/ToastProvider.css.ts.vanilla-mYYI-t8A.css');
+require('./assets/src/toast/Toast.css.ts.vanilla-8Fqp2gLJ.css');
+var reactSlot = require('@radix-ui/react-slot');
+require('./assets/src/badge/Badge.css.ts.vanilla-ClO_9IeE.css');
+var reactId = require('@radix-ui/react-id');
+require('./assets/src/banner/Banner.css.ts.vanilla-CW2pUndj.css');
+require('./assets/src/link/Link.css.ts.vanilla-DM1UPhpg.css');
+require('./assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-B1Xlkfp7.css');
+require('./assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-BmM3aiVW.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-UTrcK4Fi.css');
+require('./assets/src/card/Card.css.ts.vanilla-CSbxEpUk.css');
+var reactContext = require('@radix-ui/react-context');
 var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
 var clsx = require('clsx');
-require('./assets/src/card/CardCheckbox.css.ts.vanilla-bAKNcI_h.css');
-require('./assets/src/card/CardHeader.css.ts.vanilla-C2AqvXW8.css');
-require('./assets/src/card/CardPreview.css.ts.vanilla-CuL8Nhn8.css');
-require('./assets/src/code/Code.css.ts.vanilla-TOc_I2h0.css');
+require('./assets/src/card/CardCheckbox.css.ts.vanilla-_R6ZH1Ik.css');
+require('./assets/src/card/CardHeader.css.ts.vanilla-nHVA2Bhp.css');
+require('./assets/src/card/CardPreview.css.ts.vanilla-DwZX_RLV.css');
+require('./assets/src/code/Code.css.ts.vanilla-WpaSI5Z1.css');
 var reactTable = require('@tanstack/react-table');
 var reactVirtual = require('@tanstack/react-virtual');
-require('./assets/src/table/TableRow.css.ts.vanilla-B0oL7CJL.css');
-require('./assets/src/data-table/DataTableBody.css.ts.vanilla-XFsfUWCO.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-D6fsQ5U9.css');
+require('./assets/src/data-table/DataTableBody.css.ts.vanilla-FVKHyEMH.css');
 var RadixVisuallyHidden = require('@radix-ui/react-visually-hidden');
-require('./assets/src/pagination/Pagination.css.ts.vanilla-ui11d4Jx.css');
-require('./assets/src/data-table/DataTableFooter.css.ts.vanilla-Ckzxm9dq.css');
-require('./assets/src/date-input/DateInput.css.ts.vanilla-Njg55wY5.css');
+require('./assets/src/pagination/Pagination.css.ts.vanilla-DZrYbTKw.css');
+require('./assets/src/data-table/DataTableFooter.css.ts.vanilla-BnIfDF23.css');
+require('./assets/src/date-input/DateInput.css.ts.vanilla-Dwlu-gGo.css');
 var RadixCollapsible = require('@radix-ui/react-collapsible');
-require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-C7HIdK3r.css');
-require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-D9gcWCLM.css');
+require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-DELBwYCv.css');
+require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-DcHKkBeq.css');
 var RadixMenu = require('@radix-ui/react-dropdown-menu');
 var RadixLabel = require('@radix-ui/react-label');
-require('./assets/src/indicator/Indicator.css.ts.vanilla-CKQM7sY3.css');
-require('./assets/src/kbd/Kbd.css.ts.vanilla-BYO9Idsg.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BYdDOR2R.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-D_lkRk1X.css');
-require('./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-C-eYXsoY.css');
-require('./assets/src/nav/Nav.css.ts.vanilla-MPkkq1hY.css');
-require('./assets/src/nav/NavAccountItem.css.ts.vanilla-CXsgSN5D.css');
-require('./assets/src/nav/NavItem.css.ts.vanilla-DSm8Wc1Z.css');
+require('./assets/src/indicator/Indicator.css.ts.vanilla-BEGGzqN6.css');
+require('./assets/src/kbd/Kbd.css.ts.vanilla-D91ADvHD.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BoMtptzi.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-DFcg7Xy4.css');
+require('./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-DM-M0t38.css');
+require('./assets/src/nav/Nav.css.ts.vanilla-DhmGLvAY.css');
+require('./assets/src/nav/NavAccountItem.css.ts.vanilla-b7B5YJcO.css');
+require('./assets/src/nav/NavItem.css.ts.vanilla-4_CR-2Za.css');
 var ProgressPrimitive = require('@radix-ui/react-progress');
-require('./assets/src/progress/Progress.css.ts.vanilla-BHKi_U7T.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BYdDOR2R.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-BRtfBAek.css');
-require('./assets/src/radio/Radio.css.ts.vanilla-D5t3ybXT.css');
-require('./assets/src/search-input/SearchInput.css.ts.vanilla-D8kPkAN3.css');
+require('./assets/src/progress/Progress.css.ts.vanilla-DApkQ1i2.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BoMtptzi.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-CzOv6YKg.css');
+require('./assets/src/radio/Radio.css.ts.vanilla-DDuxCcPk.css');
+require('./assets/src/search-input/SearchInput.css.ts.vanilla-BOHZUcND.css');
 var RadixSegmentedControl = require('@radix-ui/react-toggle-group');
-require('./assets/src/sub-nav/SubNav.css.ts.vanilla-v6VNXn4D.css');
+require('./assets/src/sub-nav/SubNav.css.ts.vanilla-d9KdDCDy.css');
 var RadixTabs = require('@radix-ui/react-tabs');
-require('./assets/src/tabs/Tabs.css.ts.vanilla-Uke4EcLY.css');
-require('./assets/src/tabs/TabsList.css.ts.vanilla-CEEaDjQH.css');
-require('./assets/src/tabs/TabsTrigger.css.ts.vanilla-ufwm0xfS.css');
-require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-BiYN-xob.css');
+require('./assets/src/tabs/Tabs.css.ts.vanilla-BzUbbfKJ.css');
+require('./assets/src/tabs/TabsList.css.ts.vanilla-CUAJdij2.css');
+require('./assets/src/tabs/TabsTrigger.css.ts.vanilla-zcAIQSbX.css');
+require('./assets/src/textarea/Textarea.css.ts.vanilla-Dz_D9brN.css');
+require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-DB8jRDBY.css');
 var RadixToggle = require('@radix-ui/react-toggle');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-BqgCec2b.css');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-DxmfK7Uv.css');
 require('downshift');
-require('./assets/src/input/InputControl.css.ts.vanilla-4p6N6l04.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-COgZcQHS.css');
-require('./assets/src/command/CommandItem.css.ts.vanilla-B6j8sj5c.css');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-B6ye-LyC.css');
+require('./assets/src/input/Input.css.ts.vanilla-m7qpF9cK.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-DJH-Oysx.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-Ck_68vXe.css');
+require('./assets/src/command/CommandItem.css.ts.vanilla-BWEtopw1.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-fh1HIdfy.css');
 require('react-remove-scroll');
 require('@radix-ui/react-dialog');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BYdDOR2R.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-BRUq7Gcb.css');
-require('./assets/src/dialog/DialogContent.css.ts.vanilla-DvxCM94i.css');
-require('./assets/src/dialog/DialogFooter.css.ts.vanilla-CJ015n_y.css');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-BfvRykqp.css');
-require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BnElOmOC.css');
-require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-CpCp6rFA.css');
-require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-BEK85f-5.css');
-require('@radix-ui/react-popover');
-require('@radix-ui/react-popper');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BYdDOR2R.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-xcTzrEuj.css');
-require('./assets/src/table/Table.css.ts.vanilla-nBnoN9Wy.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-Di6LAh0-.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-B1wGoNFv.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla-xaFM2plv.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-CuR6Aqrk.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-fQYI72Ka.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BoMtptzi.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-CH0AOIxR.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-B13kLuUc.css');
+require('./assets/src/dialog/DialogFooter.css.ts.vanilla-CbQN7HmK.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-Ctv-2YYA.css');
+require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BDrpUAjw.css');
+require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-BFnEMPVA.css');
+require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-Dib8qJEt.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BoMtptzi.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-B5DCuqsb.css');
+require('./assets/src/table/Table.css.ts.vanilla-CWSCJWeT.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-Bp2vHi5A.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-HxTef6QV.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-Ciefr5In.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-TsZaV5Jv.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-Cszsl-d8.css');
 require('react-day-picker');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-Dk5sE9z0.css');
-require('./assets/src/box/Box.css.ts.vanilla-Bp7c1dm4.css');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-DeNOd6Sk.css');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-DN6T6NfM.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-nyytmiZt.css');
-require('./assets/src/text/Text.css.ts.vanilla-DKnKo9mG.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-0kdzL3J8.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-BEAEi1qp.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-oCVHoj3r.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-BB7CYd5B.css');
+require('./assets/src/box/Box.css.ts.vanilla-ClZDfclT.css');
+require('@radix-ui/react-popper');
+require('@radix-ui/react-avatar');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BoMtptzi.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-Bi5TvME6.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-OmydsJ52.css');
+require('./assets/src/text/Text.css.ts.vanilla-Co0Dm9Je.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-DAhrjgU-.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-Dvx-EaPa.css');
+require('./assets/src/alert/Alert.css.ts.vanilla-AeFnPihO.css');
+require('@radix-ui/react-popover');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-DIDl3Kx9.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-73AUe7Bx.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-w3MtzJkI.css');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-EUx58oho.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-amh3c1Uk.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-CMP1i4Pe.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-Bh_4Yq14.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-DMtVZw_m.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-Bj5Fxqi3.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-BtqqaOEn.css');
+require('@radix-ui/react-portal');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-B_1qvg20.css');
 require('@radix-ui/react-dismissable-layer');
 require('@radix-ui/react-focus-guards');
 require('@radix-ui/react-focus-scope');
-require('./assets/src/transition/Transition.css.ts.vanilla-DIpwQuV9.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-Bk6jM4ro.css');
-require('@radix-ui/react-portal');
 require('@radix-ui/react-tooltip');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-BPd-X2i3.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-CwQd6L3O.css');
-require('./assets/src/calendar/Calendar.css.ts.vanilla-BREYfr6S.css');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-3XOtsElU.css');
-require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-OdTHHjog.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-B5DUmXkm.css');
-require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-Wfpn5Fkc.css');
-require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-iXXrhens.css');
+require('./assets/src/calendar/Calendar.css.ts.vanilla-BmKLCWYL.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-DQvNx7tA.css');
+require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-BrudO6CI.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-zMAPAF3B.css');
+require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-DJWNq4a-.css');
+require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-BEXFVZCa.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -140,7 +142,6 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-var RadixAvatar__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixAvatar);
 var RadixToast__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixToast);
 var RadixCollapsible__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixCollapsible);
 var RadixMenu__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixMenu);
@@ -150,128 +151,6 @@ var RadixSegmentedControl__namespace = /*#__PURE__*/_interopNamespaceDefault(Rad
 var RadixTabs__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixTabs);
 var RadixToggle__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixToggle);
 
-const IconCircleCheckSolid = Calendar.withIcon(
-  {
-    name: "IconCircleCheckSolid",
-    viewBox: "0 0 512 512"
-  },
-  // <!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "path",
-    {
-      d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z",
-      fill: "currentColor"
-    }
-  )
-);
-
-const IconCircleExclamationSolid = Calendar.withIcon(
-  {
-    name: "IconCircleExclamationSolid",
-    viewBox: "0 0 512 512"
-  },
-  // <!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "path",
-    {
-      d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z",
-      fill: "currentColor"
-    }
-  )
-);
-
-const IconCircleInfoSolid = Calendar.withIcon(
-  {
-    name: "IconCircleInfoSolid",
-    viewBox: "0 0 512 512"
-  },
-  // <!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "path",
-    {
-      d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z",
-      fill: "currentColor"
-    }
-  )
-);
-
-const Slot$9 = reactSlot.createSlot("@optiaxiom/react/IconOpal");
-const IconOpal = React.forwardRef(
-  ({ asChild, ...props }, ref) => {
-    const Comp = asChild ? Slot$9 : "img";
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Comp,
-      {
-        alt: "Opal",
-        ref,
-        src: "data:image/webp;base64,UklGRngGAABXRUJQVlA4WAoAAAAQAAAALwAALwAAQUxQSPoBAAABoLRtmyHJlv9GRoxt27Y9O8+sbNsr27a5sm2bx7ZtVkR872F2VkTEBCC21kDWVjPPvPWLkPLzm6ent8wM6AgJKw3UWvaaMLa8sqQ6oFUiBmh4TEg6L/8l3pN0B+sCOgGDPJtJWs8MekvKupwwGVEa7T+kWCYplny3FbSKpRQmkCkmLSlyJCIVQyksIx3T6MgFiNT/aSyjE6ZVHOdD/4/BWDphmsVxGMx/aLQhhWkXshk0AIWc79ExQMc3skEBGuuYYpApLoNBhNqOEobwz6qINPbTMlDL3dCokqKEIvytHDCXlsFaToN+Th+O50M0sgxY+HvtyfQB0XP0gbAc9z4Py/PhV5SQhB//ycB/caHZ4FJ/hPbT55SQhB88og/J8/Y+upAct42mD8lzUM3fKOEIf66Me/ThOF4HptKGYzkWKPkzJRThd0VhsIk2FMtVMBHK/kIJQ/hDCUQwmMFUGJZTYAAF9Zg2BMu7gAKgUe0P+vQ5/lIBGv826E76dHmyIwz+22AE6dPjyAEw+H+N4aRNhyX7wyCuRpdfaSUpsfypAwziG1S6R1pJQix5sywMMmqAKd+T1kk8cY78ZjxgkHENFF/xNUnvvQgp4r0n+eWSIkCEJJUBCo249B1jf3t+aH7AIOnIACjba/WlV7747rvPX764skcZAEYhNlZQOCBYBAAA0BUAnQEqMAAwAAAAACWwAnTKEcw+Afg3+nn+H+QSgPxb7Yfq//kssE8T/Kf9J/WvyI7QHmC/pz/VfzO/sXce8wHRY9A39eOuF9EvpO/2k/Zn2WLsv+weA/gl8yRgyM/CHvn2oN6CKHzC/6z6MejP6L9gD+M/0P/g/lV3dv1u9iD9XDpv4Pmbsxz3+4DV3DTgOT+2sNNtvT2De9mpwZz2tys38g7Ex2b1+rQdl8eD7VJf6UuLUNgAAP7//xvff2waCax+0nIivhG6p+wO4oA+r9IoQXy31wj0QY96ZA0g/8bLQabB5myn+14h4iyjnfMUOswsf+k+zW/2yARwIlBEfk+NAw5mFPjWrT7r7Se//A6/god4hh+5AI/YiGsvEaohhf3Kf/+betEfYeGuifwyLvxn5N0CDKU8qX7A/6n/eqktgEdOIzWakKt5L65bV2eEFZ/FTcy+ziGcB2RPI4KeFINugFzZQ6EBfqkXTOYShPBGvmzmJOe8cPPQEmuT5sdMORg3N4RPqU799iCl4uyZQ/9hNW4nf9OjN45N75et9EGPkVbbcaSJzt0cNgkgfjvc+JXM/61ST92rpVrKpUogszga6HqCY5RXt85d1jdU77MAA/v6bgn3tuKejzH9a/lYqP7Sv4XwQSlr9RxZINph14I2uYy0W5EoFwkhDJnwxEHCb+XY2Rwh9R/mpBItNmlEFYnuvGKW5AAiaG9LJL5+lplk0WWM12WJzICLfHQ670nX2gPir1GFyZPTsT1wlfq9Umaa2Km5+pHTqdnvhR5h4e9575kfIdCipByx7sMm2iBFeWqXX+hr7tEMTNHnVOzaFYanmX93LIuUoZm0uYKnWPVXalsXXeDhlrhCmo9tL3hfzFEWBbnPYWkPof2Yj7ZhwT6QUPVTlenyPrz8kiZ4g0NYySwWGnjlBhmEul9OyZe+udvexjXNCDtIZ49IvgHHZo/rGBcIrIzwAxekOnr0jAxuHx5rcLI1dqli4cNh/U1kuvmCcXQHIONQi5rBJE57YfE2gBhOoFa6fOXGnNvSg38AXv515HRldxa8+ZBAS4S/nXhIHyobMNBfyGXf5xjsZZdxacaBeHD8z1IRpt4EY81lXZFd13rNaU+ewS/01QghoxUuv6FbyeZSBo3hMr3XJGSHLXGG1Aac/CQarfcdt6oVaJXsSIRu6M+5Up5x+mfe+LQX/UlWaxk9j0QKzcMgCS12kobCjkhEGDrKqjUIBNgH9Pd8zMACRzg0uFvQ9oeODvW6jH3t2jrwiURoGfktQstbwvNZBnbuKlFXyPIFYmljQG+2Xuq4valALCCK56NYl7uk39TrW7JnHvChVvPqYj8Qr8TixKspxTNxqe59YRwKPvUfBzsJuE30ddVGkjWbt1gR4Q+Che/knkliTtj//Zjz994aEembHwwf98SRQf/ndzu+eifpMdEj8CF0piR2o++KUcg5D4Sur+Br5cGVO/GVwTbGtAA=",
-        ...props
-      }
-    );
-  }
-);
-IconOpal.displayName = "@optiaxiom/react/IconOpal";
-
-const IconTriangleExclamationSolid = Calendar.withIcon(
-  {
-    name: "IconTriangleExclamationSolid",
-    viewBox: "0 0 512 512"
-  },
-  // <!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "path",
-    {
-      d: "M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z",
-      fill: "currentColor"
-    }
-  )
-);
-
-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'},'_1q5j698']});
-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 = {
-  danger: IconCircleExclamationSolid,
-  information: IconCircleInfoSolid,
-  neutral: IconCircleInfoSolid,
-  opal: IconOpal,
-  success: IconCircleCheckSolid,
-  warning: IconTriangleExclamationSolid
-};
-const Alert = React.forwardRef(
-  ({ children, className, intent = "neutral", onDismiss, ...props }, ref) => {
-    const labelId = reactId.useId();
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      Calendar.Flex,
-      {
-        "aria-labelledby": labelId,
-        ref,
-        role: "alert",
-        ...alert({ intent }, className),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Icon, { asChild: true, ...icon$5({ intent }), children: React.createElement(mapIntentToIcon$2[intent]) }),
-          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { id: labelId, ...content$4(), children }),
-          !!onDismiss && /* @__PURE__ */ jsxRuntime.jsx(
-            Calendar.Button,
-            {
-              appearance: "subtle",
-              "aria-label": "close",
-              color: "fg.default",
-              flex: "none",
-              icon: /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconX, {}),
-              onClick: onDismiss,
-              size: "sm"
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Alert.displayName = "@optiaxiom/react/Alert";
-
 function useUncontrolled({
   value,
   defaultValue,
@@ -361,99 +240,10 @@ function usePagination({
   };
 }
 
-const IconUserSolid = Calendar.withIcon(
-  {
-    name: "IconUserSolid",
-    viewBox: "0 0 448 512"
-  },
-  // <!--!Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "path",
-    {
-      d: "M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512l388.6 0c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304l-91.4 0z",
-      fill: "currentColor"
-    }
-  )
-);
-
-const IconUsersSolid = Calendar.withIcon(
-  {
-    name: "IconUsersSolid",
-    viewBox: "0 0 640 512"
-  },
-  // <!--!Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "path",
-    {
-      d: "M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192l42.7 0c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0L21.3 320C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7l42.7 0C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3l-213.3 0zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352l117.3 0C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7l-330.7 0c-14.7 0-26.7-11.9-26.7-26.7z",
-      fill: "currentColor"
-    }
-  )
-);
-
-var avatar = Calendar.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',flex:'none',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'qrpvza'],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'},'m8n1fv'],xs:[{fontWeight:'400',size:'xs'},'fw3j4i'],sm:[{size:'sm'},'_106v254'],md:[{size:'md'},'ruc6yj'],lg:[{size:'lg'},'_17p4xtx'],xl:[{size:'xl'},'u5obl1'],'3xl':[{size:'3xl'},'_1ljwf6b']}}});
-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'}}}});
-
-const [AvatarProvider, useAvatarContext] = reactContext.createContext("@optiaxiom/react/Avatar", { size: void 0 });
-
-function getInitialsFromName(name) {
-  const names = name.trim().split(" ");
-  const firstName = names[0] ?? "";
-  const lastName = names.length > 1 ? names[names.length - 1] : "";
-  return firstName && lastName ? `${firstName.charAt(0)}${lastName.charAt(0)}` : firstName.charAt(0);
-}
-const mapFallbackToIcon = {
-  opal: null,
-  team: /* @__PURE__ */ jsxRuntime.jsx(IconUsersSolid, {}),
-  user: /* @__PURE__ */ jsxRuntime.jsx(IconUserSolid, {})
-};
-const Avatar = React.forwardRef(
-  ({
-    children,
-    className,
-    colorScheme = "neutral",
-    fallback: fallback$1 = "user",
-    name,
-    size: sizeProp,
-    src,
-    ...props
-  }, ref) => {
-    const context = useAvatarContext("@optiaxiom/react/Avatar");
-    const size = sizeProp || context?.size || "md";
-    if (fallback$1 === "opal") {
-      fallback$1 = "user";
-      src = "opal";
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Box,
-      {
-        asChild: true,
-        ...avatar({ colorScheme, size }, className),
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsxs(RadixAvatar__namespace.Root, { ref, children: [
-          src && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, objectFit: "cover", rounded: "inherit", size: "full", children: src === "opal" ? /* @__PURE__ */ jsxRuntime.jsx(IconOpal, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(RadixAvatar__namespace.Image, { alt: name ?? "Opal" }) }) : /* @__PURE__ */ jsxRuntime.jsx(RadixAvatar__namespace.Image, { alt: name ?? "avatar", src }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...fallback({}), children: /* @__PURE__ */ jsxRuntime.jsx(RadixAvatar__namespace.Fallback, { delayMs: src ? 600 : void 0, children: (children ?? (name ? getInitialsFromName(name) : void 0)) || /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...icon$4({ size }), children: mapFallbackToIcon[fallback$1] }) }) })
-        ] })
-      }
-    );
-  }
-);
-Avatar.displayName = "@optiaxiom/react/Avatar";
-
-var avatarGroup = Calendar.recipeRuntime({base:['_1qr6lcd',{display:'flex'}]});
-
-const AvatarGroup = React.forwardRef(
-  ({ children, className, size = "md", ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ref, ...avatarGroup({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(AvatarProvider, { size, children }) });
-  }
-);
-AvatarGroup.displayName = "@optiaxiom/react/AvatarGroup";
-
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom.ck0coc';
-var reset = 'optiaxiom._6nhsee';
+var components = 'optiaxiom.t5o2q';
+var reset = 'optiaxiom._1stlk4h';
 var theme = 'optiaxiom.theme';
 
 var layers_css = /*#__PURE__*/Object.freeze({
@@ -503,16 +293,16 @@ function ThemeProvider({ children }) {
 }
 ThemeProvider.displayName = "@optiaxiom/react/ThemeProvider";
 
-var icon$3 = Calendar.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'oxj5lr']});
-var offsetVar = 'var(--_19yw31v)';
-var root$1 = Calendar.recipeRuntime({base:['_15dyxu5',{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']},'ucg2we'],variants:{intent:{danger:'oy4595',information:'_1f5nqye',neutral:'_1tiaib4',success:'tlhwod',warning:'es308q'}}});
+var icon$3 = Calendar.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_15hndhb']});
+var offsetVar = 'var(--_84vd9f)';
+var root$2 = Calendar.recipeRuntime({base:['_7g0ul9',{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']},'_80e2u4'],variants:{intent:{danger:'ythkex',information:'ikmol8',neutral:'_8az62n',success:'m3jrd7',warning:'_1jnxnnl'}}});
 
 const mapIntentToIcon$1 = {
-  danger: IconCircleExclamationSolid,
-  information: IconCircleInfoSolid,
-  neutral: IconCircleInfoSolid,
-  success: IconCircleCheckSolid,
-  warning: IconTriangleExclamationSolid
+  danger: Calendar.IconCircleExclamationSolid,
+  information: Calendar.IconCircleInfoSolid,
+  neutral: Calendar.IconCircleInfoSolid,
+  success: Calendar.IconCircleCheckSolid,
+  warning: Calendar.IconTriangleExclamationSolid
 };
 const Toast = React.forwardRef(
   ({ children, className, intent = "neutral", onOpenChange, style, ...props }, outerRef) => {
@@ -529,7 +319,7 @@ const Toast = React.forwardRef(
             [offsetVar]: `${context.offset}px`
           })
         },
-        ...root$1({ intent }, className),
+        ...root$2({ intent }, className),
         ...boxProps,
         children: /* @__PURE__ */ jsxRuntime.jsxs(
           RadixToast__namespace.Root,
@@ -574,7 +364,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'},'_1owabey'],variants:{position:{bottom:'_5ojvk7','bottom-left':'nzd72g','bottom-right':['right-scroll-bar-position','_1j0azqh'],top:'_1pkdgza','top-left':'xbbk9z','top-right':['right-scroll-bar-position','_18tsctc']}}});
+var viewport = Calendar.recipeRuntime({base:[{flexDirection:'column',gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_1usmqsi'],variants:{position:{bottom:'_1bbwf9p','bottom-left':'mk6oaq','bottom-right':['right-scroll-bar-position','ax9yg2'],top:'_7ophix','top-left':'y2dc5w','top-right':['right-scroll-bar-position','_1ox990t']}}});
 
 const ToastTitle = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -669,7 +459,7 @@ const ToastProvider = React.forwardRef(
             id
           )),
           /* @__PURE__ */ jsxRuntime.jsx(Calendar.Portal, { asChild: true, ...container && { container }, children: /* @__PURE__ */ jsxRuntime.jsx(
-            Calendar.Flex,
+            Calendar.Group,
             {
               alignItems: position.endsWith("left") ? "start" : position.endsWith("right") ? "end" : "center",
               asChild: true,
@@ -707,7 +497,7 @@ 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'},'elh5bu'],variants:{intent:{danger:'dln8lz',information:'zljm90',neutral:'g70r8s',primary:'_134kcxj',success:'dmqxrg',warning:'_1ha4g2i'},variant:{strong:'_1kg33fe',subtle:'_14feb6o'}}});
+var badge$1 = Calendar.recipeRuntime({base:[{display:'inline-flex',flex:'none',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_1s6zu04'],variants:{intent:{danger:'fa76y4',information:'_1b6emai',neutral:'_1wixw7z',primary:'kzh8fi',success:'_1q2c65n',warning:'_1o8xsgc'},variant:{strong:'_1uc5l57',subtle:'kfsfs'}}});
 
 const Slot$8 = reactSlot.createSlot("@optiaxiom/react/Badge");
 const Badge = React.forwardRef(
@@ -733,22 +523,22 @@ 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'},'tal4d0']});
+var banner = Calendar.recipeRuntime({base:[{alignItems:'start',color:'fg.default',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',flexDirection:'column',gap:'8',justifyContent:'center'},'_1g3ehcc']});
 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 = {
-  danger: IconCircleExclamationSolid,
-  information: IconCircleInfoSolid,
-  neutral: IconCircleInfoSolid,
-  success: IconCircleCheckSolid,
-  warning: IconTriangleExclamationSolid
+  danger: Calendar.IconCircleExclamationSolid,
+  information: Calendar.IconCircleInfoSolid,
+  neutral: Calendar.IconCircleInfoSolid,
+  success: Calendar.IconCircleCheckSolid,
+  warning: Calendar.IconTriangleExclamationSolid
 };
 const Banner = React.forwardRef(
   ({ children, className, intent = "neutral", onDismiss, ...props }, ref) => {
     const labelId = reactId.useId();
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      Calendar.Flex,
+      Calendar.Group,
       {
         "aria-labelledby": labelId,
         ref,
@@ -757,7 +547,7 @@ const Banner = React.forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(Calendar.Icon, { asChild: true, ...icon$2({ intent }), children: React.createElement(mapIntentToIcon[intent]) }),
-          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { id: labelId, ...content$3(), children }),
+          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { id: labelId, ...content$3(), children }),
           !!onDismiss && /* @__PURE__ */ jsxRuntime.jsx(
             Calendar.Button,
             {
@@ -792,8 +582,8 @@ const IconEllipsisSolid = Calendar.withIcon(
   )
 );
 
-var icon$1 = Calendar.recipeRuntime({base:[{display:'inline-flex',ml:'4'},'wq50a0']});
-var link$1 = Calendar.recipeRuntime({base:['jadht0'],variants:{appearance:{'default':'xrml3m',inverse:'nctskm',subtle:'_16vvwtj'}}});
+var icon$1 = Calendar.recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1yn6cch']});
+var link$1 = Calendar.recipeRuntime({base:['_6pfe4f'],variants:{appearance:{'default':'_3yri38',inverse:'_1qsk31r',subtle:'viga3'}}});
 
 const Slot$7 = reactSlot.createSlot("@optiaxiom/react/Link");
 const Link = React.forwardRef(
@@ -831,17 +621,17 @@ const Link = React.forwardRef(
 );
 Link.displayName = "@optiaxiom/react/Link";
 
-var link = Calendar.recipeRuntime({base:'qb6cet'});
-var list$2 = Calendar.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'n33xj6']});
+var link = Calendar.recipeRuntime({base:'_1mnsfsi'});
+var list$2 = Calendar.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'_1galurm']});
 
-var item$2 = Calendar.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'ybyryp']});
+var item$2 = Calendar.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'_19xilxq']});
 
 const BreadcrumbNode = React.forwardRef(
   ({ addonAfter, children, className, ...props }, ref) => {
     const { boxProps, restProps } = Calendar.extractBoxProps(props);
     return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...item$2({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsxs("li", { ref, ...restProps, children: [
       children,
-      addonAfter && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { asChild: true, flex: "none", flexDirection: "row", gap: "4", children: Calendar.fallbackSpan(addonAfter) })
+      addonAfter && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { asChild: true, flex: "none", gap: "4", children: Calendar.fallbackSpan(addonAfter) })
     ] }) });
   }
 );
@@ -898,7 +688,7 @@ const renderItems = (items, limit = items.length, renderItem) => {
   ];
 };
 
-var card = Calendar.recipeRuntime({base:['mz1hvu',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',p:'16'},'_1286h4']});
+var card = Calendar.recipeRuntime({base:['_1fc1j8q',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',flexDirection:'column',fontSize:'md',gap:'8',p:'16'},'_1wnd2hv']});
 
 const [CardProvider, useCardContext] = reactContext.createContext("@optiaxiom/react/Card");
 
@@ -906,7 +696,7 @@ const Card = React.forwardRef(
   ({ children, className, ...props }, ref) => {
     const descriptionId = reactId.useId();
     const labelId = reactId.useId();
-    return /* @__PURE__ */ jsxRuntime.jsx(CardProvider, { descriptionId, labelId, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.ActionsRoot, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { ref, ...card({}, className), ...props, children }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(CardProvider, { descriptionId, labelId, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.ActionsRoot, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { ref, ...card({}, className), ...props, children }) }) });
   }
 );
 Card.displayName = "@optiaxiom/react/Card";
@@ -918,7 +708,7 @@ const CardAction = React.forwardRef(
 );
 CardAction.displayName = "@optiaxiom/react/CardAction";
 
-var checkbox = Calendar.recipeRuntime({base:['_15wumcg']});
+var checkbox = Calendar.recipeRuntime({base:['_13gmzz3']});
 
 const CardCheckbox = React.forwardRef(
   ({ className, onChange, ...props }, ref) => {
@@ -959,22 +749,22 @@ const CardFooter = React.forwardRef(
 );
 CardFooter.displayName = "@optiaxiom/react/CardFooter";
 
-var addon$1 = Calendar.recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'ftl8h3',before:'zznslz'}}});
-var content$2 = Calendar.recipeRuntime({base:[{flex:'1'},'_1k258gj']});
-var header = Calendar.recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'mt2n56']});
+var addon$2 = Calendar.recipeRuntime({base:[{flex:'none',gap:'8'}],variants:{slot:{after:'_3qjrwu',before:'_1vl31w4'}}});
+var content$2 = Calendar.recipeRuntime({base:[{flex:'1'},'vftqbf']});
+var header = Calendar.recipeRuntime({base:[{alignSelf:'stretch',gap:'12',justifyContent:'space-between'},'_12oqg9w']});
 
 const CardHeader = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, description, ...props }, ref) => {
     const { descriptionId, labelId } = useCardContext(
       "@optiaxiom/react/CardHeader"
     );
-    return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Flex, { ref, ...header({}, className), ...props, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { ref, ...header({}, className), ...props, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Box, { ...content$2(), children: [
         /* @__PURE__ */ jsxRuntime.jsx(Calendar.Heading, { fontSize: "md", fontWeight: "500", id: labelId, level: "2", children }),
         description && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { color: "fg.tertiary", fontSize: "sm", id: descriptionId, children: description })
       ] }),
-      addonBefore && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { ...addon$1({ slot: "before" }), children: addonBefore }),
-      addonAfter && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { ...addon$1({ slot: "after" }), children: addonAfter })
+      addonBefore && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { ...addon$2({ slot: "before" }), children: addonBefore }),
+      addonAfter && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { ...addon$2({ slot: "after" }), children: addonAfter })
     ] });
   }
 );
@@ -996,8 +786,8 @@ const CardLink = React.forwardRef(
 );
 CardLink.displayName = "@optiaxiom/react/CardLink";
 
-var overlay = Calendar.recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'wtozru']});
-var preview = Calendar.recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'zum6u8']});
+var overlay = Calendar.recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'uu6rrb']});
+var preview = Calendar.recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_169b7it']});
 
 const CardPreview = React.forwardRef(
   ({
@@ -1064,7 +854,7 @@ function cleanup() {
   globals.toaster.clear();
 }
 
-var code = Calendar.recipeRuntime({base:[{fontWeight:'600'},'a8xv8i']});
+var code = Calendar.recipeRuntime({base:[{fontWeight:'600'},'_1s3k2vc']});
 
 const Slot$6 = reactSlot.createSlot("@optiaxiom/react/Code");
 const Code = React.forwardRef(
@@ -1081,15 +871,26 @@ const [DataTableProvider, useDataTableContext] = reactContext.createContext("@op
 const DataTable = React.forwardRef(
   ({ children, table, ...props }, ref) => {
     const [highlightedIndex, setHighlightedIndex] = React.useState(-1);
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { gap: "8", maxH: "full", maxW: "full", ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
-      DataTableProvider,
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Calendar.Group,
       {
-        highlightedIndex,
-        setHighlightedIndex,
-        table,
-        children
+        flexDirection: "column",
+        gap: "8",
+        maxH: "full",
+        maxW: "full",
+        ref,
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          DataTableProvider,
+          {
+            highlightedIndex,
+            setHighlightedIndex,
+            table,
+            children
+          }
+        )
       }
-    ) });
+    );
   }
 );
 DataTable.displayName = "@optiaxiom/react/DataTable";
@@ -1153,12 +954,13 @@ const DataTableAction = React.forwardRef(
 );
 DataTableAction.displayName = "@optiaxiom/react/DataTableAction";
 
-var cell = Calendar.recipeRuntime({base:[{alignItems:'start',display:'flex'},'_1vll2xw'],variants:{pinned:{left:'lz10qw',right:'_1u02suo'},pinnedType:{body:'_7xoinc',header:{}}}});
-var cellOffsetVar = 'var(--_19ll4fd)';
-var cellSizeVar = 'var(--bd9v4x)';
-var leftTotalSizeVar = 'var(--_1ysrcnn)';
-var rightTotalSizeVar = 'var(--_1wvt30t)';
-var totalSizeVar = 'var(--_1x73i60)';
+var cell = Calendar.recipeRuntime({base:[{alignItems:'start',display:'flex'},'_15md1we'],variants:{pinned:{left:'bql7ow',right:'nl4mnl'},pinnedType:{body:'_1vx779r',header:{}},resizable:{false:{},true:'_1rdkkse'}}});
+var cellOffsetVar = 'var(--_1re8nwu)';
+var cellSizeVar = 'var(--_1uk4wp7)';
+var leftTotalSizeVar = 'var(--_1keu7hm)';
+var rightTotalSizeVar = 'var(--ly03ek)';
+var root$1 = Calendar.recipeRuntime({base:[{display:'flex',flexDirection:'column',maxW:'full',overflow:'hidden',rounded:'lg'},'_86qqqc']});
+var totalSizeVar = 'var(--ffi1i4)';
 
 const DataTableRow = React.forwardRef(
   ({ children, index, row, ...props }, outerRef) => {
@@ -1307,7 +1109,7 @@ const getAssociatedControl = (event) => {
 const COL_VIRTUALIZATION_THRESHOLD = 20;
 const ROW_VIRTUALIZATION_THRESHOLD = 20;
 const DataTableBody = React.forwardRef(
-  ({ estimatedRowHeight = 52, loading, ...props }, outerRef) => {
+  ({ className, estimatedRowHeight = 52, loading, style, ...props }, outerRef) => {
     const innerRef = React.useRef(null);
     const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
     const { table } = useDataTableContext("@optiaxiom/react/DataTableBody");
@@ -1327,13 +1129,26 @@ const DataTableBody = React.forwardRef(
     React.useEffect(() => {
       previousRowsRef.current = rows;
     });
+    const scrollContainerRef = React.useRef(null);
+    const calculateScrollTimeline = () => {
+      if (!innerRef.current || !scrollContainerRef.current) {
+        return;
+      }
+      const { offsetWidth, scrollLeft, scrollWidth } = scrollContainerRef.current;
+      if (scrollWidth > offsetWidth) {
+        innerRef.current.dataset.scrollTimeline = scrollLeft === 0 ? "left" : scrollLeft >= scrollWidth - offsetWidth ? "right" : "middle";
+      } else {
+        delete innerRef.current.dataset.scrollTimeline;
+      }
+    };
+    React.useEffect(calculateScrollTimeline, []);
     const centerColumns = table.getCenterVisibleLeafColumns();
     const columnVirtualizer = reactVirtual.useVirtualizer({
       count: centerColumns.length,
       enabled: centerColumns.length > COL_VIRTUALIZATION_THRESHOLD,
       estimateSize: (index) => centerColumns[index].getSize(),
       getItemKey: (index) => centerColumns[index].id,
-      getScrollElement: () => innerRef.current,
+      getScrollElement: () => scrollContainerRef.current,
       horizontal: true
     });
     const virtualColumns = columnVirtualizer.getVirtualItems();
@@ -1343,138 +1158,156 @@ const DataTableBody = React.forwardRef(
       enabled: centerColumns.length > COL_VIRTUALIZATION_THRESHOLD || rows.length > ROW_VIRTUALIZATION_THRESHOLD,
       estimateSize: () => estimatedRowHeight,
       getItemKey: (index) => rows[index].id,
-      getScrollElement: () => innerRef.current
+      getScrollElement: () => scrollContainerRef.current
     });
     const virtualRows = rowVirtualizer.getVirtualItems();
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      Calendar.Table,
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Calendar.Box,
       {
-        layout: "fixed",
         ref,
-        style: dynamic.assignInlineVars({
-          [leftTotalSizeVar]: `${table.getLeftTotalSize()}px`,
-          [rightTotalSizeVar]: `${table.getRightTotalSize()}px`,
-          [totalSizeVar]: `${table.getTotalSize()}`
-        }),
+        style: {
+          ...dynamic.assignInlineVars({
+            [leftTotalSizeVar]: `${table.getLeftTotalSize()}px`,
+            [rightTotalSizeVar]: `${table.getRightTotalSize()}px`,
+            [totalSizeVar]: (table.getHeaderGroups()[0]?.headers.reduce(
+              (sum, header) => sum + (header.column.getCanResize() ? header.getSize() : 0),
+              0
+            ) ?? 0).toString()
+          }),
+          ...style
+        },
+        ...root$1({}, className),
         ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Calendar.TableHeader, { display: "grid", pinned: true, children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxRuntime.jsx(Calendar.TableRow, { display: "flex", children: headerGroup.headers.map((header) => /* @__PURE__ */ jsxRuntime.jsx(
-            Calendar.DataTableHeaderCell,
-            {
-              header,
-              pinned: !!header.column.getIsPinned(),
-              style: {
-                ...dynamic.assignInlineVars({
-                  [cellOffsetVar]: `${header.column.getStart(header.column.getIsPinned() || "left")}px`,
-                  [cellSizeVar]: `${header.getSize()}`
-                })
-              },
-              ...cell({
-                pinned: header.column.getIsPinned() || void 0,
-                pinnedType: header.column.getIsPinned() ? "header" : void 0
-              }),
-              children: header.isPlaceholder ? null : reactTable.flexRender(
-                header.column.columnDef.header,
-                header.getContext()
-              )
-            },
-            header.id
-          )) }, headerGroup.id)) }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Calendar.TableBody,
-            {
-              display: "grid",
-              style: rowVirtualizer.options.enabled ? { height: `${rowVirtualizer.getTotalSize()}px` } : void 0,
-              children: (loading === true ? Array.from({ length: 10 }, (_, rowIndex) => ({
-                row: Calendar.fakeRow(table, rowIndex),
-                virtualRow: void 0
-              })) : rowVirtualizer.options.enabled ? virtualRows.length === 0 && rows.length > 0 ? (
-                /**
-                 * If virtualization was just enabled in this render then
-                 * virtualRows will be empty so we render the rows from the
-                 * previous render instead temporarily.
-                 */
-                previousRowsRef.current.map((row) => ({
-                  row,
-                  virtualRow: void 0
-                }))
-              ) : virtualRows.map((virtualRow) => ({
-                row: rows[virtualRow.index],
-                virtualRow
-              })) : rows.map((row) => ({ row, virtualRow: void 0 }))).map(({ row, virtualRow }, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-                DataTableRow,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          Calendar.Table,
+          {
+            layout: "fixed",
+            onScroll: calculateScrollTimeline,
+            ref: scrollContainerRef,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Calendar.TableHeader, { display: "grid", pinned: true, children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxRuntime.jsx(Calendar.TableRow, { display: "flex", children: headerGroup.headers.map((header) => /* @__PURE__ */ jsxRuntime.jsx(
+                Calendar.DataTableHeaderCell,
                 {
-                  "data-index": virtualRow?.index,
-                  display: "flex",
-                  index: virtualRow?.index ?? index,
-                  ref: virtualRow ? rowVirtualizer.measureElement : void 0,
-                  row,
-                  style: virtualRow ? {
-                    minHeight: virtualRow.size,
-                    position: "absolute",
-                    transform: `translateY(${virtualRow.start}px)`
-                  } : void 0,
-                  children: [
-                    row.getLeftVisibleCells().map((cell$1) => /* @__PURE__ */ jsxRuntime.jsx(
-                      Calendar.TableCell,
-                      {
-                        pinned: true,
-                        style: {
-                          ...dynamic.assignInlineVars({
-                            [cellOffsetVar]: `${cell$1.column.getStart("left")}px`,
-                            [cellSizeVar]: `${cell$1.column.getSize()}`
-                          })
-                        },
-                        ...cell({
-                          pinned: "left",
-                          pinnedType: "body"
-                        }),
-                        children: reactTable.flexRender(cell$1.column.columnDef.cell, cell$1.getContext())
-                      },
-                      cell$1.id
-                    )),
-                    columnVirtualizer.options.enabled && virtualColumnsOffset > 0 && /* @__PURE__ */ jsxRuntime.jsx(Calendar.TableCell, { style: { width: virtualColumnsOffset } }),
-                    (columnVirtualizer.options.enabled ? virtualColumns.map((virtualCell) => {
-                      const cells = row.getCenterVisibleCells();
-                      return cells[virtualCell.index];
-                    }) : row.getCenterVisibleCells()).map((cell$1) => /* @__PURE__ */ jsxRuntime.jsx(
-                      Calendar.TableCell,
-                      {
-                        style: {
-                          ...dynamic.assignInlineVars({
-                            [cellSizeVar]: `${cell$1.column.getSize()}`
-                          })
-                        },
-                        ...cell(),
-                        children: reactTable.flexRender(cell$1.column.columnDef.cell, cell$1.getContext())
-                      },
-                      cell$1.id
-                    )),
-                    row.getRightVisibleCells().map((cell$1) => /* @__PURE__ */ jsxRuntime.jsx(
-                      Calendar.TableCell,
-                      {
-                        pinned: true,
-                        style: {
-                          ...dynamic.assignInlineVars({
-                            [cellOffsetVar]: `${cell$1.column.getStart("right")}px`,
-                            [cellSizeVar]: `${cell$1.column.getSize()}`
-                          })
-                        },
-                        ...cell({
-                          pinned: "right",
-                          pinnedType: "body"
-                        }),
-                        children: reactTable.flexRender(cell$1.column.columnDef.cell, cell$1.getContext())
-                      },
-                      cell$1.id
-                    ))
-                  ]
+                  header,
+                  pinned: !!header.column.getIsPinned(),
+                  style: {
+                    ...dynamic.assignInlineVars({
+                      [cellOffsetVar]: `${header.column.getStart(header.column.getIsPinned() || "left")}px`,
+                      [cellSizeVar]: `${header.getSize()}`
+                    })
+                  },
+                  ...cell({
+                    pinned: header.column.getIsPinned() || void 0,
+                    pinnedType: header.column.getIsPinned() ? "header" : void 0,
+                    resizable: header.column.getCanResize()
+                  }),
+                  children: header.isPlaceholder ? null : reactTable.flexRender(
+                    header.column.columnDef.header,
+                    header.getContext()
+                  )
                 },
-                row.id
-              ))
-            }
-          )
-        ]
+                header.id
+              )) }, headerGroup.id)) }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Calendar.TableBody,
+                {
+                  display: "grid",
+                  style: rowVirtualizer.options.enabled ? { height: `${rowVirtualizer.getTotalSize()}px` } : void 0,
+                  children: (loading === true ? Array.from({ length: 10 }, (_, rowIndex) => ({
+                    row: Calendar.fakeRow(table, rowIndex),
+                    virtualRow: void 0
+                  })) : rowVirtualizer.options.enabled ? virtualRows.length === 0 && rows.length > 0 ? (
+                    /**
+                     * If virtualization was just enabled in this render then
+                     * virtualRows will be empty so we render the rows from the
+                     * previous render instead temporarily.
+                     */
+                    previousRowsRef.current.map((row) => ({
+                      row,
+                      virtualRow: void 0
+                    }))
+                  ) : virtualRows.map((virtualRow) => ({
+                    row: rows[virtualRow.index],
+                    virtualRow
+                  })) : rows.map((row) => ({ row, virtualRow: void 0 }))).map(({ row, virtualRow }, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+                    DataTableRow,
+                    {
+                      "data-index": virtualRow?.index,
+                      display: "flex",
+                      index: virtualRow?.index ?? index,
+                      ref: virtualRow ? rowVirtualizer.measureElement : void 0,
+                      row,
+                      style: virtualRow ? {
+                        position: "absolute",
+                        transform: `translateY(${virtualRow.start}px)`
+                      } : void 0,
+                      children: [
+                        row.getLeftVisibleCells().map((cell$1) => /* @__PURE__ */ jsxRuntime.jsx(
+                          Calendar.TableCell,
+                          {
+                            pinned: true,
+                            style: {
+                              ...dynamic.assignInlineVars({
+                                [cellOffsetVar]: `${cell$1.column.getStart("left")}px`,
+                                [cellSizeVar]: `${cell$1.column.getSize()}`
+                              })
+                            },
+                            ...cell({
+                              pinned: "left",
+                              pinnedType: "body",
+                              resizable: cell$1.column.getCanResize()
+                            }),
+                            children: reactTable.flexRender(cell$1.column.columnDef.cell, cell$1.getContext())
+                          },
+                          cell$1.id
+                        )),
+                        columnVirtualizer.options.enabled && virtualColumnsOffset > 0 && /* @__PURE__ */ jsxRuntime.jsx(Calendar.TableCell, { style: { width: virtualColumnsOffset } }),
+                        (columnVirtualizer.options.enabled ? virtualColumns.map((virtualCell) => {
+                          const cells = row.getCenterVisibleCells();
+                          return cells[virtualCell.index];
+                        }) : row.getCenterVisibleCells()).map((cell$1) => /* @__PURE__ */ jsxRuntime.jsx(
+                          Calendar.TableCell,
+                          {
+                            style: {
+                              ...dynamic.assignInlineVars({
+                                [cellSizeVar]: `${cell$1.column.getSize()}`
+                              })
+                            },
+                            ...cell({
+                              resizable: cell$1.column.getCanResize()
+                            }),
+                            children: reactTable.flexRender(cell$1.column.columnDef.cell, cell$1.getContext())
+                          },
+                          cell$1.id
+                        )),
+                        row.getRightVisibleCells().map((cell$1) => /* @__PURE__ */ jsxRuntime.jsx(
+                          Calendar.TableCell,
+                          {
+                            pinned: true,
+                            style: {
+                              ...dynamic.assignInlineVars({
+                                [cellOffsetVar]: `${cell$1.column.getStart("right")}px`,
+                                [cellSizeVar]: `${cell$1.column.getSize()}`
+                              })
+                            },
+                            ...cell({
+                              pinned: "right",
+                              pinnedType: "body",
+                              resizable: cell$1.column.getCanResize()
+                            }),
+                            children: reactTable.flexRender(cell$1.column.columnDef.cell, cell$1.getContext())
+                          },
+                          cell$1.id
+                        ))
+                      ]
+                    },
+                    row.id
+                  ))
+                }
+              )
+            ]
+          }
+        )
       }
     );
   }
@@ -1562,9 +1395,9 @@ const IconEllipsis = Calendar.withIcon(
   ] })
 );
 
-var button$1 = Calendar.recipeRuntime({base:[{justifyContent:'center'},'eg1lsc']});
-var cursor = Calendar.recipeRuntime({base:[{justifyContent:'center',z:'10'},'_2od59'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list$1 = Calendar.recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_1lhkify']});
+var button$1 = Calendar.recipeRuntime({base:[{justifyContent:'center'},'utlj8n']});
+var cursor = Calendar.recipeRuntime({base:[{justifyContent:'center',z:'10'},'_542uzt'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list$1 = Calendar.recipeRuntime({base:[{gap:'2'},'xzwxml']});
 
 const Pagination = React.forwardRef(
   ({
@@ -1598,7 +1431,7 @@ const Pagination = React.forwardRef(
       cursorRef.current.style.visibility = "visible";
       setTimeout(() => setAnimation(true), 150);
     }, [active]);
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "pagination", ref, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { asChild: true, ...list$1(), children: /* @__PURE__ */ jsxRuntime.jsxs("ul", { children: [
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "pagination", ref, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { asChild: true, ...list$1(), children: /* @__PURE__ */ jsxRuntime.jsxs("ul", { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         Calendar.ButtonRoot,
         {
@@ -1678,7 +1511,7 @@ const Pagination = React.forwardRef(
 );
 Pagination.displayName = "@optiaxiom/react/Pagination";
 
-var addon = Calendar.recipeRuntime({base:'jvi781',variants:{slot:{after:{textAlign:'end'},before:{}}}});
+var addon$1 = Calendar.recipeRuntime({base:'_1gzhtjn',variants:{slot:{after:{textAlign:'end'},before:{}}}});
 
 const DEFAULT_PAGE_SIZES = ["10", "20", "30", "50", "100"].map((size) => ({
   label: size,
@@ -1690,17 +1523,17 @@ const DataTableFooter = React.forwardRef(
     const { pagination } = table.getState();
     const pageSizeId = reactId.useId();
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      Calendar.Flex,
+      Calendar.Group,
       {
         alignSelf: "stretch",
-        flexDirection: "row",
         fontSize: "md",
+        gap: "16",
         justifyContent: "space-between",
         mt: "auto",
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ...addon({ slot: "before" }), children: showPageSizeOptions && /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Flex, { flexDirection: "row", gap: "8", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ...addon$1({ slot: "before" }), children: showPageSizeOptions && /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { gap: "8", children: [
             /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { color: "fg.secondary", id: pageSizeId, children: "Page Size" }),
             /* @__PURE__ */ jsxRuntime.jsxs(
               Calendar.Select,
@@ -1729,7 +1562,7 @@ const DataTableFooter = React.forwardRef(
               total: table.getPageCount()
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { ...addon({ slot: "after" }), children: table.getRowCount() > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { ...addon$1({ slot: "after" }), children: table.getRowCount() > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             pagination.pageIndex * pagination.pageSize + 1,
             " -",
             " ",
@@ -1773,10 +1606,10 @@ const IconCalendar = Calendar.withIcon(
   )
 );
 
-var clear$1 = Calendar.recipeRuntime({base:[{size:'sm'},'_1u7esd']});
-var date = Calendar.recipeRuntime({base:'_1xwbyr6'});
-var input$2 = Calendar.recipeRuntime({base:'_1fl862b'});
-var picker = Calendar.recipeRuntime({base:'_1ty4c5n'});
+var clear$1 = Calendar.recipeRuntime({base:[{size:'sm'},'_177ui45']});
+var date = Calendar.recipeRuntime({base:'w3kj6p'});
+var input$2 = Calendar.recipeRuntime({base:'_4urawi'});
+var picker = Calendar.recipeRuntime({base:'msnp3i'});
 
 const DateInput = React.forwardRef(
   ({
@@ -1997,7 +1830,7 @@ function DateRangePicker({
 }
 DateRangePicker.displayName = "@optiaxiom/react/DateRangePicker";
 
-var panels = Calendar.recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'}]});
+var panels = Calendar.recipeRuntime({base:[{alignItems:'stretch',gap:'0'}]});
 
 const DateRangePickerContent = React.forwardRef(
   ({
@@ -2027,7 +1860,7 @@ const DateRangePickerContent = React.forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(Calendar.VisuallyHidden, { id: labelId, children: ariaLabel || "Calendar" }),
-          /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Flex, { ...panels(), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { ...panels(), children: [
             addonBefore,
             /* @__PURE__ */ jsxRuntime.jsx(
               Calendar.Calendar,
@@ -2127,8 +1960,8 @@ const Disclosure = React.forwardRef(
 );
 Disclosure.displayName = "@optiaxiom/react/Disclosure";
 
-var inner = Calendar.recipeRuntime({base:['_8o73p3']});
-var outer = Calendar.recipeRuntime({base:[{display:'grid'},'by8aox'],variants:{scale:{false:'e6izxx',true:{}}}});
+var inner = Calendar.recipeRuntime({base:['d3d2dr']});
+var outer = Calendar.recipeRuntime({base:[{display:'grid'},'_1t5ewhw'],variants:{scale:{false:'cisbrx',true:{}}}});
 
 const DisclosureContent = React.forwardRef(({ children, hiddenUntilFound, ...props }, ref) => {
   const { open } = useDisclosureContext("@optiaxiom/react/DisclosureContent");
@@ -2152,9 +1985,9 @@ const DisclosureContent = React.forwardRef(({ children, hiddenUntilFound, ...pro
 });
 DisclosureContent.displayName = "@optiaxiom/react/DisclosureContent";
 
-var icon = Calendar.recipeRuntime({base:[{flex:'none',transition:'transform'}],variants:{chevronPosition:{end:'mrp1wx',start:'_11bsc9l'}}});
-var root = Calendar.recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'_3xfbs3']});
-var trigger$1 = Calendar.recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1kqrrcb']});
+var icon = Calendar.recipeRuntime({base:[{flex:'none',transition:'transform'}],variants:{chevronPosition:{end:'k2bemd',start:'_1wffwpb'}}});
+var root = Calendar.recipeRuntime({base:[{fontSize:'md',gap:'8',py:'8',transition:'colors'},'_1unk88s']});
+var trigger$1 = Calendar.recipeRuntime({base:[{fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_156tsfy']});
 
 const Slot$5 = reactSlot.createSlot("@optiaxiom/react/DisclosureTrigger");
 const DisclosureTrigger = React.forwardRef(
@@ -2168,9 +2001,9 @@ const DisclosureTrigger = React.forwardRef(
     ...props
   }, ref) => {
     useDisclosureContext("@optiaxiom/react/DisclosureTrigger");
-    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: [
+    return asChild ? /* @__PURE__ */ jsxRuntime.jsx(Slot$5, { className, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixCollapsible__namespace.Trigger, { asChild: true, children }) }) : /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { 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: [
+      /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { 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, {}) }),
         /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { flex: "1", overflow: "hidden", children }),
         chevronPosition === "end" && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...icon({ chevronPosition }), children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconAngleLeft, {}) })
@@ -2417,7 +2250,7 @@ const FieldLabel = React.forwardRef(
   }, ref) => {
     const inputId = reactId.useId(inputIdProp);
     const labelId = reactId.useId(labelIdProp);
-    return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Flex, { flexDirection: "row", gap: "4", ref, ...props, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { gap: "4", ref, ...props, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         Calendar.Text,
         {
@@ -2450,6 +2283,7 @@ const FieldLabel = React.forwardRef(
         Calendar.Button,
         {
           "aria-label": "Information hover",
+          bg: "transparent",
           border: "0",
           color: "fg.secondary",
           h: "2xs",
@@ -2487,7 +2321,7 @@ const Field = React.forwardRef(
     const descriptionId = reactId.useId();
     const errorId = reactId.useId();
     const labelId = reactId.useId(labelIdProp);
-    return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Flex, { flexDirection: "column", gap: "4", ref, ...props, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { flexDirection: "column", gap: "4", ref, ...props, children: [
       label && /* @__PURE__ */ jsxRuntime.jsx(
         FieldLabel,
         {
@@ -2510,11 +2344,10 @@ const Field = React.forwardRef(
         }
       ),
       error && error !== true && /* @__PURE__ */ jsxRuntime.jsxs(
-        Calendar.Flex,
+        Calendar.Group,
         {
           alignItems: "start",
           color: "fg.error",
-          flexDirection: "row",
           fontSize: "sm",
           gap: "4",
           id: errorId,
@@ -2532,12 +2365,45 @@ const Field = React.forwardRef(
           ]
         }
       ),
-      description && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, color: "fg.tertiary", fontSize: "sm", id: descriptionId, children: Calendar.fallbackSpan(description) })
+      description && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, color: "fg.tertiary", fontSize: "sm", id: descriptionId, children: Calendar.fallbackSpan(description) }),
+      /* @__PURE__ */ jsxRuntime.jsx(Calendar.Suggestion, {})
     ] });
   }
 );
 Field.displayName = "@optiaxiom/react/Field";
 
+const mapDirectionToAlign = {
+  column: "stretch",
+  "column-reverse": "stretch",
+  row: "center",
+  "row-reverse": "center"
+};
+const Flex = React.forwardRef(
+  ({
+    alignItems,
+    display = "flex",
+    flexDirection = "column",
+    gap = "16",
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Calendar.Box,
+      {
+        alignItems: alignItems ?? Calendar.mapResponsiveValue(
+          flexDirection,
+          (value) => mapDirectionToAlign[value]
+        ),
+        display,
+        flexDirection,
+        gap,
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Flex.displayName = "@optiaxiom/react/Flex";
+
 const Grid = React.forwardRef(
   ({ display = "grid", gap = "16", gridTemplateColumns = "1", ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2554,9 +2420,9 @@ const Grid = React.forwardRef(
 );
 Grid.displayName = "@optiaxiom/react/Grid";
 
-var badge = Calendar.recipeRuntime({base:'i74we6',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'v7b8b4']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_122xqse']}}});
-var floating = Calendar.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_1w4wwr7'],variants:{offset:{false:'e28gav',true:{}},position:{'bottom-right':'_167h30d','top-right':'pzawfj'}}});
-var indicator$2 = Calendar.recipeRuntime({base:[{display:'inline-flex'},'_1c4e2sn']});
+var badge = Calendar.recipeRuntime({base:'eunh31',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_2plz6p']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'hoazm1']}}});
+var floating = Calendar.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'lhrzwl'],variants:{offset:{false:'ag7mt',true:{}},position:{'bottom-right':'vhabdq','top-right':'zfh15r'}}});
+var indicator$2 = Calendar.recipeRuntime({base:[{display:'inline-flex',flexDirection:'column',gap:'16'},'m1g14b']});
 
 const Slot$4 = reactSlot.createSlot("@optiaxiom/react/Indicator");
 const Indicator = React.forwardRef(
@@ -2573,7 +2439,7 @@ const Indicator = React.forwardRef(
     variant,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Flex, { ref, ...indicator$2({}, className), ...props, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { ref, ...indicator$2({}, className), ...props, children: [
       children,
       !disabled && /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Box, { ...floating({ offset, position }), children: [
         ping && /* @__PURE__ */ jsxRuntime.jsx(
@@ -2592,7 +2458,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'},'_1cqv6e1'],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'},'afjd6u'],subtle:{}}}});
 
 const platform = typeof navigator !== "undefined" && (navigator.platform.startsWith("Mac") || navigator.platform === "iPhone") ? "mac" : "win";
 const mapModifierToCode = {
@@ -2633,7 +2499,7 @@ const Kbd = React.forwardRef(
 );
 Kbd.displayName = "@optiaxiom/react/Kbd";
 
-var button = Calendar.recipeRuntime({base:[{justifyContent:'space-between'},'_1iwiro3']});
+var button = Calendar.recipeRuntime({base:[{justifyContent:'space-between'},'n5ow0e']});
 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'}}}});
 
@@ -2652,10 +2518,19 @@ const LabelMenuButton = React.forwardRef(
         ...button({}, className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Flex, { gap: "0", overflow: "hidden", textAlign: "start", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { asChild: true, id: labelId, truncate: true, ...label$1({ filled }), children: /* @__PURE__ */ jsxRuntime.jsx(RadixLabel.Label, { children: label }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { id: valueId, truncate: true, ...content$1({ filled }), children: children ?? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\xA0" }) })
-          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            Calendar.Group,
+            {
+              flexDirection: "column",
+              gap: "0",
+              overflow: "hidden",
+              textAlign: "start",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { asChild: true, id: labelId, truncate: true, ...label$1({ filled }), children: /* @__PURE__ */ jsxRuntime.jsx(RadixLabel.Label, { children: label }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { id: valueId, truncate: true, ...content$1({ filled }), children: children ?? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\xA0" }) })
+              ]
+            }
+          ),
           /* @__PURE__ */ jsxRuntime.jsx(Calendar.ButtonAddon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconAngleDown, {}) })
         ]
       }
@@ -2666,72 +2541,63 @@ 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'},'_79uk4']});
+var nav$1 = Calendar.recipeRuntime({base:[{bg:'bg.default',flex:'1',flexDirection:'column',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_1j6hp97']});
 
 const Nav = React.forwardRef(
   ({ children, ...props }, ref) => {
     const { expanded, navId } = useSidebarContext("@optiaxiom/react/Nav");
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Flex,
+      Calendar.Group,
       {
         borderColor: "border.tertiary",
         borderR: "1",
+        flexDirection: "column",
+        gap: "16",
         h: "full",
         ref,
         w: "fit",
         ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { asChild: true, id: navId, w: expanded ? "224" : "56", ...nav$1(), children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Main", children }) })
+        children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { asChild: true, id: navId, w: expanded ? "224" : "56", ...nav$1(), children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Main", children }) })
       }
     );
   }
 );
 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:'_114w83',true:'_11s1cuu'}}});
+var item$1 = Calendar.recipeRuntime({base:{flex:'1',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_1n6doi9',true:'iev13w'}}});
 
 const NavAccountItem = React.forwardRef(({ name, organization, src, ...props }, ref) => {
   const { expanded } = useSidebarContext("@optiaxiom/react/NavAccountItem");
-  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { asChild: true, my: "8", children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
-    Calendar.Flex,
-    {
-      asChild: true,
-      flexDirection: "row",
-      gap: "8",
-      p: "4",
-      textAlign: "start",
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("button", { ref, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Avatar,
-          {
-            "aria-hidden": true,
-            flex: "none",
-            my: "2",
-            name,
-            rounded: "sm",
-            src
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Flex, { ...item$1({ expanded: Boolean(expanded) }), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Flex, { flex: "1", gap: "0", overflowX: "hidden", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { color: "fg.default", fontWeight: "500", truncate: true, children: name }),
-            /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { color: "fg.tertiary", fontSize: "sm", truncate: true, children: organization })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconEllipsis, {}) })
-        ] })
-      ] })
-    }
-  ) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { asChild: true, flexDirection: "column", gap: "16", my: "8", children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { asChild: true, gap: "8", p: "4", textAlign: "start", ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("button", { ref, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Calendar.Avatar,
+      {
+        "aria-hidden": true,
+        flex: "none",
+        my: "2",
+        name,
+        rounded: "sm",
+        src
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { ...item$1({ expanded: Boolean(expanded) }), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { flex: "1", flexDirection: "column", gap: "0", overflowX: "hidden", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { color: "fg.default", fontWeight: "500", truncate: true, children: name }),
+        /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { color: "fg.tertiary", fontSize: "sm", truncate: true, children: organization })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconEllipsis, {}) })
+    ] })
+  ] }) }) }) });
 });
 NavAccountItem.displayName = "@optiaxiom/react/NavAccountItem";
 
-var body = Calendar.recipeRuntime({base:[{flex:'1',gap:'4',justifyContent:'flex-start',overflowX:'hidden',py:'8',w:'full'}],variants:{expanded:{false:{overflowY:'hidden'},true:{overflowY:'auto'}}}});
+var body = Calendar.recipeRuntime({base:[{flex:'1',flexDirection:'column',gap:'4',justifyContent:'flex-start',overflowX:'hidden',py:'8',w:'full'}],variants:{expanded:{false:{overflowY:'hidden'},true:{overflowY:'auto'}}}});
 
 const NavBody = React.forwardRef(
   ({ children, className, ...props }, ref) => {
     const { expanded, spacing } = useSidebarContext("@optiaxiom/react/NavBody");
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Flex,
+      Calendar.Group,
       {
         px: spacing,
         ref,
@@ -2748,8 +2614,9 @@ const NavFooter = React.forwardRef(
   ({ children, ...props }, ref) => {
     const { spacing } = useSidebarContext("@optiaxiom/react/NavFooter");
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Flex,
+      Calendar.Group,
       {
+        flexDirection: "column",
         gap: "8",
         mt: "auto",
         overflowX: "hidden",
@@ -2769,7 +2636,7 @@ const [NavGroupProvider, useNavGroupContext] = reactContext.createContext("@opti
 const NavGroup = React.forwardRef(
   ({ children, collapsible, defaultOpen = true, onOpenChange, open, ...props }, ref) => {
     const groupId = reactId.useId();
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(NavGroupProvider, { collapsible, id: groupId, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { asChild: true, flexDirection: "column", gap: "16", children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(NavGroupProvider, { collapsible, id: groupId, children: /* @__PURE__ */ jsxRuntime.jsx(
       Disclosure,
       {
         alignItems: "stretch",
@@ -2853,13 +2720,13 @@ NavGroupTrigger.displayName = "@optiaxiom/react/NavGroupTrigger";
 const NavHeader = React.forwardRef(
   ({ children, ...props }, ref) => {
     const { spacing } = useSidebarContext("@optiaxiom/react/NavHeader");
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { px: spacing, ref, ...props, children });
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { flexDirection: "column", gap: "16", px: spacing, ref, ...props, children });
   }
 );
 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'},'_18kapw']});
-var label = Calendar.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_1myawgj'],variants:{expanded:{false:'_177p0dj',true:'_1w1zw0'}}});
+var item = Calendar.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'h1csgr']});
+var label = Calendar.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_2a9wp5'],variants:{expanded:{false:'fonqct',true:'_1k8rg9i'}}});
 
 const Slot$3 = reactSlot.createSlot("@optiaxiom/react/NavItem");
 const NavItem = React.forwardRef(
@@ -2887,7 +2754,7 @@ const NavItem = React.forwardRef(
         ] })
       ] });
     });
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { asChild: true, flexDirection: "column", gap: "16", children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
       Calendar.Tooltip,
       {
         content: props["aria-label"] || tooltip,
@@ -2933,8 +2800,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:'_1v57vvb',primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
-var progress = Calendar.recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_9zdspj']});
+var indicator$1 = Calendar.recipeRuntime({base:[{h:'full',rounded:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},opal:'_10p3eyo',primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
+var progress = Calendar.recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_1e9wkhp']});
 
 const Progress = React.forwardRef(
   ({ className, intent = "primary", ...props }, ref) => {
@@ -2959,10 +2826,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'},'yjhisn'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = Calendar.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'j266f6']});
-var input$1 = Calendar.recipeRuntime({base:'cb2ww9'});
-var radio = Calendar.recipeRuntime({base:'pshcv3'});
+var control = Calendar.recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_1ll9vkv'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = Calendar.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_1apgglv']});
+var input$1 = Calendar.recipeRuntime({base:'_3dktxs'});
+var radio = Calendar.recipeRuntime({base:'_1qlmgbn'});
 
 const [RadioGroupProvider, useRadioGroupContext] = reactContext.createContext("@optiaxiom/react/RadioGroup", null);
 
@@ -3036,6 +2903,8 @@ const RadioGroup = React.forwardRef(
     value,
     ...props
   }, ref) => {
+    const surface = Calendar.useSurface("property");
+    const { track } = surface ?? {};
     return /* @__PURE__ */ jsxRuntime.jsx(
       RadioGroupProvider,
       {
@@ -3044,12 +2913,17 @@ const RadioGroup = React.forwardRef(
         name,
         onBlur,
         onChange: (event) => {
+          const newValue = event.target.value;
           onChange?.(event);
-          onValueChange?.(event.target.value);
+          onValueChange?.(newValue);
+          track?.({
+            name: "changed",
+            value: newValue
+          });
         },
         value,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Calendar.Flex,
+          Calendar.Group,
           {
             flexDirection,
             fontSize: "md",
@@ -3068,9 +2942,9 @@ const RadioGroup = React.forwardRef(
 );
 RadioGroup.displayName = "@optiaxiom/react/RadioGroup";
 
-var clear = Calendar.recipeRuntime({base:[{size:'sm'},'_1f8kr5w']});
-var input = Calendar.recipeRuntime({base:'_1pjos8a'});
-var search = Calendar.recipeRuntime({base:'_6vv9yb'});
+var clear = Calendar.recipeRuntime({base:[{size:'sm'},'_1dba9x0']});
+var input = Calendar.recipeRuntime({base:'_5ow2w3'});
+var search = Calendar.recipeRuntime({base:'_13kw1r3'});
 
 const SearchInput = React.forwardRef(
   ({ addonBefore, className, onChange, onValueClear, ...props }, outerRef) => {
@@ -3100,7 +2974,7 @@ const SearchInput = React.forwardRef(
             ...clear()
           }
         ),
-        addonBefore: /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Flex, { flexDirection: "row", gap: "8", children: [
+        addonBefore: /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { gap: "8", children: [
           /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconMagnifyingGlass, {}),
           addonBefore
         ] }),
@@ -3125,7 +2999,7 @@ SearchInput.displayName = "@optiaxiom/react/SearchInput";
 const [SegmentedControlProvider, useSegmentedControlContext] = reactContext.createContext("@optiaxiom/react/SegmentedControl");
 
 const SegmentedControl = React.forwardRef(({ children, type = "single", ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { asChild: true, flexDirection: "row", gap: "0", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixSegmentedControl__namespace.Root, { ref, type, children: /* @__PURE__ */ jsxRuntime.jsx(SegmentedControlProvider, { children }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { asChild: true, gap: "0", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixSegmentedControl__namespace.Root, { ref, type, children: /* @__PURE__ */ jsxRuntime.jsx(SegmentedControlProvider, { children }) }) });
 });
 SegmentedControl.displayName = "@optiaxiom/react/SegmentedControl";
 
@@ -3204,20 +3078,22 @@ 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'},'_1fbigb3']});
+var nav = Calendar.recipeRuntime({base:[{bg:'bg.default',flex:'1',flexDirection:'column',gap:'0',overflow:'hidden',py:'16'},'_1e6jl0b']});
 
 const SubNav = React.forwardRef(
   ({ children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Flex,
+      Calendar.Group,
       {
         borderColor: "border.tertiary",
         borderR: "1",
+        flexDirection: "column",
+        gap: "16",
         h: "full",
         ref,
         w: "fit",
         ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { asChild: true, ...nav(), children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Secondary", children: /* @__PURE__ */ jsxRuntime.jsx(
+        children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { asChild: true, ...nav(), children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Secondary", children: /* @__PURE__ */ jsxRuntime.jsx(
           SidebarProvider,
           {
             expanded: true,
@@ -3234,12 +3110,33 @@ const SubNav = React.forwardRef(
 );
 SubNav.displayName = "@optiaxiom/react/SubNav";
 
-var tabs = Calendar.recipeRuntime({base:[{display:'flex'},'_606gky']});
+var tabs = Calendar.recipeRuntime({base:[{display:'flex'},'_1cmekhh']});
 
 const Tabs = React.forwardRef(
-  ({ children, className, ...props }, ref) => {
+  ({ children, className, onValueChange, ...props }, ref) => {
     const { boxProps, restProps } = Calendar.extractBoxProps(props);
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...tabs({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(RadixTabs__namespace.Root, { ref, ...restProps, children }) });
+    const surface = Calendar.useSurface("tab");
+    const { track } = surface ?? {};
+    const trackStable = Calendar.useEffectEvent(track ?? (() => {
+    }));
+    const [initialValue] = React.useState(props.value);
+    React.useEffect(() => {
+      if (initialValue) {
+        trackStable({ id: initialValue, name: "viewed" });
+      }
+    }, [initialValue, trackStable]);
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...tabs({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(
+      RadixTabs__namespace.Root,
+      {
+        onValueChange: (value) => {
+          onValueChange?.(value);
+          track?.({ id: value, name: "viewed" });
+        },
+        ref,
+        ...restProps,
+        children
+      }
+    ) });
   }
 );
 Tabs.displayName = "@optiaxiom/react/Tabs";
@@ -3251,7 +3148,7 @@ const TabsContent = React.forwardRef(
 );
 TabsContent.displayName = "@optiaxiom/react/TabsContent";
 
-var list = Calendar.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'sxyj0z']});
+var list = Calendar.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'nmu5cl']});
 
 const TabsList = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -3260,15 +3157,15 @@ 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'},'_1x10ce1']});
-var trigger = Calendar.recipeRuntime({base:['dy7lae',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'li7to1']});
+var content = Calendar.recipeRuntime({base:[{gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'_1i1dp6l']});
+var trigger = Calendar.recipeRuntime({base:['_1i5wux2',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_1eqfb31']});
 
 const Slot$2 = reactSlot.createSlot("@optiaxiom/react/TabsTrigger");
 const TabsTrigger = React.forwardRef(
   ({ addonAfter, addonBefore, asChild, children, className, value, ...props }, ref) => {
     const Comp = asChild ? Slot$2 : "button";
     const { boxProps, restProps } = Calendar.extractBoxProps(props);
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...trigger({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(RadixTabs__namespace.Trigger, { asChild: true, ref, value, ...restProps, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { children: Calendar.decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Flex, { ...content(), children: [
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...trigger({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(RadixTabs__namespace.Trigger, { asChild: true, ref, value, ...restProps, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { children: Calendar.decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { ...content(), children: [
       addonBefore,
       children2,
       addonAfter
@@ -3277,9 +3174,11 @@ const TabsTrigger = React.forwardRef(
 );
 TabsTrigger.displayName = "@optiaxiom/react/TabsTrigger";
 
-var shadow = Calendar.recipeRuntime({base:['_1lgk0pw','vybegh']});
-var textarea = Calendar.recipeRuntime({base:['_1lgk0pw','_19w8h4h'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
-var wrapper = Calendar.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_19jur3r','_1p8zwp2'],'2':['_19jur3r','h2xfm5'],'3':['_19jur3r','_3lwhwo'],'4':['_19jur3r','kxizoj'],'5':['_19jur3r','_1564tzu']},resize:{auto:{},none:{},vertical:'zjhvk0'}}});
+var addon = Calendar.recipeRuntime({base:'_1vk6tlu'});
+
+var shadow = Calendar.recipeRuntime({base:['_5nxlt0','ctlzv1']});
+var textarea = Calendar.recipeRuntime({base:['_5nxlt0','_5czp2s'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
+var wrapper = Calendar.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_19j9b9p','_69sboz'],'2':['_19j9b9p','tw2i7z'],'3':['_19j9b9p','_13n1skb'],'4':['_19j9b9p','k5nrnw'],'5':['_19j9b9p','_1hmip18']},resize:{auto:{},none:{},vertical:'_1fm8iaf'}}});
 
 const Slot$1 = reactSlot.createSlot("@optiaxiom/react/TextareaAutosize");
 const TextareaAutosize = React.forwardRef(
@@ -3352,7 +3251,10 @@ const Textarea = React.forwardRef(
         children: [
           addonBefore && /* @__PURE__ */ jsxRuntime.jsx(Calendar.InputAddon, { asChild: true, children: Calendar.fallbackSpan(addonBefore) }),
           /* @__PURE__ */ jsxRuntime.jsx(Calendar.InputControl, { asChild: true, p: "8", size: "lg", ...restProps, children: /* @__PURE__ */ jsxRuntime.jsx(TextareaAutosize, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, rows: props.rows ?? 3, children }) }) }),
-          addonAfter && /* @__PURE__ */ jsxRuntime.jsx(Calendar.InputAddon, { asChild: true, children: Calendar.fallbackSpan(addonAfter) })
+          /* @__PURE__ */ jsxRuntime.jsxs(Calendar.InputAddon, { ...addon(), children: [
+            props.value !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { justifyContent: "end", children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.SuggestionPopover, { currentValue: props.value }) }),
+            addonAfter
+          ] })
         ]
       }
     );
@@ -3367,6 +3269,7 @@ const ToggleButton = React.forwardRef(
 );
 ToggleButton.displayName = "@optiaxiom/react/ToggleButton";
 
+exports.Alert = Calendar.Alert;
 exports.AlertDialog = Calendar.AlertDialog;
 exports.AlertDialogAction = Calendar.AlertDialogAction;
 exports.AlertDialogBody = Calendar.AlertDialogBody;
@@ -3377,6 +3280,8 @@ exports.AlertDialogHeader = Calendar.AlertDialogHeader;
 exports.AlertDialogTrigger = Calendar.AlertDialogTrigger;
 exports.AngleMenuButton = Calendar.AngleMenuButton;
 exports.AuthProvider = Calendar.AuthProvider;
+exports.Avatar = Calendar.Avatar;
+exports.AvatarGroup = Calendar.AvatarGroup;
 exports.Box = Calendar.Box;
 exports.Button = Calendar.Button;
 exports.ButtonGroup = Calendar.ButtonGroup;
@@ -3390,7 +3295,7 @@ exports.DialogFooter = Calendar.DialogFooter;
 exports.DialogForm = Calendar.DialogForm;
 exports.DialogHeader = Calendar.DialogHeader;
 exports.DialogTrigger = Calendar.DialogTrigger;
-exports.Flex = Calendar.Flex;
+exports.Group = Calendar.Group;
 exports.Heading = Calendar.Heading;
 exports.Input = Calendar.Input;
 exports.InputAddon = Calendar.InputAddon;
@@ -3462,9 +3367,6 @@ Object.defineProperty(exports, "tokens", {
   enumerable: true,
   get: function () { return globals.tokens; }
 });
-exports.Alert = Alert;
-exports.Avatar = Avatar;
-exports.AvatarGroup = AvatarGroup;
 exports.AxiomProvider = AxiomProvider;
 exports.Badge = Badge;
 exports.Banner = Banner;
@@ -3505,6 +3407,7 @@ exports.DropdownMenuTrigger = DropdownMenuTrigger;
 exports.EllipsisMenuButton = EllipsisMenuButton;
 exports.Field = Field;
 exports.FieldLabel = FieldLabel;
+exports.Flex = Flex;
 exports.Grid = Grid;
 exports.Indicator = Indicator;
 exports.Kbd = Kbd;