@optiaxiom/react 1.6.1 → 1.6.3

package/dist/cjs/index.js

@@ -4,121 +4,121 @@
 var jsxRuntime = require('react/jsx-runtime');
 var reactId = require('@radix-ui/react-id');
 var React = require('react');
-var Calendar = require('./Calendar-DbWG5itO.js');
+var Calendar = require('./Calendar-CmLh80qh.js');
 var reactSlot = require('@radix-ui/react-slot');
-require('./assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css');
-require('./assets/src/alert/Alert.css.ts.vanilla-Dul-AMvR.css');
+require('./assets/src/layers/layers.css.ts.vanilla-BrROz78w.css');
+require('./assets/src/alert/Alert.css.ts.vanilla-FvAZh5-S.css');
 var RadixAlertDialog = require('@radix-ui/react-alert-dialog');
 var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
 var reactContext = require('@radix-ui/react-context');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
 var dynamic = require('@vanilla-extract/dynamic');
-require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BCYLqTy8.css');
-require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-BtpOTTfb.css');
-require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-CAK36ui2.css');
+require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-C1owoDdx.css');
+require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-DxCXPgJk.css');
+require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-DtGFIQfk.css');
 var RadixAvatar = require('@radix-ui/react-avatar');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-Efgo6GTj.css');
-require('./assets/src/avatar/Avatar.css.ts.vanilla-BKZ6o4Py.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BvQs1MEn.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-c5k5aPi8.css');
 var globals = require('@optiaxiom/globals');
 var RadixToast = require('@radix-ui/react-toast');
-require('./assets/src/toast/ToastProvider.css.ts.vanilla-DbTly2D5.css');
-require('./assets/src/toast/Toast.css.ts.vanilla-B7OwcbeR.css');
+require('./assets/src/toast/ToastProvider.css.ts.vanilla-D1kXyCu8.css');
+require('./assets/src/toast/Toast.css.ts.vanilla-DPsXc0KX.css');
 var shim = require('use-sync-external-store/shim');
-require('./assets/src/badge/Badge.css.ts.vanilla-C547qW_2.css');
-require('./assets/src/banner/Banner.css.ts.vanilla-DwgQ_Cq9.css');
-require('./assets/src/link/Link.css.ts.vanilla-DG37DwjA.css');
-require('./assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-B9CFKpYw.css');
-require('./assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-CPgKqZh1.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-C8jaYW8J.css');
-require('./assets/src/card/Card.css.ts.vanilla-DsCpGMDa.css');
+require('./assets/src/badge/Badge.css.ts.vanilla-DLO7ugDJ.css');
+require('./assets/src/banner/Banner.css.ts.vanilla-DdRuHVds.css');
+require('./assets/src/link/Link.css.ts.vanilla-pxeBI4MD.css');
+require('./assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-g_uI_Rcn.css');
+require('./assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-DQi9M97C.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-D_9kP-US.css');
+require('./assets/src/card/Card.css.ts.vanilla-DSfbl5A4.css');
 var clsx = require('clsx');
-require('./assets/src/card/CardCheckbox.css.ts.vanilla-rNSuRZUb.css');
-require('./assets/src/card/CardHeader.css.ts.vanilla-XeIwDuCi.css');
-require('./assets/src/card/CardPreview.css.ts.vanilla-DIgaN-by.css');
-require('./assets/src/code/Code.css.ts.vanilla-DVR2woJE.css');
+require('./assets/src/card/CardCheckbox.css.ts.vanilla-bRXJUE44.css');
+require('./assets/src/card/CardHeader.css.ts.vanilla-CLpYdz7v.css');
+require('./assets/src/card/CardPreview.css.ts.vanilla-BjUsjoYb.css');
+require('./assets/src/code/Code.css.ts.vanilla-dO91hoO8.css');
 var reactTable = require('@tanstack/react-table');
 var reactVirtual = require('@tanstack/react-virtual');
-require('./assets/src/table/TableRow.css.ts.vanilla-CAO8y3es.css');
-require('./assets/src/data-table/DataTableBody.css.ts.vanilla-Dy_wyoq1.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-XbRWXPbL.css');
+require('./assets/src/data-table/DataTableBody.css.ts.vanilla-C3M6h2y-.css');
 var RadixVisuallyHidden = require('@radix-ui/react-visually-hidden');
-require('./assets/src/pagination/Pagination.css.ts.vanilla-Fme6VNhJ.css');
-require('./assets/src/data-table/DataTableFooter.css.ts.vanilla-YZ-fzoy6.css');
-require('./assets/src/date-input/DateInput.css.ts.vanilla-DqK688DQ.css');
+require('./assets/src/pagination/Pagination.css.ts.vanilla-DhG9kJ83.css');
+require('./assets/src/data-table/DataTableFooter.css.ts.vanilla-wtT_f4PM.css');
+require('./assets/src/date-input/DateInput.css.ts.vanilla-B56bYnBH.css');
 var RadixCollapsible = require('@radix-ui/react-collapsible');
-require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-CoETppVN.css');
-require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-DGbkbF-u.css');
+require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-Cbds0BnK.css');
+require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-53Nc9ZIg.css');
 var RadixMenu = require('@radix-ui/react-dropdown-menu');
 var RadixLabel = require('@radix-ui/react-label');
-require('./assets/src/indicator/Indicator.css.ts.vanilla-BYgxSnsJ.css');
-require('./assets/src/kbd/Kbd.css.ts.vanilla-dxoKZ2MF.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-Efgo6GTj.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-N2E3e5pV.css');
-require('./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-BB1CWwJB.css');
-require('./assets/src/nav/Nav.css.ts.vanilla-bCr2LiEV.css');
-require('./assets/src/nav/NavAccountItem.css.ts.vanilla-dsd0ulH1.css');
-require('./assets/src/nav/NavItem.css.ts.vanilla-Bo_wAD_b.css');
+require('./assets/src/indicator/Indicator.css.ts.vanilla-DZxT7bO9.css');
+require('./assets/src/kbd/Kbd.css.ts.vanilla-B9sAsBB9.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BvQs1MEn.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-XOrWzW6A.css');
+require('./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-CBSARm-n.css');
+require('./assets/src/nav/Nav.css.ts.vanilla-CujWXD4v.css');
+require('./assets/src/nav/NavAccountItem.css.ts.vanilla-CZLX3hKA.css');
+require('./assets/src/nav/NavItem.css.ts.vanilla-CVG6bKL8.css');
 var ProgressPrimitive = require('@radix-ui/react-progress');
-require('./assets/src/progress/Progress.css.ts.vanilla-CMNCIq8h.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-Efgo6GTj.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-VlkxLccC.css');
-require('./assets/src/radio/Radio.css.ts.vanilla-CGq6tpB3.css');
-require('./assets/src/search-input/SearchInput.css.ts.vanilla-EWf8re_b.css');
+require('./assets/src/progress/Progress.css.ts.vanilla-CvG_tdVM.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BvQs1MEn.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-D0EsrWDq.css');
+require('./assets/src/radio/Radio.css.ts.vanilla-DWhpNYKM.css');
+require('./assets/src/search-input/SearchInput.css.ts.vanilla-G5wnmm6P.css');
 var RadixSegmentedControl = require('@radix-ui/react-toggle-group');
-require('./assets/src/sub-nav/SubNav.css.ts.vanilla-GyTm5cAx.css');
+require('./assets/src/sub-nav/SubNav.css.ts.vanilla-ChoFV3p6.css');
 var RadixTabs = require('@radix-ui/react-tabs');
-require('./assets/src/tabs/Tabs.css.ts.vanilla-BeQDYPJJ.css');
-require('./assets/src/tabs/TabsList.css.ts.vanilla-BlcDjPcr.css');
-require('./assets/src/tabs/TabsTrigger.css.ts.vanilla-CKMU_IDM.css');
-require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-C9_1LVq7.css');
+require('./assets/src/tabs/Tabs.css.ts.vanilla-CtLXhad9.css');
+require('./assets/src/tabs/TabsList.css.ts.vanilla-CM435cUx.css');
+require('./assets/src/tabs/TabsTrigger.css.ts.vanilla-C0SspsfK.css');
+require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-BWkYOda7.css');
 var RadixToggle = require('@radix-ui/react-toggle');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-ClekdP9M.css');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-DLWbBYyA.css');
 require('downshift');
-require('./assets/src/input/InputControl.css.ts.vanilla-CLjACe5c.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-CMzF6EXy.css');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-SVKYD4nc.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-eGHihyjg.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-DqAoojOC.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-Dve8dSnu.css');
 require('@radix-ui/react-dialog');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-Efgo6GTj.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-CXCO0AxS.css');
-require('./assets/src/dialog/DialogContent.css.ts.vanilla-BG0pbEf8.css');
-require('./assets/src/dialog/DialogFooter.css.ts.vanilla-B-GXf8Av.css');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-pPuUz8ZH.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BvQs1MEn.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-jE1M_LxS.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-DFmhDt0Q.css');
+require('./assets/src/dialog/DialogFooter.css.ts.vanilla-BEF19Ykk.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-DOqz2bhf.css');
 require('@radix-ui/react-popover');
 require('@radix-ui/react-popper');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-Efgo6GTj.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-B6B7Zi9W.css');
-require('./assets/src/table/Table.css.ts.vanilla-BpX52tie.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-BfhI4c1E.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-tzgjLXSj.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla-BArdi6MT.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-D8UgURxS.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-BrndZ_OH.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BvQs1MEn.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-CGQxuEez.css');
+require('./assets/src/table/Table.css.ts.vanilla-CttZlX3f.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-Du2qYdY5.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-Dn-PcDFp.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-gujCtmn0.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-iuy_9Fo7.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-BoivQXd0.css');
 require('react-day-picker');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-Du3q_yLp.css');
-require('./assets/src/box/Box.css.ts.vanilla-BrjnHY-5.css');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-DrL0EMAU.css');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-Tyvr1INO.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-BJqZoAz7.css');
-require('./assets/src/text/Text.css.ts.vanilla-DkdsN7Z7.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-BXPUynfV.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-BTYo6j-K.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-MXxd5-Qf.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-CndBlSqH.css');
+require('./assets/src/box/Box.css.ts.vanilla-BrOa4W49.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CJ4aEjF1.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-DIMZ_EzU.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-CSd7kuRG.css');
+require('./assets/src/text/Text.css.ts.vanilla-CDyvPSQq.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-DtjVFLRy.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-B6R5Xlsa.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-Dl0lM4W0.css');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-CcL2sqUF.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-BD-NjJbP.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-0EXudvLA.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-hRuAUpVe.css');
 require('@radix-ui/react-dismissable-layer');
 require('@radix-ui/react-focus-guards');
 require('react-remove-scroll');
-require('./assets/src/transition/Transition.css.ts.vanilla-DizxM3RU.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-oX9ZRiry.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-5gEy5jc4.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-DeHprHLc.css');
 require('@radix-ui/react-portal');
 require('@radix-ui/react-tooltip');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-z0IMkTCA.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-8wH_rbL6.css');
-require('./assets/src/calendar/Calendar.css.ts.vanilla-DsZ2Arz4.css');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-DE89CfuP.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-BPD-A61j.css');
-require('./assets/src/calendar/CalendarNav.css.ts.vanilla-BW50gYJ1.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-CqRCXgPw.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-Tza1ItDO.css');
+require('./assets/src/calendar/Calendar.css.ts.vanilla-ya4d6kX0.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-B_G8KSyv.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-DJXYDbM3.css');
+require('./assets/src/calendar/CalendarNav.css.ts.vanilla-Bztj4yWt.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -225,8 +225,8 @@ const IconTriangleExclamationSolid = Calendar.withIcon(
   )
 );
 
-var alert = Calendar.recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'8',justifyContent:'space-between',p:'12',pr:'16',rounded:'md'}],variants:{intent:{danger:{bg:'bg.error.subtle'},information:{bg:'bg.information.subtle'},neutral:{bg:'bg.secondary'},opal:'_1sarsu2',success:{bg:'bg.success.subtle'},warning:{bg:'bg.warning.subtle'}}}});
-var content$5 = Calendar.recipeRuntime({base:[{flex:'1',gap:'8',justifyContent:'center'},'_1i9go3v']});
+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:'cj6z3c',success:{bg:'bg.success.subtle'},warning:{bg:'bg.warning.subtle'}}}});
+var content$5 = Calendar.recipeRuntime({base:[{flex:'1',gap:'8',justifyContent:'center'},'n1dwlj']});
 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 = {
@@ -342,10 +342,10 @@ const AlertDialogCancel = React.forwardRef(({ appearance = "subtle", asChild, ch
 });
 AlertDialogCancel.displayName = "@optiaxiom/react/AlertDialogCancel";
 
-var backdrop = Calendar.recipeRuntime({variants:{hidden:{false:{},true:'xdk9ne'}}});
-var content$4 = Calendar.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'_1komce7'],variants:{size:{sm:'trakrs',md:'q4mb3m',lg:'n73lq'}}});
-var nestedDialogCountVar = 'var(--uk5lij)';
-var root$2 = Calendar.recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_1kkv13d']});
+var backdrop = Calendar.recipeRuntime({variants:{hidden:{false:{},true:'gt9x2g'}}});
+var content$4 = Calendar.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'sw0tus'],variants:{size:{sm:'_1xkp1oo',md:'_14z07ks',lg:'v82mnx'}}});
+var nestedDialogCountVar = 'var(--_11lme61)';
+var root$2 = Calendar.recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'u14t6b']});
 
 const AlertDialogContent = React.forwardRef(({ children, size = "sm", style, ...props }, outerRef) => {
   const { nestedDialogCount, open, presence, setPresence } = useAlertDialogContext("@optiaxiom/react/AlertDialogContent");
@@ -404,14 +404,14 @@ const AlertDialogContent = React.forwardRef(({ children, size = "sm", style, ...
 });
 AlertDialogContent.displayName = "@optiaxiom/react/AlertDialogContent";
 
-var footer = Calendar.recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_1883owg']});
+var footer = Calendar.recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_63em0p']});
 
 const AlertDialogFooter = React.forwardRef(({ children, className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Calendar.ButtonProvider, { size: "lg", children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { ...footer({}, className), ref, ...props, children }) });
 });
 AlertDialogFooter.displayName = "@optiaxiom/react/AlertDialogFooter";
 
-var header$1 = Calendar.recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'8',p:'24',pb:'16',z:'10'},'_15cbcgg']});
+var header$1 = Calendar.recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'8',p:'24',pb:'16',z:'10'},'_1y8jril']});
 
 const AlertDialogHeader = React.forwardRef(({ addonBefore, children, className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Flex, { ref, ...header$1({}, className), ...props, children: [
@@ -426,6 +426,95 @@ const AlertDialogTrigger = React.forwardRef(({ asChild, children, ...props }, re
 });
 AlertDialogTrigger.displayName = "@optiaxiom/react/AlertDialogTrigger";
 
+function useUncontrolled({
+  value,
+  defaultValue,
+  finalValue,
+  onChange = () => {
+  }
+}) {
+  const [uncontrolledValue, setUncontrolledValue] = React.useState(
+    defaultValue !== void 0 ? defaultValue : finalValue
+  );
+  const handleUncontrolledChange = (val, ...payload) => {
+    setUncontrolledValue(val);
+    onChange?.(val, ...payload);
+  };
+  if (value !== void 0) {
+    return [value, onChange, true];
+  }
+  return [uncontrolledValue, handleUncontrolledChange, false];
+}
+
+function range(start, end) {
+  const length = end - start + 1;
+  return Array.from({ length }, (_, index) => index + start);
+}
+const DOTS = "dots";
+function usePagination({
+  total,
+  siblings = 1,
+  boundaries = 1,
+  page,
+  initialPage = 1,
+  onChange
+}) {
+  const _total = Math.max(Math.trunc(total), 0);
+  const [activePage, setActivePage] = useUncontrolled({
+    value: page,
+    onChange,
+    defaultValue: initialPage,
+    finalValue: initialPage
+  });
+  const setPage = (pageNumber) => {
+    if (pageNumber <= 0) {
+      setActivePage(1);
+    } else if (pageNumber > _total) {
+      setActivePage(_total);
+    } else {
+      setActivePage(pageNumber);
+    }
+  };
+  const next = () => setPage(activePage + 1);
+  const previous = () => setPage(activePage - 1);
+  const first = () => setPage(1);
+  const last = () => setPage(_total);
+  const paginationRange = React.useMemo(() => {
+    const totalPageNumbers = siblings * 2 + 3 + boundaries * 2;
+    if (totalPageNumbers >= _total) {
+      return range(1, _total);
+    }
+    const leftSiblingIndex = Math.max(activePage - siblings, boundaries);
+    const rightSiblingIndex = Math.min(activePage + siblings, _total - boundaries);
+    const shouldShowLeftDots = leftSiblingIndex > boundaries + 2;
+    const shouldShowRightDots = rightSiblingIndex < _total - (boundaries + 1);
+    if (!shouldShowLeftDots && shouldShowRightDots) {
+      const leftItemCount = siblings * 2 + boundaries + 2;
+      return [...range(1, leftItemCount), DOTS, ...range(_total - (boundaries - 1), _total)];
+    }
+    if (shouldShowLeftDots && !shouldShowRightDots) {
+      const rightItemCount = boundaries + 1 + 2 * siblings;
+      return [...range(1, boundaries), DOTS, ...range(_total - rightItemCount, _total)];
+    }
+    return [
+      ...range(1, boundaries),
+      DOTS,
+      ...range(leftSiblingIndex, rightSiblingIndex),
+      DOTS,
+      ...range(_total - boundaries + 1, _total)
+    ];
+  }, [_total, siblings, activePage]);
+  return {
+    range: paginationRange,
+    active: activePage,
+    setPage,
+    next,
+    previous,
+    first,
+    last
+  };
+}
+
 const IconUserSolid = Calendar.withIcon(
   {
     name: "IconUserSolid",
@@ -456,7 +545,7 @@ const IconUsersSolid = Calendar.withIcon(
   )
 );
 
-var avatar = Calendar.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_1pfzz3t'],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'},'xiitzo'],xs:[{fontWeight:'400',size:'xs'},'_1y3ived'],sm:[{size:'sm'},'cbps4u'],md:[{size:'md'},'_19d1mrd'],lg:[{size:'lg'},'aj7jqw'],xl:[{size:'xl'},'n5gmam'],'3xl':[{size:'3xl'},'_4es1wu']}}});
+var avatar = Calendar.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_1n7c6i4'],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'},'_1daadda'],xs:[{fontWeight:'400',size:'xs'},'_1fpoukn'],sm:[{size:'sm'},'_13u7lpq'],md:[{size:'md'},'_1x90omc'],lg:[{size:'lg'},'hzw1up'],xl:[{size:'xl'},'_1u90o1x'],'3xl':[{size:'3xl'},'_1yijrvi']}}});
 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'}}}});
 
@@ -506,7 +595,7 @@ const Avatar = React.forwardRef(
 );
 Avatar.displayName = "@optiaxiom/react/Avatar";
 
-var avatarGroup = Calendar.recipeRuntime({base:['_11pmdg3',{display:'flex'}]});
+var avatarGroup = Calendar.recipeRuntime({base:['_9tksd',{display:'flex'}]});
 
 const AvatarGroup = React.forwardRef(
   ({ children, className, size = "md", ...props }, ref) => {
@@ -517,8 +606,8 @@ AvatarGroup.displayName = "@optiaxiom/react/AvatarGroup";
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom.laxzld';
-var reset = 'optiaxiom._1vk8q8q';
+var components = 'optiaxiom._1ft57dn';
+var reset = 'optiaxiom.vw4p36';
 var theme = 'optiaxiom.theme';
 
 var layers_css = /*#__PURE__*/Object.freeze({
@@ -568,9 +657,9 @@ function ThemeProvider({ children }) {
 }
 ThemeProvider.displayName = "@optiaxiom/react/ThemeProvider";
 
-var icon$3 = Calendar.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1xafbsr']});
-var offsetVar = 'var(--_4wuhz6)';
-var root$1 = Calendar.recipeRuntime({base:['_13fjpbl',{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']},'_19yw2vt'],variants:{intent:{danger:'uax9wq',information:'_17a7n6v',neutral:'_1n3b2wo',success:'m9l0mo',warning:'_1b3v496'}}});
+var icon$3 = Calendar.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'ekhiil']});
+var offsetVar = 'var(--_14he6mk)';
+var root$1 = Calendar.recipeRuntime({base:['_11d9x0q',{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']},'tcilsn'],variants:{intent:{danger:'f67asl',information:'_6kmbm2',neutral:'_10vmq8d',success:'_1c0bgg2',warning:'_19m4oc1'}}});
 
 const mapIntentToIcon$1 = {
   danger: IconCircleExclamationSolid,
@@ -628,95 +717,6 @@ const Toast = React.forwardRef(
 );
 Toast.displayName = "@optiaxiom/react/Toast";
 
-function useUncontrolled({
-  value,
-  defaultValue,
-  finalValue,
-  onChange = () => {
-  }
-}) {
-  const [uncontrolledValue, setUncontrolledValue] = React.useState(
-    defaultValue !== void 0 ? defaultValue : finalValue
-  );
-  const handleUncontrolledChange = (val, ...payload) => {
-    setUncontrolledValue(val);
-    onChange?.(val, ...payload);
-  };
-  if (value !== void 0) {
-    return [value, onChange, true];
-  }
-  return [uncontrolledValue, handleUncontrolledChange, false];
-}
-
-function range(start, end) {
-  const length = end - start + 1;
-  return Array.from({ length }, (_, index) => index + start);
-}
-const DOTS = "dots";
-function usePagination({
-  total,
-  siblings = 1,
-  boundaries = 1,
-  page,
-  initialPage = 1,
-  onChange
-}) {
-  const _total = Math.max(Math.trunc(total), 0);
-  const [activePage, setActivePage] = useUncontrolled({
-    value: page,
-    onChange,
-    defaultValue: initialPage,
-    finalValue: initialPage
-  });
-  const setPage = (pageNumber) => {
-    if (pageNumber <= 0) {
-      setActivePage(1);
-    } else if (pageNumber > _total) {
-      setActivePage(_total);
-    } else {
-      setActivePage(pageNumber);
-    }
-  };
-  const next = () => setPage(activePage + 1);
-  const previous = () => setPage(activePage - 1);
-  const first = () => setPage(1);
-  const last = () => setPage(_total);
-  const paginationRange = React.useMemo(() => {
-    const totalPageNumbers = siblings * 2 + 3 + boundaries * 2;
-    if (totalPageNumbers >= _total) {
-      return range(1, _total);
-    }
-    const leftSiblingIndex = Math.max(activePage - siblings, boundaries);
-    const rightSiblingIndex = Math.min(activePage + siblings, _total - boundaries);
-    const shouldShowLeftDots = leftSiblingIndex > boundaries + 2;
-    const shouldShowRightDots = rightSiblingIndex < _total - (boundaries + 1);
-    if (!shouldShowLeftDots && shouldShowRightDots) {
-      const leftItemCount = siblings * 2 + boundaries + 2;
-      return [...range(1, leftItemCount), DOTS, ...range(_total - (boundaries - 1), _total)];
-    }
-    if (shouldShowLeftDots && !shouldShowRightDots) {
-      const rightItemCount = boundaries + 1 + 2 * siblings;
-      return [...range(1, boundaries), DOTS, ...range(_total - rightItemCount, _total)];
-    }
-    return [
-      ...range(1, boundaries),
-      DOTS,
-      ...range(leftSiblingIndex, rightSiblingIndex),
-      DOTS,
-      ...range(_total - boundaries + 1, _total)
-    ];
-  }, [_total, siblings, activePage]);
-  return {
-    range: paginationRange,
-    active: activePage,
-    setPage,
-    next,
-    previous,
-    first,
-    last
-  };
-}
-
 const ToastAction = React.forwardRef(
   ({ altText, appearance = "inverse", children, size = "sm", ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -728,7 +728,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'},'rwj5wm'],variants:{position:{bottom:'_1b2a4yj','bottom-left':'_10dxknc','bottom-right':['right-scroll-bar-position','_1239m6q'],top:'w6qgmz','top-left':'_8h2ace','top-right':['right-scroll-bar-position','_10wwogv']}}});
+var viewport = Calendar.recipeRuntime({base:[{gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_134dfbf'],variants:{position:{bottom:'e8ovkc','bottom-left':'_39tgrc','bottom-right':['right-scroll-bar-position','_1oecnoc'],top:'wuyx07','top-left':'_1v30glj','top-right':['right-scroll-bar-position','rtx27k']}}});
 
 const ToastTitle = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -857,7 +857,7 @@ function AxiomProvider({
 }
 AxiomProvider.displayName = "@optiaxiom/react/AxiomProvider";
 
-var badge$1 = Calendar.recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_1trpf5g'],variants:{intent:{danger:'_19gqeoo',information:'_1ra99to',neutral:'ydhnt3',primary:'_1pfp93v',success:'okl7lb',warning:'_1hu9t1s'},variant:{strong:'_1l0opup',subtle:'vaij4f'}}});
+var badge$1 = Calendar.recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_1d3hn0m'],variants:{intent:{danger:'pjoo5l',information:'_9n0pi',neutral:'t6x7k0',primary:'_1bjqu18',success:'_10fpbk1',warning:'_1ynib8w'},variant:{strong:'_11zo2zp',subtle:'_1izepbq'}}});
 
 const Slot$7 = reactSlot.createSlot("@optiaxiom/react/Badge");
 const Badge = React.forwardRef(
@@ -884,7 +884,7 @@ const Badge = React.forwardRef(
 Badge.displayName = "@optiaxiom/react/Badge";
 
 var banner = Calendar.recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'12',justifyContent:'space-between',px:'24',py:'12'}],variants:{intent:{danger:{bg:'bg.error.light'},information:{bg:'bg.information.light'},neutral:{bg:'bg.tertiary'},success:{bg:'bg.success.light'},warning:{bg:'bg.warning.light'}}}});
-var content$3 = Calendar.recipeRuntime({base:[{flex:'1',gap:'8',justifyContent:'center'},'x3p8l3']});
+var content$3 = Calendar.recipeRuntime({base:[{flex:'1',gap:'8',justifyContent:'center'},'_1h1qpoe']});
 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 = {
@@ -978,8 +978,8 @@ const IconUpRightFromSquare = Calendar.withIcon(
   ] })
 );
 
-var icon$1 = Calendar.recipeRuntime({base:[{display:'inline-flex',ml:'4'},'uq1pz6']});
-var link$1 = Calendar.recipeRuntime({base:['_14y23nz'],variants:{appearance:{'default':'_1sow5bj',inverse:'_1ncsp1z',subtle:'wm13ev'}}});
+var icon$1 = Calendar.recipeRuntime({base:[{display:'inline-flex',ml:'4'},'vp5yx7']});
+var link$1 = Calendar.recipeRuntime({base:['lsoflt'],variants:{appearance:{'default':'_1g4dmiu',inverse:'_1tntljw',subtle:'imdpk1'}}});
 
 const Slot$6 = reactSlot.createSlot("@optiaxiom/react/Link");
 const Link = React.forwardRef(
@@ -1017,10 +1017,10 @@ const Link = React.forwardRef(
 );
 Link.displayName = "@optiaxiom/react/Link";
 
-var link = Calendar.recipeRuntime({base:'_18pqz96'});
-var list$2 = Calendar.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'sob532']});
+var link = Calendar.recipeRuntime({base:'_1lio28z'});
+var list$2 = Calendar.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'n1gohk']});
 
-var item$2 = Calendar.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'_6weamy']});
+var item$2 = Calendar.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'_11q6ce8']});
 
 const BreadcrumbNode = React.forwardRef(
   ({ addonAfter, children, className, ...props }, ref) => {
@@ -1084,7 +1084,7 @@ const renderItems = (items, limit = items.length, renderItem) => {
   ];
 };
 
-var card = Calendar.recipeRuntime({base:['_13vrr0u',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',p:'16'},'a3ziku']});
+var card = Calendar.recipeRuntime({base:['_1w1e67r',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',p:'16'},'_1m534q0']});
 
 const [CardProvider, useCardContext] = reactContext.createContext("@optiaxiom/react/Card");
 
@@ -1104,7 +1104,7 @@ const CardAction = React.forwardRef(
 );
 CardAction.displayName = "@optiaxiom/react/CardAction";
 
-var checkbox = Calendar.recipeRuntime({base:['_1nkzfiv']});
+var checkbox = Calendar.recipeRuntime({base:['xt74iu']});
 
 const CardCheckbox = React.forwardRef(
   ({ className, onChange, ...props }, ref) => {
@@ -1145,9 +1145,9 @@ const CardFooter = React.forwardRef(
 );
 CardFooter.displayName = "@optiaxiom/react/CardFooter";
 
-var addon$1 = Calendar.recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'_4p2xgz',before:'fn1889'}}});
-var content$2 = Calendar.recipeRuntime({base:[{flex:'1'},'lxk8hh']});
-var header = Calendar.recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'m4aems']});
+var addon$1 = Calendar.recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'_12e12xq',before:'rjpogw'}}});
+var content$2 = Calendar.recipeRuntime({base:[{flex:'1'},'bpj82f']});
+var header = Calendar.recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'o6pogg']});
 
 const CardHeader = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, description, ...props }, ref) => {
@@ -1182,8 +1182,8 @@ const CardLink = React.forwardRef(
 );
 CardLink.displayName = "@optiaxiom/react/CardLink";
 
-var overlay = Calendar.recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'j1xcun']});
-var preview = Calendar.recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_1d5xi0o']});
+var overlay = Calendar.recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'l6nzre']});
+var preview = Calendar.recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_1jyfk10']});
 
 const CardPreview = React.forwardRef(
   ({
@@ -1245,7 +1245,7 @@ const CardPreview = React.forwardRef(
 );
 CardPreview.displayName = "@optiaxiom/react/CardPreview";
 
-var code = Calendar.recipeRuntime({base:[{fontWeight:'600'},'_1t9292h']});
+var code = Calendar.recipeRuntime({base:[{fontWeight:'600'},'o7oh3t']});
 
 const Slot$5 = reactSlot.createSlot("@optiaxiom/react/Code");
 const Code = React.forwardRef(
@@ -1372,13 +1372,12 @@ const DataTableAction = React.forwardRef(
 );
 DataTableAction.displayName = "@optiaxiom/react/DataTableAction";
 
-var cell = Calendar.recipeRuntime({base:[{alignItems:'start',display:'flex'},'keuq6o'],variants:{pinned:{left:'on7q1t',right:'_1bt9oyj'},pinnedType:{body:'g78von',header:{}}}});
-var cellOffsetVar = 'var(--bfx946)';
-var cellSizeVar = 'var(--_1dythr6)';
-var leftTotalSizeVar = 'var(--ec12r6)';
-var rightTotalSizeVar = 'var(--_1izjqm9)';
-var table = Calendar.recipeRuntime({base:'_18vmaa9',variants:{pinned:{both:'_103w8gl',left:'_1szh8dn',none:{},right:'_1fqxpml'}}});
-var totalSizeVar = 'var(--_1kjcvtk)';
+var cell = Calendar.recipeRuntime({base:[{alignItems:'start',display:'flex'},'pvl02y'],variants:{pinned:{left:'_12ee53g',right:'_1m725zr'},pinnedType:{body:'l9v18q',header:{}}}});
+var cellOffsetVar = 'var(--_19aqbw4)';
+var cellSizeVar = 'var(--_7klnv1)';
+var leftTotalSizeVar = 'var(--_1cmv9kx)';
+var rightTotalSizeVar = 'var(--_4wnxsx)';
+var totalSizeVar = 'var(--b9s1zz)';
 
 const DataTableRow = React.forwardRef(
   ({ children, index, row, ...props }, outerRef) => {
@@ -1527,12 +1526,12 @@ const getAssociatedControl = (event) => {
 const COL_VIRTUALIZATION_THRESHOLD = 20;
 const ROW_VIRTUALIZATION_THRESHOLD = 20;
 const DataTableBody = React.forwardRef(
-  ({ className, estimatedRowHeight = 52, loading, ...props }, outerRef) => {
+  ({ estimatedRowHeight = 52, loading, ...props }, outerRef) => {
     const innerRef = React.useRef(null);
     const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
-    const { table: table$1 } = useDataTableContext("@optiaxiom/react/DataTableBody");
-    const { rows } = table$1.getRowModel();
-    const centerColumns = table$1.getCenterVisibleLeafColumns();
+    const { table } = useDataTableContext("@optiaxiom/react/DataTableBody");
+    const { rows } = table.getRowModel();
+    const centerColumns = table.getCenterVisibleLeafColumns();
     const columnVirtualizer = reactVirtual.useVirtualizer({
       count: centerColumns.length,
       enabled: centerColumns.length > COL_VIRTUALIZATION_THRESHOLD,
@@ -1554,19 +1553,13 @@ const DataTableBody = React.forwardRef(
         layout: "fixed",
         ref,
         style: dynamic.assignInlineVars({
-          [leftTotalSizeVar]: `${table$1.getLeftTotalSize()}px`,
-          [rightTotalSizeVar]: `${table$1.getRightTotalSize()}px`,
-          [totalSizeVar]: `${table$1.getTotalSize()}`
+          [leftTotalSizeVar]: `${table.getLeftTotalSize()}px`,
+          [rightTotalSizeVar]: `${table.getRightTotalSize()}px`,
+          [totalSizeVar]: `${table.getTotalSize()}`
         }),
-        ...table(
-          {
-            pinned: table$1.getLeftTotalSize() > 0 && table$1.getRightTotalSize() > 0 ? "both" : table$1.getLeftTotalSize() > 0 ? "left" : table$1.getRightTotalSize() > 0 ? "right" : "none"
-          },
-          className
-        ),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Calendar.TableHeader, { display: "grid", pinned: true, children: table$1.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxRuntime.jsx(Calendar.TableRow, { display: "flex", children: headerGroup.headers.map((header) => /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__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,
@@ -1594,7 +1587,7 @@ const DataTableBody = React.forwardRef(
               display: "grid",
               style: rowVirtualizer.options.enabled ? { height: `${rowVirtualizer.getTotalSize()}px` } : void 0,
               children: (loading ? Array.from({ length: 10 }, (_, rowIndex) => ({
-                row: fakeRow(table$1, rowIndex),
+                row: fakeRow(table, rowIndex),
                 virtualRow: void 0
               })) : rowVirtualizer.options.enabled ? rowVirtualizer.getVirtualItems().map((virtualRow) => ({
                 row: rows[virtualRow.index],
@@ -1762,9 +1755,9 @@ const IconEllipsis = Calendar.withIcon(
   ] })
 );
 
-var button$1 = Calendar.recipeRuntime({base:[{justifyContent:'center'},'c4bc3l']});
-var cursor = Calendar.recipeRuntime({base:[{justifyContent:'center',z:'10'},'_1gjjxvg'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list$1 = Calendar.recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_1v30nm4']});
+var button$1 = Calendar.recipeRuntime({base:[{justifyContent:'center'},'rdmkbm']});
+var cursor = Calendar.recipeRuntime({base:[{justifyContent:'center',z:'10'},'p44lju'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list$1 = Calendar.recipeRuntime({base:[{flexDirection:'row',gap:'2'},'orqyn5']});
 
 const Pagination = React.forwardRef(
   ({
@@ -1878,7 +1871,7 @@ const Pagination = React.forwardRef(
 );
 Pagination.displayName = "@optiaxiom/react/Pagination";
 
-var addon = Calendar.recipeRuntime({base:'_1v6rnrj',variants:{position:{end:{textAlign:'end'},start:{}}}});
+var addon = Calendar.recipeRuntime({base:'_11itrma',variants:{position:{end:{textAlign:'end'},start:{}}}});
 
 const DEFAULT_PAGE_SIZES = ["10", "20", "30", "50", "100"].map((size) => ({
   label: size,
@@ -1973,10 +1966,10 @@ const IconCalendar = Calendar.withIcon(
   )
 );
 
-var clear$1 = Calendar.recipeRuntime({base:[{size:'sm'},'x2ayol']});
-var date = Calendar.recipeRuntime({base:'_1ot4mxs'});
-var input$2 = Calendar.recipeRuntime({base:'_41hsgi'});
-var picker = Calendar.recipeRuntime({base:'_696bh5'});
+var clear$1 = Calendar.recipeRuntime({base:[{size:'sm'},'qcgqoc']});
+var date = Calendar.recipeRuntime({base:'lxuufw'});
+var input$2 = Calendar.recipeRuntime({base:'n1rprm'});
+var picker = Calendar.recipeRuntime({base:'_1fij3mt'});
 
 const DateInput = React.forwardRef(
   ({
@@ -2014,7 +2007,7 @@ const DateInput = React.forwardRef(
       /* @__PURE__ */ jsxRuntime.jsx(Calendar.PopoverAnchor, { children: /* @__PURE__ */ jsxRuntime.jsx(
         Calendar.Input,
         {
-          addonAfter: value && !props.required && /* @__PURE__ */ jsxRuntime.jsx(
+          addonAfter: value && !props.readOnly && !props.required && /* @__PURE__ */ jsxRuntime.jsx(
             Calendar.Button,
             {
               appearance: "subtle",
@@ -2033,6 +2026,11 @@ const DateInput = React.forwardRef(
             {
               "aria-label": "Show date picker",
               asChild: true,
+              onClick: (event) => {
+                if (props.readOnly) {
+                  event.preventDefault();
+                }
+              },
               ref: pickerRef,
               role: "img",
               ...picker(),
@@ -2057,7 +2055,9 @@ const DateInput = React.forwardRef(
             if (CSS.supports("selector(::-webkit-datetime-edit)")) {
               if (e.key === " ") {
                 e.preventDefault();
-                setOpen(true);
+                if (!props.readOnly) {
+                  setOpen(true);
+                }
               } else if (e.key === "Escape") {
                 e.preventDefault();
                 setOpen(false);
@@ -2319,8 +2319,8 @@ const Disclosure = React.forwardRef(
 );
 Disclosure.displayName = "@optiaxiom/react/Disclosure";
 
-var inner = Calendar.recipeRuntime({base:['_1ys5kus']});
-var outer = Calendar.recipeRuntime({base:[{display:'grid'},'tyhskd'],variants:{scale:{false:'y9ctog',true:{}}}});
+var inner = Calendar.recipeRuntime({base:['_1fhn067']});
+var outer = Calendar.recipeRuntime({base:[{display:'grid'},'u3c7a5'],variants:{scale:{false:'_1gcbf2i',true:{}}}});
 
 const DisclosureContent = React.forwardRef(({ children, hiddenUntilFound, ...props }, ref) => {
   const { open } = useDisclosureContext("@optiaxiom/react/DisclosureContent");
@@ -2344,9 +2344,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:'_1vtyvfo',start:'oqg9p0'}}});
-var root = Calendar.recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'_1wyvnm7']});
-var trigger$1 = Calendar.recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1g9fo7g']});
+var icon = Calendar.recipeRuntime({base:[{flex:'none',transition:'transform'}],variants:{chevronPosition:{end:'_1i8ze0m',start:'_1skvdlm'}}});
+var root = Calendar.recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'_1jvn3jq']});
+var trigger$1 = Calendar.recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1cdlz1o']});
 
 const DisclosureTrigger = React.forwardRef(
   ({
@@ -2733,9 +2733,9 @@ const Grid = React.forwardRef((props, ref) => {
 });
 Grid.displayName = "@optiaxiom/react/Grid";
 
-var badge = Calendar.recipeRuntime({base:'_1my8ouf',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_11tlsvj']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'jh8ede']}}});
-var floating = Calendar.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_19lhfbj'],variants:{offset:{false:'_4m1h2z',true:{}},position:{'bottom-right':'_1h01xec','top-right':'j1wnwl'}}});
-var indicator$2 = Calendar.recipeRuntime({base:[{display:'inline-flex'},'_1jywehe']});
+var badge = Calendar.recipeRuntime({base:'p94opd',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_78301v']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1kxz25e']}}});
+var floating = Calendar.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_1k8mqya'],variants:{offset:{false:'_37iuhj',true:{}},position:{'bottom-right':'_1b8lz2k','top-right':'_1je6jvi'}}});
+var indicator$2 = Calendar.recipeRuntime({base:[{display:'inline-flex'},'_1c8y9bv']});
 
 const Slot$4 = reactSlot.createSlot("@optiaxiom/react/Indicator");
 const Indicator = React.forwardRef(
@@ -2771,7 +2771,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'},'_837scg'],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'},'_238hvw'],subtle:{}}}});
 
 const platform = typeof navigator !== "undefined" && (navigator.platform.startsWith("Mac") || navigator.platform === "iPhone") ? "mac" : "win";
 const mapModifierToCode = {
@@ -2810,7 +2810,7 @@ const Kbd = React.forwardRef(
 );
 Kbd.displayName = "@optiaxiom/react/Kbd";
 
-var button = Calendar.recipeRuntime({base:[{justifyContent:'space-between'},'_1uvolp8']});
+var button = Calendar.recipeRuntime({base:[{justifyContent:'space-between'},'_1s405ed']});
 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'}}}});
 
@@ -2843,7 +2843,7 @@ LabelMenuButton.displayName = "@optiaxiom/react/LabelMenuButton";
 
 const [SidebarProvider, useSidebarContext] = reactContext.createContext("@optiaxiom/react/Sidebar");
 
-var nav$1 = Calendar.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_1jdtrj0']});
+var nav$1 = Calendar.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_52sno6']});
 
 const Nav = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -2864,7 +2864,7 @@ const Nav = React.forwardRef(
 );
 Nav.displayName = "@optiaxiom/react/Nav";
 
-var item$1 = Calendar.recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_1afwmxz',true:'_1llh3kx'}}});
+var item$1 = Calendar.recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'zkoqf2',true:'mfrr9h'}}});
 
 const NavAccountItem = React.forwardRef(({ name, organization, src, ...props }, ref) => {
   const { expanded } = useSidebarContext("@optiaxiom/react/NavAccountItem");
@@ -3035,8 +3035,8 @@ const NavHeader = React.forwardRef(
 );
 NavHeader.displayName = "@optiaxiom/react/NavHeader";
 
-var item = Calendar.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_1t2cral']});
-var label = Calendar.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'z519v2'],variants:{expanded:{false:'ownjnn',true:'_1vb82nl'}}});
+var item = Calendar.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'xy5roc']});
+var label = Calendar.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_1fkiwzb'],variants:{expanded:{false:'_1s45g1s',true:'_6nfypk'}}});
 
 const Slot$3 = reactSlot.createSlot("@optiaxiom/react/NavItem");
 const NavItem = React.forwardRef(
@@ -3111,7 +3111,7 @@ const NavSeparator = React.forwardRef(
 NavSeparator.displayName = "@optiaxiom/react/NavSeparator";
 
 var indicator$1 = Calendar.recipeRuntime({base:[{h:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
-var progress = Calendar.recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'f6x7w1']});
+var progress = Calendar.recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_79k902']});
 
 const Progress = React.forwardRef(
   ({ className, intent = "primary", ...props }, ref) => {
@@ -3135,10 +3135,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'},'fama8'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = Calendar.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_5vtp22']});
-var input$1 = Calendar.recipeRuntime({base:'o19qp1'});
-var radio = Calendar.recipeRuntime({base:'_18uh6o7'});
+var control = Calendar.recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_1ui1e03'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = Calendar.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'a41jv8']});
+var input$1 = Calendar.recipeRuntime({base:'nmxua4'});
+var radio = Calendar.recipeRuntime({base:'_1cdiozq'});
 
 const [RadioGroupProvider, useRadioGroupContext] = reactContext.createContext("@optiaxiom/react/RadioGroup", null);
 
@@ -3244,9 +3244,9 @@ const RadioGroup = React.forwardRef(
 );
 RadioGroup.displayName = "@optiaxiom/react/RadioGroup";
 
-var clear = Calendar.recipeRuntime({base:[{size:'sm'},'_1c7rxb0']});
-var input = Calendar.recipeRuntime({base:'zc4abn'});
-var search = Calendar.recipeRuntime({base:'blxich'});
+var clear = Calendar.recipeRuntime({base:[{size:'sm'},'s66mgb']});
+var input = Calendar.recipeRuntime({base:'jj5cor'});
+var search = Calendar.recipeRuntime({base:'_16bo8cx'});
 
 const SearchInput = React.forwardRef(
   ({ addonBefore, className, onChange, onValueClear, ...props }, outerRef) => {
@@ -3380,7 +3380,7 @@ const SidebarToggle = React.forwardRef(
 );
 SidebarToggle.displayName = "@optiaxiom/react/SidebarToggle";
 
-var nav = Calendar.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'_16bpqds']});
+var nav = Calendar.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'_1vcrpy8']});
 
 const SubNav = React.forwardRef(
   ({ children, ...props }, ref) => {
@@ -3410,7 +3410,7 @@ const SubNav = React.forwardRef(
 );
 SubNav.displayName = "@optiaxiom/react/SubNav";
 
-var tabs = Calendar.recipeRuntime({base:[{display:'flex'},'_1x2p2v']});
+var tabs = Calendar.recipeRuntime({base:[{display:'flex'},'x36w9p']});
 
 const Tabs = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -3427,7 +3427,7 @@ const TabsContent = React.forwardRef(
 );
 TabsContent.displayName = "@optiaxiom/react/TabsContent";
 
-var list = Calendar.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'vv1dyp']});
+var list = Calendar.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'sb7akf']});
 
 const TabsList = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -3436,8 +3436,8 @@ const TabsList = React.forwardRef(
 );
 TabsList.displayName = "@optiaxiom/react/TabsList";
 
-var content = Calendar.recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'_1p0gqff']});
-var trigger = Calendar.recipeRuntime({base:['rvj03l',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'t81a6o']});
+var content = Calendar.recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'_13t7ej5']});
+var trigger = Calendar.recipeRuntime({base:['_6cduva',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'wvbma1']});
 
 const Slot$2 = reactSlot.createSlot("@optiaxiom/react/TabsTrigger");
 const TabsTrigger = React.forwardRef(
@@ -3453,9 +3453,9 @@ const TabsTrigger = React.forwardRef(
 );
 TabsTrigger.displayName = "@optiaxiom/react/TabsTrigger";
 
-var shadow = Calendar.recipeRuntime({base:['_93id4u','_1hbhlk9']});
-var textarea = Calendar.recipeRuntime({base:['_93id4u','uv9tmk'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
-var wrapper = Calendar.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1jqaqsy','_25a3s1'],'2':['_1jqaqsy','qf1z09'],'3':['_1jqaqsy','vaf3e5'],'4':['_1jqaqsy','_8lgke8'],'5':['_1jqaqsy','_1p9m2gf']},resize:{auto:{},none:{},vertical:'_1o81xp'}}});
+var shadow = Calendar.recipeRuntime({base:['f7y778','_5zfe1t']});
+var textarea = Calendar.recipeRuntime({base:['f7y778','_1s1xv9a'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
+var wrapper = Calendar.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['adg6lq','_1l1byff'],'2':['adg6lq','_1vsjt6s'],'3':['adg6lq','bp595l'],'4':['adg6lq','prncon'],'5':['adg6lq','m9w61y']},resize:{auto:{},none:{},vertical:'ctk7lq'}}});
 
 const Slot$1 = reactSlot.createSlot("@optiaxiom/react/TextareaAutosize");
 const TextareaAutosize = React.forwardRef(
@@ -3544,6 +3544,7 @@ const ToggleButton = React.forwardRef(
 ToggleButton.displayName = "@optiaxiom/react/ToggleButton";
 
 exports.AngleMenuButton = Calendar.AngleMenuButton;
+exports.AuthProvider = Calendar.AuthProvider;
 exports.Box = Calendar.Box;
 exports.Button = Calendar.Button;
 exports.ButtonGroup = Calendar.ButtonGroup;
@@ -3612,6 +3613,7 @@ exports.mapResponsiveValue = Calendar.mapResponsiveValue;
 exports.normalizeResponsiveValue = Calendar.normalizeResponsiveValue;
 exports.sprinkles = Calendar.sprinkles;
 exports.sprinklesMerge = Calendar.sprinklesMerge;
+exports.useAuthContext = Calendar.useAuthContext;
 exports.useModalContext = Calendar.useModalContext;
 exports.vars = Calendar.vars;
 Object.defineProperty(exports, "createToaster", {