@optiaxiom/react 1.9.17 → 1.9.19

package/dist/cjs/index.js

@@ -1,130 +1,130 @@
 "use client";
 'use strict';
 
-var Textarea = require('./Textarea-DJUFOOPp.js');
+var Calendar = require('./Calendar-Bc3PeNip.js');
 var jsxRuntime = require('react/jsx-runtime');
 var globals = require('@optiaxiom/globals');
 var React = require('react');
 var reactId = require('@radix-ui/react-id');
 var dynamic = require('@vanilla-extract/dynamic');
-require('./assets/src/layers/layers.css.ts.vanilla-D8I-bHqr.css');
+require('./assets/src/layers/layers.css.ts.vanilla-De_6reBj.css');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
 var RadixToast = require('@radix-ui/react-toast');
 var shim = require('use-sync-external-store/shim');
-require('./assets/src/toast/ToastProvider.css.ts.vanilla-CFRWwoSe.css');
-require('./assets/src/toast/Toast.css.ts.vanilla-D6UG4OzX.css');
-require('./assets/src/banner/Banner.css.ts.vanilla-CmG3eRaY.css');
-require('./assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-DQKWoLqi.css');
-require('./assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-BFPstOd9.css');
+require('./assets/src/toast/ToastProvider.css.ts.vanilla-D0CY5aNn.css');
+require('./assets/src/toast/Toast.css.ts.vanilla-DUdVWDhU.css');
 var reactSlot = require('@radix-ui/react-slot');
-require('./assets/src/code/Code.css.ts.vanilla-CMtNDke7.css');
-var RadixVisuallyHidden = require('@radix-ui/react-visually-hidden');
-var clsx = require('clsx');
-var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
-require('./assets/src/pagination/Pagination.css.ts.vanilla-BGgCKbHS.css');
-require('./assets/src/data-table/DataTableFooter.css.ts.vanilla-CkVXuNxy.css');
-require('./assets/src/date-input/DateInput.css.ts.vanilla-Dubr_lwP.css');
+require('./assets/src/badge/Badge.css.ts.vanilla-DJfOIqg-.css');
+require('./assets/src/banner/Banner.css.ts.vanilla-DVgjMT7x.css');
+require('./assets/src/link/Link.css.ts.vanilla-BfLmF6rv.css');
+require('./assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-DwyVOUtS.css');
+require('./assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-DYEKr0i8.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-Cva88HP3.css');
+require('./assets/src/card/Card.css.ts.vanilla-NZvd6fKo.css');
 var reactContext = require('@radix-ui/react-context');
+var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
+var clsx = require('clsx');
+require('./assets/src/card/CardCheckbox.css.ts.vanilla-EglqoUVl.css');
+require('./assets/src/card/CardHeader.css.ts.vanilla-w_JG_d7n.css');
+require('./assets/src/card/CardPreview.css.ts.vanilla-XiWDPiv9.css');
+require('./assets/src/code/Code.css.ts.vanilla-CTPvqfhT.css');
+var reactTable = require('@tanstack/react-table');
+var reactVirtual = require('@tanstack/react-virtual');
+require('./assets/src/table/TableRow.css.ts.vanilla-DzMGQgJe.css');
+require('./assets/src/data-table/DataTableBody.css.ts.vanilla-BIvtyf-r.css');
+var RadixVisuallyHidden = require('@radix-ui/react-visually-hidden');
+require('./assets/src/pagination/Pagination.css.ts.vanilla-C9_Y_8Di.css');
+require('./assets/src/data-table/DataTableFooter.css.ts.vanilla-C5pFZGrn.css');
+require('./assets/src/date-input/DateInput.css.ts.vanilla-Dc3q8Mc9.css');
+var RadixCollapsible = require('@radix-ui/react-collapsible');
+require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-C2Kar-ed.css');
+require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-CZuYnQAE.css');
 var RadixMenu = require('@radix-ui/react-dropdown-menu');
-require('./assets/src/indicator/Indicator.css.ts.vanilla-DU6eAQBv.css');
-require('./assets/src/kbd/Kbd.css.ts.vanilla-CPv35lzC.css');
 var RadixLabel = require('@radix-ui/react-label');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-QJWhQGED.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-DtPKwUMj.css');
-require('./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-W40qRgnN.css');
-require('./assets/src/nav/Nav.css.ts.vanilla-BgKwJlFp.css');
-require('./assets/src/nav/NavAccountItem.css.ts.vanilla-CUO9VuPl.css');
-require('./assets/src/nav/NavItem.css.ts.vanilla-Dkth_ocq.css');
+require('./assets/src/indicator/Indicator.css.ts.vanilla-nzAC1qmA.css');
+require('./assets/src/kbd/Kbd.css.ts.vanilla-DawEMnvk.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-B-n6A0_L.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-Con6ihcl.css');
+require('./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-LunKpJUm.css');
+require('./assets/src/nav/Nav.css.ts.vanilla-C_dgA3gs.css');
+require('./assets/src/nav/NavAccountItem.css.ts.vanilla-CMqSFPAW.css');
+require('./assets/src/nav/NavItem.css.ts.vanilla-DN70X10z.css');
 var ProgressPrimitive = require('@radix-ui/react-progress');
-require('./assets/src/progress/Progress.css.ts.vanilla-BQToRL08.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-QJWhQGED.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-DXxjmqSH.css');
-require('./assets/src/radio/Radio.css.ts.vanilla-C-kBX9vc.css');
-require('./assets/src/search-input/SearchInput.css.ts.vanilla-t-ae36lJ.css');
+require('./assets/src/progress/Progress.css.ts.vanilla-U9vm_kcN.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-B-n6A0_L.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-BSdprYba.css');
+require('./assets/src/radio/Radio.css.ts.vanilla-DrST6yIC.css');
+require('./assets/src/search-input/SearchInput.css.ts.vanilla-CkVaEPtY.css');
 var RadixSegmentedControl = require('@radix-ui/react-toggle-group');
-require('./assets/src/sub-nav/SubNav.css.ts.vanilla-L9X2RdR2.css');
+require('./assets/src/sub-nav/SubNav.css.ts.vanilla-Bw1nrFZ-.css');
 var RadixTabs = require('@radix-ui/react-tabs');
-require('./assets/src/tabs/Tabs.css.ts.vanilla-hkZdfIF2.css');
-require('./assets/src/tabs/TabsList.css.ts.vanilla-CUnvkCc4.css');
-require('./assets/src/tabs/TabsTrigger.css.ts.vanilla-Yn_B7JKz.css');
+require('./assets/src/tabs/Tabs.css.ts.vanilla-BNxHfvTe.css');
+require('./assets/src/tabs/TabsList.css.ts.vanilla-Bk4NKraR.css');
+require('./assets/src/tabs/TabsTrigger.css.ts.vanilla-CgPxLmjV.css');
+require('./assets/src/textarea/Textarea.css.ts.vanilla-xQ6rmdmJ.css');
+require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-BvQ-LtvO.css');
 var RadixToggle = require('@radix-ui/react-toggle');
-require('./assets/src/badge/Badge.css.ts.vanilla-BIKWgh9B.css');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-xpO2wIR5.css');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-DswzibW7.css');
 require('downshift');
-require('./assets/src/command/CommandItem.css.ts.vanilla-7mkGItLj.css');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-DqJHXK4a.css');
+require('./assets/src/input/Input.css.ts.vanilla-DoeWHzkF.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-GG2svp-L.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-Ik0Rd6U6.css');
+require('./assets/src/command/CommandItem.css.ts.vanilla-BVyMfVH2.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-Clf0-9Pv.css');
 require('react-remove-scroll');
 require('@radix-ui/react-dialog');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-QJWhQGED.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-BYlHiiWi.css');
-require('./assets/src/dialog/DialogContent.css.ts.vanilla-DCxrCe0F.css');
-require('./assets/src/dialog/DialogFooter.css.ts.vanilla-DtTweR_d.css');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-PjN5HNWV.css');
-require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BuAaDYHj.css');
-require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-CaP3DK9F.css');
-require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-C5OQEEeq.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-B9fXww2G.css');
-require('./assets/src/card/Card.css.ts.vanilla-CDZEHqAM.css');
-require('./assets/src/card/CardCheckbox.css.ts.vanilla-DkxGd8A1.css');
-require('./assets/src/card/CardHeader.css.ts.vanilla-DucSy4Ut.css');
-require('./assets/src/link/Link.css.ts.vanilla-Cxtwlqyl.css');
-require('./assets/src/card/CardPreview.css.ts.vanilla-CGzPi4bP.css');
-require('@tanstack/react-table');
-require('@tanstack/react-virtual');
-require('./assets/src/table/Table.css.ts.vanilla-CB6lYvXd.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-QJWhQGED.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-DJmemxye.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-OSS0zrDM.css');
-require('./assets/src/table/TableRow.css.ts.vanilla-BNH2hy-q.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-CnGtGc7a.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla-BFfdNonI.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-LT0Cku08.css');
-require('./assets/src/data-table/DataTableBody.css.ts.vanilla-CtOeSPGk.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-D36jAWcF.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-B-n6A0_L.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-SlQZwUVd.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-CrJu3YWm.css');
+require('./assets/src/dialog/DialogFooter.css.ts.vanilla-VV8v-nGd.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-BQCKtnWE.css');
+require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-CFlM7wOm.css');
+require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-C2HYelMD.css');
+require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-DG5nnkGL.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-B-n6A0_L.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-DRvXiCUI.css');
+require('./assets/src/table/Table.css.ts.vanilla-DAXHquIL.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-tc-pnOG4.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-D_IzblEV.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-CAF8LZeQ.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-DaVI2_eI.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-DoPeEW24.css');
 require('react-day-picker');
-require('@radix-ui/react-popper');
-require('@radix-ui/react-dismissable-layer');
-require('@radix-ui/react-focus-guards');
-require('@radix-ui/react-focus-scope');
-require('./assets/src/calendar/Calendar.css.ts.vanilla-Dr8xJ5qS.css');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-CxdZnd0h.css');
-require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-Bw_2dr6O.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-DknWQF-O.css');
-require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-DLlRXrA8.css');
-require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-BQKyiVGt.css');
-require('@radix-ui/react-collapsible');
-require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-DwpWsJw3.css');
-require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-Dw_qqlnN.css');
-require('@radix-ui/react-tooltip');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-CCxxdaoM.css');
-require('./assets/src/box/Box.css.ts.vanilla-BVlrC21q.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-3LYWDUIY.css');
-require('./assets/src/text/Text.css.ts.vanilla-93h-2qm4.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-qY1Xc4ny.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-DXOiDYrm.css');
-require('./assets/src/alert/Alert.css.ts.vanilla--2F4T8Jh.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-DZw7cC0I.css');
+require('./assets/src/box/Box.css.ts.vanilla-CjwusCqf.css');
+require('@radix-ui/react-popper');
 require('@radix-ui/react-avatar');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-QJWhQGED.css');
-require('./assets/src/avatar/Avatar.css.ts.vanilla-BQDQ2B8t.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-B-n6A0_L.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-68ShCeFJ.css');
+require('./assets/src/listbox/Listbox.css.ts.vanilla-C4al3To5.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-CZeULfZA.css');
+require('./assets/src/text/Text.css.ts.vanilla-dYp4fwPW.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-CkKHZ1QT.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-BDBOMo3F.css');
+require('./assets/src/alert/Alert.css.ts.vanilla-CiDrsUpT.css');
 require('@radix-ui/react-popover');
-require('./assets/src/listbox/Listbox.css.ts.vanilla-DVr7Jfck.css');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-DyBjIDSr.css');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-C7MUOQEY.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-CxY9e7Uc.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-BXfFyKhW.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-D1kyco4a.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-BdEOgzKA.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-CvWVsgkH.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-DWxF8sPc.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-CD3njzqd.css');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-0HAnBW8A.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-RWkYQGoh.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-B9YDgKjN.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-DSuD_bp-.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-BJWs2jtb.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-BUXfQ3s1.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-CnaNNEME.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-CY9tFTRZ.css');
 require('@radix-ui/react-portal');
-require('./assets/src/input/Input.css.ts.vanilla-g3chHJi8.css');
-require('./assets/src/input/InputControl.css.ts.vanilla-CZnAzuFA.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-CA26_thU.css');
-require('./assets/src/textarea/Textarea.css.ts.vanilla-OGoToM8P.css');
-require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-BAvQcRJS.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-CQnYgwVK.css');
+require('@radix-ui/react-dismissable-layer');
+require('@radix-ui/react-focus-guards');
+require('@radix-ui/react-focus-scope');
+require('@radix-ui/react-tooltip');
+require('./assets/src/calendar/Calendar.css.ts.vanilla-DV5lpLOM.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-DUEh1OEA.css');
+require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-df0YfvPf.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-CwoijaLX.css');
+require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-ZuSDMjq5.css');
+require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-CjBcBSMd.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -144,7 +144,9 @@ function _interopNamespaceDefault(e) {
 }
 
 var RadixToast__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixToast);
+var RadixCollapsible__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixCollapsible);
 var RadixMenu__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixMenu);
+var RadixLabel__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixLabel);
 var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(ProgressPrimitive);
 var RadixSegmentedControl__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixSegmentedControl);
 var RadixTabs__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixTabs);
@@ -263,8 +265,8 @@ function SuggestionProvider({ children }) {
       ),
       children: [
         children,
-        suggestions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Textarea.Portal, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-          Textarea.Group,
+        suggestions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Portal, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+          Calendar.Group,
           {
             alignItems: "center",
             flexDirection: "column",
@@ -276,8 +278,8 @@ function SuggestionProvider({ children }) {
               position: "fixed"
             },
             z: "popover",
-            children: suggestions.slice(0, 1).map(({ suggestion, surface }) => /* @__PURE__ */ jsxRuntime.jsx(Textarea.Transition, { "data-side": "top", type: "pop", children: /* @__PURE__ */ jsxRuntime.jsxs(
-              Textarea.Group,
+            children: suggestions.slice(0, 1).map(({ suggestion, surface }) => /* @__PURE__ */ jsxRuntime.jsx(Calendar.Transition, { "data-side": "top", type: "pop", children: /* @__PURE__ */ jsxRuntime.jsxs(
+              Calendar.Group,
               {
                 "aria-describedby": id + "-" + suggestion.id,
                 "aria-label": "App companion suggestion",
@@ -293,23 +295,23 @@ function SuggestionProvider({ children }) {
                 shadow: "md",
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsxs(
-                    Textarea.Group,
+                    Calendar.Group,
                     {
                       flexDirection: "column",
                       gap: "4",
                       id: id + "-" + suggestion.id,
                       children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { children: suggestion.type === "message" ? suggestion.text : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { children: suggestion.type === "message" ? suggestion.text : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                           /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Suggested:" }),
                           " ",
                           surface.renderSuggestionValue ? surface.renderSuggestionValue(suggestion.value) : String(suggestion.value)
                         ] }) }),
-                        suggestion.type === "value" && suggestion.reason && /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { color: "fg.secondary", children: suggestion.reason })
+                        suggestion.type === "value" && suggestion.reason && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { color: "fg.secondary", children: suggestion.reason })
                       ]
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    Textarea.Button,
+                    Calendar.Button,
                     {
                       appearance: "primary-opal",
                       onClick: async () => {
@@ -326,13 +328,13 @@ function SuggestionProvider({ children }) {
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    Textarea.Button,
+                    Calendar.Button,
                     {
                       appearance: "subtle",
                       "aria-label": "close",
                       color: "fg.default",
                       flex: "none",
-                      icon: /* @__PURE__ */ jsxRuntime.jsx(Textarea.IconX, {}),
+                      icon: /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconX, {}),
                       onClick: () => {
                         surface.reject(suggestion.id);
                       },
@@ -352,8 +354,8 @@ SuggestionProvider.displayName = "@optiaxiom/react/SuggestionProvider";
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._1l557r7';
-var reset = 'optiaxiom.io6huz';
+var components = 'optiaxiom._1qll070';
+var reset = 'optiaxiom.n203m7';
 var theme = 'optiaxiom.theme';
 
 var layers_css = /*#__PURE__*/Object.freeze({
@@ -381,7 +383,7 @@ function ThemeProvider({ children }) {
       setContainer(root);
     }
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsxs(Textarea.PortalProvider, { container, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.PortalProvider, { container, children: [
     /* @__PURE__ */ jsxRuntime.jsx("style", { ref, children: `
         @layer ${theme} {
           ${selector} {
@@ -403,24 +405,24 @@ function ThemeProvider({ children }) {
 }
 ThemeProvider.displayName = "@optiaxiom/react/ThemeProvider";
 
-var icon$1 = Textarea.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'t9v2i6']});
-var offsetVar = 'var(--_1di1ijk)';
-var root = Textarea.recipeRuntime({base:['_26wjdd',{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']},'_1awbf9o'],variants:{intent:{danger:'_6cj2h8',information:'_40anqh',neutral:'ykhzfe',success:'cunhr3',warning:'duf9nt'}}});
+var icon$3 = Calendar.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'fjbfvm']});
+var offsetVar = 'var(--_12uuf60)';
+var root$2 = Calendar.recipeRuntime({base:['mv1nad',{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']},'k0brr0'],variants:{intent:{danger:'aq0xbp',information:'m89i85',neutral:'_19s2rah',success:'_2a6fjv',warning:'_1pmtdev'}}});
 
 const mapIntentToIcon$1 = {
-  danger: Textarea.IconCircleExclamationSolid,
-  information: Textarea.IconCircleInfoSolid,
-  neutral: Textarea.IconCircleInfoSolid,
-  success: Textarea.IconCircleCheckSolid,
-  warning: Textarea.IconTriangleExclamationSolid
+  danger: Calendar.IconCircleExclamationSolid,
+  information: Calendar.IconCircleInfoSolid,
+  neutral: Calendar.IconCircleInfoSolid,
+  success: Calendar.IconCircleCheckSolid,
+  warning: Calendar.IconTriangleExclamationSolid
 };
 const Toast = React.forwardRef(
   ({ children, className, intent = "neutral", onOpenChange, style, ...props }, outerRef) => {
-    const { boxProps, restProps } = Textarea.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(
-      Textarea.Box,
+      Calendar.Box,
       {
         asChild: true,
         style: {
@@ -429,7 +431,7 @@ const Toast = React.forwardRef(
             [offsetVar]: `${context.offset}px`
           })
         },
-        ...root({ intent }, className),
+        ...root$2({ intent }, className),
         ...boxProps,
         children: /* @__PURE__ */ jsxRuntime.jsxs(
           RadixToast__namespace.Root,
@@ -443,14 +445,14 @@ const Toast = React.forwardRef(
             ref,
             ...restProps,
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Textarea.Icon, { asChild: true, ...icon$1(), 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(
-                Textarea.Button,
+                Calendar.Button,
                 {
                   appearance: "inverse",
                   "aria-label": "close",
-                  icon: /* @__PURE__ */ jsxRuntime.jsx(Textarea.IconX, {}),
+                  icon: /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconX, {}),
                   size: "sm"
                 }
               ) })
@@ -466,19 +468,19 @@ Toast.displayName = "@optiaxiom/react/Toast";
 const ToastAction = React.forwardRef(
   ({ altText, appearance = "inverse", children, size = "sm", ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Textarea.Separator, { alignSelf: "center", h: "sm", ml: "12", orientation: "vertical" }),
-      /* @__PURE__ */ jsxRuntime.jsx(Textarea.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 = Textarea.recipeRuntime({base:[{flexDirection:'column',gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_1v14rkl'],variants:{position:{bottom:'_814d36','bottom-left':'yunk2v','bottom-right':['right-scroll-bar-position','_3yxewd'],top:'_1niim43','top-left':'_1ojahg5','top-right':['right-scroll-bar-position','_1rdxvmf']}}});
+var viewport = Calendar.recipeRuntime({base:[{flexDirection:'column',gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'poepic'],variants:{position:{bottom:'s2ayo5','bottom-left':'b7om0q','bottom-right':['right-scroll-bar-position','_8l7yl5'],top:'_1dfkdoe','top-left':'_707t53','top-right':['right-scroll-bar-position','_1rby6vg']}}});
 
 const ToastTitle = React.forwardRef(
   ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Textarea.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";
@@ -534,7 +536,7 @@ const ToastProvider = React.forwardRef(
     toaster: toasterProp = globals.toaster,
     ...props
   }, outerRef) => {
-    const { boxProps, restProps } = Textarea.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);
@@ -568,8 +570,8 @@ const ToastProvider = React.forwardRef(
             },
             id
           )),
-          /* @__PURE__ */ jsxRuntime.jsx(Textarea.Portal, { asChild: true, ...container && { container }, children: /* @__PURE__ */ jsxRuntime.jsx(
-            Textarea.Group,
+          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Portal, { asChild: true, ...container && { container }, children: /* @__PURE__ */ jsxRuntime.jsx(
+            Calendar.Group,
             {
               alignItems: position.endsWith("left") ? "start" : position.endsWith("right") ? "end" : "center",
               asChild: true,
@@ -600,29 +602,55 @@ function AxiomProvider({
       /* @__PURE__ */ jsxRuntime.jsx(ToastProvider, { ...toast })
     ] }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(globals.AxiomVersionContext.Provider, { value: Textarea.version, children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.TooltipProvider, { ...tooltip, children: /* @__PURE__ */ jsxRuntime.jsxs(Textarea.FocusBookmarkProvider, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(globals.AxiomVersionContext.Provider, { value: Calendar.version, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.TooltipProvider, { ...tooltip, children: /* @__PURE__ */ jsxRuntime.jsxs(Calendar.FocusBookmarkProvider, { children: [
     children,
-    /* @__PURE__ */ jsxRuntime.jsx(Textarea.DialogKitProvider, { ...dialog })
+    /* @__PURE__ */ jsxRuntime.jsx(Calendar.DialogKitProvider, { ...dialog })
   ] }) }) });
 }
 AxiomProvider.displayName = "@optiaxiom/react/AxiomProvider";
 
-var banner = Textarea.recipeRuntime({base:[{alignItems:'start',color:'fg.default',fontSize:'md',fontWeight:'500',gap:'12',justifyContent:'space-between',px:'24',py:'12'}],variants:{intent:{danger:{bg:'bg.error.light'},information:{bg:'bg.information.light'},neutral:{bg:'bg.tertiary'},success:{bg:'bg.success.light'},warning:{bg:'bg.warning.light'}}}});
-var content$2 = Textarea.recipeRuntime({base:[{flex:'1',flexDirection:'column',gap:'8',justifyContent:'center'},'eayblo']});
-var icon = Textarea.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 badge$1 = Calendar.recipeRuntime({base:[{display:'inline-flex',flex:'none',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'e03uon'],variants:{intent:{danger:'bj7wmi',information:'_1a785pl',neutral:'_1sy2jgt',primary:'_1s8f1o0',success:'cpiy9h',warning:'p6v7qh'},variant:{strong:'c9zh9u',subtle:'_1w5mzlu'}}});
+
+const Slot$8 = reactSlot.createSlot("@optiaxiom/react/Badge");
+const Badge = React.forwardRef(
+  ({
+    asChild,
+    children,
+    className,
+    intent = "neutral",
+    variant = "subtle",
+    ...props
+  }, ref) => {
+    const Comp = asChild ? Slot$8 : "span";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Calendar.Text,
+      {
+        asChild: true,
+        ...badge$1({ intent, variant }, className),
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, children })
+      }
+    );
+  }
+);
+Badge.displayName = "@optiaxiom/react/Badge";
+
+var banner = Calendar.recipeRuntime({base:[{alignItems:'start',color:'fg.default',fontSize:'md',fontWeight:'500',gap:'12',justifyContent:'space-between',px:'24',py:'12'}],variants:{intent:{danger:{bg:'bg.error.light'},information:{bg:'bg.information.light'},neutral:{bg:'bg.tertiary'},success:{bg:'bg.success.light'},warning:{bg:'bg.warning.light'}}}});
+var content$3 = Calendar.recipeRuntime({base:[{flex:'1',flexDirection:'column',gap:'8',justifyContent:'center'},'f9ys7o']});
+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: Textarea.IconCircleExclamationSolid,
-  information: Textarea.IconCircleInfoSolid,
-  neutral: Textarea.IconCircleInfoSolid,
-  success: Textarea.IconCircleCheckSolid,
-  warning: Textarea.IconTriangleExclamationSolid
+  danger: Calendar.IconCircleExclamationSolid,
+  information: Calendar.IconCircleInfoSolid,
+  neutral: Calendar.IconCircleInfoSolid,
+  success: Calendar.IconCircleCheckSolid,
+  warning: Calendar.IconTriangleExclamationSolid
 };
 const Banner = React.forwardRef(
   ({ children, className, intent = "neutral", onDismiss, ...props }, ref) => {
     const labelId = reactId.useId();
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      Textarea.Group,
+      Calendar.Group,
       {
         "aria-labelledby": labelId,
         ref,
@@ -630,16 +658,16 @@ const Banner = React.forwardRef(
         ...banner({ intent }, className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Textarea.Icon, { asChild: true, ...icon({ intent }), children: React.createElement(mapIntentToIcon[intent]) }),
-          /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { id: labelId, ...content$2(), children }),
+          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Icon, { asChild: true, ...icon$2({ intent }), children: React.createElement(mapIntentToIcon[intent]) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { id: labelId, ...content$3(), children }),
           !!onDismiss && /* @__PURE__ */ jsxRuntime.jsx(
-            Textarea.Button,
+            Calendar.Button,
             {
               appearance: "subtle",
               "aria-label": "close",
               color: "fg.default",
               flex: "none",
-              icon: /* @__PURE__ */ jsxRuntime.jsx(Textarea.IconX, {}),
+              icon: /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconX, {}),
               onClick: onDismiss,
               size: "sm"
             }
@@ -651,7 +679,7 @@ const Banner = React.forwardRef(
 );
 Banner.displayName = "@optiaxiom/react/Banner";
 
-const IconEllipsisSolid = Textarea.withIcon(
+const IconEllipsisSolid = Calendar.withIcon(
   {
     name: "IconEllipsisSolid",
     viewBox: "0 0 448 512"
@@ -666,17 +694,56 @@ const IconEllipsisSolid = Textarea.withIcon(
   )
 );
 
-var link = Textarea.recipeRuntime({base:'_1aerk85'});
-var list$2 = Textarea.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'xviutq']});
+var icon$1 = Calendar.recipeRuntime({base:[{display:'inline-flex',ml:'4'},'aw45by']});
+var link$1 = Calendar.recipeRuntime({base:['_1vxehq6'],variants:{appearance:{'default':'_1b9011f',inverse:'_1jzwo6k',subtle:'h0c84f'}}});
+
+const Slot$7 = reactSlot.createSlot("@optiaxiom/react/Link");
+const Link = React.forwardRef(
+  ({
+    appearance = "default",
+    asChild,
+    children,
+    className,
+    cover,
+    disabled,
+    external,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? Slot$7 : "a";
+    const { boxProps, restProps } = Calendar.extractBoxProps(props);
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...link$1({ appearance }, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Cover, { asChild: true, disabled: !cover, inset: cover === "inset", children: /* @__PURE__ */ jsxRuntime.jsx(
+      Comp,
+      {
+        "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(Calendar.IconUpRightFromSquare, {}) })
+        ] }))
+      }
+    ) }) });
+  }
+);
+Link.displayName = "@optiaxiom/react/Link";
+
+var link = Calendar.recipeRuntime({base:'iwuxdx'});
+var list$2 = Calendar.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'l4ldmr']});
 
-var item$2 = Textarea.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'_14kfxiw']});
+var item$2 = Calendar.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'msaj3i']});
 
 const BreadcrumbNode = React.forwardRef(
   ({ addonAfter, children, className, ...props }, ref) => {
-    const { boxProps, restProps } = Textarea.extractBoxProps(props);
-    return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { asChild: true, ...item$2({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsxs("li", { ref, ...restProps, children: [
+    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(Textarea.Group, { asChild: true, flex: "none", gap: "4", children: Textarea.fallbackSpan(addonAfter) })
+      addonAfter && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { asChild: true, flex: "none", gap: "4", children: Calendar.fallbackSpan(addonAfter) })
     ] }) });
   }
 );
@@ -684,22 +751,22 @@ BreadcrumbNode.displayName = "@optiaxiom/react/BreadcrumbNode";
 
 const Breadcrumb = React.forwardRef(
   ({ className, items, maxItems = 3, ...props }, ref) => {
-    const { boxProps, restProps } = Textarea.extractBoxProps(props);
-    return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { asChild: true, className, ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Breadcrumb", ref, ...restProps, children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.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(Textarea.Tooltip, { auto: true, content: item.label, children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { asChild: true, truncate: true, children: index === items.length - 1 ? /* @__PURE__ */ jsxRuntime.jsx(
-      Textarea.Box,
+    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(
-      Textarea.Link,
+      Link,
       {
         appearance: "subtle",
         href: item.href,
         ...link(),
         children: item.label
       }
-    ) : item.execute ? /* @__PURE__ */ jsxRuntime.jsx(Textarea.Link, { appearance: "subtle", asChild: true, ...link(), children: /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => item.execute?.(), children: item.label }) }) : null }) }) })) }) }) }) });
+    ) : 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";
@@ -718,38 +785,248 @@ const renderItems = (items, limit = items.length, renderItem) => {
   ];
   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(Textarea.Menu, { options: items.slice(boundaries[1], boundaries[2]), children: [
+    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(
-        Textarea.MenuTrigger,
+        Calendar.MenuTrigger,
         {
           appearance: "subtle",
           "aria-label": "More items",
-          icon: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { asChild: true, color: "fg.tertiary", children: /* @__PURE__ */ jsxRuntime.jsx(IconEllipsisSolid, {}) })
+          icon: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, color: "fg.tertiary", children: /* @__PURE__ */ jsxRuntime.jsx(IconEllipsisSolid, {}) })
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(Textarea.MenuContent, {})
+      /* @__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:['sxpp1u',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',flexDirection:'column',fontSize:'md',gap:'8',p:'16'},'_21e0fx']});
+
+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.Group, { 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:['_11eeohg']});
+
+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$2 = Calendar.recipeRuntime({base:[{flex:'none',gap:'8'}],variants:{slot:{after:'_1p6dhra',before:'fv717q'}}});
+var content$2 = Calendar.recipeRuntime({base:[{flex:'1'},'_1izdgbf']});
+var header = Calendar.recipeRuntime({base:[{alignSelf:'stretch',gap:'12',justifyContent:'space-between'},'i2twpk']});
+
+const CardHeader = React.forwardRef(
+  ({
+    addonAfter,
+    addonBefore,
+    children,
+    className,
+    description,
+    lineClamp,
+    truncate,
+    ...props
+  }, ref) => {
+    const { descriptionId, labelId } = useCardContext(
+      "@optiaxiom/react/CardHeader"
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { ref, ...header({}, className), ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Box, { ...content$2(), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Calendar.Heading,
+          {
+            fontSize: "md",
+            fontWeight: "500",
+            id: labelId,
+            level: "2",
+            lineClamp,
+            truncate,
+            children
+          }
+        ),
+        description && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { color: "fg.tertiary", fontSize: "sm", id: descriptionId, children: description })
+      ] }),
+      addonBefore && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { ...addon$2({ slot: "before" }), children: addonBefore }),
+      addonAfter && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { ...addon$2({ 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'},'f6378l']});
+var preview = Calendar.recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'dkio96']});
+
+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";
+
 function cleanup() {
-  Textarea.dialogkit.clear();
+  Calendar.dialogkit.clear();
   globals.toaster.clear();
 }
 
-var code = Textarea.recipeRuntime({base:[{fontWeight:'600'},'r1da45']});
+var code = Calendar.recipeRuntime({base:[{fontWeight:'600'},'fb1jd5']});
 
-const Slot$3 = reactSlot.createSlot("@optiaxiom/react/Code");
+const Slot$6 = reactSlot.createSlot("@optiaxiom/react/Code");
 const Code = React.forwardRef(
   ({ asChild, children, className, ...props }, ref) => {
-    const Comp = asChild ? Slot$3 : "code";
-    const { boxProps, restProps } = Textarea.extractBoxProps(props);
-    return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { asChild: true, ...code({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, ...restProps, children }) });
+    const Comp = asChild ? Slot$6 : "code";
+    const { boxProps, restProps } = Calendar.extractBoxProps(props);
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...code({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, ...restProps, children }) });
   }
 );
 Code.displayName = "@optiaxiom/react/Code";
 
+const [DataTableProvider, useDataTableContext] = reactContext.createContext("@optiaxiom/react/DataTable");
+
+const DataTable = React.forwardRef(
+  ({ children, table, ...props }, ref) => {
+    const [highlightedIndex, setHighlightedIndex] = React.useState(-1);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Calendar.Group,
+      {
+        flexDirection: "column",
+        gap: "8",
+        maxH: "full",
+        maxW: "full",
+        ref,
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          DataTableProvider,
+          {
+            highlightedIndex,
+            setHighlightedIndex,
+            table,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+DataTable.displayName = "@optiaxiom/react/DataTable";
+
 const DataTableAction = React.forwardRef(
   ({ onKeyDown, onPointerDown, primary, visible, ...props }, outerRef) => {
     const {
@@ -758,7 +1035,7 @@ const DataTableAction = React.forwardRef(
       highlightedIndex,
       onActionMount,
       setHighlightedIndex
-    } = Textarea.useDataTableRowContext("@optiaxiom/react/DataTableAction");
+    } = Calendar.useDataTableRowContext("@optiaxiom/react/DataTableAction");
     const innerRef = React.useRef(null);
     const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
     React.useEffect(() => {
@@ -774,7 +1051,7 @@ const DataTableAction = React.forwardRef(
       }
     }, [highlightedIndex, index]);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Textarea.TableAction,
+      Calendar.TableAction,
       {
         onKeyDown: (event) => {
           onKeyDown?.(event);
@@ -809,9 +1086,403 @@ const DataTableAction = React.forwardRef(
 );
 DataTableAction.displayName = "@optiaxiom/react/DataTableAction";
 
+var cell = Calendar.recipeRuntime({base:[{alignItems:'start',display:'flex'},'_786l7j'],variants:{pinned:{left:'_5oitrg',right:'_84kvsy'},pinnedType:{body:'_1qbcewo',header:{}},resizable:{false:{},true:'_1ukaezk'}}});
+var cellOffsetVar = 'var(--xpfeoz)';
+var cellSizeVar = 'var(--_1fhhczk)';
+var leftTotalSizeVar = 'var(--nnxepp)';
+var rightTotalSizeVar = 'var(--kbatxm)';
+var root$1 = Calendar.recipeRuntime({base:[{display:'flex',flexDirection:'column',maxW:'full',overflow:'hidden',rounded:'lg'},'_16smj5g']});
+var totalSizeVar = 'var(--_10nrbnm)';
+
+const DataTableRow = React.forwardRef(
+  ({ children, index, row, ...props }, outerRef) => {
+    const { highlightedIndex, setHighlightedIndex, table } = useDataTableContext("@optiaxiom/react/DataTableRow");
+    const [subHighlightedIndex, setSubHighlightedIndex] = React.useState(-1);
+    const labelId = reactId.useId();
+    const innerRef = React.useRef(null);
+    const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
+    React.useEffect(() => {
+      if (highlightedIndex !== index) {
+        return;
+      }
+      if (!innerRef.current?.contains(document.activeElement)) {
+        innerRef.current?.focus();
+      }
+      return () => setSubHighlightedIndex(-1);
+    }, [highlightedIndex, index]);
+    const [actions, setActions] = React.useState([]);
+    const primary = actions.find((action) => action.primary);
+    const [selector, setSelector] = React.useState();
+    const focusManaged = Boolean(selector || primary);
+    const onActionMount = Calendar.useEffectEvent(
+      ({
+        primary: primary2,
+        ref: ref2
+      }) => {
+        setActions((actions2) => [...actions2, { primary: primary2, ref: ref2 }]);
+        return () => setActions(
+          (actions2) => actions2.filter((action) => action.ref !== ref2)
+        );
+      }
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Calendar.TableRow,
+      {
+        "aria-labelledby": labelId,
+        "aria-selected": row.getCanSelect() ? row.getIsSelected() : void 0,
+        "data-focus-visible": focusManaged ? "" : void 0,
+        "data-selected": row.getIsSelected() ? "" : void 0,
+        onClick: (event) => {
+          if (!(event.target instanceof Element)) {
+            return;
+          }
+          if (isPortalClick(event)) {
+            return;
+          }
+          if (isInteractiveElement(event)) {
+            return;
+          }
+          if (row.getCanSelect()) {
+            if (selector && getAssociatedControl(event) !== selector.current) {
+              table.setRowSelection({ [row.id]: true });
+            }
+          } else if (!primary?.ref.current?.contains(event.target)) {
+            primary?.ref.current?.click();
+          }
+        },
+        onDoubleClick: (event) => {
+          if (!row.getCanSelect() || !primary || !(event.target instanceof Element)) {
+            return;
+          }
+          if (isPortalClick(event)) {
+            return;
+          }
+          if (isInteractiveElement(event)) {
+            return;
+          }
+          if (primary.ref.current?.contains(event.target)) {
+            return;
+          }
+          event.preventDefault();
+          document.getSelection()?.empty();
+          primary.ref.current?.click();
+        },
+        onFocus: (event) => {
+          if (focusManaged) {
+            setHighlightedIndex(index);
+            if (event.target === event.currentTarget) {
+              setSubHighlightedIndex(-1);
+            }
+          }
+        },
+        onKeyDown: (event) => {
+          if (event.defaultPrevented) {
+            return;
+          }
+          if (event.target instanceof HTMLElement && event.target !== selector?.current && (event.target.isContentEditable || ["input", "select", "textarea"].includes(event.target.localName))) {
+            return;
+          }
+          const { rows } = table.getRowModel();
+          if (focusManaged && (event.key === "ArrowDown" || event.key === "ArrowUp")) {
+            const nextIndex = event.key === "ArrowDown" ? highlightedIndex + 1 : highlightedIndex - 1;
+            if (nextIndex >= 0 && nextIndex <= rows.length - 1) {
+              event.preventDefault();
+              setHighlightedIndex(nextIndex);
+              if (selector) {
+                const nextRow = rows[nextIndex];
+                if (event.shiftKey && row.getCanMultiSelect()) {
+                  table.setRowSelection(
+                    (selection) => selection[nextRow.id] ? {
+                      ...selection,
+                      [row.id]: false
+                    } : {
+                      ...selection,
+                      [nextRow.id]: true
+                    }
+                  );
+                } else {
+                  table.setRowSelection({
+                    [nextRow.id]: true
+                  });
+                }
+              }
+            }
+          } else if (focusManaged && document.activeElement === event.currentTarget && event.key === "ArrowRight") {
+            const nextIndex = subHighlightedIndex + 1;
+            if (nextIndex <= actions.length - 1) {
+              event.preventDefault();
+              setSubHighlightedIndex(nextIndex);
+            }
+          } else if (event.currentTarget === document.activeElement) {
+            if (event.key === " " && selector) {
+              event.preventDefault();
+              row.toggleSelected();
+            } else if (event.key === "Enter" && primary) {
+              event.preventDefault();
+              primary.ref.current?.click();
+            }
+          }
+        },
+        ref,
+        tabIndex: focusManaged ? (highlightedIndex === -1 || highlightedIndex === index) && subHighlightedIndex === -1 ? 0 : -1 : void 0,
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          Calendar.DataTableRowProvider,
+          {
+            actions: actions.map(({ ref: ref2 }) => ref2),
+            focusManaged,
+            highlightedIndex: subHighlightedIndex,
+            labelId,
+            onActionMount,
+            row,
+            setHighlightedIndex: Calendar.useEffectEvent((nextIndex) => {
+              setSubHighlightedIndex(nextIndex);
+              if (nextIndex === -1) {
+                innerRef.current?.focus();
+              }
+            }),
+            setSelector,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+DataTableRow.displayName = "@optiaxiom/react/DataTableRow";
+const getAssociatedControl = (event) => {
+  if (event.target instanceof Element) {
+    const label = event.target.closest("label");
+    if (label && event.currentTarget.contains(label) && label.control) {
+      return label.control;
+    }
+  }
+  return;
+};
+const isInteractiveElement = (event) => {
+  if (!(event.target instanceof Element)) {
+    return false;
+  }
+  const interactive = event.target.closest(
+    'a, button, input, select, textarea, [contenteditable="true"], [role="button"], [role="link"]'
+  );
+  return interactive && interactive !== event.currentTarget;
+};
+const isPortalClick = (event) => {
+  return event.target instanceof Element && !event.currentTarget.contains(event.target);
+};
+
+const COL_VIRTUALIZATION_THRESHOLD = 20;
+const ROW_VIRTUALIZATION_THRESHOLD = 20;
+const DataTableBody = React.forwardRef(
+  ({ className, estimatedRowHeight = 52, loading, style, ...props }, outerRef) => {
+    const innerRef = React.useRef(null);
+    const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
+    const { table } = useDataTableContext("@optiaxiom/react/DataTableBody");
+    const { rows: rawRows } = table.getRowModel();
+    const rows = React.useMemo(() => {
+      let index = 0;
+      return rawRows.reduce((result, row) => {
+        result.push(row);
+        index++;
+        if (loading && typeof loading === "object" && loading[row.id] === "sub-rows") {
+          result.push(Calendar.fakeRow(table, index++), Calendar.fakeRow(table, index++));
+        }
+        return result;
+      }, []);
+    }, [loading, rawRows, table]);
+    const previousRowsRef = React.useRef(rows);
+    React.useEffect(() => {
+      previousRowsRef.current = rows;
+    });
+    const scrollContainerRef = React.useRef(null);
+    const calculateScrollTimeline = () => {
+      if (!innerRef.current || !scrollContainerRef.current) {
+        return;
+      }
+      const { offsetWidth, scrollLeft, scrollWidth } = scrollContainerRef.current;
+      if (scrollWidth > offsetWidth) {
+        innerRef.current.dataset.scrollTimeline = scrollLeft === 0 ? "left" : scrollLeft >= scrollWidth - offsetWidth ? "right" : "middle";
+      } else {
+        delete innerRef.current.dataset.scrollTimeline;
+      }
+    };
+    React.useEffect(calculateScrollTimeline, []);
+    const centerColumns = table.getCenterVisibleLeafColumns();
+    const columnVirtualizer = reactVirtual.useVirtualizer({
+      count: centerColumns.length,
+      enabled: centerColumns.length > COL_VIRTUALIZATION_THRESHOLD,
+      estimateSize: (index) => centerColumns[index].getSize(),
+      getItemKey: (index) => centerColumns[index].id,
+      getScrollElement: () => scrollContainerRef.current,
+      horizontal: true
+    });
+    const virtualColumns = columnVirtualizer.getVirtualItems();
+    const virtualColumnsOffset = virtualColumns[0]?.start ?? 0;
+    const rowVirtualizer = reactVirtual.useVirtualizer({
+      count: rows.length,
+      enabled: centerColumns.length > COL_VIRTUALIZATION_THRESHOLD || rows.length > ROW_VIRTUALIZATION_THRESHOLD,
+      estimateSize: () => estimatedRowHeight,
+      getItemKey: (index) => rows[index].id,
+      getScrollElement: () => scrollContainerRef.current
+    });
+    const virtualRows = rowVirtualizer.getVirtualItems();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Calendar.Box,
+      {
+        ref,
+        style: {
+          ...dynamic.assignInlineVars({
+            [leftTotalSizeVar]: `${table.getLeftTotalSize()}px`,
+            [rightTotalSizeVar]: `${table.getRightTotalSize()}px`,
+            [totalSizeVar]: (table.getHeaderGroups()[0]?.headers.reduce(
+              (sum, header) => sum + (header.column.getCanResize() ? header.getSize() : 0),
+              0
+            ) ?? 0).toString()
+          }),
+          ...style
+        },
+        ...root$1({}, className),
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          Calendar.Table,
+          {
+            layout: "fixed",
+            onScroll: calculateScrollTimeline,
+            ref: scrollContainerRef,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Calendar.TableHeader, { display: "grid", pinned: true, children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxRuntime.jsx(Calendar.TableRow, { display: "flex", children: headerGroup.headers.map((header) => /* @__PURE__ */ jsxRuntime.jsx(
+                Calendar.DataTableHeaderCell,
+                {
+                  header,
+                  pinned: !!header.column.getIsPinned(),
+                  style: {
+                    ...dynamic.assignInlineVars({
+                      [cellOffsetVar]: `${header.column.getStart(header.column.getIsPinned() || "left")}px`,
+                      [cellSizeVar]: `${header.getSize()}`
+                    })
+                  },
+                  ...cell({
+                    pinned: header.column.getIsPinned() || void 0,
+                    pinnedType: header.column.getIsPinned() ? "header" : void 0,
+                    resizable: header.column.getCanResize()
+                  }),
+                  children: header.isPlaceholder ? null : reactTable.flexRender(
+                    header.column.columnDef.header,
+                    header.getContext()
+                  )
+                },
+                header.id
+              )) }, headerGroup.id)) }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Calendar.TableBody,
+                {
+                  display: "grid",
+                  style: rowVirtualizer.options.enabled ? { height: `${rowVirtualizer.getTotalSize()}px` } : void 0,
+                  children: (loading === true ? Array.from({ length: 10 }, (_, rowIndex) => ({
+                    row: Calendar.fakeRow(table, rowIndex),
+                    virtualRow: void 0
+                  })) : rowVirtualizer.options.enabled ? virtualRows.length === 0 && rows.length > 0 ? (
+                    /**
+                     * If virtualization was just enabled in this render then
+                     * virtualRows will be empty so we render the rows from the
+                     * previous render instead temporarily.
+                     */
+                    previousRowsRef.current.map((row) => ({
+                      row,
+                      virtualRow: void 0
+                    }))
+                  ) : virtualRows.map((virtualRow) => ({
+                    row: rows[virtualRow.index],
+                    virtualRow
+                  })) : rows.map((row) => ({ row, virtualRow: void 0 }))).map(({ row, virtualRow }, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+                    DataTableRow,
+                    {
+                      "data-index": virtualRow?.index,
+                      display: "flex",
+                      index: virtualRow?.index ?? index,
+                      ref: virtualRow ? rowVirtualizer.measureElement : void 0,
+                      row,
+                      style: virtualRow ? {
+                        position: "absolute",
+                        transform: `translateY(${virtualRow.start}px)`
+                      } : void 0,
+                      children: [
+                        row.getLeftVisibleCells().map((cell$1) => /* @__PURE__ */ jsxRuntime.jsx(
+                          Calendar.TableCell,
+                          {
+                            pinned: true,
+                            style: {
+                              ...dynamic.assignInlineVars({
+                                [cellOffsetVar]: `${cell$1.column.getStart("left")}px`,
+                                [cellSizeVar]: `${cell$1.column.getSize()}`
+                              })
+                            },
+                            ...cell({
+                              pinned: "left",
+                              pinnedType: "body",
+                              resizable: cell$1.column.getCanResize()
+                            }),
+                            children: reactTable.flexRender(cell$1.column.columnDef.cell, cell$1.getContext())
+                          },
+                          cell$1.id
+                        )),
+                        columnVirtualizer.options.enabled && virtualColumnsOffset > 0 && /* @__PURE__ */ jsxRuntime.jsx(Calendar.TableCell, { style: { width: virtualColumnsOffset } }),
+                        (columnVirtualizer.options.enabled ? virtualColumns.map((virtualCell) => {
+                          const cells = row.getCenterVisibleCells();
+                          return cells[virtualCell.index];
+                        }) : row.getCenterVisibleCells()).map((cell$1) => /* @__PURE__ */ jsxRuntime.jsx(
+                          Calendar.TableCell,
+                          {
+                            style: {
+                              ...dynamic.assignInlineVars({
+                                [cellSizeVar]: `${cell$1.column.getSize()}`
+                              })
+                            },
+                            ...cell({
+                              resizable: cell$1.column.getCanResize()
+                            }),
+                            children: reactTable.flexRender(cell$1.column.columnDef.cell, cell$1.getContext())
+                          },
+                          cell$1.id
+                        )),
+                        row.getRightVisibleCells().map((cell$1) => /* @__PURE__ */ jsxRuntime.jsx(
+                          Calendar.TableCell,
+                          {
+                            pinned: true,
+                            style: {
+                              ...dynamic.assignInlineVars({
+                                [cellOffsetVar]: `${cell$1.column.getStart("right")}px`,
+                                [cellSizeVar]: `${cell$1.column.getSize()}`
+                              })
+                            },
+                            ...cell({
+                              pinned: "right",
+                              pinnedType: "body",
+                              resizable: cell$1.column.getCanResize()
+                            }),
+                            children: reactTable.flexRender(cell$1.column.columnDef.cell, cell$1.getContext())
+                          },
+                          cell$1.id
+                        ))
+                      ]
+                    },
+                    row.id
+                  ))
+                }
+              )
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+DataTableBody.displayName = "@optiaxiom/react/DataTableBody";
+
 const DataTableCheckbox = React.forwardRef(({ children, disabled, visible, ...props }, outerRef) => {
-  const { table } = Textarea.useDataTableContext("@optiaxiom/react/DataTableCheckbox");
-  const { labelId, row, setSelector } = Textarea.useDataTableRowContext(
+  const { table } = useDataTableContext("@optiaxiom/react/DataTableCheckbox");
+  const { labelId, row, setSelector } = Calendar.useDataTableRowContext(
     "@optiaxiom/react/DataTableCheckbox"
   );
   const labelPrefixId = reactId.useId();
@@ -836,7 +1507,7 @@ const DataTableCheckbox = React.forwardRef(({ children, disabled, visible, ...pr
       {
         visible: visible ?? (table.getIsSomeRowsSelected() || !row) ? "always" : void 0,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Textarea.Checkbox,
+          Calendar.Checkbox,
           {
             "aria-label": !row ? "Select all" : void 0,
             "aria-labelledby": row && clsx(labelPrefixId, labelId),
@@ -855,7 +1526,7 @@ const DataTableCheckbox = React.forwardRef(({ children, disabled, visible, ...pr
 });
 DataTableCheckbox.displayName = "@optiaxiom/react/DataTableCheckbox";
 
-const IconEllipsis = Textarea.withIcon(
+const IconEllipsis = Calendar.withIcon(
   {
     name: "IconEllipsis"
   },
@@ -890,9 +1561,9 @@ const IconEllipsis = Textarea.withIcon(
   ] })
 );
 
-var button$1 = Textarea.recipeRuntime({base:[{justifyContent:'center'},'_3mtgl2']});
-var cursor = Textarea.recipeRuntime({base:[{justifyContent:'center',z:'10'},'_1nlkpsl'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list$1 = Textarea.recipeRuntime({base:[{gap:'2'},'_1s2olov']});
+var button$1 = Calendar.recipeRuntime({base:[{justifyContent:'center'},'_1tf2mo3']});
+var cursor = Calendar.recipeRuntime({base:[{justifyContent:'center',z:'10'},'_1e2nucx'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list$1 = Calendar.recipeRuntime({base:[{gap:'2'},'_1z0m2ji']});
 
 const Pagination = React.forwardRef(
   ({
@@ -926,9 +1597,9 @@ const Pagination = React.forwardRef(
       cursorRef.current.style.visibility = "visible";
       setTimeout(() => setAnimation(true), 150);
     }, [active]);
-    return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "pagination", ref, children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { asChild: true, ...list$1(), children: /* @__PURE__ */ jsxRuntime.jsxs("ul", { children: [
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "pagination", ref, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { asChild: true, ...list$1(), children: /* @__PURE__ */ jsxRuntime.jsxs("ul", { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        Textarea.ButtonRoot,
+        Calendar.ButtonRoot,
         {
           appearance: "subtle",
           "aria-hidden": true,
@@ -940,13 +1611,13 @@ const Pagination = React.forwardRef(
           children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: active })
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Tooltip, { content: "Prev", disabled: disabled || active === 1, children: /* @__PURE__ */ jsxRuntime.jsx(
-        Textarea.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(Textarea.IconAngleLeft, {}),
+          icon: /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconAngleLeft, {}),
           onClick: previous
         }
       ) }) }),
@@ -954,7 +1625,7 @@ const Pagination = React.forwardRef(
         "li",
         {
           children: page === "dots" ? /* @__PURE__ */ jsxRuntime.jsx(
-            Textarea.Box,
+            Calendar.Box,
             {
               alignItems: "stretch",
               display: "flex",
@@ -963,7 +1634,7 @@ const Pagination = React.forwardRef(
               py: "8",
               size: "md",
               children: /* @__PURE__ */ jsxRuntime.jsx(
-                Textarea.Icon,
+                Calendar.Icon,
                 {
                   asChild: true,
                   color: disabled ? "fg.disabled" : "fg.default",
@@ -972,7 +1643,7 @@ const Pagination = React.forwardRef(
               )
             }
           ) : /* @__PURE__ */ jsxRuntime.jsxs(
-            Textarea.ButtonRoot,
+            Calendar.ButtonRoot,
             {
               appearance: "subtle",
               "aria-current": active === page ? "page" : void 0,
@@ -981,23 +1652,23 @@ const Pagination = React.forwardRef(
               ref: active === page ? activeRef : void 0,
               ...button$1(),
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx(Textarea.VisuallyHidden, { children: "page" }),
+                /* @__PURE__ */ jsxRuntime.jsx(Calendar.VisuallyHidden, { children: "page" }),
                 " ",
                 page,
-                page === 1 ? /* @__PURE__ */ jsxRuntime.jsx(Textarea.VisuallyHidden, { children: "(first page)" }) : page === total ? /* @__PURE__ */ jsxRuntime.jsx(Textarea.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(Textarea.Tooltip, { content: "Next", disabled: disabled || active === total, children: /* @__PURE__ */ jsxRuntime.jsx(
-        Textarea.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(Textarea.IconAngleRight, {}),
+          icon: /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconAngleRight, {}),
           onClick: next
         }
       ) }) })
@@ -1006,7 +1677,7 @@ const Pagination = React.forwardRef(
 );
 Pagination.displayName = "@optiaxiom/react/Pagination";
 
-var addon = Textarea.recipeRuntime({base:'fox7wu',variants:{slot:{after:{textAlign:'end'},before:{}}}});
+var addon$1 = Calendar.recipeRuntime({base:'_6gqzzo',variants:{slot:{after:{textAlign:'end'},before:{}}}});
 
 const DEFAULT_PAGE_SIZES = ["10", "20", "30", "50", "100"].map((size) => ({
   label: size,
@@ -1014,11 +1685,11 @@ const DEFAULT_PAGE_SIZES = ["10", "20", "30", "50", "100"].map((size) => ({
 }));
 const DataTableFooter = React.forwardRef(
   ({ pageSizeOptions = DEFAULT_PAGE_SIZES, showPageSizeOptions, ...props }, ref) => {
-    const { table } = Textarea.useDataTableContext("@optiaxiom/react/DataTableFooter");
+    const { table } = useDataTableContext("@optiaxiom/react/DataTableFooter");
     const { pagination } = table.getState();
     const pageSizeId = reactId.useId();
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      Textarea.Group,
+      Calendar.Group,
       {
         alignSelf: "stretch",
         fontSize: "md",
@@ -1028,23 +1699,23 @@ const DataTableFooter = React.forwardRef(
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { ...addon({ slot: "before" }), children: showPageSizeOptions && /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Group, { gap: "8", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { color: "fg.secondary", id: pageSizeId, children: "Page Size" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ...addon$1({ slot: "before" }), children: showPageSizeOptions && /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { gap: "8", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { color: "fg.secondary", id: pageSizeId, children: "Page Size" }),
             /* @__PURE__ */ jsxRuntime.jsxs(
-              Textarea.Select,
+              Calendar.Select,
               {
                 onValueChange: (value) => value && table.setPageSize(parseFloat(value)),
                 options: pageSizeOptions,
                 value: pagination.pageSize.toString(),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    Textarea.SelectTrigger,
+                    Calendar.SelectTrigger,
                     {
                       appearance: "subtle",
                       "aria-labelledby": pageSizeId
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsx(Textarea.SelectContent, {})
+                  /* @__PURE__ */ jsxRuntime.jsx(Calendar.SelectContent, {})
                 ]
               }
             )
@@ -1057,7 +1728,7 @@ const DataTableFooter = React.forwardRef(
               total: table.getPageCount()
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { ...addon({ slot: "after" }), children: table.getRowCount() > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { ...addon$1({ slot: "after" }), children: table.getRowCount() > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             pagination.pageIndex * pagination.pageSize + 1,
             " -",
             " ",
@@ -1078,18 +1749,33 @@ DataTableFooter.displayName = "@optiaxiom/react/DataTableFooter";
 
 const DataTableLabel = React.forwardRef(
   (props, ref) => {
-    const { labelId } = Textarea.useDataTableRowContext(
+    const { labelId } = Calendar.useDataTableRowContext(
       "@optiaxiom/react/DataTableLabel"
     );
-    return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { id: labelId, ref, ...props });
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { id: labelId, ref, ...props });
   }
 );
 DataTableLabel.displayName = "@optiaxiom/react/DataTableLabel";
 
-var clear$1 = Textarea.recipeRuntime({base:[{size:'sm'},'ww3dkc']});
-var date = Textarea.recipeRuntime({base:'_17bsgji'});
-var input$2 = Textarea.recipeRuntime({base:'_17d6u66'});
-var picker = Textarea.recipeRuntime({base:'_1ye8222'});
+const IconCalendar = Calendar.withIcon(
+  {
+    name: "IconCalendar"
+  },
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      clipRule: "evenodd",
+      d: "M13.5 0.5C13.5 0.223858 13.2761 0 13 0C12.7239 0 12.5 0.223858 12.5 0.5V2H7.5V0.5C7.5 0.223858 7.27614 0 7 0C6.72386 0 6.5 0.223858 6.5 0.5V2H5.33333C4.04467 2 3 3.04467 3 4.33333V13.6667C3 14.9553 4.04467 16 5.33333 16H14.6667C15.9553 16 17 14.9553 17 13.6667V4.33333C17 3.04467 15.9553 2 14.6667 2H13.5V0.5ZM5.33333 3H7H13H14.6667C15.403 3 16 3.59695 16 4.33333V5.16666H4V4.33333C4 3.59695 4.59695 3 5.33333 3ZM4 6.16666V13.6667C4 14.403 4.59695 15 5.33333 15H14.6667C15.403 15 16 14.403 16 13.6667V6.16666H4Z",
+      fill: "currentColor",
+      fillRule: "evenodd"
+    }
+  )
+);
+
+var clear$1 = Calendar.recipeRuntime({base:[{size:'sm'},'_1h99smf']});
+var date = Calendar.recipeRuntime({base:'_1ivlo1o'});
+var input$2 = Calendar.recipeRuntime({base:'j0imux'});
+var picker = Calendar.recipeRuntime({base:'xz9f6a'});
 
 const DateInput = React.forwardRef(
   ({
@@ -1105,7 +1791,7 @@ const DateInput = React.forwardRef(
     weekend,
     ...props
   }, outerRef) => {
-    const { labelId: fieldLabelId } = Textarea.useFieldContext(
+    const { labelId: fieldLabelId } = Calendar.useFieldContext(
       "@optiaxiom/react/DateInput"
     );
     const labelId = reactId.useId();
@@ -1119,22 +1805,22 @@ const DateInput = React.forwardRef(
       defaultProp: props.defaultValue,
       prop: props.value
     });
-    const forceValueChange = Textarea.useObserveValue(innerRef, setValue);
-    const instant = typeof value === "string" ? Textarea.toInstant(value) ?? null : null;
+    const forceValueChange = Calendar.useObserveValue(innerRef, setValue);
+    const instant = typeof value === "string" ? Calendar.toInstant(value) ?? null : null;
     const max = maxProp || "2100-12-31";
     const min = minProp || "1900-01-01";
-    const maxDate = Textarea.toInstant(max) ;
-    const minDate = Textarea.toInstant(min) ;
-    return /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Popover, { onOpenChange: setOpen, open: !disabled && open, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Textarea.PopoverAnchor, { children: /* @__PURE__ */ jsxRuntime.jsx(
-        Textarea.Input,
+    const maxDate = Calendar.toInstant(max) ;
+    const minDate = Calendar.toInstant(min) ;
+    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.readOnly && !props.required && /* @__PURE__ */ jsxRuntime.jsx(
-            Textarea.Button,
+            Calendar.Button,
             {
               appearance: "subtle",
               "aria-label": "Clear",
-              icon: /* @__PURE__ */ jsxRuntime.jsx(Textarea.IconX, {}),
+              icon: /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconX, {}),
               onPointerDown: (event) => {
                 event.preventDefault();
                 forceValueChange("");
@@ -1144,7 +1830,7 @@ const DateInput = React.forwardRef(
             }
           ),
           addonBefore: /* @__PURE__ */ jsxRuntime.jsx(
-            Textarea.PopoverTrigger,
+            Calendar.PopoverTrigger,
             {
               "aria-label": "Show date picker",
               asChild: true,
@@ -1156,7 +1842,7 @@ const DateInput = React.forwardRef(
               ref: pickerRef,
               role: "img",
               ...picker(),
-              children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.IconCalendar, {})
+              children: /* @__PURE__ */ jsxRuntime.jsx(IconCalendar, {})
             }
           ),
           asChild: true,
@@ -1194,7 +1880,7 @@ const DateInput = React.forwardRef(
         }
       ) }),
       /* @__PURE__ */ jsxRuntime.jsxs(
-        Textarea.PopoverContent,
+        Calendar.PopoverContent,
         {
           "aria-labelledby": clsx(labelId, fieldLabelId),
           gap: "8",
@@ -1212,9 +1898,9 @@ const DateInput = React.forwardRef(
             }
           },
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Textarea.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(
-              Textarea.Calendar,
+              Calendar.Calendar,
               {
                 holiday,
                 max: maxDate,
@@ -1224,7 +1910,7 @@ const DateInput = React.forwardRef(
                     return;
                   }
                   forceValueChange(
-                    type === "datetime-local" ? Textarea.toPlainDateTime(date) : Textarea.toPlainDate(date)
+                    type === "datetime-local" ? Calendar.toPlainDateTime(date) : Calendar.toPlainDate(date)
                   );
                   if (type === "date") {
                     setOpen(false);
@@ -1238,7 +1924,7 @@ const DateInput = React.forwardRef(
               }
             ),
             type === "datetime-local" && /* @__PURE__ */ jsxRuntime.jsx(
-              Textarea.Button,
+              Calendar.Button,
               {
                 flex: "none",
                 justifyContent: "center",
@@ -1281,7 +1967,7 @@ function DateRangePicker({
     onChange: onValueChange,
     prop: valueProp
   });
-  const setValueStable = Textarea.useEffectEvent(setValue);
+  const setValueStable = Calendar.useEffectEvent(setValue);
   React.useEffect(() => {
     if (open) {
       setFrom(void 0);
@@ -1289,13 +1975,13 @@ function DateRangePicker({
   }, [open]);
   React.useEffect(() => {
     if (!open && from) {
-      const end = Textarea.toInstant(Textarea.toPlainDate(from) + "T23:59:59.999");
+      const end = Calendar.toInstant(Calendar.toPlainDate(from) + "T23:59:59.999");
       if (end) {
         setValueStable({ from, to: end });
       }
     }
   }, [from, open]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Popover, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Popover, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
     DateRangePickerProvider,
     {
       disabled,
@@ -1310,7 +1996,7 @@ function DateRangePicker({
 }
 DateRangePicker.displayName = "@optiaxiom/react/DateRangePicker";
 
-var panels = Textarea.recipeRuntime({base:[{alignItems:'stretch',gap:'0'}]});
+var panels = Calendar.recipeRuntime({base:[{alignItems:'stretch',gap:'0'}]});
 
 const DateRangePickerContent = React.forwardRef(
   ({
@@ -1325,13 +2011,13 @@ const DateRangePickerContent = React.forwardRef(
     weekend,
     ...props
   }, ref) => {
-    const { labelId: fieldLabelId } = Textarea.useFieldContext(
+    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(
-      Textarea.PopoverContent,
+      Calendar.PopoverContent,
       {
         "aria-labelledby": clsx(fieldLabelId ?? triggerRef.current?.id, labelId),
         gap: "8",
@@ -1339,11 +2025,11 @@ const DateRangePickerContent = React.forwardRef(
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Textarea.VisuallyHidden, { id: labelId, children: ariaLabel || "Calendar" }),
-          /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Group, { ...panels(), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Calendar.VisuallyHidden, { id: labelId, children: ariaLabel || "Calendar" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { ...panels(), children: [
             addonBefore,
             /* @__PURE__ */ jsxRuntime.jsx(
-              Textarea.Calendar,
+              Calendar.Calendar,
               {
                 alignSelf: "start",
                 holiday,
@@ -1392,24 +2078,108 @@ const DateRangePickerTrigger = React.forwardRef(
     );
     const id = reactId.useId();
     const ref = reactComposeRefs.useComposedRefs(outerRef, triggerRef);
-    const labelId = Textarea.useFieldLabelTrigger(triggerRef, ariaLabelledBy);
+    const labelId = Calendar.useFieldLabelTrigger(triggerRef, ariaLabelledBy);
     const formatter = formatRange ? { formatRange } : dateFormatter;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Textarea.PopoverTrigger,
+      Calendar.PopoverTrigger,
       {
         "aria-labelledby": labelId,
         disabled,
-        icon: /* @__PURE__ */ jsxRuntime.jsx(Textarea.IconCalendar, {}),
+        icon: /* @__PURE__ */ jsxRuntime.jsx(IconCalendar, {}),
         id,
         ref,
         ...props,
-        children: children ?? (value ? formatter.formatRange(value.from, value.to) : /* @__PURE__ */ jsxRuntime.jsx(Textarea.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 }))
       }
     );
   }
 );
 DateRangePickerTrigger.displayName = "@optiaxiom/react/DateRangePickerTrigger";
 
+const [DisclosureProvider, useDisclosureContext] = reactContext.createContext("@optiaxiom/react/Disclosure");
+
+const Disclosure = React.forwardRef(
+  ({
+    asChild,
+    children,
+    defaultOpen = false,
+    onOpenChange,
+    open: openProp,
+    ...props
+  }, ref) => {
+    const [open, setOpen] = reactUseControllableState.useControllableState({
+      caller: "@optiaxiom/react/Disclosure",
+      defaultProp: defaultOpen,
+      onChange: onOpenChange,
+      prop: openProp
+    });
+    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,
+        onOpenChange: setOpen,
+        open,
+        children
+      }
+    ) }) });
+  }
+);
+Disclosure.displayName = "@optiaxiom/react/Disclosure";
+
+var inner = Calendar.recipeRuntime({base:['iang0w']});
+var outer = Calendar.recipeRuntime({base:[{display:'grid'},'zu1ly6'],variants:{scale:{false:'oaqch9',true:{}}}});
+
+const DisclosureContent = React.forwardRef(({ children, hiddenUntilFound, ...props }, ref) => {
+  const { open } = useDisclosureContext("@optiaxiom/react/DisclosureContent");
+  const [skipAnimations, setSkipAnimations] = React.useState(Boolean(open));
+  React.useEffect(() => {
+    if (skipAnimations) {
+      requestAnimationFrame(() => setSkipAnimations(false));
+    }
+  }, [skipAnimations]);
+  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(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 = Calendar.recipeRuntime({base:[{flex:'none',transition:'transform'},'_1qlz611']});
+var root = Calendar.recipeRuntime({base:[{fontSize:'md',gap:'8',py:'8',transition:'colors'},'i0ucyq']});
+var trigger$1 = Calendar.recipeRuntime({base:[{fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_19wuo6b']});
+
+const Slot$5 = reactSlot.createSlot("@optiaxiom/react/DisclosureTrigger");
+const DisclosureTrigger = React.forwardRef(
+  ({
+    addonAfter,
+    addonBefore,
+    asChild,
+    chevronPosition = "start",
+    children,
+    className,
+    ...props
+  }, ref) => {
+    useDisclosureContext("@optiaxiom/react/DisclosureTrigger");
+    return asChild ? /* @__PURE__ */ jsxRuntime.jsx(Slot$5, { className, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixCollapsible__namespace.Trigger, { asChild: true, children }) }) : /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { ref, ...root({}, className), ...props, children: [
+      addonBefore,
+      /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { asChild: true, ...trigger$1(), children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Cover, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(RadixCollapsible__namespace.Trigger, { children: [
+        chevronPosition === "start" && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...icon(), 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(), children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconAngleRight, {}) })
+      ] }) }) }),
+      addonAfter
+    ] });
+  }
+);
+DisclosureTrigger.displayName = "@optiaxiom/react/DisclosureTrigger";
+
 const [DropdownMenuProvider, useDropdownMenuContext] = reactContext.createContext("@optiaxiom/react/DropdownMenu");
 
 const [DropdownMenuNestedProvider, useDropdownMenuNestedContext] = reactContext.createContext("@optiaxiom/react/DropdownMenuNested");
@@ -1442,7 +2212,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(Textarea.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";
 
@@ -1451,12 +2221,12 @@ const DropdownMenuContent = React.forwardRef(({ align = "start", children, loadi
     "@optiaxiom/react/DropdownMenuContent"
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Textarea.TransitionGroup,
+    Calendar.TransitionGroup,
     {
       onPresenceChange: setPresence,
       open,
       presence,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Portal, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.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,
@@ -1469,7 +2239,7 @@ const DropdownMenuContent = React.forwardRef(({ align = "start", children, loadi
           },
           ref,
           sideOffset: 4,
-          children: loading ? /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { "aria-hidden": true, display: "flex", justifyContent: "center", p: "16", children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.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
         }
       ) }) })
     }
@@ -1478,13 +2248,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(Textarea.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(Textarea.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,
@@ -1506,11 +2276,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(Textarea.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(Textarea.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");
@@ -1553,7 +2323,7 @@ const DropdownMenuSubContent = React.forwardRef(({ asChild, children, ...props }
   const { open, setPresence } = useDropdownMenuSubContext(
     "@optiaxiom/react/DropdownMenuSubContent"
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.TransitionGroup, { onPresenceChange: setPresence, open, children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Portal, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.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,
@@ -1567,7 +2337,7 @@ const DropdownMenuSubContent = React.forwardRef(({ asChild, children, ...props }
 DropdownMenuSubContent.displayName = "@optiaxiom/react/DropdownMenuSubContent";
 
 const DropdownMenuSubTrigger = React.forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.ListboxItem, { addonAfter: /* @__PURE__ */ jsxRuntime.jsx(Textarea.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";
 
@@ -1583,7 +2353,7 @@ const DropdownMenuTrigger = React.forwardRef(({ asChild, children, ...props }, r
       "data-state": open || presence ? "open" : "closed",
       ref,
       ...props,
-      children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(Textarea.AngleMenuButton, { children })
+      children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(Calendar.AngleMenuButton, { children })
     }
   );
 });
@@ -1591,7 +2361,7 @@ DropdownMenuTrigger.displayName = "@optiaxiom/react/DropdownMenuTrigger";
 
 const EllipsisMenuButton = React.forwardRef(({ children, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Textarea.Button,
+    Calendar.Button,
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(IconEllipsisSolid, {}),
       iconPosition: "end",
@@ -1603,10 +2373,207 @@ const EllipsisMenuButton = React.forwardRef(({ children, ...props }, ref) => {
 });
 EllipsisMenuButton.displayName = "@optiaxiom/react/EllipsisMenuButton";
 
+const IconTriangleExclamation = Calendar.withIcon(
+  {
+    name: "IconTriangleExclamation",
+    viewBox: "0 0 20 16"
+  },
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      clipRule: "evenodd",
+      d: "M10 4.5685C10.2761 4.5685 10.5 4.79235 10.5 5.0685V9.7798C10.5 10.0559 10.2761 10.2798 10 10.2798C9.72386 10.2798 9.5 10.0559 9.5 9.7798V5.0685C9.5 4.79235 9.72386 4.5685 10 4.5685ZM9.5 12.0666C9.5 11.7905 9.72386 11.5666 10 11.5666H10.0077C10.2838 11.5666 10.5077 11.7905 10.5077 12.0666C10.5077 12.3427 10.2838 12.5666 10.0077 12.5666H10C9.72386 12.5666 9.5 12.3427 9.5 12.0666ZM3.07043 13.1814L9.54902 2.25762C9.59738 2.17777 9.66447 2.11288 9.74302 2.06821C9.82209 2.02325 9.91056 2 10 2C10.0894 2 10.1779 2.02325 10.257 2.06821C10.3355 2.11288 10.4026 2.17778 10.451 2.25763L16.9296 13.1814C16.9752 13.2634 16.9997 13.3565 17 13.4518C17.0003 13.5492 16.9753 13.6444 16.9282 13.7278C16.8811 13.8112 16.8139 13.8795 16.7343 13.9268C16.656 13.9733 16.5679 13.9983 16.4784 14H3.52155C3.4321 13.9983 3.34399 13.9733 3.26566 13.9268C3.18606 13.8795 3.1189 13.8112 3.07184 13.7278C3.02474 13.6444 2.99973 13.5492 3 13.4518C3.00027 13.3565 3.02476 13.2633 3.07043 13.1814ZM3.51456 15C3.24718 14.997 2.98523 14.9234 2.75477 14.7864C2.52431 14.6495 2.33337 14.4539 2.20095 14.2193C2.06854 13.9847 1.99926 13.7191 2.00001 13.449C2.00075 13.179 2.07151 12.9138 2.20522 12.6799L8.69066 1.74455C8.82716 1.51726 9.01936 1.32935 9.2487 1.19893C9.47805 1.06851 9.7368 1 10 1C10.2632 1 10.522 1.06851 10.7513 1.19893C10.9806 1.32935 11.1728 1.51726 11.3093 1.74455L17.7948 12.6799C17.9285 12.9138 17.9992 13.179 18 13.449C18.0007 13.7191 17.9315 13.9847 17.799 14.2193C17.6666 14.4539 17.4757 14.6495 17.2452 14.7864C17.0148 14.9234 16.7528 14.997 16.4854 15H3.51456Z",
+      fill: "currentColor",
+      fillRule: "evenodd"
+    }
+  )
+);
+
+const IconCircleQuestion = Calendar.withIcon(
+  {
+    fill: "none",
+    name: "IconCircleQuestion"
+  },
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M7.963 5.9C8.12757 5.43217 8.45241 5.03768 8.87997 4.78639C9.30753 4.53511 9.81023 4.44326 10.299 4.5271C10.7878 4.61094 11.2312 4.86507 11.5506 5.24447C11.8699 5.62387 12.0447 6.10407 12.044 6.6C12.044 7.4523 11.2172 7.98486 10.6567 8.3786M10 9.575V8.84M10.6567 8.3786C10.424 8.54214 10 8.84 10 8.84M10.6567 8.3786L10 8.84M10 11.5H10.007M17 8C17 11.866 13.866 15 10 15C6.13401 15 3 11.866 3 8C3 4.13401 6.13401 1 10 1C13.866 1 17 4.13401 17 8Z",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  )
+);
+
+const FieldLabel = React.forwardRef(
+  ({
+    children,
+    info,
+    inputId: inputIdProp,
+    labelId: labelIdProp,
+    required,
+    ...props
+  }, ref) => {
+    const inputId = reactId.useId(inputIdProp);
+    const labelId = reactId.useId(labelIdProp);
+    return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { gap: "4", ref, ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Calendar.Text,
+        {
+          alignItems: "center",
+          asChild: true,
+          color: "fg.secondary",
+          display: "flex",
+          fontSize: "md",
+          fontWeight: "400",
+          gap: "2",
+          children: /* @__PURE__ */ jsxRuntime.jsxs(RadixLabel__namespace.Root, { htmlFor: inputId, id: labelId, children: [
+            children,
+            required && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Calendar.Text,
+                {
+                  "aria-hidden": "true",
+                  asChild: true,
+                  color: "fg.error",
+                  fontWeight: "400",
+                  children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "*" })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(Calendar.VisuallyHidden, { children: "Required" })
+            ] })
+          ] })
+        }
+      ),
+      info && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Tooltip, { content: info, delayDuration: 0, children: /* @__PURE__ */ jsxRuntime.jsx(
+        Calendar.Button,
+        {
+          "aria-label": "Information hover",
+          bg: "transparent",
+          border: "0",
+          color: "fg.secondary",
+          h: "2xs",
+          icon: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, flex: "initial", children: /* @__PURE__ */ jsxRuntime.jsx(IconCircleQuestion, {}) }),
+          onClick: (event) => {
+            event.currentTarget.focus();
+            event.preventDefault();
+          },
+          onPointerDownCapture: (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+          },
+          p: "0",
+          w: "2xs"
+        }
+      ) })
+    ] });
+  }
+);
+FieldLabel.displayName = "@optiaxiom/react/FieldLabel";
+
+const Field = React.forwardRef(
+  ({
+    children,
+    description,
+    error,
+    info,
+    inputId: inputIdProp,
+    label,
+    labelId: labelIdProp,
+    required,
+    ...props
+  }, ref) => {
+    const inputId = reactId.useId(inputIdProp);
+    const descriptionId = reactId.useId();
+    const errorId = reactId.useId();
+    const labelId = reactId.useId(labelIdProp);
+    return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { flexDirection: "column", gap: "4", ref, ...props, children: [
+      label && /* @__PURE__ */ jsxRuntime.jsx(
+        FieldLabel,
+        {
+          info,
+          inputId,
+          labelId,
+          required,
+          children: label
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Calendar.FieldProvider,
+        {
+          descriptionId: description ? descriptionId : void 0,
+          error: !!error,
+          errorId: error ? errorId : void 0,
+          inputId,
+          labelId: label ? labelId : void 0,
+          children
+        }
+      ),
+      error && error !== true && /* @__PURE__ */ jsxRuntime.jsxs(
+        Calendar.Group,
+        {
+          alignItems: "start",
+          color: "fg.error",
+          fontSize: "sm",
+          gap: "4",
+          id: errorId,
+          role: "alert",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, flex: "none", mt: "2", children: /* @__PURE__ */ jsxRuntime.jsx(
+              IconTriangleExclamation,
+              {
+                "aria-label": "Error",
+                height: 12,
+                width: 14
+              }
+            ) }),
+            error
+          ]
+        }
+      ),
+      description && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, color: "fg.tertiary", fontSize: "sm", id: descriptionId, children: Calendar.fallbackSpan(description) }),
+      /* @__PURE__ */ jsxRuntime.jsx(Calendar.SuggestionAlert, {})
+    ] });
+  }
+);
+Field.displayName = "@optiaxiom/react/Field";
+
+const mapDirectionToAlign = {
+  column: "stretch",
+  "column-reverse": "stretch",
+  row: "center",
+  "row-reverse": "center"
+};
+const Flex = React.forwardRef(
+  ({
+    alignItems,
+    display = "flex",
+    flexDirection = "column",
+    gap = "16",
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Calendar.Box,
+      {
+        alignItems: alignItems ?? Calendar.mapResponsiveValue(
+          flexDirection,
+          (value) => mapDirectionToAlign[value]
+        ),
+        display,
+        flexDirection,
+        gap,
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Flex.displayName = "@optiaxiom/react/Flex";
+
 const Grid = React.forwardRef(
   ({ display = "grid", gap = "16", gridTemplateColumns = "1", ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Textarea.Box,
+      Calendar.Box,
       {
         display,
         gap,
@@ -1619,11 +2586,11 @@ const Grid = React.forwardRef(
 );
 Grid.displayName = "@optiaxiom/react/Grid";
 
-var badge = Textarea.recipeRuntime({base:'_1vxu29i',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'rkhpuk']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1pgdf7']}}});
-var floating = Textarea.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'k73vnd'],variants:{offset:{false:'_1x0h22a',true:{}},position:{'bottom-right':'_1m40nr2','top-right':'_105gmu9'}}});
-var indicator$2 = Textarea.recipeRuntime({base:[{display:'inline-flex',flexDirection:'column',gap:'16'},'_17n0n6x']});
+var badge = Calendar.recipeRuntime({base:'_1v57thb',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_4eb423']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'xa79nd']}}});
+var floating = Calendar.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'mn99zw'],variants:{offset:{false:'u9gb5m',true:{}},position:{'bottom-right':'jvu8ec','top-right':'um0nsf'}}});
+var indicator$2 = Calendar.recipeRuntime({base:[{display:'inline-flex',flexDirection:'column',gap:'16'},'_15qsfry']});
 
-const Slot$2 = reactSlot.createSlot("@optiaxiom/react/Indicator");
+const Slot$4 = reactSlot.createSlot("@optiaxiom/react/Indicator");
 const Indicator = React.forwardRef(
   ({
     asChild,
@@ -1638,26 +2605,26 @@ const Indicator = React.forwardRef(
     variant,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Group, { ref, ...indicator$2({}, className), ...props, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { ref, ...indicator$2({}, className), ...props, children: [
       children,
-      !disabled && /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Box, { ...floating({ offset, position }), children: [
+      !disabled && /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Box, { ...floating({ offset, position }), children: [
         ping && /* @__PURE__ */ jsxRuntime.jsx(
-          Slot$2,
+          Slot$4,
           {
             "aria-hidden": "true",
             ...badge({ offset, ping: true }),
-            children: asChild ? content : /* @__PURE__ */ jsxRuntime.jsx(Textarea.Badge, { intent, variant, children: content })
+            children: asChild ? content : /* @__PURE__ */ jsxRuntime.jsx(Badge, { intent, variant, children: content })
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(Slot$2, { ...badge({ offset }), children: asChild ? content : /* @__PURE__ */ jsxRuntime.jsx(Textarea.Badge, { intent, variant, 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 = Textarea.recipeRuntime({base:{display:'inline-flex',gap:'2',whiteSpace:'nowrap'}});
-var key = Textarea.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'},'i21n9x'],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'},'_1g5u1i9'],subtle:{}}}});
 
 const platform = typeof navigator !== "undefined" && (navigator.platform.startsWith("Mac") || navigator.platform === "iPhone") ? "mac" : "win";
 const mapModifierToCode = {
@@ -1678,10 +2645,10 @@ const mapModifierToCode = {
 };
 const Kbd = React.forwardRef(
   ({ children, className, modifiers, variant = "outline", ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Textarea.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(
-          Textarea.Box,
+          Calendar.Box,
           {
             "aria-label": key$1,
             asChild: true,
@@ -1692,15 +2659,15 @@ const Kbd = React.forwardRef(
           key$1
         )
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(Textarea.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 = Textarea.recipeRuntime({base:[{justifyContent:'space-between'},'ylv0n0']});
-var content$1 = Textarea.recipeRuntime({base:[{fontSize:'sm',transition:'all'}],variants:{filled:{false:{h:'0'},true:{h:'16'}}}});
-var label$1 = Textarea.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'},'_1awz239']});
+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) => {
@@ -1708,7 +2675,7 @@ const LabelMenuButton = React.forwardRef(
     const labelId = reactId.useId();
     const valueId = reactId.useId();
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      Textarea.ButtonRoot,
+      Calendar.ButtonRoot,
       {
         "aria-labelledby": ariaLabelledBy ? clsx(labelId, ariaLabelledBy) : clsx(labelId, children && valueId),
         "data-filled": filled ? "" : void 0,
@@ -1718,19 +2685,19 @@ const LabelMenuButton = React.forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs(
-            Textarea.Group,
+            Calendar.Group,
             {
               flexDirection: "column",
               gap: "0",
               overflow: "hidden",
               textAlign: "start",
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { asChild: true, id: labelId, truncate: true, ...label$1({ filled }), children: /* @__PURE__ */ jsxRuntime.jsx(RadixLabel.Label, { children: label }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { id: valueId, truncate: true, ...content$1({ filled }), children: children ?? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\xA0" }) })
+                /* @__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(Textarea.ButtonAddon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.IconAngleDown, {}) })
+          /* @__PURE__ */ jsxRuntime.jsx(Calendar.ButtonAddon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconAngleDown, {}) })
         ]
       }
     );
@@ -1740,13 +2707,13 @@ LabelMenuButton.displayName = "@optiaxiom/react/LabelMenuButton";
 
 const [SidebarProvider, useSidebarContext] = reactContext.createContext("@optiaxiom/react/Sidebar");
 
-var nav$1 = Textarea.recipeRuntime({base:[{bg:'bg.default',flex:'1',flexDirection:'column',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'kl9h0k']});
+var nav$1 = Calendar.recipeRuntime({base:[{bg:'bg.default',flex:'1',flexDirection:'column',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'mj6zyk']});
 
 const Nav = React.forwardRef(
   ({ children, ...props }, ref) => {
     const { expanded, navId } = useSidebarContext("@optiaxiom/react/Nav");
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Textarea.Group,
+      Calendar.Group,
       {
         borderColor: "border.tertiary",
         borderR: "1",
@@ -1756,20 +2723,20 @@ const Nav = React.forwardRef(
         ref,
         w: "fit",
         ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { asChild: true, id: navId, w: expanded ? "224" : "56", ...nav$1(), children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Main", children }) })
+        children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { asChild: true, id: navId, w: expanded ? "224" : "56", ...nav$1(), children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Main", children }) })
       }
     );
   }
 );
 Nav.displayName = "@optiaxiom/react/Nav";
 
-var item$1 = Textarea.recipeRuntime({base:{flex:'1',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_1e7nian',true:'_1qksprb'}}});
+var item$1 = Calendar.recipeRuntime({base:{flex:'1',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'e6reub',true:'_1f4zez5'}}});
 
 const NavAccountItem = React.forwardRef(({ name, organization, src, ...props }, ref) => {
   const { expanded } = useSidebarContext("@optiaxiom/react/NavAccountItem");
-  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { asChild: true, flexDirection: "column", gap: "16", my: "8", children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { asChild: true, gap: "8", p: "4", textAlign: "start", ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("button", { ref, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { asChild: true, flexDirection: "column", gap: "16", my: "8", children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { asChild: true, gap: "8", p: "4", textAlign: "start", ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("button", { ref, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      Textarea.Avatar,
+      Calendar.Avatar,
       {
         "aria-hidden": true,
         flex: "none",
@@ -1779,24 +2746,24 @@ const NavAccountItem = React.forwardRef(({ name, organization, src, ...props },
         src
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Group, { ...item$1({ expanded: Boolean(expanded) }), children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Group, { flex: "1", flexDirection: "column", gap: "0", overflowX: "hidden", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { color: "fg.default", fontWeight: "500", truncate: true, children: name }),
-        /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { color: "fg.tertiary", fontSize: "sm", truncate: true, children: organization })
+    /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { ...item$1({ expanded: Boolean(expanded) }), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { flex: "1", flexDirection: "column", gap: "0", overflowX: "hidden", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { color: "fg.default", fontWeight: "500", truncate: true, children: name }),
+        /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { color: "fg.tertiary", fontSize: "sm", truncate: true, children: organization })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconEllipsis, {}) })
+      /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconEllipsis, {}) })
     ] })
   ] }) }) }) });
 });
 NavAccountItem.displayName = "@optiaxiom/react/NavAccountItem";
 
-var body = Textarea.recipeRuntime({base:[{flex:'1',flexDirection:'column',gap:'4',justifyContent:'flex-start',overflowX:'hidden',py:'8',w:'full'}],variants:{expanded:{false:{overflowY:'hidden'},true:{overflowY:'auto'}}}});
+var body = Calendar.recipeRuntime({base:[{flex:'1',flexDirection:'column',gap:'4',justifyContent:'flex-start',overflowX:'hidden',py:'8',w:'full'}],variants:{expanded:{false:{overflowY:'hidden'},true:{overflowY:'auto'}}}});
 
 const NavBody = React.forwardRef(
   ({ children, className, ...props }, ref) => {
     const { expanded, spacing } = useSidebarContext("@optiaxiom/react/NavBody");
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Textarea.Group,
+      Calendar.Group,
       {
         px: spacing,
         ref,
@@ -1813,7 +2780,7 @@ const NavFooter = React.forwardRef(
   ({ children, ...props }, ref) => {
     const { spacing } = useSidebarContext("@optiaxiom/react/NavFooter");
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Textarea.Group,
+      Calendar.Group,
       {
         flexDirection: "column",
         gap: "8",
@@ -1835,8 +2802,8 @@ 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(Textarea.Group, { asChild: true, flexDirection: "column", gap: "16", children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(NavGroupProvider, { collapsible, id: groupId, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Textarea.Disclosure,
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { asChild: true, flexDirection: "column", gap: "16", children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(NavGroupProvider, { collapsible, id: groupId, children: /* @__PURE__ */ jsxRuntime.jsx(
+      Disclosure,
       {
         alignItems: "stretch",
         "aria-labelledby": props["aria-label"] ? void 0 : groupId,
@@ -1856,7 +2823,7 @@ NavGroup.displayName = "@optiaxiom/react/NavGroup";
 
 const NavGroupContent = React.forwardRef(({ children, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Textarea.DisclosureContent,
+    DisclosureContent,
     {
       asChild: true,
       "data-transition-scale": true,
@@ -1878,7 +2845,7 @@ const NavGroupTrigger = React.forwardRef(
       "@optiaxiom/react/NavGroupTrigger"
     );
     return collapsible ? /* @__PURE__ */ jsxRuntime.jsx(
-      Textarea.DisclosureTrigger,
+      DisclosureTrigger,
       {
         chevronPosition: "end",
         color: "fg.tertiary",
@@ -1895,7 +2862,7 @@ const NavGroupTrigger = React.forwardRef(
         children
       }
     ) : /* @__PURE__ */ jsxRuntime.jsx(
-      Textarea.Box,
+      Calendar.Box,
       {
         alignItems: "center",
         color: "fg.tertiary",
@@ -1919,15 +2886,15 @@ NavGroupTrigger.displayName = "@optiaxiom/react/NavGroupTrigger";
 const NavHeader = React.forwardRef(
   ({ children, ...props }, ref) => {
     const { spacing } = useSidebarContext("@optiaxiom/react/NavHeader");
-    return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { flexDirection: "column", gap: "16", px: spacing, ref, ...props, children });
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { flexDirection: "column", gap: "16", px: spacing, ref, ...props, children });
   }
 );
 NavHeader.displayName = "@optiaxiom/react/NavHeader";
 
-var item = Textarea.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'ejmnob']});
-var label = Textarea.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'a0mczj'],variants:{expanded:{false:'_17im7ek',true:'_1o2dg6m'}}});
+var item = Calendar.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_1oayiy6']});
+var label = Calendar.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_12464s7'],variants:{expanded:{false:'_1je2amr',true:'_1x5dv3c'}}});
 
-const Slot$1 = reactSlot.createSlot("@optiaxiom/react/NavItem");
+const Slot$3 = reactSlot.createSlot("@optiaxiom/react/NavItem");
 const NavItem = React.forwardRef(
   ({
     active,
@@ -1939,28 +2906,28 @@ const NavItem = React.forwardRef(
     icon,
     ...props
   }, ref) => {
-    const Comp = asChild ? Slot$1 : "button";
-    const { boxProps, restProps } = Textarea.extractBoxProps(props);
+    const Comp = asChild ? Slot$3 : "button";
+    const { boxProps, restProps } = Calendar.extractBoxProps(props);
     const { expanded } = useSidebarContext("@optiaxiom/react/NavItem");
     let tooltip = null;
-    children = Textarea.decorateChildren({ asChild, children }, (children2) => {
+    children = Calendar.decorateChildren({ asChild, children }, (children2) => {
       tooltip = children2;
       return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        icon ? /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { display: "grid", flex: "none", placeItems: "center", size: "lg", children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Icon, { asChild: true, children: icon }) }) : /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { flex: "none", size: "12" }),
-        /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Box, { ...label({ expanded: Boolean(expanded) }), children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { truncate: true, children: children2 }),
-          addonAfter && /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { asChild: true, display: "flex", flex: "none", children: Textarea.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(Textarea.Group, { asChild: true, flexDirection: "column", gap: "16", children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
-      Textarea.Tooltip,
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { asChild: true, flexDirection: "column", gap: "16", children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+      Calendar.Tooltip,
       {
         content: props["aria-label"] || tooltip,
         disabled: expanded,
         side: "right",
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Textarea.Box,
+          Calendar.Box,
           {
             asChild: true,
             "data-disabled": disabled ? "" : void 0,
@@ -1979,7 +2946,7 @@ NavItem.displayName = "@optiaxiom/react/NavItem";
 const NavList = React.forwardRef(
   ({ children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Textarea.Box,
+      Calendar.Box,
       {
         asChild: true,
         display: "flex",
@@ -1995,19 +2962,19 @@ const NavList = React.forwardRef(
 NavList.displayName = "@optiaxiom/react/NavList";
 
 const NavSeparator = React.forwardRef(
-  (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Textarea.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 = Textarea.recipeRuntime({base:[{h:'full',rounded:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},opal:'_4hagml',primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
-var progress = Textarea.recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_1bq0ln6']});
+var indicator$1 = Calendar.recipeRuntime({base:[{h:'full',rounded:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},opal:'glxof5',primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
+var progress = Calendar.recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'f8960b']});
 
 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(Textarea.Box, { asChild: true, ...progress({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ProgressPrimitive__namespace.Root, { ref, children: isValidValue && /* @__PURE__ */ jsxRuntime.jsx(
-      Textarea.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: {
@@ -2025,10 +2992,12 @@ const Progress = React.forwardRef(
 const DEFAULT_MAX = 100;
 Progress.displayName = "@optiaxiom/react/Progress";
 
-var control = Textarea.recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_1luw891'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = Textarea.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_6x2fy5']});
-var input$1 = Textarea.recipeRuntime({base:'bf4ael'});
-var radio = Textarea.recipeRuntime({base:'_4a6tns'});
+var control = Calendar.recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'mfvd0q'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = Calendar.recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'lqqxg3']});
+var input$1 = Calendar.recipeRuntime({base:'mampjl'});
+var radio = Calendar.recipeRuntime({base:'_1vqnp4y'});
+
+const [RadioGroupProvider, useRadioGroupContext] = reactContext.createContext("@optiaxiom/react/RadioGroup", null);
 
 const Radio = React.forwardRef(
   ({
@@ -2041,8 +3010,8 @@ const Radio = React.forwardRef(
     onChange,
     ...props
   }, ref) => {
-    const { boxProps, restProps } = Textarea.extractBoxProps(props);
-    const groupContext = Textarea.useRadioGroupContext("@optiaxiom/react/Radio");
+    const { boxProps, restProps } = Calendar.extractBoxProps(props);
+    const groupContext = useRadioGroupContext("@optiaxiom/react/Radio");
     if (groupContext) {
       if ("checked" in props) {
         throw new Error(
@@ -2055,9 +3024,9 @@ const Radio = React.forwardRef(
         );
       }
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs(Textarea.ToggleInput, { ...radio({}, className), ...boxProps, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.ToggleInput, { ...radio({}, className), ...boxProps, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        Textarea.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,
@@ -2071,10 +3040,10 @@ const Radio = React.forwardRef(
           ...restProps
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(Textarea.ToggleInputControl, { ...control({ shift: Boolean(children) }), children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { ...indicator() }) }),
-      (children || description) && /* @__PURE__ */ jsxRuntime.jsxs(Textarea.ToggleInputContent, { children: [
-        children && /* @__PURE__ */ jsxRuntime.jsx(Textarea.ToggleInputLabel, { children }),
-        description && /* @__PURE__ */ jsxRuntime.jsx(Textarea.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 })
       ] })
     ] });
   }
@@ -2100,10 +3069,10 @@ const RadioGroup = React.forwardRef(
     value,
     ...props
   }, ref) => {
-    const surface = Textarea.useSurface("property");
+    const surface = Calendar.useSurface("property");
     const { track } = surface ?? {};
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Textarea.RadioGroupProvider,
+      RadioGroupProvider,
       {
         defaultValue,
         disabled,
@@ -2120,11 +3089,11 @@ const RadioGroup = React.forwardRef(
         },
         value,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Textarea.Group,
+          Calendar.Group,
           {
             flexDirection,
             fontSize: "md",
-            gap: Textarea.mapResponsiveValue(
+            gap: Calendar.mapResponsiveValue(
               flexDirection,
               (value2) => mapGapToOrientation[value2]
             ),
@@ -2139,9 +3108,9 @@ const RadioGroup = React.forwardRef(
 );
 RadioGroup.displayName = "@optiaxiom/react/RadioGroup";
 
-var clear = Textarea.recipeRuntime({base:[{size:'sm'},'cl2w6r']});
-var input = Textarea.recipeRuntime({base:'_5fb72v'});
-var search = Textarea.recipeRuntime({base:'ur7opw'});
+var clear = Calendar.recipeRuntime({base:[{size:'sm'},'_6nd2ms']});
+var input = Calendar.recipeRuntime({base:'_1n7h9g4'});
+var search = Calendar.recipeRuntime({base:'sdrehp'});
 
 const SearchInput = React.forwardRef(
   ({ addonBefore, className, onChange, onValueClear, ...props }, outerRef) => {
@@ -2152,16 +3121,16 @@ const SearchInput = React.forwardRef(
       defaultProp: props.defaultValue,
       prop: props.value
     });
-    const forceValueChange = Textarea.useObserveValue(innerRef, setValue);
+    const forceValueChange = Calendar.useObserveValue(innerRef, setValue);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Textarea.Input,
+      Calendar.Input,
       {
         addonAfter: value && /* @__PURE__ */ jsxRuntime.jsx(
-          Textarea.Button,
+          Calendar.Button,
           {
             appearance: "subtle",
             "aria-label": "Clear",
-            icon: value && /* @__PURE__ */ jsxRuntime.jsx(Textarea.IconX, {}),
+            icon: value && /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconX, {}),
             onPointerDown: (event) => {
               event.preventDefault();
               forceValueChange("");
@@ -2171,8 +3140,8 @@ const SearchInput = React.forwardRef(
             ...clear()
           }
         ),
-        addonBefore: /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Group, { gap: "8", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Textarea.IconMagnifyingGlass, {}),
+        addonBefore: /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { gap: "8", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconMagnifyingGlass, {}),
           addonBefore
         ] }),
         addonPointerEvents: "none",
@@ -2196,7 +3165,7 @@ SearchInput.displayName = "@optiaxiom/react/SearchInput";
 const [SegmentedControlProvider, useSegmentedControlContext] = reactContext.createContext("@optiaxiom/react/SegmentedControl");
 
 const SegmentedControl = React.forwardRef(({ children, type = "single", ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { asChild: true, gap: "0", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixSegmentedControl__namespace.Root, { ref, type, children: /* @__PURE__ */ jsxRuntime.jsx(SegmentedControlProvider, { children }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { asChild: true, gap: "0", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixSegmentedControl__namespace.Root, { ref, type, children: /* @__PURE__ */ jsxRuntime.jsx(SegmentedControlProvider, { children }) }) });
 });
 SegmentedControl.displayName = "@optiaxiom/react/SegmentedControl";
 
@@ -2209,7 +3178,7 @@ const SegmentedControlItem = React.forwardRef(({ asChild, children, ...props },
       asChild: true,
       ref,
       ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Button, { asChild, children })
+      children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Button, { asChild, children })
     }
   );
 });
@@ -2237,7 +3206,7 @@ const Sidebar = React.forwardRef(
         onExpandedChange: setExpanded,
         spacing: "8",
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Textarea.Box,
+          Calendar.Box,
           {
             alignItems: "stretch",
             display: "flex",
@@ -2275,12 +3244,12 @@ const SidebarToggle = React.forwardRef(
 );
 SidebarToggle.displayName = "@optiaxiom/react/SidebarToggle";
 
-var nav = Textarea.recipeRuntime({base:[{bg:'bg.default',flex:'1',flexDirection:'column',gap:'0',overflow:'hidden',py:'16'},'_5l52tl']});
+var nav = Calendar.recipeRuntime({base:[{bg:'bg.default',flex:'1',flexDirection:'column',gap:'0',overflow:'hidden',py:'16'},'bqj7z7']});
 
 const SubNav = React.forwardRef(
   ({ children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Textarea.Group,
+      Calendar.Group,
       {
         borderColor: "border.tertiary",
         borderR: "1",
@@ -2290,7 +3259,7 @@ const SubNav = React.forwardRef(
         ref,
         w: "fit",
         ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { asChild: true, ...nav(), children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Secondary", children: /* @__PURE__ */ jsxRuntime.jsx(
+        children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { asChild: true, ...nav(), children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Secondary", children: /* @__PURE__ */ jsxRuntime.jsx(
           SidebarProvider,
           {
             expanded: true,
@@ -2307,12 +3276,12 @@ const SubNav = React.forwardRef(
 );
 SubNav.displayName = "@optiaxiom/react/SubNav";
 
-var tabs = Textarea.recipeRuntime({base:[{display:'flex'},'kg5qzi']});
+var tabs = Calendar.recipeRuntime({base:[{display:'flex'},'_1jalbnz']});
 
 const Tabs = React.forwardRef(
   ({ children, className, onValueChange, ...props }, ref) => {
-    const { boxProps, restProps } = Textarea.extractBoxProps(props);
-    const surface = Textarea.useSurface("tab");
+    const { boxProps, restProps } = Calendar.extractBoxProps(props);
+    const surface = Calendar.useSurface("tab");
     const { track } = surface ?? {};
     const [initialValue] = React.useState(props.value);
     React.useEffect(() => {
@@ -2320,7 +3289,7 @@ const Tabs = React.forwardRef(
         track?.({ id: initialValue, name: "viewed" });
       }
     }, [initialValue, track]);
-    return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { asChild: true, ...tabs({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...tabs({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(
       RadixTabs__namespace.Root,
       {
         onValueChange: (value) => {
@@ -2338,29 +3307,29 @@ Tabs.displayName = "@optiaxiom/react/Tabs";
 
 const TabsContent = React.forwardRef(
   ({ children, value, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Textarea.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 = Textarea.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'ca66i0']});
+var list = Calendar.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_1h6twsw']});
 
 const TabsList = React.forwardRef(
   ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Textarea.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 = Textarea.recipeRuntime({base:[{gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'ag0aim']});
-var trigger = Textarea.recipeRuntime({base:['_1m9n83m',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_1ddmyi1']});
+var content = Calendar.recipeRuntime({base:[{gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'b9irai']});
+var trigger = Calendar.recipeRuntime({base:['z5i844',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_1lhvqpv']});
 
-const Slot = reactSlot.createSlot("@optiaxiom/react/TabsTrigger");
+const Slot$2 = reactSlot.createSlot("@optiaxiom/react/TabsTrigger");
 const TabsTrigger = React.forwardRef(
   ({ addonAfter, addonBefore, asChild, children, className, value, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    const { boxProps, restProps } = Textarea.extractBoxProps(props);
-    return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { asChild: true, ...trigger({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(RadixTabs__namespace.Trigger, { asChild: true, ref, value, ...restProps, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { children: Textarea.decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Group, { ...content(), children: [
+    const Comp = asChild ? Slot$2 : "button";
+    const { boxProps, restProps } = Calendar.extractBoxProps(props);
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...trigger({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(RadixTabs__namespace.Trigger, { asChild: true, ref, value, ...restProps, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { children: Calendar.decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { ...content(), children: [
       addonBefore,
       children2,
       addonAfter
@@ -2369,114 +3338,183 @@ const TabsTrigger = React.forwardRef(
 );
 TabsTrigger.displayName = "@optiaxiom/react/TabsTrigger";
 
+var addon = Calendar.recipeRuntime({base:'_1gdy2cd'});
+
+var shadow = Calendar.recipeRuntime({base:['_5novau','_1edkbdn']});
+var textarea = Calendar.recipeRuntime({base:['_5novau','_1wa07aa'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
+var wrapper = Calendar.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['s6mfs0','_17osmkm'],'2':['s6mfs0','s54bsd'],'3':['s6mfs0','_1e42jj8'],'4':['s6mfs0','jlww34'],'5':['s6mfs0','wmsxiu']},resize:{auto:{},none:{},vertical:'_1413272'}}});
+
+const Slot$1 = reactSlot.createSlot("@optiaxiom/react/TextareaAutosize");
+const TextareaAutosize = React.forwardRef(
+  ({
+    asChild,
+    children,
+    className,
+    maxRows,
+    onChange,
+    resize = "none",
+    ...props
+  }, ref) => {
+    const Comp = asChild ? Slot$1 : "textarea";
+    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(
+      Calendar.Box,
+      {
+        ...wrapper({
+          maxRows: resize === "auto" ? maxRows : void 0,
+          resize
+        }),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...textarea({ resize }, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(
+            Comp,
+            {
+              onChange: (event) => {
+                setValue(event.target.value);
+                onChange?.(event);
+              },
+              ref,
+              ...restProps,
+              children
+            }
+          ) }),
+          resize === "auto" && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ...shadow({}, className), ...boxProps, children: (value ?? "") + " " })
+        ]
+      }
+    );
+  }
+);
+TextareaAutosize.displayName = "@optiaxiom/react/TextareaAutosize";
+
+const Slot = reactSlot.createSlot("@optiaxiom/react/Textarea");
+const Textarea = React.forwardRef(
+  ({
+    addonAfter,
+    addonBefore,
+    addonPointerEvents,
+    asChild,
+    children,
+    className,
+    style,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? Slot : "textarea";
+    const { boxProps, restProps } = Calendar.extractBoxProps(props);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      Calendar.InputRoot,
+      {
+        addonPointerEvents,
+        className,
+        flexDirection: "column",
+        style,
+        ...boxProps,
+        children: [
+          addonBefore && /* @__PURE__ */ jsxRuntime.jsx(Calendar.InputAddon, { asChild: true, children: Calendar.fallbackSpan(addonBefore) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Calendar.InputControl, { asChild: true, p: "8", size: "lg", ...restProps, children: /* @__PURE__ */ jsxRuntime.jsx(TextareaAutosize, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, rows: props.rows ?? 3, children }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(Calendar.InputAddon, { ...addon(), children: [
+            props.value !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { justifyContent: "end", children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.SuggestionPopover, {}) }),
+            addonAfter
+          ] })
+        ]
+      }
+    );
+  }
+);
+Textarea.displayName = "@optiaxiom/react/Textarea";
+
 const ToggleButton = React.forwardRef(
   ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Textarea.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.Alert = Textarea.Alert;
-exports.AlertDialog = Textarea.AlertDialog;
-exports.AlertDialogAction = Textarea.AlertDialogAction;
-exports.AlertDialogBody = Textarea.AlertDialogBody;
-exports.AlertDialogCancel = Textarea.AlertDialogCancel;
-exports.AlertDialogContent = Textarea.AlertDialogContent;
-exports.AlertDialogFooter = Textarea.AlertDialogFooter;
-exports.AlertDialogHeader = Textarea.AlertDialogHeader;
-exports.AlertDialogTrigger = Textarea.AlertDialogTrigger;
-exports.AngleMenuButton = Textarea.AngleMenuButton;
-exports.AuthProvider = Textarea.AuthProvider;
-exports.Avatar = Textarea.Avatar;
-exports.AvatarGroup = Textarea.AvatarGroup;
-exports.Badge = Textarea.Badge;
-exports.Box = Textarea.Box;
-exports.Button = Textarea.Button;
-exports.ButtonGroup = Textarea.ButtonGroup;
-exports.Card = Textarea.Card;
-exports.CardAction = Textarea.CardAction;
-exports.CardCheckbox = Textarea.CardCheckbox;
-exports.CardFooter = Textarea.CardFooter;
-exports.CardHeader = Textarea.CardHeader;
-exports.CardImage = Textarea.CardImage;
-exports.CardLink = Textarea.CardLink;
-exports.CardPreview = Textarea.CardPreview;
-exports.Checkbox = Textarea.Checkbox;
-exports.Cover = Textarea.Cover;
-exports.DataTable = Textarea.DataTable;
-exports.DataTableBody = Textarea.DataTableBody;
-exports.Dialog = Textarea.Dialog;
-exports.DialogBody = Textarea.DialogBody;
-exports.DialogClose = Textarea.DialogClose;
-exports.DialogContent = Textarea.DialogContent;
-exports.DialogFooter = Textarea.DialogFooter;
-exports.DialogForm = Textarea.DialogForm;
-exports.DialogHeader = Textarea.DialogHeader;
-exports.DialogTrigger = Textarea.DialogTrigger;
-exports.Disclosure = Textarea.Disclosure;
-exports.DisclosureContent = Textarea.DisclosureContent;
-exports.DisclosureTrigger = Textarea.DisclosureTrigger;
-exports.Field = Textarea.Field;
-exports.FieldLabel = Textarea.FieldLabel;
-exports.Flex = Textarea.Flex;
-exports.Group = Textarea.Group;
-exports.Heading = Textarea.Heading;
-exports.Input = Textarea.Input;
-exports.InputAddon = Textarea.InputAddon;
-exports.InputControl = Textarea.InputControl;
-exports.InputRoot = Textarea.InputRoot;
-exports.Link = Textarea.Link;
-exports.Listbox = Textarea.Listbox;
-exports.ListboxCheckboxItem = Textarea.ListboxCheckboxItem;
-exports.ListboxEmpty = Textarea.ListboxEmpty;
-exports.ListboxGroup = Textarea.ListboxGroup;
-exports.ListboxItem = Textarea.ListboxItem;
-exports.ListboxItemIndicator = Textarea.ListboxItemIndicator;
-exports.ListboxItemized = Textarea.ListboxItemized;
-exports.ListboxLabel = Textarea.ListboxLabel;
-exports.ListboxRadioItem = Textarea.ListboxRadioItem;
-exports.ListboxSeparator = Textarea.ListboxSeparator;
-exports.ListboxSwitchItem = Textarea.ListboxSwitchItem;
-exports.Menu = Textarea.Menu;
-exports.MenuContent = Textarea.MenuContent;
-exports.MenuTrigger = Textarea.MenuTrigger;
-exports.ModalLayer = Textarea.ModalLayer;
-exports.Paper = Textarea.Paper;
-exports.Popover = Textarea.Popover;
-exports.PopoverAnchor = Textarea.PopoverAnchor;
-exports.PopoverContent = Textarea.PopoverContent;
-exports.PopoverTrigger = Textarea.PopoverTrigger;
-exports.Select = Textarea.Select;
-exports.SelectContent = Textarea.SelectContent;
-exports.SelectTrigger = Textarea.SelectTrigger;
-exports.Separator = Textarea.Separator;
-exports.Skeleton = Textarea.Skeleton;
-exports.Spinner = Textarea.Spinner;
-exports.Switch = Textarea.Switch;
-exports.Table = Textarea.Table;
-exports.TableAction = Textarea.TableAction;
-exports.TableBody = Textarea.TableBody;
-exports.TableCell = Textarea.TableCell;
-exports.TableHeader = Textarea.TableHeader;
-exports.TableHeaderCell = Textarea.TableHeaderCell;
-exports.TableRow = Textarea.TableRow;
-exports.Text = Textarea.Text;
-exports.Textarea = Textarea.Textarea;
-exports.Tooltip = Textarea.Tooltip;
-exports.TooltipContent = Textarea.TooltipContent;
-exports.TooltipProvider = Textarea.TooltipProvider;
-exports.TooltipRoot = Textarea.TooltipRoot;
-exports.TooltipTrigger = Textarea.TooltipTrigger;
-exports.Transition = Textarea.Transition;
-exports.TransitionGlobalConfig = Textarea.TransitionGlobalConfig;
-exports.TransitionGroup = Textarea.TransitionGroup;
-exports.extractBoxProps = Textarea.extractBoxProps;
-exports.mapResponsiveValue = Textarea.mapResponsiveValue;
-exports.normalizeResponsiveValue = Textarea.normalizeResponsiveValue;
-exports.sprinkles = Textarea.sprinkles;
-exports.sprinklesMerge = Textarea.sprinklesMerge;
-exports.useAuthContext = Textarea.useAuthContext;
-exports.vars = Textarea.vars;
+exports.Alert = Calendar.Alert;
+exports.AlertDialog = Calendar.AlertDialog;
+exports.AlertDialogAction = Calendar.AlertDialogAction;
+exports.AlertDialogBody = Calendar.AlertDialogBody;
+exports.AlertDialogCancel = Calendar.AlertDialogCancel;
+exports.AlertDialogContent = Calendar.AlertDialogContent;
+exports.AlertDialogFooter = Calendar.AlertDialogFooter;
+exports.AlertDialogHeader = Calendar.AlertDialogHeader;
+exports.AlertDialogTrigger = Calendar.AlertDialogTrigger;
+exports.AngleMenuButton = Calendar.AngleMenuButton;
+exports.AuthProvider = Calendar.AuthProvider;
+exports.Avatar = Calendar.Avatar;
+exports.AvatarGroup = Calendar.AvatarGroup;
+exports.Box = Calendar.Box;
+exports.Button = Calendar.Button;
+exports.ButtonGroup = Calendar.ButtonGroup;
+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.Group = Calendar.Group;
+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.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.useAuthContext = Calendar.useAuthContext;
+exports.vars = Calendar.vars;
 Object.defineProperty(exports, "createToaster", {
   enumerable: true,
   get: function () { return globals.createToaster; }
@@ -2494,10 +3532,21 @@ Object.defineProperty(exports, "tokens", {
   get: function () { return globals.tokens; }
 });
 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;
+exports.DataTableBody = DataTableBody;
 exports.DataTableCheckbox = DataTableCheckbox;
 exports.DataTableFooter = DataTableFooter;
 exports.DataTableLabel = DataTableLabel;
@@ -2505,6 +3554,9 @@ exports.DateInput = DateInput;
 exports.DateRangePicker = DateRangePicker;
 exports.DateRangePickerContent = DateRangePickerContent;
 exports.DateRangePickerTrigger = DateRangePickerTrigger;
+exports.Disclosure = Disclosure;
+exports.DisclosureContent = DisclosureContent;
+exports.DisclosureTrigger = DisclosureTrigger;
 exports.DropdownMenu = DropdownMenu;
 exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
 exports.DropdownMenuContent = DropdownMenuContent;
@@ -2517,10 +3569,14 @@ exports.DropdownMenuSubContent = DropdownMenuSubContent;
 exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
 exports.DropdownMenuTrigger = DropdownMenuTrigger;
 exports.EllipsisMenuButton = EllipsisMenuButton;
+exports.Field = Field;
+exports.FieldLabel = FieldLabel;
+exports.Flex = Flex;
 exports.Grid = Grid;
 exports.Indicator = Indicator;
 exports.Kbd = Kbd;
 exports.LabelMenuButton = LabelMenuButton;
+exports.Link = Link;
 exports.Nav = Nav;
 exports.NavAccountItem = NavAccountItem;
 exports.NavBody = NavBody;
@@ -2546,6 +3602,7 @@ exports.Tabs = Tabs;
 exports.TabsContent = TabsContent;
 exports.TabsList = TabsList;
 exports.TabsTrigger = TabsTrigger;
+exports.Textarea = Textarea;
 exports.ThemeProvider = ThemeProvider;
 exports.ToastProvider = ToastProvider;
 exports.ToggleButton = ToggleButton;