@optiaxiom/react 1.5.12 → 1.6.1

package/dist/cjs/index.js

@@ -4,113 +4,121 @@
 var jsxRuntime = require('react/jsx-runtime');
 var reactId = require('@radix-ui/react-id');
 var React = require('react');
-var IconMagnifyingGlass = require('./IconMagnifyingGlass-D8vtCTv8.js');
+var Calendar = require('./Calendar-DbWG5itO.js');
 var reactSlot = require('@radix-ui/react-slot');
-require('./assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css');
-require('./assets/src/alert/Alert.css.ts.vanilla-B7h_yFuM.css');
+require('./assets/src/layers/layers.css.ts.vanilla-zWd2qt2J.css');
+require('./assets/src/alert/Alert.css.ts.vanilla-Dul-AMvR.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-B4feTMLC.css');
-require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-s53b04Z2.css');
-require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-56qu1R0j.css');
+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');
 var RadixAvatar = require('@radix-ui/react-avatar');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-K3l0nH6T.css');
-require('./assets/src/avatar/Avatar.css.ts.vanilla-BGhTiWoU.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-Efgo6GTj.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-BKZ6o4Py.css');
 var globals = require('@optiaxiom/globals');
 var RadixToast = require('@radix-ui/react-toast');
-require('./assets/src/toast/ToastProvider.css.ts.vanilla-BX_FmYj8.css');
-require('./assets/src/toast/Toast.css.ts.vanilla-BE2UiRiM.css');
+require('./assets/src/toast/ToastProvider.css.ts.vanilla-DbTly2D5.css');
+require('./assets/src/toast/Toast.css.ts.vanilla-B7OwcbeR.css');
 var shim = require('use-sync-external-store/shim');
-require('./assets/src/badge/Badge.css.ts.vanilla-bZMSkRwm.css');
-require('./assets/src/banner/Banner.css.ts.vanilla-jZ9ac4Uz.css');
-require('./assets/src/code/Code.css.ts.vanilla-Ck8rEd-O.css');
+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');
+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');
 var reactTable = require('@tanstack/react-table');
 var reactVirtual = require('@tanstack/react-virtual');
-require('./assets/src/table/TableRow.css.ts.vanilla-BvEQe29g.css');
-require('./assets/src/data-table/DataTableBody.css.ts.vanilla-B26OoBSh.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-CAO8y3es.css');
+require('./assets/src/data-table/DataTableBody.css.ts.vanilla-Dy_wyoq1.css');
 var RadixVisuallyHidden = require('@radix-ui/react-visually-hidden');
-var clsx = require('clsx');
-require('./assets/src/pagination/Pagination.css.ts.vanilla--zPaPkSP.css');
-require('./assets/src/data-table/DataTableFooter.css.ts.vanilla-DxDLw-Ui.css');
-require('./assets/src/date-input/DateInput.css.ts.vanilla-kWm-j_lk.css');
+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');
 var RadixCollapsible = require('@radix-ui/react-collapsible');
-require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-DT81rVtB.css');
-require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-Cp3Y3AhR.css');
+require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-CoETppVN.css');
+require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-DGbkbF-u.css');
 var RadixMenu = require('@radix-ui/react-dropdown-menu');
 var RadixLabel = require('@radix-ui/react-label');
-require('./assets/src/indicator/Indicator.css.ts.vanilla-BAYk07S8.css');
-require('./assets/src/kbd/Kbd.css.ts.vanilla-DVoNXiqH.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-K3l0nH6T.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-BG5to307.css');
-require('./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-CPYMqtT2.css');
-require('./assets/src/nav/Nav.css.ts.vanilla-ByjIMN9O.css');
-require('./assets/src/nav/NavAccountItem.css.ts.vanilla-BziyUkfn.css');
-require('./assets/src/nav/NavItem.css.ts.vanilla-M4eCoxUx.css');
+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');
 var ProgressPrimitive = require('@radix-ui/react-progress');
-require('./assets/src/progress/Progress.css.ts.vanilla-9-3QEZYO.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-K3l0nH6T.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-C2jvsiCc.css');
-require('./assets/src/radio/Radio.css.ts.vanilla-Dh4mAtuW.css');
-require('./assets/src/search-input/SearchInput.css.ts.vanilla-CIizjMmy.css');
+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');
 var RadixSegmentedControl = require('@radix-ui/react-toggle-group');
-require('./assets/src/sub-nav/SubNav.css.ts.vanilla-C_zxxYQa.css');
+require('./assets/src/sub-nav/SubNav.css.ts.vanilla-GyTm5cAx.css');
 var RadixTabs = require('@radix-ui/react-tabs');
-require('./assets/src/tabs/Tabs.css.ts.vanilla-CIcsofMy.css');
-require('./assets/src/tabs/TabsList.css.ts.vanilla-DG8LI6sU.css');
-require('./assets/src/tabs/TabsTrigger.css.ts.vanilla-BFCNQ5BZ.css');
-require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-DmZTbvW3.css');
+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');
 var RadixToggle = require('@radix-ui/react-toggle');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-K3l0nH6T.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-DTr9eRBE.css');
-require('./assets/src/table/Table.css.ts.vanilla-B5fXVTLH.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-YEb1Og4p.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-BZhgU46E.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla-B625b2V0.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-BM0lcH63.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-Ct6nicA8.css');
-require('react-day-picker');
-require('@radix-ui/react-popper');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-ClekdP9M.css');
 require('downshift');
-require('@radix-ui/react-tooltip');
-require('./assets/src/calendar/Calendar.css.ts.vanilla-kMJUc7NJ.css');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-RZa63GHY.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-Br8fuywW.css');
-require('./assets/src/calendar/CalendarNav.css.ts.vanilla-CwDIoSC_.css');
-require('./assets/src/input/InputControl.css.ts.vanilla-BSTjbqi6.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-DPGbXYA8.css');
+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('@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('@radix-ui/react-popover');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-wVgUnaJz.css');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-Do3aVO0U.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-DLC3uNn3.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-DWVzcUNa.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla--JWwyvlJ.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-8phcKv_U.css');
+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('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('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-C5usFFY5.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-BmPqyXXI.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-bFaHbs2i.css');
-require('@radix-ui/react-dialog');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-K3l0nH6T.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-DiBXDt_-.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-CcL2sqUF.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-BD-NjJbP.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('@radix-ui/react-portal');
-require('./assets/src/dialog/DialogContent.css.ts.vanilla-CRMcitky.css');
-require('./assets/src/dialog/DialogFooter.css.ts.vanilla-CNlvDxcq.css');
-require('./assets/src/text/Text.css.ts.vanilla-CBt1-R9H.css');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-CdzDxpmh.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-CYepgMdX.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-DaCr50R7.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-fwzto6JB.css');
-require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-BCr4StHC.css');
-require('./assets/src/box/Box.css.ts.vanilla-jA6luvmM.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-a4tx-RQ7.css');
-require('./assets/src/link/Link.css.ts.vanilla-DyhepTCa.css');
+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');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -140,7 +148,7 @@ var RadixSegmentedControl__namespace = /*#__PURE__*/_interopNamespaceDefault(Rad
 var RadixTabs__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixTabs);
 var RadixToggle__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixToggle);
 
-const IconCircleCheckSolid = IconMagnifyingGlass.withIcon(
+const IconCircleCheckSolid = Calendar.withIcon(
   {
     name: "IconCircleCheckSolid",
     viewBox: "0 0 512 512"
@@ -155,7 +163,7 @@ const IconCircleCheckSolid = IconMagnifyingGlass.withIcon(
   )
 );
 
-const IconCircleExclamationSolid = IconMagnifyingGlass.withIcon(
+const IconCircleExclamationSolid = Calendar.withIcon(
   {
     name: "IconCircleExclamationSolid",
     viewBox: "0 0 512 512"
@@ -170,7 +178,7 @@ const IconCircleExclamationSolid = IconMagnifyingGlass.withIcon(
   )
 );
 
-const IconCircleInfoSolid = IconMagnifyingGlass.withIcon(
+const IconCircleInfoSolid = Calendar.withIcon(
   {
     name: "IconCircleInfoSolid",
     viewBox: "0 0 512 512"
@@ -185,10 +193,10 @@ const IconCircleInfoSolid = IconMagnifyingGlass.withIcon(
   )
 );
 
-const Slot$6 = reactSlot.createSlot("@optiaxiom/react/IconOpal");
+const Slot$8 = reactSlot.createSlot("@optiaxiom/react/IconOpal");
 const IconOpal = React.forwardRef(
   ({ asChild, ...props }, ref) => {
-    const Comp = asChild ? Slot$6 : "img";
+    const Comp = asChild ? Slot$8 : "img";
     return /* @__PURE__ */ jsxRuntime.jsx(
       Comp,
       {
@@ -202,7 +210,7 @@ const IconOpal = React.forwardRef(
 );
 IconOpal.displayName = "@optiaxiom/react/IconOpal";
 
-const IconTriangleExclamationSolid = IconMagnifyingGlass.withIcon(
+const IconTriangleExclamationSolid = Calendar.withIcon(
   {
     name: "IconTriangleExclamationSolid",
     viewBox: "0 0 512 512"
@@ -217,9 +225,9 @@ const IconTriangleExclamationSolid = IconMagnifyingGlass.withIcon(
   )
 );
 
-var alert = IconMagnifyingGlass.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:'mjvxly',success:{bg:'bg.success.subtle'},warning:{bg:'bg.warning.subtle'}}}});
-var content$4 = IconMagnifyingGlass.recipeRuntime({base:[{flex:'1',gap:'8',justifyContent:'center'},'_1f38oj5']});
-var icon$4 = IconMagnifyingGlass.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'}}}});
+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 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,
@@ -233,7 +241,7 @@ const Alert = React.forwardRef(
   ({ children, className, intent = "neutral", onDismiss, ...props }, ref) => {
     const labelId = reactId.useId();
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      IconMagnifyingGlass.Flex,
+      Calendar.Flex,
       {
         "aria-labelledby": labelId,
         ref,
@@ -241,16 +249,16 @@ const Alert = React.forwardRef(
         ...alert({ intent }, className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Icon, { asChild: true, ...icon$4({ intent }), children: React.createElement(mapIntentToIcon$2[intent]) }),
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { id: labelId, ...content$4(), 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$5(), children }),
           !!onDismiss && /* @__PURE__ */ jsxRuntime.jsx(
-            IconMagnifyingGlass.Button,
+            Calendar.Button,
             {
               appearance: "subtle",
               "aria-label": "close",
               color: "fg.default",
               flex: "none",
-              icon: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconX, {}),
+              icon: /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconX, {}),
               onClick: onDismiss,
               size: "sm"
             }
@@ -278,11 +286,11 @@ function AlertDialog({
     prop: openProp
   });
   const [presence, setPresence] = React.useState(false);
-  const [nestedDialogCount, setNestedDialogCount] = IconMagnifyingGlass.useNestedDialogCount(
+  const [nestedDialogCount, setNestedDialogCount] = Calendar.useNestedDialogCount(
     "AlertDialog",
     open
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.NestedDialogProvider, { onCountChange: setNestedDialogCount, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.NestedDialogProvider, { onCountChange: setNestedDialogCount, children: /* @__PURE__ */ jsxRuntime.jsx(
     RadixAlertDialog__namespace.Root,
     {
       onOpenChange: setOpen,
@@ -296,7 +304,7 @@ function AlertDialog({
           presence,
           setPresence,
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.FocusBookmarkRestore, {}) }),
+            /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.FocusBookmarkRestore, {}) }),
             children
           ]
         }
@@ -307,13 +315,13 @@ function AlertDialog({
 AlertDialog.displayName = "@optiaxiom/react/AlertDialog";
 
 const AlertDialogAction = React.forwardRef(({ appearance = "danger", asChild, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Action, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Button, { appearance, children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Action, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(Calendar.Button, { appearance, children }) });
 });
 AlertDialogAction.displayName = "@optiaxiom/react/AlertDialogAction";
 
 const AlertDialogBody = React.forwardRef(
   ({ children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    IconMagnifyingGlass.Flex,
+    Calendar.Flex,
     {
       asChild: true,
       flex: "1",
@@ -330,28 +338,28 @@ const AlertDialogBody = React.forwardRef(
 AlertDialogBody.displayName = "@optiaxiom/react/AlertDialogBody";
 
 const AlertDialogCancel = React.forwardRef(({ appearance = "subtle", asChild, children = "Cancel", ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Cancel, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Button, { appearance, children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Cancel, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(Calendar.Button, { appearance, children }) });
 });
 AlertDialogCancel.displayName = "@optiaxiom/react/AlertDialogCancel";
 
-var backdrop = IconMagnifyingGlass.recipeRuntime({variants:{hidden:{false:{},true:'_2v7l56'}}});
-var content$3 = IconMagnifyingGlass.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'_1lf912p'],variants:{size:{sm:'p3yoce',md:'a7vpgg',lg:'xjugti'}}});
-var nestedDialogCountVar = 'var(--q5vldz)';
-var root$2 = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_7tz1wd']});
+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']});
 
 const AlertDialogContent = React.forwardRef(({ children, size = "sm", style, ...props }, outerRef) => {
   const { nestedDialogCount, open, presence, setPresence } = useAlertDialogContext("@optiaxiom/react/AlertDialogContent");
   const innerRef = React.useRef(null);
   const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    IconMagnifyingGlass.TransitionGroup,
+    Calendar.TransitionGroup,
     {
       onPresenceChange: setPresence,
       open,
       presence,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Portal, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Transition, { children: /* @__PURE__ */ jsxRuntime.jsx(
-          IconMagnifyingGlass.Backdrop,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Portal, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Calendar.Transition, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          Calendar.Backdrop,
           {
             asChild: true,
             onClick: () => {
@@ -370,10 +378,10 @@ const AlertDialogContent = React.forwardRef(({ children, size = "sm", style, ...
             children: /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Overlay, {})
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { ...root$2(), children: [
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { flex: "1", pointerEvents: "none" }),
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Transition, { type: "pop", children: /* @__PURE__ */ jsxRuntime.jsx(
-            IconMagnifyingGlass.Paper,
+        /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Flex, { ...root$2(), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { flex: "1", pointerEvents: "none" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Transition, { type: "pop", children: /* @__PURE__ */ jsxRuntime.jsx(
+            Calendar.Paper,
             {
               asChild: true,
               elevation: "dialog",
@@ -383,12 +391,12 @@ const AlertDialogContent = React.forwardRef(({ children, size = "sm", style, ...
                 }),
                 ...style
               },
-              ...content$3({ size }),
-              children: /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Content, { ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ModalProvider, { shardRef: innerRef, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.FocusBookmarkProvider, { containerRef: innerRef, children }) }) })
+              ...content$4({ size }),
+              children: /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Content, { ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.ModalProvider, { shardRef: innerRef, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.FocusBookmarkProvider, { containerRef: innerRef, children }) }) })
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { flex: "1", pointerEvents: "none" }),
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { flex: "1", pointerEvents: "none" })
+          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { flex: "1", pointerEvents: "none" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { flex: "1", pointerEvents: "none" })
         ] })
       ] })
     }
@@ -396,29 +404,29 @@ const AlertDialogContent = React.forwardRef(({ children, size = "sm", style, ...
 });
 AlertDialogContent.displayName = "@optiaxiom/react/AlertDialogContent";
 
-var footer = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_1uxwl15']});
+var footer = Calendar.recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_1883owg']});
 
 const AlertDialogFooter = React.forwardRef(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ButtonProvider, { size: "lg", children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { ...footer({}, className), ref, ...props, children }) });
+  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 = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'8',p:'24',pb:'16',z:'10'},'_1i7w8qn']});
+var header$1 = Calendar.recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'8',p:'24',pb:'16',z:'10'},'_15cbcgg']});
 
 const AlertDialogHeader = React.forwardRef(({ addonBefore, children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { ref, ...header({}, className), ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Icon, { asChild: true, color: "fg.error", children: addonBefore ? IconMagnifyingGlass.fallbackSpan(addonBefore) : /* @__PURE__ */ jsxRuntime.jsx(IconTriangleExclamationSolid, {}) }),
-    /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Heading, { asChild: true, color: "fg.default", fontWeight: "500", level: "3", children: /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Title, { children }) })
+  return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Flex, { ref, ...header$1({}, className), ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Calendar.Icon, { asChild: true, color: "fg.error", children: addonBefore && Calendar.fallbackSpan(addonBefore) }),
+    /* @__PURE__ */ jsxRuntime.jsx(Calendar.Heading, { asChild: true, color: "fg.default", fontWeight: "500", level: "3", children: /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Title, { children }) })
   ] });
 });
 AlertDialogHeader.displayName = "@optiaxiom/react/AlertDialogHeader";
 
 const AlertDialogTrigger = React.forwardRef(({ asChild, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Trigger, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Button, { children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(RadixAlertDialog__namespace.Trigger, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(Calendar.Button, { children }) });
 });
 AlertDialogTrigger.displayName = "@optiaxiom/react/AlertDialogTrigger";
 
-const IconUserSolid = IconMagnifyingGlass.withIcon(
+const IconUserSolid = Calendar.withIcon(
   {
     name: "IconUserSolid",
     viewBox: "0 0 448 512"
@@ -433,7 +441,7 @@ const IconUserSolid = IconMagnifyingGlass.withIcon(
   )
 );
 
-const IconUsersSolid = IconMagnifyingGlass.withIcon(
+const IconUsersSolid = Calendar.withIcon(
   {
     name: "IconUsersSolid",
     viewBox: "0 0 640 512"
@@ -448,9 +456,9 @@ const IconUsersSolid = IconMagnifyingGlass.withIcon(
   )
 );
 
-var avatar = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'a4shgo'],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'},'c7u37w'],xs:[{fontWeight:'400',size:'xs'},'sj2wwb'],sm:[{size:'sm'},'fpg0qx'],md:[{size:'md'},'_1pld0z6'],lg:[{size:'lg'},'_16gshtg'],xl:[{size:'xl'},'mzs1q9'],'3xl':[{size:'3xl'},'hljspv']}}});
-var fallback = IconMagnifyingGlass.recipeRuntime({base:{alignItems:'center',display:'flex',justifyContent:'center',rounded:'inherit',size:'full',textTransform:'uppercase'}});
-var icon$3 = IconMagnifyingGlass.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'}}}});
+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 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 });
 
@@ -483,14 +491,14 @@ const Avatar = React.forwardRef(
       src = "opal";
     }
     return /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Box,
+      Calendar.Box,
       {
         asChild: true,
         ...avatar({ colorScheme, size }, className),
         ...props,
         children: /* @__PURE__ */ jsxRuntime.jsxs(RadixAvatar__namespace.Root, { ref, children: [
-          src && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.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(IconMagnifyingGlass.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(IconMagnifyingGlass.Box, { asChild: true, ...icon$3({ size }), children: mapFallbackToIcon[fallback$1] }) }) })
+          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] }) }) })
         ] })
       }
     );
@@ -498,19 +506,19 @@ const Avatar = React.forwardRef(
 );
 Avatar.displayName = "@optiaxiom/react/Avatar";
 
-var avatarGroup = IconMagnifyingGlass.recipeRuntime({base:['zha0a9',{display:'flex'}]});
+var avatarGroup = Calendar.recipeRuntime({base:['_11pmdg3',{display:'flex'}]});
 
 const AvatarGroup = React.forwardRef(
   ({ children, className, size = "md", ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { ref, ...avatarGroup({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(AvatarProvider, { size, children }) });
+    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.fbhvlw';
-var reset = 'optiaxiom._1ju463d';
+var components = 'optiaxiom.laxzld';
+var reset = 'optiaxiom._1vk8q8q';
 var theme = 'optiaxiom.theme';
 
 var layers_css = /*#__PURE__*/Object.freeze({
@@ -538,7 +546,7 @@ function ThemeProvider({ children }) {
       setContainer(root);
     }
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.PortalProvider, { container, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.PortalProvider, { container, children: [
     /* @__PURE__ */ jsxRuntime.jsx("style", { ref, children: `
         @layer ${theme} {
           ${selector} {
@@ -560,9 +568,9 @@ function ThemeProvider({ children }) {
 }
 ThemeProvider.displayName = "@optiaxiom/react/ThemeProvider";
 
-var icon$2 = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'ayzywl']});
-var offsetVar = 'var(--rpl6qk)';
-var root$1 = IconMagnifyingGlass.recipeRuntime({base:['_14s2a9s',{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']},'_5qyzij'],variants:{intent:{danger:'_1i7497u',information:'yle49q',neutral:'og0ny1',success:'_1wl4ype',warning:'cmrmad'}}});
+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'}}});
 
 const mapIntentToIcon$1 = {
   danger: IconCircleExclamationSolid,
@@ -573,11 +581,11 @@ const mapIntentToIcon$1 = {
 };
 const Toast = React.forwardRef(
   ({ children, className, intent = "neutral", onOpenChange, style, ...props }, outerRef) => {
-    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
+    const { boxProps, restProps } = Calendar.extractBoxProps(props);
     const context = globals.useToastProviderContext("@optiaxiom/react/Toast");
     const ref = reactComposeRefs.useComposedRefs(outerRef, context.toastRef);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Box,
+      Calendar.Box,
       {
         asChild: true,
         style: {
@@ -600,14 +608,14 @@ const Toast = React.forwardRef(
             ref,
             ...restProps,
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Icon, { asChild: true, ...icon$2(), children: React.createElement(mapIntentToIcon$1[intent]) }),
+              /* @__PURE__ */ jsxRuntime.jsx(Calendar.Icon, { asChild: true, ...icon$3(), children: React.createElement(mapIntentToIcon$1[intent]) }),
               children,
               /* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-                IconMagnifyingGlass.Button,
+                Calendar.Button,
                 {
                   appearance: "inverse",
                   "aria-label": "close",
-                  icon: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconX, {}),
+                  icon: /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconX, {}),
                   size: "sm"
                 }
               ) })
@@ -712,19 +720,19 @@ function usePagination({
 const ToastAction = React.forwardRef(
   ({ altText, appearance = "inverse", children, size = "sm", ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Separator, { alignSelf: "center", h: "sm", ml: "12", orientation: "vertical" }),
-      /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Button, { appearance, asChild: true, size, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Action, { altText, ref, children }) })
+      /* @__PURE__ */ jsxRuntime.jsx(Calendar.Separator, { alignSelf: "center", h: "sm", ml: "12", orientation: "vertical" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Calendar.Button, { appearance, asChild: true, size, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Action, { altText, ref, children }) })
     ] });
   }
 );
 ToastAction.displayName = "@optiaxiom/react/ToastAction";
 
 var gap = '16';
-var viewport = IconMagnifyingGlass.recipeRuntime({base:[{gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_1e6bjnr'],variants:{position:{bottom:'v4oso0','bottom-left':'xpax21','bottom-right':['right-scroll-bar-position','g6t70f'],top:'cemedr','top-left':'re4sm0','top-right':['right-scroll-bar-position','_16dhzzj']}}});
+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']}}});
 
 const ToastTitle = React.forwardRef(
   ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Text, { asChild: true, flex: "1", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Title, { ref, children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { asChild: true, flex: "1", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Title, { ref, children }) });
   }
 );
 ToastTitle.displayName = "@optiaxiom/react/ToastTitle";
@@ -780,7 +788,7 @@ const ToastProvider = React.forwardRef(
     toaster: toasterProp = globals.toaster,
     ...props
   }, outerRef) => {
-    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
+    const { boxProps, restProps } = Calendar.extractBoxProps(props);
     const toasts = shim.useSyncExternalStore(...toasterProp.store);
     const innerRef = React.useRef(null);
     const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
@@ -814,8 +822,8 @@ const ToastProvider = React.forwardRef(
             },
             id
           )),
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Portal, { asChild: true, ...container && { container }, children: /* @__PURE__ */ jsxRuntime.jsx(
-            IconMagnifyingGlass.Flex,
+          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Portal, { asChild: true, ...container && { container }, children: /* @__PURE__ */ jsxRuntime.jsx(
+            Calendar.Flex,
             {
               alignItems: position.endsWith("left") ? "start" : position.endsWith("right") ? "end" : "center",
               asChild: true,
@@ -845,13 +853,13 @@ function AxiomProvider({
       /* @__PURE__ */ jsxRuntime.jsx(ToastProvider, { ...toast })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(globals.AxiomVersionContext.Provider, { value: IconMagnifyingGlass.version, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.TooltipProvider, { ...tooltip, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.FocusBookmarkProvider, { children }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(globals.AxiomVersionContext.Provider, { value: Calendar.version, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.TooltipProvider, { ...tooltip, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.FocusBookmarkProvider, { children }) }) });
 }
 AxiomProvider.displayName = "@optiaxiom/react/AxiomProvider";
 
-var badge$1 = IconMagnifyingGlass.recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_9cvt0j'],variants:{intent:{danger:'_1jd0daq',information:'eldnhb',neutral:'_16xq1xx',primary:'_3npf45',success:'so6rc8',warning:'_1pxks9m'},variant:{strong:'_7curlv',subtle:'_1owa1n3'}}});
+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'}}});
 
-const Slot$5 = reactSlot.createSlot("@optiaxiom/react/Badge");
+const Slot$7 = reactSlot.createSlot("@optiaxiom/react/Badge");
 const Badge = React.forwardRef(
   ({
     asChild,
@@ -861,9 +869,9 @@ const Badge = React.forwardRef(
     variant = "subtle",
     ...props
   }, ref) => {
-    const Comp = asChild ? Slot$5 : "span";
+    const Comp = asChild ? Slot$7 : "span";
     return /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Text,
+      Calendar.Text,
       {
         asChild: true,
         ...badge$1({ intent, variant }, className),
@@ -875,9 +883,9 @@ const Badge = React.forwardRef(
 );
 Badge.displayName = "@optiaxiom/react/Badge";
 
-var banner = IconMagnifyingGlass.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$2 = IconMagnifyingGlass.recipeRuntime({base:[{flex:'1',gap:'8',justifyContent:'center'},'_1ap4vm6']});
-var icon$1 = IconMagnifyingGlass.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'}}}});
+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 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,
@@ -890,7 +898,7 @@ const Banner = React.forwardRef(
   ({ children, className, intent = "neutral", onDismiss, ...props }, ref) => {
     const labelId = reactId.useId();
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      IconMagnifyingGlass.Flex,
+      Calendar.Flex,
       {
         "aria-labelledby": labelId,
         ref,
@@ -898,16 +906,16 @@ const Banner = React.forwardRef(
         ...banner({ intent }, className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Icon, { asChild: true, ...icon$1({ intent }), children: React.createElement(mapIntentToIcon[intent]) }),
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { id: labelId, ...content$2(), 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 }),
           !!onDismiss && /* @__PURE__ */ jsxRuntime.jsx(
-            IconMagnifyingGlass.Button,
+            Calendar.Button,
             {
               appearance: "subtle",
               "aria-label": "close",
               color: "fg.default",
               flex: "none",
-              icon: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconX, {}),
+              icon: /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconX, {}),
               onClick: onDismiss,
               size: "sm"
             }
@@ -919,14 +927,332 @@ const Banner = React.forwardRef(
 );
 Banner.displayName = "@optiaxiom/react/Banner";
 
-var code = IconMagnifyingGlass.recipeRuntime({base:[{fontWeight:'600'},'_1pr0ke2']});
+const IconEllipsisSolid = Calendar.withIcon(
+  {
+    name: "IconEllipsisSolid",
+    viewBox: "0 0 448 512"
+  },
+  // <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z",
+      fill: "currentColor"
+    }
+  )
+);
+
+const IconUpRightFromSquare = Calendar.withIcon(
+  {
+    fill: "none",
+    name: "IconUpRightFromSquare"
+  },
+  /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M15 8.83333V13.8333C15 14.2754 14.8244 14.6993 14.5118 15.0118C14.1993 15.3244 13.7754 15.5 13.3333 15.5H4.16667C3.72464 15.5 3.30072 15.3244 2.98816 15.0118C2.67559 14.6993 2.5 14.2754 2.5 13.8333V4.66667C2.5 4.22464 2.67559 3.80072 2.98816 3.48816C3.30072 3.17559 3.72464 3 4.16667 3H9.16667",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M12.5 0.5H17.5V5.5",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M8.33333 9.66667L17.5 0.5",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] })
+);
+
+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'}}});
+
+const Slot$6 = reactSlot.createSlot("@optiaxiom/react/Link");
+const Link = React.forwardRef(
+  ({
+    appearance = "default",
+    asChild,
+    children,
+    className,
+    cover,
+    disabled,
+    external,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? Slot$6 : "a";
+    const { boxProps, restProps } = Calendar.extractBoxProps(props);
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...link$1({ appearance }, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Cover, { asChild: true, disabled: !cover, inset: cover === "inset", children: /* @__PURE__ */ jsxRuntime.jsx(
+      Comp,
+      {
+        "aria-disabled": disabled,
+        "data-disabled": disabled ? "" : void 0,
+        ref,
+        ...external && { rel: "noopener noreferrer", target: "_blank" },
+        ...restProps,
+        ...disabled && {
+          href: void 0,
+          role: "link"
+        },
+        children: Calendar.decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          children2,
+          external && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...icon$1(), children: /* @__PURE__ */ jsxRuntime.jsx(IconUpRightFromSquare, {}) })
+        ] }))
+      }
+    ) }) });
+  }
+);
+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 item$2 = Calendar.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'_6weamy']});
+
+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) })
+    ] }) });
+  }
+);
+BreadcrumbNode.displayName = "@optiaxiom/react/BreadcrumbNode";
+
+const Breadcrumb = React.forwardRef(
+  ({ className, items, maxItems = 3, ...props }, ref) => {
+    const { boxProps, restProps } = Calendar.extractBoxProps(props);
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, className, ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Breadcrumb", ref, ...restProps, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...list$2(), children: /* @__PURE__ */ jsxRuntime.jsx("ol", { children: renderItems(items, maxItems, (item, index) => /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbNode, { addonAfter: item.addonAfter, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Tooltip, { auto: true, content: item.label, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { asChild: true, truncate: true, children: index === items.length - 1 ? /* @__PURE__ */ jsxRuntime.jsx(
+      Calendar.Box,
+      {
+        "aria-current": index === items.length - 1 ? "page" : void 0,
+        children: item.label
+      }
+    ) : item.href ? /* @__PURE__ */ jsxRuntime.jsx(
+      Link,
+      {
+        appearance: "subtle",
+        href: item.href,
+        ...link(),
+        children: item.label
+      }
+    ) : item.execute ? /* @__PURE__ */ jsxRuntime.jsx(Link, { appearance: "subtle", asChild: true, ...link(), children: /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => item.execute?.(), children: item.label }) }) : null }) }) })) }) }) }) });
+  }
+);
+Breadcrumb.displayName = "@optiaxiom/react/Breadcrumb";
+const renderItems = (items, limit = items.length, renderItem) => {
+  if (limit < 0) {
+    limit = 0;
+  }
+  if (limit > items.length || typeof limit !== "number") {
+    limit = items.length;
+  }
+  const boundaries = [
+    0,
+    Math.floor(limit / 2),
+    items.length - Math.ceil(limit / 2),
+    items.length
+  ];
+  return [
+    ...items.slice(boundaries[0], boundaries[1]).map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: renderItem(item, index) }, "left" + index)),
+    boundaries[2] > boundaries[1] && /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbNode, { children: /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Menu, { options: items.slice(boundaries[1], boundaries[2]), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Calendar.MenuTrigger,
+        {
+          appearance: "subtle",
+          "aria-label": "More items",
+          icon: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, color: "fg.tertiary", children: /* @__PURE__ */ jsxRuntime.jsx(IconEllipsisSolid, {}) })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(Calendar.MenuContent, {})
+    ] }) }, "ellipsis"),
+    ...items.slice(boundaries[2], boundaries[3]).map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: renderItem(item, boundaries[2] + index) }, "right" + index))
+  ];
+};
+
+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']});
+
+const [CardProvider, useCardContext] = reactContext.createContext("@optiaxiom/react/Card");
+
+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 }) }) });
+  }
+);
+Card.displayName = "@optiaxiom/react/Card";
+
+const CardAction = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.ActionsContent, { flex: "1", ref, ...props, children });
+  }
+);
+CardAction.displayName = "@optiaxiom/react/CardAction";
+
+var checkbox = Calendar.recipeRuntime({base:['_1nkzfiv']});
+
+const CardCheckbox = React.forwardRef(
+  ({ className, onChange, ...props }, ref) => {
+    const labelPrefixId = reactId.useId();
+    const { labelId } = useCardContext("@optiaxiom/react/CardCheckbox");
+    const [checked, setChecked] = reactUseControllableState.useControllableState({
+      caller: "@optiaxiom/react/CardCheckbox",
+      defaultProp: props.defaultChecked,
+      prop: props.checked
+    });
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Calendar.VisuallyHidden, { id: labelPrefixId, children: [
+        "Check to ",
+        checked ? "unselect" : "select"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Calendar.Checkbox,
+        {
+          "aria-labelledby": clsx(labelPrefixId, labelId),
+          onChange: (event) => {
+            onChange?.(event);
+            setChecked(event.target.checked);
+          },
+          ref,
+          ...checkbox({}, className),
+          ...props
+        }
+      )
+    ] });
+  }
+);
+CardCheckbox.displayName = "@optiaxiom/react/CardCheckbox";
+
+const CardFooter = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { alignSelf: "stretch", mt: "auto", ref, ...props, children });
+  }
+);
+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']});
+
+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: [
+      /* @__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 })
+    ] });
+  }
+);
+CardHeader.displayName = "@optiaxiom/react/CardHeader";
+
+var image = Calendar.recipeRuntime({base:{objectFit:'cover',rounded:'inherit',size:'full'}});
+
+const CardImage = React.forwardRef(
+  ({ alt = "", asChild, children, className, src, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ref, ...image({}, className), ...props, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx("img", { alt, src }) });
+  }
+);
+CardImage.displayName = "@optiaxiom/react/CardImage";
+
+const CardLink = React.forwardRef(
+  ({ ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(Link, { appearance: "subtle", cover: true, ref, ...props });
+  }
+);
+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']});
+
+const CardPreview = React.forwardRef(
+  ({
+    addonBottomLeft,
+    addonBottomRight,
+    addonTopLeft,
+    addonTopRight,
+    children,
+    className,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Box, { ref, ...preview({}, className), ...props, children: [
+      children,
+      (addonTopLeft || addonTopRight) && /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Box, { ...overlay(), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Calendar.Box,
+          {
+            alignItems: "center",
+            alignSelf: "start",
+            display: "flex",
+            justifyContent: "space-between",
+            children: addonTopLeft
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Calendar.Box,
+          {
+            alignItems: "center",
+            alignSelf: "start",
+            display: "flex",
+            justifyContent: "space-between",
+            children: addonTopRight
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { w: "full" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Calendar.Box,
+          {
+            alignItems: "center",
+            alignSelf: "end",
+            display: "flex",
+            justifyContent: "space-between",
+            children: addonBottomLeft
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Calendar.Box,
+          {
+            alignItems: "center",
+            alignSelf: "end",
+            display: "flex",
+            justifyContent: "space-between",
+            children: addonBottomRight
+          }
+        )
+      ] })
+    ] });
+  }
+);
+CardPreview.displayName = "@optiaxiom/react/CardPreview";
 
-const Slot$4 = reactSlot.createSlot("@optiaxiom/react/Code");
+var code = Calendar.recipeRuntime({base:[{fontWeight:'600'},'_1t9292h']});
+
+const Slot$5 = reactSlot.createSlot("@optiaxiom/react/Code");
 const Code = React.forwardRef(
   ({ asChild, children, className, ...props }, ref) => {
-    const Comp = asChild ? Slot$4 : "code";
-    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...code({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, ...restProps, children }) });
+    const Comp = asChild ? Slot$5 : "code";
+    const { boxProps, restProps } = Calendar.extractBoxProps(props);
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...code({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, ...restProps, children }) });
   }
 );
 Code.displayName = "@optiaxiom/react/Code";
@@ -936,7 +1262,7 @@ const [DataTableProvider, useDataTableContext] = reactContext.createContext("@op
 const DataTable = React.forwardRef(
   ({ children, table, ...props }, ref) => {
     const [highlightedIndex, setHighlightedIndex] = React.useState(-1);
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { gap: "8", maxH: "full", maxW: "full", ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { gap: "8", maxH: "full", maxW: "full", ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
       DataTableProvider,
       {
         highlightedIndex,
@@ -1011,7 +1337,7 @@ const DataTableAction = React.forwardRef(
       }
     }, [highlightedIndex, index]);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.TableAction,
+      Calendar.TableAction,
       {
         onKeyDown: (event) => {
           onKeyDown?.(event);
@@ -1046,13 +1372,13 @@ const DataTableAction = React.forwardRef(
 );
 DataTableAction.displayName = "@optiaxiom/react/DataTableAction";
 
-var cell = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'start',display:'flex'},'_6pps3a'],variants:{pinned:{left:'_6sotud',right:'_4hyi4u'},pinnedType:{body:'b8i4w6',header:{}}}});
-var cellOffsetVar = 'var(--_1y7ujzn)';
-var cellSizeVar = 'var(--ab8kcv)';
-var leftTotalSizeVar = 'var(--nn9o9k)';
-var rightTotalSizeVar = 'var(--_2ve40)';
-var table = IconMagnifyingGlass.recipeRuntime({base:'nokutb',variants:{pinned:{both:'i6o3o6',left:'thpdla',none:{},right:'_13mvu5f'}}});
-var totalSizeVar = 'var(--_1qamlo0)';
+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)';
 
 const DataTableRow = React.forwardRef(
   ({ children, index, row, ...props }, outerRef) => {
@@ -1074,7 +1400,7 @@ const DataTableRow = React.forwardRef(
     const primary = actions.find((action) => action.primary);
     const [selector, setSelector] = React.useState();
     const focusManaged = Boolean(selector || primary);
-    const onActionMount = IconMagnifyingGlass.useEffectEvent(
+    const onActionMount = Calendar.useEffectEvent(
       ({
         primary: primary2,
         ref: ref2
@@ -1086,7 +1412,7 @@ const DataTableRow = React.forwardRef(
       }
     );
     return /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.TableRow,
+      Calendar.TableRow,
       {
         "aria-labelledby": labelId,
         "aria-selected": row.getCanSelect() ? row.getIsSelected() : void 0,
@@ -1173,7 +1499,7 @@ const DataTableRow = React.forwardRef(
             labelId,
             onActionMount,
             row,
-            setHighlightedIndex: IconMagnifyingGlass.useEffectEvent((nextIndex) => {
+            setHighlightedIndex: Calendar.useEffectEvent((nextIndex) => {
               setSubHighlightedIndex(nextIndex);
               if (nextIndex === -1) {
                 innerRef.current?.focus();
@@ -1223,7 +1549,7 @@ const DataTableBody = React.forwardRef(
       getScrollElement: () => innerRef.current
     });
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      IconMagnifyingGlass.Table,
+      Calendar.Table,
       {
         layout: "fixed",
         ref,
@@ -1240,8 +1566,8 @@ const DataTableBody = React.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.TableHeader, { display: "grid", pinned: true, children: table$1.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.TableRow, { display: "flex", children: headerGroup.headers.map((header) => /* @__PURE__ */ jsxRuntime.jsx(
-            IconMagnifyingGlass.DataTableHeaderCell,
+          /* @__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(
+            Calendar.DataTableHeaderCell,
             {
               header,
               pinned: !!header.column.getIsPinned(),
@@ -1263,7 +1589,7 @@ const DataTableBody = React.forwardRef(
             header.id
           )) }, headerGroup.id)) }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            IconMagnifyingGlass.TableBody,
+            Calendar.TableBody,
             {
               display: "grid",
               style: rowVirtualizer.options.enabled ? { height: `${rowVirtualizer.getTotalSize()}px` } : void 0,
@@ -1288,7 +1614,7 @@ const DataTableBody = React.forwardRef(
                   } : void 0,
                   children: [
                     row.getLeftVisibleCells().map((cell$1) => /* @__PURE__ */ jsxRuntime.jsx(
-                      IconMagnifyingGlass.TableCell,
+                      Calendar.TableCell,
                       {
                         pinned: true,
                         style: {
@@ -1301,16 +1627,16 @@ const DataTableBody = React.forwardRef(
                           pinned: "left",
                           pinnedType: "body"
                         }),
-                        children: loading ? /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Skeleton, { w: fakeCellWidth(cell$1.id) }) : reactTable.flexRender(cell$1.column.columnDef.cell, cell$1.getContext())
+                        children: loading ? /* @__PURE__ */ jsxRuntime.jsx(Calendar.Skeleton, { w: fakeCellWidth(cell$1.id) }) : reactTable.flexRender(cell$1.column.columnDef.cell, cell$1.getContext())
                       },
                       cell$1.id
                     )),
-                    columnVirtualizer.options.enabled && virtualColumnsOffset > 0 && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.TableCell, { style: { width: virtualColumnsOffset } }),
+                    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(
-                      IconMagnifyingGlass.TableCell,
+                      Calendar.TableCell,
                       {
                         style: {
                           ...dynamic.assignInlineVars({
@@ -1318,12 +1644,12 @@ const DataTableBody = React.forwardRef(
                           })
                         },
                         ...cell(),
-                        children: loading ? /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Skeleton, { w: fakeCellWidth(cell$1.id) }) : reactTable.flexRender(cell$1.column.columnDef.cell, cell$1.getContext())
+                        children: loading ? /* @__PURE__ */ jsxRuntime.jsx(Calendar.Skeleton, { w: fakeCellWidth(cell$1.id) }) : reactTable.flexRender(cell$1.column.columnDef.cell, cell$1.getContext())
                       },
                       cell$1.id
                     )),
                     row.getRightVisibleCells().map((cell$1) => /* @__PURE__ */ jsxRuntime.jsx(
-                      IconMagnifyingGlass.TableCell,
+                      Calendar.TableCell,
                       {
                         pinned: true,
                         style: {
@@ -1336,7 +1662,7 @@ const DataTableBody = React.forwardRef(
                           pinned: "right",
                           pinnedType: "body"
                         }),
-                        children: loading ? /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Skeleton, { w: fakeCellWidth(cell$1.id) }) : reactTable.flexRender(cell$1.column.columnDef.cell, cell$1.getContext())
+                        children: loading ? /* @__PURE__ */ jsxRuntime.jsx(Calendar.Skeleton, { w: fakeCellWidth(cell$1.id) }) : reactTable.flexRender(cell$1.column.columnDef.cell, cell$1.getContext())
                       },
                       cell$1.id
                     ))
@@ -1382,7 +1708,7 @@ const DataTableCheckbox = React.forwardRef(({ children, disabled, visible, ...pr
         asChild: true,
         visible: visible ?? (table.getIsSomeRowsSelected() || !row) ? "always" : void 0,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          IconMagnifyingGlass.Checkbox,
+          Calendar.Checkbox,
           {
             "aria-label": !row ? "Select all" : void 0,
             "aria-labelledby": row && clsx(labelPrefixId, labelId),
@@ -1401,7 +1727,7 @@ const DataTableCheckbox = React.forwardRef(({ children, disabled, visible, ...pr
 });
 DataTableCheckbox.displayName = "@optiaxiom/react/DataTableCheckbox";
 
-const IconEllipsis = IconMagnifyingGlass.withIcon(
+const IconEllipsis = Calendar.withIcon(
   {
     name: "IconEllipsis"
   },
@@ -1436,9 +1762,9 @@ const IconEllipsis = IconMagnifyingGlass.withIcon(
   ] })
 );
 
-var button$1 = IconMagnifyingGlass.recipeRuntime({base:[{justifyContent:'center'},'e7zlqp']});
-var cursor = IconMagnifyingGlass.recipeRuntime({base:[{justifyContent:'center',z:'10'},'_17w0mo4'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list$1 = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',gap:'2'},'x1yh41']});
+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']});
 
 const Pagination = React.forwardRef(
   ({
@@ -1472,9 +1798,9 @@ const Pagination = React.forwardRef(
       cursorRef.current.style.visibility = "visible";
       setTimeout(() => setAnimation(true), 150);
     }, [active]);
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "pagination", ref, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.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.Flex, { asChild: true, ...list$1(), children: /* @__PURE__ */ jsxRuntime.jsxs("ul", { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        IconMagnifyingGlass.ButtonRoot,
+        Calendar.ButtonRoot,
         {
           appearance: "subtle",
           "aria-hidden": true,
@@ -1486,13 +1812,13 @@ const Pagination = React.forwardRef(
           children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: active })
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Tooltip, { content: "Prev", disabled: disabled || active === 1, children: /* @__PURE__ */ jsxRuntime.jsx(
-        IconMagnifyingGlass.Button,
+      /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Tooltip, { content: "Prev", disabled: disabled || active === 1, children: /* @__PURE__ */ jsxRuntime.jsx(
+        Calendar.Button,
         {
           appearance: "subtle",
           "aria-label": "Previous page",
           disabled: disabled || active === 1,
-          icon: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconAngleLeft, {}),
+          icon: /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconAngleLeft, {}),
           onClick: previous
         }
       ) }) }),
@@ -1500,7 +1826,7 @@ const Pagination = React.forwardRef(
         "li",
         {
           children: page === "dots" ? /* @__PURE__ */ jsxRuntime.jsx(
-            IconMagnifyingGlass.Box,
+            Calendar.Box,
             {
               alignItems: "stretch",
               display: "flex",
@@ -1509,7 +1835,7 @@ const Pagination = React.forwardRef(
               py: "8",
               size: "md",
               children: /* @__PURE__ */ jsxRuntime.jsx(
-                IconMagnifyingGlass.Icon,
+                Calendar.Icon,
                 {
                   asChild: true,
                   color: disabled ? "fg.disabled" : "fg.default",
@@ -1518,7 +1844,7 @@ const Pagination = React.forwardRef(
               )
             }
           ) : /* @__PURE__ */ jsxRuntime.jsxs(
-            IconMagnifyingGlass.ButtonRoot,
+            Calendar.ButtonRoot,
             {
               appearance: "subtle",
               "aria-current": active === page ? "page" : void 0,
@@ -1527,23 +1853,23 @@ const Pagination = React.forwardRef(
               ref: active === page ? activeRef : void 0,
               ...button$1(),
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.VisuallyHidden, { children: "page" }),
+                /* @__PURE__ */ jsxRuntime.jsx(Calendar.VisuallyHidden, { children: "page" }),
                 " ",
                 page,
-                page === 1 ? /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.VisuallyHidden, { children: "(first page)" }) : page === total ? /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.VisuallyHidden, { children: "(last page)" }) : null
+                page === 1 ? /* @__PURE__ */ jsxRuntime.jsx(Calendar.VisuallyHidden, { children: "(first page)" }) : page === total ? /* @__PURE__ */ jsxRuntime.jsx(Calendar.VisuallyHidden, { children: "(last page)" }) : null
               ]
             }
           )
         },
         page === "dots" ? `${page}-${index < range.indexOf(active) ? "before" : "after"}` : page
       )),
-      /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Tooltip, { content: "Next", disabled: disabled || active === total, children: /* @__PURE__ */ jsxRuntime.jsx(
-        IconMagnifyingGlass.Button,
+      /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Tooltip, { content: "Next", disabled: disabled || active === total, children: /* @__PURE__ */ jsxRuntime.jsx(
+        Calendar.Button,
         {
           appearance: "subtle",
           "aria-label": "Next page",
           disabled: disabled || active === total,
-          icon: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconAngleRight, {}),
+          icon: /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconAngleRight, {}),
           onClick: next
         }
       ) }) })
@@ -1552,7 +1878,7 @@ const Pagination = React.forwardRef(
 );
 Pagination.displayName = "@optiaxiom/react/Pagination";
 
-var addon = IconMagnifyingGlass.recipeRuntime({base:'_1yxpxsa',variants:{position:{end:{textAlign:'end'},start:{}}}});
+var addon = Calendar.recipeRuntime({base:'_1v6rnrj',variants:{position:{end:{textAlign:'end'},start:{}}}});
 
 const DEFAULT_PAGE_SIZES = ["10", "20", "30", "50", "100"].map((size) => ({
   label: size,
@@ -1564,7 +1890,7 @@ const DataTableFooter = React.forwardRef(
     const { pagination } = table.getState();
     const pageSizeId = reactId.useId();
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      IconMagnifyingGlass.Flex,
+      Calendar.Flex,
       {
         alignSelf: "stretch",
         flexDirection: "row",
@@ -1574,23 +1900,23 @@ const DataTableFooter = React.forwardRef(
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { ...addon({ position: "start" }), children: showPageSizeOptions && /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { flexDirection: "row", gap: "8", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Text, { color: "fg.secondary", id: pageSizeId, children: "Page Size" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ...addon({ position: "start" }), children: showPageSizeOptions && /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Flex, { flexDirection: "row", gap: "8", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { color: "fg.secondary", id: pageSizeId, children: "Page Size" }),
             /* @__PURE__ */ jsxRuntime.jsxs(
-              IconMagnifyingGlass.Select,
+              Calendar.Select,
               {
                 onValueChange: (value) => value && table.setPageSize(parseFloat(value)),
                 options: pageSizeOptions,
                 value: pagination.pageSize.toString(),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    IconMagnifyingGlass.SelectTrigger,
+                    Calendar.SelectTrigger,
                     {
                       appearance: "subtle",
                       "aria-labelledby": pageSizeId
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.SelectContent, {})
+                  /* @__PURE__ */ jsxRuntime.jsx(Calendar.SelectContent, {})
                 ]
               }
             )
@@ -1603,7 +1929,7 @@ const DataTableFooter = React.forwardRef(
               total: table.getPageCount()
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Text, { ...addon({ position: "end" }), children: table.getRowCount() > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { ...addon({ position: "end" }), children: table.getRowCount() > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             pagination.pageIndex * pagination.pageSize + 1,
             " -",
             " ",
@@ -1627,12 +1953,12 @@ const DataTableLabel = React.forwardRef(
     const { labelId } = useDataTableRowContext(
       "@optiaxiom/react/DataTableLabel"
     );
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { id: labelId, ref, ...props });
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { id: labelId, ref, ...props });
   }
 );
 DataTableLabel.displayName = "@optiaxiom/react/DataTableLabel";
 
-const IconCalendar = IconMagnifyingGlass.withIcon(
+const IconCalendar = Calendar.withIcon(
   {
     name: "IconCalendar"
   },
@@ -1647,10 +1973,10 @@ const IconCalendar = IconMagnifyingGlass.withIcon(
   )
 );
 
-var clear$1 = IconMagnifyingGlass.recipeRuntime({base:[{size:'sm'},'_1x7ei2p']});
-var date = IconMagnifyingGlass.recipeRuntime({base:'_1b5crmd'});
-var input$2 = IconMagnifyingGlass.recipeRuntime({base:'_1sbvxg'});
-var picker = IconMagnifyingGlass.recipeRuntime({base:'_19ilozs'});
+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'});
 
 const DateInput = React.forwardRef(
   ({
@@ -1665,7 +1991,7 @@ const DateInput = React.forwardRef(
     weekend,
     ...props
   }, outerRef) => {
-    const { labelId: fieldLabelId } = IconMagnifyingGlass.useFieldContext(
+    const { labelId: fieldLabelId } = Calendar.useFieldContext(
       "@optiaxiom/react/DateInput"
     );
     const labelId = reactId.useId();
@@ -1679,21 +2005,21 @@ const DateInput = React.forwardRef(
       defaultProp: props.defaultValue,
       prop: props.value
     });
-    const forceValueChange = IconMagnifyingGlass.useObserveValue(innerRef, setValue);
-    const instant = typeof value === "string" ? IconMagnifyingGlass.toInstant(value) ?? null : null;
+    const forceValueChange = Calendar.useObserveValue(innerRef, setValue);
+    const instant = typeof value === "string" ? Calendar.toInstant(value) ?? null : null;
     const [month, setMonth] = React.useState(instant ?? void 0);
-    const maxDate = max ? IconMagnifyingGlass.toInstant(max) : void 0;
-    const minDate = min ? IconMagnifyingGlass.toInstant(min) : void 0;
-    return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Popover, { onOpenChange: setOpen, open: !disabled && open, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.PopoverAnchor, { children: /* @__PURE__ */ jsxRuntime.jsx(
-        IconMagnifyingGlass.Input,
+    const maxDate = max ? Calendar.toInstant(max) : void 0;
+    const minDate = min ? Calendar.toInstant(min) : void 0;
+    return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Popover, { onOpenChange: setOpen, open: !disabled && open, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Calendar.PopoverAnchor, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        Calendar.Input,
         {
           addonAfter: value && !props.required && /* @__PURE__ */ jsxRuntime.jsx(
-            IconMagnifyingGlass.Button,
+            Calendar.Button,
             {
               appearance: "subtle",
               "aria-label": "Clear",
-              icon: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconX, {}),
+              icon: /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconX, {}),
               onPointerDown: (event) => {
                 event.preventDefault();
                 forceValueChange("");
@@ -1703,7 +2029,7 @@ const DateInput = React.forwardRef(
             }
           ),
           addonBefore: /* @__PURE__ */ jsxRuntime.jsx(
-            IconMagnifyingGlass.PopoverTrigger,
+            Calendar.PopoverTrigger,
             {
               "aria-label": "Show date picker",
               asChild: true,
@@ -1720,7 +2046,7 @@ const DateInput = React.forwardRef(
           onChange: (event) => {
             onChange?.(event);
             setValue(event.target.value);
-            setMonth(IconMagnifyingGlass.toInstant(event.target.value));
+            setMonth(Calendar.toInstant(event.target.value));
           },
           onClick: (e) => {
             if (CSS.supports("selector(::-webkit-datetime-edit)")) {
@@ -1747,7 +2073,7 @@ const DateInput = React.forwardRef(
         }
       ) }),
       /* @__PURE__ */ jsxRuntime.jsxs(
-        IconMagnifyingGlass.PopoverContent,
+        Calendar.PopoverContent,
         {
           "aria-labelledby": clsx(labelId, fieldLabelId),
           gap: "8",
@@ -1765,9 +2091,9 @@ const DateInput = React.forwardRef(
             }
           },
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.VisuallyHidden, { asChild: true, id: labelId, children: /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "Calendar" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(Calendar.VisuallyHidden, { asChild: true, id: labelId, children: /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "Calendar" }) }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              IconMagnifyingGlass.Calendar,
+              Calendar.Calendar,
               {
                 holiday,
                 max: maxDate,
@@ -1779,7 +2105,7 @@ const DateInput = React.forwardRef(
                     return;
                   }
                   forceValueChange(
-                    type === "datetime-local" ? IconMagnifyingGlass.toPlainDateTime(date) : IconMagnifyingGlass.toPlainDate(date)
+                    type === "datetime-local" ? Calendar.toPlainDateTime(date) : Calendar.toPlainDate(date)
                   );
                   if (type === "date") {
                     setOpen(false);
@@ -1792,7 +2118,7 @@ const DateInput = React.forwardRef(
               }
             ),
             type === "datetime-local" && /* @__PURE__ */ jsxRuntime.jsx(
-              IconMagnifyingGlass.Button,
+              Calendar.Button,
               {
                 flex: "none",
                 justifyContent: "center",
@@ -1822,6 +2148,7 @@ function DateRangePicker({
   ...props
 }) {
   const triggerRef = React.useRef(null);
+  const [from, setFrom] = React.useState();
   const [open, setOpen] = reactUseControllableState.useControllableState({
     caller: "@optiaxiom/react/DateRangePicker",
     defaultProp: defaultOpen,
@@ -1834,10 +2161,24 @@ function DateRangePicker({
     onChange: onValueChange,
     prop: valueProp
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Popover, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+  React.useEffect(() => {
+    if (open) {
+      setFrom(void 0);
+    }
+  }, [open]);
+  React.useEffect(() => {
+    if (!open && from) {
+      const end = Calendar.toInstant(Calendar.toPlainDate(from) + "T23:59:59.999");
+      if (end) {
+        setValue({ from, to: end });
+      }
+    }
+  }, [from, open, setValue]);
+  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Popover, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
     DateRangePickerProvider,
     {
       disabled,
+      setFrom,
       setOpen,
       setValue,
       triggerRef,
@@ -1848,7 +2189,7 @@ function DateRangePicker({
 }
 DateRangePicker.displayName = "@optiaxiom/react/DateRangePicker";
 
-var panels = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'}]});
+var panels = Calendar.recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'}]});
 
 const DateRangePickerContent = React.forwardRef(
   ({
@@ -1863,15 +2204,13 @@ const DateRangePickerContent = React.forwardRef(
     weekend,
     ...props
   }, ref) => {
-    const { labelId: fieldLabelId } = IconMagnifyingGlass.useFieldContext(
-      "@optiaxiom/react/DateRangePickerContent"
-    );
-    const { setOpen, setValue, triggerRef, value } = useDateRangePickerContext(
+    const { labelId: fieldLabelId } = Calendar.useFieldContext(
       "@optiaxiom/react/DateRangePickerContent"
     );
+    const { setFrom, setOpen, setValue, triggerRef, value } = useDateRangePickerContext("@optiaxiom/react/DateRangePickerContent");
     const labelId = reactId.useId();
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      IconMagnifyingGlass.PopoverContent,
+      Calendar.PopoverContent,
       {
         "aria-labelledby": clsx(fieldLabelId ?? triggerRef.current?.id, labelId),
         gap: "8",
@@ -1879,20 +2218,25 @@ const DateRangePickerContent = React.forwardRef(
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.VisuallyHidden, { id: labelId, children: ariaLabel || "Calendar" }),
-          /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { ...panels(), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Calendar.VisuallyHidden, { id: labelId, children: ariaLabel || "Calendar" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Flex, { ...panels(), children: [
             addonBefore,
             /* @__PURE__ */ jsxRuntime.jsx(
-              IconMagnifyingGlass.Calendar,
+              Calendar.Calendar,
               {
                 alignSelf: "start",
                 holiday,
                 max,
                 min,
                 mode: "range",
+                onDateSelect: (date) => {
+                  setFrom((from) => from ? void 0 : date);
+                },
                 onValueChange: (value2) => {
                   setValue(value2);
-                  setOpen(false);
+                  requestAnimationFrame(() => {
+                    setOpen(false);
+                  });
                 },
                 today,
                 value,
@@ -1927,10 +2271,10 @@ const DateRangePickerTrigger = React.forwardRef(
     );
     const id = reactId.useId();
     const ref = reactComposeRefs.useComposedRefs(outerRef, triggerRef);
-    const labelId = IconMagnifyingGlass.useFieldLabelTrigger(triggerRef, ariaLabelledBy);
+    const labelId = Calendar.useFieldLabelTrigger(triggerRef, ariaLabelledBy);
     const formatter = formatRange ? { formatRange } : dateFormatter;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.PopoverTrigger,
+      Calendar.PopoverTrigger,
       {
         "aria-labelledby": labelId,
         disabled,
@@ -1938,7 +2282,7 @@ const DateRangePickerTrigger = React.forwardRef(
         id,
         ref,
         ...props,
-        children: children ?? (value ? formatter.formatRange(value.from, value.to) : /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { color: "fg.tertiary", children: placeholder }))
+        children: children ?? (value ? formatter.formatRange(value.from, value.to) : /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { color: "fg.tertiary", children: placeholder }))
       }
     );
   }
@@ -1962,7 +2306,7 @@ const Disclosure = React.forwardRef(
       onChange: onOpenChange,
       prop: openProp
     });
-    return /* @__PURE__ */ jsxRuntime.jsx(DisclosureProvider, { open, setOpen, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, color: "fg.default", fontSize: "md", ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(DisclosureProvider, { open, setOpen, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, color: "fg.default", fontSize: "md", ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
       RadixCollapsible__namespace.Root,
       {
         asChild,
@@ -1975,8 +2319,8 @@ const Disclosure = React.forwardRef(
 );
 Disclosure.displayName = "@optiaxiom/react/Disclosure";
 
-var inner = IconMagnifyingGlass.recipeRuntime({base:['_1rtug99']});
-var outer = IconMagnifyingGlass.recipeRuntime({base:[{display:'grid'},'_1tagohg'],variants:{scale:{false:'z7afdr',true:{}}}});
+var inner = Calendar.recipeRuntime({base:['_1ys5kus']});
+var outer = Calendar.recipeRuntime({base:[{display:'grid'},'tyhskd'],variants:{scale:{false:'y9ctog',true:{}}}});
 
 const DisclosureContent = React.forwardRef(({ children, hiddenUntilFound, ...props }, ref) => {
   const { open } = useDisclosureContext("@optiaxiom/react/DisclosureContent");
@@ -1986,23 +2330,23 @@ const DisclosureContent = React.forwardRef(({ children, hiddenUntilFound, ...pro
       requestAnimationFrame(() => setSkipAnimations(false));
     }
   }, [skipAnimations]);
-  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.TransitionGroup, { forceMount: hiddenUntilFound, open, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Transition, { "data-side": "bottom", skipAnimations, type: "pop", children: /* @__PURE__ */ jsxRuntime.jsx(
-    IconMagnifyingGlass.Box,
+  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.TransitionGroup, { forceMount: hiddenUntilFound, open, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Transition, { "data-side": "bottom", skipAnimations, type: "pop", children: /* @__PURE__ */ jsxRuntime.jsx(
+    Calendar.Box,
     {
       ...outer({
         scale: Boolean(
           "data-transition-scale" in props && props["data-transition-scale"]
         )
       }),
-      children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...inner(), children: /* @__PURE__ */ jsxRuntime.jsx(RadixCollapsible__namespace.Content, { forceMount: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { pb: "8", pt: "4", ref, ...props, children }) }) })
+      children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...inner(), children: /* @__PURE__ */ jsxRuntime.jsx(RadixCollapsible__namespace.Content, { forceMount: true, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { pb: "8", pt: "4", ref, ...props, children }) }) })
     }
   ) }) });
 });
 DisclosureContent.displayName = "@optiaxiom/react/DisclosureContent";
 
-var icon = IconMagnifyingGlass.recipeRuntime({base:[{flex:'none',transition:'transform'}],variants:{chevronPosition:{end:'_1vm4gar',start:'_22o6rn'}}});
-var root = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'c86j28']});
-var trigger$1 = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_11a9gm8']});
+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']});
 
 const DisclosureTrigger = React.forwardRef(
   ({
@@ -2014,12 +2358,12 @@ const DisclosureTrigger = React.forwardRef(
     ...props
   }, ref) => {
     useDisclosureContext("@optiaxiom/react/DisclosureTrigger");
-    return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { ref, ...root({}, className), ...props, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Flex, { ref, ...root({}, className), ...props, children: [
       addonBefore,
-      /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { asChild: true, ...trigger$1(), children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Cover, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(RadixCollapsible__namespace.Trigger, { children: [
-        chevronPosition === "start" && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...icon({ chevronPosition }), children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconAngleRight, {}) }),
-        /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { flex: "1", overflow: "hidden", children }),
-        chevronPosition === "end" && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...icon({ chevronPosition }), children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconAngleLeft, {}) })
+      /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { asChild: true, ...trigger$1(), children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Cover, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(RadixCollapsible__namespace.Trigger, { children: [
+        chevronPosition === "start" && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...icon({ chevronPosition }), children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconAngleRight, {}) }),
+        /* @__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, {}) })
       ] }) }) }),
       addonAfter
     ] });
@@ -2059,7 +2403,7 @@ function DropdownMenu({
 DropdownMenu.displayName = "@optiaxiom/react/DropdownMenu";
 
 const DropdownMenuCheckboxItem = React.forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.CheckboxItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ListboxSwitchItem, { children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.CheckboxItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.ListboxSwitchItem, { children }) });
 });
 DropdownMenuCheckboxItem.displayName = "@optiaxiom/react/DropdownMenuCheckboxItem";
 
@@ -2068,12 +2412,12 @@ const DropdownMenuContent = React.forwardRef(({ align = "start", children, loadi
     "@optiaxiom/react/DropdownMenuContent"
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    IconMagnifyingGlass.TransitionGroup,
+    Calendar.TransitionGroup,
     {
       onPresenceChange: setPresence,
       open,
       presence,
-      children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Portal, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ModalListbox, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+      children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Portal, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.ModalListbox, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
         RadixMenu__namespace.Content,
         {
           align,
@@ -2086,7 +2430,7 @@ const DropdownMenuContent = React.forwardRef(({ align = "start", children, loadi
           },
           ref,
           sideOffset: 4,
-          children: loading ? /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { "aria-hidden": true, display: "flex", justifyContent: "center", p: "16", children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Spinner, {}) }) : children
+          children: loading ? /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { "aria-hidden": true, display: "flex", justifyContent: "center", p: "16", children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Spinner, {}) }) : children
         }
       ) }) })
     }
@@ -2095,13 +2439,13 @@ const DropdownMenuContent = React.forwardRef(({ align = "start", children, loadi
 DropdownMenuContent.displayName = "@optiaxiom/react/DropdownMenuContent";
 
 const DropdownMenuGroup = React.forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.Group, { children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.Group, { children }) });
 });
 DropdownMenuGroup.displayName = "@optiaxiom/react/DropdownMenuGroup";
 
 const DropdownMenuItem = React.forwardRef(({ asChild, children, onSelect, ...props }, ref) => {
   const { open } = useDropdownMenuContext("@optiaxiom/react/DropdownMenuItem");
-  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ListboxItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.ListboxItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
     RadixMenu__namespace.Item,
     {
       asChild,
@@ -2123,11 +2467,11 @@ const DropdownMenuItem = React.forwardRef(({ asChild, children, onSelect, ...pro
 DropdownMenuItem.displayName = "@optiaxiom/react/DropdownMenuItem";
 
 const DropdownMenuLabel = React.forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, color: "fg.tertiary", fontSize: "sm", p: "8", ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.Label, { children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, color: "fg.tertiary", fontSize: "sm", p: "8", ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.Label, { children }) });
 });
 DropdownMenuLabel.displayName = "@optiaxiom/react/DropdownMenuLabel";
 
-const DropdownMenuSeparator = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ListboxSeparator, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.Separator, { ref }) }));
+const DropdownMenuSeparator = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Calendar.ListboxSeparator, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.Separator, { ref }) }));
 DropdownMenuSeparator.displayName = "@optiaxiom/react/DropdownMenuSeparator";
 
 const [DropdownMenuSubProvider, useDropdownMenuSubContext] = reactContext.createContext("@optiaxiom/react/DropdownMenuSub");
@@ -2170,7 +2514,7 @@ const DropdownMenuSubContent = React.forwardRef(({ asChild, children, ...props }
   const { open, setPresence } = useDropdownMenuSubContext(
     "@optiaxiom/react/DropdownMenuSubContent"
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.TransitionGroup, { onPresenceChange: setPresence, open, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Portal, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ModalListbox, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.TransitionGroup, { onPresenceChange: setPresence, open, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Portal, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.ModalListbox, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
     RadixMenu__namespace.SubContent,
     {
       alignOffset: -4,
@@ -2184,7 +2528,7 @@ const DropdownMenuSubContent = React.forwardRef(({ asChild, children, ...props }
 DropdownMenuSubContent.displayName = "@optiaxiom/react/DropdownMenuSubContent";
 
 const DropdownMenuSubTrigger = React.forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ListboxItem, { addonAfter: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconAngleRight, {}), asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.SubTrigger, { children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.ListboxItem, { addonAfter: /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconAngleRight, {}), asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.SubTrigger, { children }) });
 });
 DropdownMenuSubTrigger.displayName = "@optiaxiom/react/DropdownMenuSubTrigger";
 
@@ -2200,7 +2544,7 @@ const DropdownMenuTrigger = React.forwardRef(({ asChild, children, ...props }, r
       "data-state": open || presence ? "open" : "closed",
       ref,
       ...props,
-      children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.AngleMenuButton, { children })
+      children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(Calendar.AngleMenuButton, { children })
     }
   );
 });
@@ -2208,9 +2552,9 @@ DropdownMenuTrigger.displayName = "@optiaxiom/react/DropdownMenuTrigger";
 
 const EllipsisMenuButton = React.forwardRef(({ children, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    IconMagnifyingGlass.Button,
+    Calendar.Button,
     {
-      icon: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconEllipsisSolid, {}),
+      icon: /* @__PURE__ */ jsxRuntime.jsx(IconEllipsisSolid, {}),
       iconPosition: "end",
       ref,
       ...props,
@@ -2220,7 +2564,7 @@ const EllipsisMenuButton = React.forwardRef(({ children, ...props }, ref) => {
 });
 EllipsisMenuButton.displayName = "@optiaxiom/react/EllipsisMenuButton";
 
-const IconTriangleExclamation = IconMagnifyingGlass.withIcon(
+const IconTriangleExclamation = Calendar.withIcon(
   {
     name: "IconTriangleExclamation",
     viewBox: "0 0 20 16"
@@ -2236,7 +2580,7 @@ const IconTriangleExclamation = IconMagnifyingGlass.withIcon(
   )
 );
 
-const IconCircleQuestion = IconMagnifyingGlass.withIcon(
+const IconCircleQuestion = Calendar.withIcon(
   {
     fill: "none",
     name: "IconCircleQuestion"
@@ -2263,9 +2607,9 @@ const FieldLabel = React.forwardRef(
   }, ref) => {
     const inputId = reactId.useId(inputIdProp);
     const labelId = reactId.useId(labelIdProp);
-    return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { flexDirection: "row", gap: "4", ref, ...props, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Flex, { flexDirection: "row", gap: "4", ref, ...props, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        IconMagnifyingGlass.Text,
+        Calendar.Text,
         {
           alignItems: "center",
           asChild: true,
@@ -2278,7 +2622,7 @@ const FieldLabel = React.forwardRef(
             children,
             required && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                IconMagnifyingGlass.Text,
+                Calendar.Text,
                 {
                   "aria-hidden": "true",
                   asChild: true,
@@ -2287,19 +2631,19 @@ const FieldLabel = React.forwardRef(
                   children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "*" })
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.VisuallyHidden, { children: "Required" })
+              /* @__PURE__ */ jsxRuntime.jsx(Calendar.VisuallyHidden, { children: "Required" })
             ] })
           ] })
         }
       ),
-      info && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Tooltip, { content: info, children: /* @__PURE__ */ jsxRuntime.jsx(
-        IconMagnifyingGlass.Button,
+      info && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Tooltip, { content: info, children: /* @__PURE__ */ jsxRuntime.jsx(
+        Calendar.Button,
         {
           "aria-label": "Information hover",
           border: "0",
           color: "fg.secondary",
           h: "2xs",
-          icon: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, flex: "initial", children: /* @__PURE__ */ jsxRuntime.jsx(IconCircleQuestion, {}) }),
+          icon: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, flex: "initial", children: /* @__PURE__ */ jsxRuntime.jsx(IconCircleQuestion, {}) }),
           onClick: (event) => {
             event.currentTarget.focus();
             event.preventDefault();
@@ -2333,7 +2677,7 @@ const Field = React.forwardRef(
     const descriptionId = reactId.useId();
     const errorId = reactId.useId();
     const labelId = reactId.useId(labelIdProp);
-    return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { flexDirection: "column", gap: "4", ref, ...props, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Flex, { flexDirection: "column", gap: "4", ref, ...props, children: [
       label && /* @__PURE__ */ jsxRuntime.jsx(
         FieldLabel,
         {
@@ -2345,7 +2689,7 @@ const Field = React.forwardRef(
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        IconMagnifyingGlass.FieldProvider,
+        Calendar.FieldProvider,
         {
           descriptionId: description ? descriptionId : void 0,
           error: !!error,
@@ -2356,7 +2700,7 @@ const Field = React.forwardRef(
         }
       ),
       error && error !== true && /* @__PURE__ */ jsxRuntime.jsxs(
-        IconMagnifyingGlass.Flex,
+        Calendar.Flex,
         {
           alignItems: "start",
           color: "fg.error",
@@ -2366,7 +2710,7 @@ const Field = React.forwardRef(
           id: errorId,
           role: "alert",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, flex: "none", mt: "2", children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, flex: "none", mt: "2", children: /* @__PURE__ */ jsxRuntime.jsx(
               IconTriangleExclamation,
               {
                 "aria-label": "Error",
@@ -2378,21 +2722,22 @@ const Field = React.forwardRef(
           ]
         }
       ),
-      description && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, color: "fg.tertiary", fontSize: "sm", id: descriptionId, children: IconMagnifyingGlass.fallbackSpan(description) })
+      description && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, color: "fg.tertiary", fontSize: "sm", id: descriptionId, children: Calendar.fallbackSpan(description) })
     ] });
   }
 );
 Field.displayName = "@optiaxiom/react/Field";
 
 const Grid = React.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { display: "grid", gap: "16", gridTemplateColumns: "1", ref, ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { display: "grid", gap: "16", gridTemplateColumns: "1", ref, ...props });
 });
 Grid.displayName = "@optiaxiom/react/Grid";
 
-var badge = IconMagnifyingGlass.recipeRuntime({base:'_14lo1r6',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_1av0k0b']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'f97yvi']}}});
-var floating = IconMagnifyingGlass.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_85tlq5'],variants:{offset:{false:'_17lx4dx',true:{}},position:{'bottom-right':'_1qr1rwr','top-right':'_1f417un'}}});
-var indicator$2 = IconMagnifyingGlass.recipeRuntime({base:[{display:'inline-flex'},'_6xrewz']});
+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']});
 
+const Slot$4 = reactSlot.createSlot("@optiaxiom/react/Indicator");
 const Indicator = React.forwardRef(
   ({
     asChild,
@@ -2407,38 +2752,26 @@ const Indicator = React.forwardRef(
     variant,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { ref, ...indicator$2({}, className), ...props, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Flex, { ref, ...indicator$2({}, className), ...props, children: [
       children,
-      !disabled && /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Box, { ...floating({ offset, position }), children: [
+      !disabled && /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Box, { ...floating({ offset, position }), children: [
         ping && /* @__PURE__ */ jsxRuntime.jsx(
-          Badge,
+          Slot$4,
           {
             "aria-hidden": "true",
-            asChild,
-            intent,
-            variant,
             ...badge({ offset, ping: true }),
-            children: content
+            children: asChild ? content : /* @__PURE__ */ jsxRuntime.jsx(Badge, { intent, variant, children: content })
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Badge,
-          {
-            asChild,
-            intent,
-            variant,
-            ...badge({ offset }),
-            children: content
-          }
-        )
+        /* @__PURE__ */ jsxRuntime.jsx(Slot$4, { ...badge({ offset }), children: asChild ? content : /* @__PURE__ */ jsxRuntime.jsx(Badge, { intent, variant, children: content }) })
       ] })
     ] });
   }
 );
 Indicator.displayName = "@optiaxiom/react/Indicator";
 
-var kbd = IconMagnifyingGlass.recipeRuntime({base:{display:'inline-flex',gap:'2',whiteSpace:'nowrap'}});
-var key = IconMagnifyingGlass.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'},'_1ivzdlk'],subtle:{}}}});
+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:{}}}});
 
 const platform = typeof navigator !== "undefined" && (navigator.platform.startsWith("Mac") || navigator.platform === "iPhone") ? "mac" : "win";
 const mapModifierToCode = {
@@ -2457,10 +2790,10 @@ const mapModifierToCode = {
 };
 const Kbd = React.forwardRef(
   ({ children, className, modifiers, variant = "outline", ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...kbd({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("kbd", { ref, children: [
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...kbd({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("kbd", { ref, children: [
       modifiers && (Array.isArray(modifiers) ? modifiers : [modifiers]).map(
         (key$1) => key$1 in mapModifierToCode[platform] && /* @__PURE__ */ jsxRuntime.jsx(
-          IconMagnifyingGlass.Box,
+          Calendar.Box,
           {
             "aria-label": key$1,
             asChild: true,
@@ -2471,15 +2804,15 @@ const Kbd = React.forwardRef(
           key$1
         )
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...key({ variant }), children: /* @__PURE__ */ jsxRuntime.jsx("kbd", { children }) })
+      /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...key({ variant }), children: /* @__PURE__ */ jsxRuntime.jsx("kbd", { children }) })
     ] }) });
   }
 );
 Kbd.displayName = "@optiaxiom/react/Kbd";
 
-var button = IconMagnifyingGlass.recipeRuntime({base:[{justifyContent:'space-between'},'_1dad0a6']});
-var content$1 = IconMagnifyingGlass.recipeRuntime({base:[{fontSize:'sm',transition:'all'}],variants:{filled:{false:{h:'0'},true:{h:'16'}}}});
-var label$1 = IconMagnifyingGlass.recipeRuntime({base:[{color:'fg.secondary',cursor:'pointer',maxW:'full',transition:'all'}],variants:{filled:{false:{fontSize:'md'},true:{fontSize:'xs'}}}});
+var button = Calendar.recipeRuntime({base:[{justifyContent:'space-between'},'_1uvolp8']});
+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'}}}});
 
 const LabelMenuButton = React.forwardRef(
   ({ "aria-labelledby": ariaLabelledBy, children, className, label, ...props }, ref) => {
@@ -2487,7 +2820,7 @@ const LabelMenuButton = React.forwardRef(
     const labelId = reactId.useId();
     const valueId = reactId.useId();
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      IconMagnifyingGlass.ButtonRoot,
+      Calendar.ButtonRoot,
       {
         "aria-labelledby": ariaLabelledBy ? clsx(labelId, ariaLabelledBy) : clsx(labelId, children && valueId),
         "data-filled": filled ? "" : void 0,
@@ -2496,11 +2829,11 @@ const LabelMenuButton = React.forwardRef(
         ...button({}, className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { gap: "0", overflow: "hidden", textAlign: "start", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Text, { asChild: true, id: labelId, truncate: true, ...label$1({ filled }), children: /* @__PURE__ */ jsxRuntime.jsx(RadixLabel.Label, { children: label }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Text, { id: valueId, truncate: true, ...content$1({ filled }), children: children ?? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\xA0" }) })
+          /* @__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.jsx(IconMagnifyingGlass.ButtonAddon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconAngleDown, {}) })
+          /* @__PURE__ */ jsxRuntime.jsx(Calendar.ButtonAddon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconAngleDown, {}) })
         ]
       }
     );
@@ -2510,13 +2843,13 @@ LabelMenuButton.displayName = "@optiaxiom/react/LabelMenuButton";
 
 const [SidebarProvider, useSidebarContext] = reactContext.createContext("@optiaxiom/react/Sidebar");
 
-var nav$1 = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_5h8fk6']});
+var nav$1 = Calendar.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_1jdtrj0']});
 
 const Nav = React.forwardRef(
   ({ children, ...props }, ref) => {
     const { expanded, navId } = useSidebarContext("@optiaxiom/react/Nav");
     return /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Flex,
+      Calendar.Flex,
       {
         borderColor: "border.tertiary",
         borderR: "1",
@@ -2524,19 +2857,19 @@ const Nav = React.forwardRef(
         ref,
         w: "fit",
         ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.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.Flex, { 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 = IconMagnifyingGlass.recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_1jkunnk',true:'zljfsu'}}});
+var item$1 = Calendar.recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_1afwmxz',true:'_1llh3kx'}}});
 
 const NavAccountItem = React.forwardRef(({ name, organization, src, ...props }, ref) => {
   const { expanded } = useSidebarContext("@optiaxiom/react/NavAccountItem");
-  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { asChild: true, my: "8", children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
-    IconMagnifyingGlass.Flex,
+  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",
@@ -2556,12 +2889,12 @@ const NavAccountItem = React.forwardRef(({ name, organization, src, ...props },
             src
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { ...item$1({ expanded: Boolean(expanded) }), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { flex: "1", gap: "0", overflowX: "hidden", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Text, { color: "fg.default", fontWeight: "500", truncate: true, children: name }),
-            /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Text, { color: "fg.tertiary", fontSize: "sm", truncate: true, children: organization })
+        /* @__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(IconMagnifyingGlass.Box, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconEllipsis, {}) })
+          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconEllipsis, {}) })
         ] })
       ] })
     }
@@ -2569,13 +2902,13 @@ const NavAccountItem = React.forwardRef(({ name, organization, src, ...props },
 });
 NavAccountItem.displayName = "@optiaxiom/react/NavAccountItem";
 
-var body = IconMagnifyingGlass.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',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(
-      IconMagnifyingGlass.Flex,
+      Calendar.Flex,
       {
         px: spacing,
         ref,
@@ -2592,7 +2925,7 @@ const NavFooter = React.forwardRef(
   ({ children, ...props }, ref) => {
     const { spacing } = useSidebarContext("@optiaxiom/react/NavFooter");
     return /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Flex,
+      Calendar.Flex,
       {
         gap: "8",
         mt: "auto",
@@ -2613,7 +2946,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(IconMagnifyingGlass.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.Flex, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(NavGroupProvider, { collapsible, id: groupId, children: /* @__PURE__ */ jsxRuntime.jsx(
       Disclosure,
       {
         alignItems: "stretch",
@@ -2673,7 +3006,7 @@ const NavGroupTrigger = React.forwardRef(
         children
       }
     ) : /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Box,
+      Calendar.Box,
       {
         alignItems: "center",
         color: "fg.tertiary",
@@ -2697,13 +3030,13 @@ NavGroupTrigger.displayName = "@optiaxiom/react/NavGroupTrigger";
 const NavHeader = React.forwardRef(
   ({ children, ...props }, ref) => {
     const { spacing } = useSidebarContext("@optiaxiom/react/NavHeader");
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { px: spacing, ref, ...props, children });
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { px: spacing, ref, ...props, children });
   }
 );
 NavHeader.displayName = "@optiaxiom/react/NavHeader";
 
-var item = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_15tbkiz']});
-var label = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'hsurgn'],variants:{expanded:{false:'_1njbi60',true:'_1v1wu46'}}});
+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'}}});
 
 const Slot$3 = reactSlot.createSlot("@optiaxiom/react/NavItem");
 const NavItem = React.forwardRef(
@@ -2718,27 +3051,27 @@ const NavItem = React.forwardRef(
     ...props
   }, ref) => {
     const Comp = asChild ? Slot$3 : "button";
-    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
+    const { boxProps, restProps } = Calendar.extractBoxProps(props);
     const { expanded } = useSidebarContext("@optiaxiom/react/NavItem");
     let tooltip = null;
-    children = IconMagnifyingGlass.decorateChildren({ asChild, children }, (children2) => {
+    children = Calendar.decorateChildren({ asChild, children }, (children2) => {
       tooltip = children2;
       return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        icon ? /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { display: "grid", flex: "none", placeItems: "center", size: "lg", children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Icon, { asChild: true, children: icon }) }) : /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { flex: "none", size: "12" }),
-        /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Box, { ...label({ expanded: Boolean(expanded) }), children: [
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Text, { truncate: true, children: children2 }),
-          addonAfter && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, display: "flex", flex: "none", children: IconMagnifyingGlass.fallbackSpan(addonAfter) })
+        icon ? /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { display: "grid", flex: "none", placeItems: "center", size: "lg", children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Icon, { asChild: true, children: icon }) }) : /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { flex: "none", size: "12" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Box, { ...label({ expanded: Boolean(expanded) }), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { truncate: true, children: children2 }),
+          addonAfter && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, display: "flex", flex: "none", children: Calendar.fallbackSpan(addonAfter) })
         ] })
       ] });
     });
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Tooltip,
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+      Calendar.Tooltip,
       {
         content: props["aria-label"] || tooltip,
         disabled: expanded,
         side: "right",
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          IconMagnifyingGlass.Box,
+          Calendar.Box,
           {
             asChild: true,
             "data-disabled": disabled ? "" : void 0,
@@ -2757,7 +3090,7 @@ NavItem.displayName = "@optiaxiom/react/NavItem";
 const NavList = React.forwardRef(
   ({ children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Box,
+      Calendar.Box,
       {
         asChild: true,
         display: "flex",
@@ -2773,19 +3106,19 @@ const NavList = React.forwardRef(
 NavList.displayName = "@optiaxiom/react/NavList";
 
 const NavSeparator = React.forwardRef(
-  (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Separator, { flex: "none", mx: "12", my: "8", ref, ...props })
+  (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Calendar.Separator, { flex: "none", mx: "12", my: "8", ref, ...props })
 );
 NavSeparator.displayName = "@optiaxiom/react/NavSeparator";
 
-var indicator$1 = IconMagnifyingGlass.recipeRuntime({base:[{h:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
-var progress = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_1be1mrw']});
+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']});
 
 const Progress = React.forwardRef(
   ({ className, intent = "primary", ...props }, ref) => {
     const widthPercentage = (props.value ?? 0) / (props.max ?? DEFAULT_MAX) * 100;
     const isValidValue = typeof props.value !== "undefined" && props.value !== null && props.value >= 0 && props.value <= (props.max ?? DEFAULT_MAX);
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...progress({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ProgressPrimitive__namespace.Root, { ref, children: isValidValue && /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Box,
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...progress({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ProgressPrimitive__namespace.Root, { ref, children: isValidValue && /* @__PURE__ */ jsxRuntime.jsx(
+      Calendar.Box,
       {
         asChild: true,
         style: {
@@ -2802,10 +3135,10 @@ const Progress = React.forwardRef(
 const DEFAULT_MAX = 100;
 Progress.displayName = "@optiaxiom/react/Progress";
 
-var control = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_51vuy0'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = IconMagnifyingGlass.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_2dx1nw']});
-var input$1 = IconMagnifyingGlass.recipeRuntime({base:'_173wtf8'});
-var radio = IconMagnifyingGlass.recipeRuntime({base:'_1yg8psn'});
+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'});
 
 const [RadioGroupProvider, useRadioGroupContext] = reactContext.createContext("@optiaxiom/react/RadioGroup", null);
 
@@ -2820,7 +3153,7 @@ const Radio = React.forwardRef(
     onChange,
     ...props
   }, ref) => {
-    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
+    const { boxProps, restProps } = Calendar.extractBoxProps(props);
     const groupContext = useRadioGroupContext("@optiaxiom/react/Radio");
     if (groupContext) {
       if ("checked" in props) {
@@ -2834,9 +3167,9 @@ const Radio = React.forwardRef(
         );
       }
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.ToggleInput, { ...radio({}, className), ...boxProps, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.ToggleInput, { ...radio({}, className), ...boxProps, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        IconMagnifyingGlass.ToggleInputHiddenInput,
+        Calendar.ToggleInputHiddenInput,
         {
           checked: groupContext?.value !== void 0 ? groupContext.value === props.value : void 0,
           defaultChecked: groupContext?.defaultValue !== void 0 ? groupContext.defaultValue === props.value : void 0,
@@ -2850,10 +3183,10 @@ const Radio = React.forwardRef(
           ...restProps
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ToggleInputControl, { ...control({ shift: Boolean(children) }), children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { ...indicator() }) }),
-      (children || description) && /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.ToggleInputContent, { children: [
-        children && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ToggleInputLabel, { children }),
-        description && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ToggleInputDescription, { children: description })
+      /* @__PURE__ */ jsxRuntime.jsx(Calendar.ToggleInputControl, { ...control({ shift: Boolean(children) }), children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ...indicator() }) }),
+      (children || description) && /* @__PURE__ */ jsxRuntime.jsxs(Calendar.ToggleInputContent, { children: [
+        children && /* @__PURE__ */ jsxRuntime.jsx(Calendar.ToggleInputLabel, { children }),
+        description && /* @__PURE__ */ jsxRuntime.jsx(Calendar.ToggleInputDescription, { children: description })
       ] })
     ] });
   }
@@ -2892,11 +3225,11 @@ const RadioGroup = React.forwardRef(
         },
         value,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          IconMagnifyingGlass.Flex,
+          Calendar.Flex,
           {
             flexDirection,
             fontSize: "md",
-            gap: IconMagnifyingGlass.mapResponsiveValue(
+            gap: Calendar.mapResponsiveValue(
               flexDirection,
               (value2) => mapGapToOrientation[value2]
             ),
@@ -2911,9 +3244,9 @@ const RadioGroup = React.forwardRef(
 );
 RadioGroup.displayName = "@optiaxiom/react/RadioGroup";
 
-var clear = IconMagnifyingGlass.recipeRuntime({base:[{size:'sm'},'hmp6yj']});
-var input = IconMagnifyingGlass.recipeRuntime({base:'_1fgjdcp'});
-var search = IconMagnifyingGlass.recipeRuntime({base:'jjjti9'});
+var clear = Calendar.recipeRuntime({base:[{size:'sm'},'_1c7rxb0']});
+var input = Calendar.recipeRuntime({base:'zc4abn'});
+var search = Calendar.recipeRuntime({base:'blxich'});
 
 const SearchInput = React.forwardRef(
   ({ addonBefore, className, onChange, onValueClear, ...props }, outerRef) => {
@@ -2924,16 +3257,16 @@ const SearchInput = React.forwardRef(
       defaultProp: props.defaultValue,
       prop: props.value
     });
-    const forceValueChange = IconMagnifyingGlass.useObserveValue(innerRef, setValue);
+    const forceValueChange = Calendar.useObserveValue(innerRef, setValue);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Input,
+      Calendar.Input,
       {
         addonAfter: value && /* @__PURE__ */ jsxRuntime.jsx(
-          IconMagnifyingGlass.Button,
+          Calendar.Button,
           {
             appearance: "subtle",
             "aria-label": "Clear",
-            icon: value && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconX, {}),
+            icon: value && /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconX, {}),
             onPointerDown: (event) => {
               event.preventDefault();
               forceValueChange("");
@@ -2943,8 +3276,8 @@ const SearchInput = React.forwardRef(
             ...clear()
           }
         ),
-        addonBefore: /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { flexDirection: "row", gap: "8", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconMagnifyingGlass, {}),
+        addonBefore: /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Flex, { flexDirection: "row", gap: "8", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconMagnifyingGlass, {}),
           addonBefore
         ] }),
         addonPointerEvents: "none",
@@ -2968,11 +3301,11 @@ 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(IconMagnifyingGlass.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.Flex, { asChild: true, flexDirection: "row", gap: "0", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixSegmentedControl__namespace.Root, { ref, type, children: /* @__PURE__ */ jsxRuntime.jsx(SegmentedControlProvider, { children }) }) });
 });
 SegmentedControl.displayName = "@optiaxiom/react/SegmentedControl";
 
-const SegmentedControlItem = React.forwardRef(({ children, ...props }, ref) => {
+const SegmentedControlItem = React.forwardRef(({ asChild, children, ...props }, ref) => {
   useSegmentedControlContext("@optiaxiom/react/SegmentedControlItem");
   return /* @__PURE__ */ jsxRuntime.jsx(
     RadixSegmentedControl__namespace.Item,
@@ -2981,7 +3314,7 @@ const SegmentedControlItem = React.forwardRef(({ children, ...props }, ref) => {
       asChild: true,
       ref,
       ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Button, { children })
+      children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Button, { asChild, children })
     }
   );
 });
@@ -3009,7 +3342,7 @@ const Sidebar = React.forwardRef(
         onExpandedChange: setExpanded,
         spacing: "8",
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          IconMagnifyingGlass.Box,
+          Calendar.Box,
           {
             alignItems: "stretch",
             display: "flex",
@@ -3047,12 +3380,12 @@ const SidebarToggle = React.forwardRef(
 );
 SidebarToggle.displayName = "@optiaxiom/react/SidebarToggle";
 
-var nav = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'_1b1kbut']});
+var nav = Calendar.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'_16bpqds']});
 
 const SubNav = React.forwardRef(
   ({ children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Flex,
+      Calendar.Flex,
       {
         borderColor: "border.tertiary",
         borderR: "1",
@@ -3060,7 +3393,7 @@ const SubNav = React.forwardRef(
         ref,
         w: "fit",
         ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { asChild: true, ...nav(), children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Secondary", children: /* @__PURE__ */ jsxRuntime.jsx(
+        children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { asChild: true, ...nav(), children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Secondary", children: /* @__PURE__ */ jsxRuntime.jsx(
           SidebarProvider,
           {
             expanded: true,
@@ -3077,41 +3410,41 @@ const SubNav = React.forwardRef(
 );
 SubNav.displayName = "@optiaxiom/react/SubNav";
 
-var tabs = IconMagnifyingGlass.recipeRuntime({base:[{display:'flex'},'_1s08ppt']});
+var tabs = Calendar.recipeRuntime({base:[{display:'flex'},'_1x2p2v']});
 
 const Tabs = React.forwardRef(
   ({ children, className, ...props }, ref) => {
-    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...tabs({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(RadixTabs__namespace.Root, { ref, ...restProps, children }) });
+    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 }) });
   }
 );
 Tabs.displayName = "@optiaxiom/react/Tabs";
 
 const TabsContent = React.forwardRef(
   ({ children, value, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, flex: "1", ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixTabs__namespace.TabsContent, { value, children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, flex: "1", ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixTabs__namespace.TabsContent, { value, children }) });
   }
 );
 TabsContent.displayName = "@optiaxiom/react/TabsContent";
 
-var list = IconMagnifyingGlass.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'xj4pve']});
+var list = Calendar.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'vv1dyp']});
 
 const TabsList = React.forwardRef(
   ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...list({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixTabs__namespace.List, { ref, children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...list({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixTabs__namespace.List, { ref, children }) });
   }
 );
 TabsList.displayName = "@optiaxiom/react/TabsList";
 
-var content = IconMagnifyingGlass.recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'aea400']});
-var trigger = IconMagnifyingGlass.recipeRuntime({base:['_1eax9cy',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'pnkoji']});
+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']});
 
 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 } = IconMagnifyingGlass.extractBoxProps(props);
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...trigger({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(RadixTabs__namespace.Trigger, { asChild: true, ref, value, ...restProps, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { children: IconMagnifyingGlass.decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { ...content(), children: [
+    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: [
       addonBefore,
       children2,
       addonAfter
@@ -3120,9 +3453,9 @@ const TabsTrigger = React.forwardRef(
 );
 TabsTrigger.displayName = "@optiaxiom/react/TabsTrigger";
 
-var shadow = IconMagnifyingGlass.recipeRuntime({base:['ii1nud','z2x8kv']});
-var textarea = IconMagnifyingGlass.recipeRuntime({base:['ii1nud','_1iwcm10'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
-var wrapper = IconMagnifyingGlass.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_18ny3pd','yw7ffj'],'2':['_18ny3pd','_1hx1oue'],'3':['_18ny3pd','sum37g'],'4':['_18ny3pd','_30kfu4'],'5':['_18ny3pd','hvlmg4']},resize:{auto:{},none:{},vertical:'_1wlag2x'}}});
+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'}}});
 
 const Slot$1 = reactSlot.createSlot("@optiaxiom/react/TextareaAutosize");
 const TextareaAutosize = React.forwardRef(
@@ -3136,21 +3469,21 @@ const TextareaAutosize = React.forwardRef(
     ...props
   }, ref) => {
     const Comp = asChild ? Slot$1 : "textarea";
-    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
+    const { boxProps, restProps } = Calendar.extractBoxProps(props);
     const [value, setValue] = reactUseControllableState.useControllableState({
       caller: "@optiaxiom/react/TextareaAutosize",
       defaultProp: props.defaultValue,
       prop: props.value
     });
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      IconMagnifyingGlass.Box,
+      Calendar.Box,
       {
         ...wrapper({
           maxRows: resize === "auto" ? maxRows : void 0,
           resize
         }),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...textarea({ resize }, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...textarea({ resize }, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(
             Comp,
             {
               onChange: (event) => {
@@ -3162,7 +3495,7 @@ const TextareaAutosize = React.forwardRef(
               children
             }
           ) }),
-          resize === "auto" && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { ...shadow({}, className), ...boxProps, children: (value ?? "") + " " })
+          resize === "auto" && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ...shadow({}, className), ...boxProps, children: (value ?? "") + " " })
         ]
       }
     );
@@ -3183,9 +3516,9 @@ const Textarea = React.forwardRef(
     ...props
   }, ref) => {
     const Comp = asChild ? Slot : "textarea";
-    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
+    const { boxProps, restProps } = Calendar.extractBoxProps(props);
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      IconMagnifyingGlass.InputRoot,
+      Calendar.InputRoot,
       {
         addonPointerEvents,
         className,
@@ -3193,9 +3526,9 @@ const Textarea = React.forwardRef(
         style,
         ...boxProps,
         children: [
-          addonBefore && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.InputAddon, { asChild: true, children: IconMagnifyingGlass.fallbackSpan(addonBefore) }),
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.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(IconMagnifyingGlass.InputAddon, { asChild: true, children: IconMagnifyingGlass.fallbackSpan(addonAfter) })
+          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) })
         ]
       }
     );
@@ -3205,80 +3538,82 @@ Textarea.displayName = "@optiaxiom/react/Textarea";
 
 const ToggleButton = React.forwardRef(
   ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Button, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixToggle__namespace.Root, { ref, children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Button, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixToggle__namespace.Root, { ref, children }) });
   }
 );
 ToggleButton.displayName = "@optiaxiom/react/ToggleButton";
 
-exports.AngleMenuButton = IconMagnifyingGlass.AngleMenuButton;
-exports.Box = IconMagnifyingGlass.Box;
-exports.Button = IconMagnifyingGlass.Button;
-exports.ButtonGroup = IconMagnifyingGlass.ButtonGroup;
-exports.Checkbox = IconMagnifyingGlass.Checkbox;
-exports.Cover = IconMagnifyingGlass.Cover;
-exports.Dialog = IconMagnifyingGlass.Dialog;
-exports.DialogBody = IconMagnifyingGlass.DialogBody;
-exports.DialogClose = IconMagnifyingGlass.DialogClose;
-exports.DialogContent = IconMagnifyingGlass.DialogContent;
-exports.DialogFooter = IconMagnifyingGlass.DialogFooter;
-exports.DialogForm = IconMagnifyingGlass.DialogForm;
-exports.DialogHeader = IconMagnifyingGlass.DialogHeader;
-exports.DialogTrigger = IconMagnifyingGlass.DialogTrigger;
-exports.Flex = IconMagnifyingGlass.Flex;
-exports.Heading = IconMagnifyingGlass.Heading;
-exports.Input = IconMagnifyingGlass.Input;
-exports.InputAddon = IconMagnifyingGlass.InputAddon;
-exports.InputControl = IconMagnifyingGlass.InputControl;
-exports.InputRoot = IconMagnifyingGlass.InputRoot;
-exports.Link = IconMagnifyingGlass.Link;
-exports.Listbox = IconMagnifyingGlass.Listbox;
-exports.ListboxCheckboxItem = IconMagnifyingGlass.ListboxCheckboxItem;
-exports.ListboxEmpty = IconMagnifyingGlass.ListboxEmpty;
-exports.ListboxGroup = IconMagnifyingGlass.ListboxGroup;
-exports.ListboxItem = IconMagnifyingGlass.ListboxItem;
-exports.ListboxItemIndicator = IconMagnifyingGlass.ListboxItemIndicator;
-exports.ListboxItemized = IconMagnifyingGlass.ListboxItemized;
-exports.ListboxLabel = IconMagnifyingGlass.ListboxLabel;
-exports.ListboxRadioItem = IconMagnifyingGlass.ListboxRadioItem;
-exports.ListboxSeparator = IconMagnifyingGlass.ListboxSeparator;
-exports.ListboxSwitchItem = IconMagnifyingGlass.ListboxSwitchItem;
-exports.ModalLayer = IconMagnifyingGlass.ModalLayer;
-exports.ModalProvider = IconMagnifyingGlass.ModalProvider;
-exports.Paper = IconMagnifyingGlass.Paper;
-exports.Popover = IconMagnifyingGlass.Popover;
-exports.PopoverAnchor = IconMagnifyingGlass.PopoverAnchor;
-exports.PopoverContent = IconMagnifyingGlass.PopoverContent;
-exports.PopoverTrigger = IconMagnifyingGlass.PopoverTrigger;
-exports.Select = IconMagnifyingGlass.Select;
-exports.SelectContent = IconMagnifyingGlass.SelectContent;
-exports.SelectTrigger = IconMagnifyingGlass.SelectTrigger;
-exports.Separator = IconMagnifyingGlass.Separator;
-exports.Skeleton = IconMagnifyingGlass.Skeleton;
-exports.Spinner = IconMagnifyingGlass.Spinner;
-exports.Switch = IconMagnifyingGlass.Switch;
-exports.Table = IconMagnifyingGlass.Table;
-exports.TableAction = IconMagnifyingGlass.TableAction;
-exports.TableBody = IconMagnifyingGlass.TableBody;
-exports.TableCell = IconMagnifyingGlass.TableCell;
-exports.TableHeader = IconMagnifyingGlass.TableHeader;
-exports.TableHeaderCell = IconMagnifyingGlass.TableHeaderCell;
-exports.TableRow = IconMagnifyingGlass.TableRow;
-exports.Text = IconMagnifyingGlass.Text;
-exports.Tooltip = IconMagnifyingGlass.Tooltip;
-exports.TooltipContent = IconMagnifyingGlass.TooltipContent;
-exports.TooltipProvider = IconMagnifyingGlass.TooltipProvider;
-exports.TooltipRoot = IconMagnifyingGlass.TooltipRoot;
-exports.TooltipTrigger = IconMagnifyingGlass.TooltipTrigger;
-exports.Transition = IconMagnifyingGlass.Transition;
-exports.TransitionGlobalConfig = IconMagnifyingGlass.TransitionGlobalConfig;
-exports.TransitionGroup = IconMagnifyingGlass.TransitionGroup;
-exports.extractBoxProps = IconMagnifyingGlass.extractBoxProps;
-exports.mapResponsiveValue = IconMagnifyingGlass.mapResponsiveValue;
-exports.normalizeResponsiveValue = IconMagnifyingGlass.normalizeResponsiveValue;
-exports.sprinkles = IconMagnifyingGlass.sprinkles;
-exports.sprinklesMerge = IconMagnifyingGlass.sprinklesMerge;
-exports.useModalContext = IconMagnifyingGlass.useModalContext;
-exports.vars = IconMagnifyingGlass.vars;
+exports.AngleMenuButton = Calendar.AngleMenuButton;
+exports.Box = Calendar.Box;
+exports.Button = Calendar.Button;
+exports.ButtonGroup = Calendar.ButtonGroup;
+exports.Checkbox = Calendar.Checkbox;
+exports.Cover = Calendar.Cover;
+exports.Dialog = Calendar.Dialog;
+exports.DialogBody = Calendar.DialogBody;
+exports.DialogClose = Calendar.DialogClose;
+exports.DialogContent = Calendar.DialogContent;
+exports.DialogFooter = Calendar.DialogFooter;
+exports.DialogForm = Calendar.DialogForm;
+exports.DialogHeader = Calendar.DialogHeader;
+exports.DialogTrigger = Calendar.DialogTrigger;
+exports.Flex = Calendar.Flex;
+exports.Heading = Calendar.Heading;
+exports.Input = Calendar.Input;
+exports.InputAddon = Calendar.InputAddon;
+exports.InputControl = Calendar.InputControl;
+exports.InputRoot = Calendar.InputRoot;
+exports.Listbox = Calendar.Listbox;
+exports.ListboxCheckboxItem = Calendar.ListboxCheckboxItem;
+exports.ListboxEmpty = Calendar.ListboxEmpty;
+exports.ListboxGroup = Calendar.ListboxGroup;
+exports.ListboxItem = Calendar.ListboxItem;
+exports.ListboxItemIndicator = Calendar.ListboxItemIndicator;
+exports.ListboxItemized = Calendar.ListboxItemized;
+exports.ListboxLabel = Calendar.ListboxLabel;
+exports.ListboxRadioItem = Calendar.ListboxRadioItem;
+exports.ListboxSeparator = Calendar.ListboxSeparator;
+exports.ListboxSwitchItem = Calendar.ListboxSwitchItem;
+exports.Menu = Calendar.Menu;
+exports.MenuContent = Calendar.MenuContent;
+exports.MenuTrigger = Calendar.MenuTrigger;
+exports.ModalLayer = Calendar.ModalLayer;
+exports.ModalProvider = Calendar.ModalProvider;
+exports.Paper = Calendar.Paper;
+exports.Popover = Calendar.Popover;
+exports.PopoverAnchor = Calendar.PopoverAnchor;
+exports.PopoverContent = Calendar.PopoverContent;
+exports.PopoverTrigger = Calendar.PopoverTrigger;
+exports.Select = Calendar.Select;
+exports.SelectContent = Calendar.SelectContent;
+exports.SelectTrigger = Calendar.SelectTrigger;
+exports.Separator = Calendar.Separator;
+exports.Skeleton = Calendar.Skeleton;
+exports.Spinner = Calendar.Spinner;
+exports.Switch = Calendar.Switch;
+exports.Table = Calendar.Table;
+exports.TableAction = Calendar.TableAction;
+exports.TableBody = Calendar.TableBody;
+exports.TableCell = Calendar.TableCell;
+exports.TableHeader = Calendar.TableHeader;
+exports.TableHeaderCell = Calendar.TableHeaderCell;
+exports.TableRow = Calendar.TableRow;
+exports.Text = Calendar.Text;
+exports.Tooltip = Calendar.Tooltip;
+exports.TooltipContent = Calendar.TooltipContent;
+exports.TooltipProvider = Calendar.TooltipProvider;
+exports.TooltipRoot = Calendar.TooltipRoot;
+exports.TooltipTrigger = Calendar.TooltipTrigger;
+exports.Transition = Calendar.Transition;
+exports.TransitionGlobalConfig = Calendar.TransitionGlobalConfig;
+exports.TransitionGroup = Calendar.TransitionGroup;
+exports.extractBoxProps = Calendar.extractBoxProps;
+exports.mapResponsiveValue = Calendar.mapResponsiveValue;
+exports.normalizeResponsiveValue = Calendar.normalizeResponsiveValue;
+exports.sprinkles = Calendar.sprinkles;
+exports.sprinklesMerge = Calendar.sprinklesMerge;
+exports.useModalContext = Calendar.useModalContext;
+exports.vars = Calendar.vars;
 Object.defineProperty(exports, "createToaster", {
   enumerable: true,
   get: function () { return globals.createToaster; }
@@ -3309,6 +3644,15 @@ exports.AvatarGroup = AvatarGroup;
 exports.AxiomProvider = AxiomProvider;
 exports.Badge = Badge;
 exports.Banner = Banner;
+exports.Breadcrumb = Breadcrumb;
+exports.Card = Card;
+exports.CardAction = CardAction;
+exports.CardCheckbox = CardCheckbox;
+exports.CardFooter = CardFooter;
+exports.CardHeader = CardHeader;
+exports.CardImage = CardImage;
+exports.CardLink = CardLink;
+exports.CardPreview = CardPreview;
 exports.Code = Code;
 exports.DataTable = DataTable;
 exports.DataTableAction = DataTableAction;
@@ -3341,6 +3685,7 @@ exports.Grid = Grid;
 exports.Indicator = Indicator;
 exports.Kbd = Kbd;
 exports.LabelMenuButton = LabelMenuButton;
+exports.Link = Link;
 exports.Nav = Nav;
 exports.NavAccountItem = NavAccountItem;
 exports.NavBody = NavBody;