@optiaxiom/react 3.0.0-next.1 → 3.0.0-next.3

package/dist/cjs/index.js

@@ -1,133 +1,134 @@
 "use client";
 'use strict';
 
-var Calendar = require('./Calendar-C54VW6_f.js');
+var Flex = require('./Flex-Bu08zHLk.js');
 var jsxRuntime = require('react/jsx-runtime');
 var globals = require('@optiaxiom/globals');
 var React = require('react');
 var icons = require('@optiaxiom/icons');
 var reactId = require('@radix-ui/react-id');
 var dynamic = require('@vanilla-extract/dynamic');
-require('./assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css');
+require('./assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.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-Dv9Pg323.css');
-require('./assets/src/toast/Toast.css.ts.vanilla-DSWS2Laz.css');
+require('./assets/src/toast/ToastProvider.css.ts.vanilla-D6PCRH8p.css');
+require('./assets/src/toast/Toast.css.ts.vanilla-CoXKGayG.css');
+require('./assets/src/toast/ToastTitle.css.ts.vanilla-Cf7uvMr_.css');
 var reactSlot = require('@radix-ui/react-slot');
-require('./assets/src/badge/Badge.css.ts.vanilla-OjtEM4Uu.css');
-require('./assets/src/banner/Banner.css.ts.vanilla-Dan-h9Cw.css');
-require('./assets/src/link/Link.css.ts.vanilla-BtsfK3Pn.css');
-require('./assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-rjaJoKix.css');
-require('./assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-UkEvdkMb.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-BSF8fxeJ.css');
-require('./assets/src/card/Card.css.ts.vanilla-iBAEp336.css');
+require('./assets/src/badge/Badge.css.ts.vanilla-CGJ0khzh.css');
+require('./assets/src/banner/Banner.css.ts.vanilla-BcuP8wyQ.css');
+require('./assets/src/link/Link.css.ts.vanilla-CNmBxCTr.css');
+require('./assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-WDKq6JC3.css');
+require('./assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-DPbcDT22.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-BZ_wZ-tp.css');
+require('./assets/src/card/Card.css.ts.vanilla-1eXy8ATD.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-CIWxg_kY.css');
-require('./assets/src/card/CardHeader.css.ts.vanilla-Dga_MZO2.css');
-require('./assets/src/card/CardPreview.css.ts.vanilla-BfeXQYP1.css');
-require('./assets/src/code/Code.css.ts.vanilla-C2k7C84R.css');
+require('./assets/src/card/CardCheckbox.css.ts.vanilla-CMNOOdwr.css');
+require('./assets/src/card/CardHeader.css.ts.vanilla-W5nCmTAZ.css');
+require('./assets/src/card/CardPreview.css.ts.vanilla-B4zIrav6.css');
+require('./assets/src/code/Code.css.ts.vanilla-BV41VLh8.css');
 var reactTable = require('@tanstack/react-table');
 var reactVirtual = require('@tanstack/react-virtual');
-require('./assets/src/table/TableRow.css.ts.vanilla-C5iFEXaM.css');
-require('./assets/src/data-table/DataTableBody.css.ts.vanilla-BKcFTShV.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-CAlUGkIg.css');
+require('./assets/src/data-table/DataTableBody.css.ts.vanilla-CeDMVlCe.css');
 var RadixVisuallyHidden = require('@radix-ui/react-visually-hidden');
-require('./assets/src/pagination/Pagination.css.ts.vanilla-Co0FpGzt.css');
-require('./assets/src/data-table/DataTableFooter.css.ts.vanilla-CikuT9xK.css');
-require('./assets/src/date-input/DateInput.css.ts.vanilla-BIcEVjOY.css');
+require('./assets/src/pagination/Pagination.css.ts.vanilla-BFSSBBI2.css');
+require('./assets/src/data-table/DataTableFooter.css.ts.vanilla-AkELS2jP.css');
+require('./assets/src/date-input/DateInput.css.ts.vanilla-BXPTrKIq.css');
 var RadixCollapsible = require('@radix-ui/react-collapsible');
-require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-CsfWUoqc.css');
-require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-CGgfKUN6.css');
+require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-BaOzHAix.css');
+require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-DI9J6JON.css');
 var RadixMenu = require('@radix-ui/react-dropdown-menu');
 var RadixLabel = require('@radix-ui/react-label');
-require('./assets/src/indicator/Indicator.css.ts.vanilla-B7cprf0a.css');
-require('./assets/src/kbd/Kbd.css.ts.vanilla-GY1r8biQ.css');
-require('./assets/src/button/ButtonGroup.css.ts.vanilla-BYV2kEqW.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-C_lSJukO.css');
-require('./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-UchD4k1s.css');
-require('./assets/src/nav/Nav.css.ts.vanilla-DajMbLdL.css');
-require('./assets/src/nav/NavAccountItem.css.ts.vanilla-Cx0hmFuQ.css');
-require('./assets/src/nav/NavItem.css.ts.vanilla-DAfz9OYZ.css');
+require('./assets/src/indicator/Indicator.css.ts.vanilla-B8_qO0fa.css');
+require('./assets/src/kbd/Kbd.css.ts.vanilla-DXDUcmqu.css');
+require('./assets/src/button/ButtonGroup.css.ts.vanilla-Dkf05E3Y.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-BX2hyZhm.css');
+require('./assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-DjdSFMxz.css');
+require('./assets/src/nav/Nav.css.ts.vanilla-ymoupBig.css');
+require('./assets/src/nav/NavAccountItem.css.ts.vanilla-CFgXXaFD.css');
+require('./assets/src/nav/NavItem.css.ts.vanilla-C9UB1rPA.css');
 var ProgressPrimitive = require('@radix-ui/react-progress');
-require('./assets/src/progress/Progress.css.ts.vanilla-CZDBluIH.css');
-require('./assets/src/button/ButtonGroup.css.ts.vanilla-BYV2kEqW.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-BQpQ5Iyp.css');
-require('./assets/src/radio/Radio.css.ts.vanilla-Db73mXcd.css');
-require('./assets/src/search-input/SearchInput.css.ts.vanilla-Kw1tkvBM.css');
+require('./assets/src/progress/Progress.css.ts.vanilla-D67XDSHK.css');
+require('./assets/src/button/ButtonGroup.css.ts.vanilla-Dkf05E3Y.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-DODHC2Jk.css');
+require('./assets/src/radio/Radio.css.ts.vanilla-p6qK7xD8.css');
+require('./assets/src/search-input/SearchInput.css.ts.vanilla-NAnXWvHN.css');
 var RadixSegmentedControl = require('@radix-ui/react-toggle-group');
-require('./assets/src/sub-nav/SubNav.css.ts.vanilla-ov2MQZGG.css');
+require('./assets/src/sub-nav/SubNav.css.ts.vanilla-DCqNGoIf.css');
 var RadixTabs = require('@radix-ui/react-tabs');
-require('./assets/src/tabs/Tabs.css.ts.vanilla-Dzu9CRor.css');
-require('./assets/src/tabs/TabsList.css.ts.vanilla-D02lJxdO.css');
-require('./assets/src/tabs/TabsTrigger.css.ts.vanilla-DTcwjUyj.css');
-require('./assets/src/textarea/Textarea.css.ts.vanilla-Bug9Db-U.css');
-require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-BhuxnofB.css');
+require('./assets/src/tabs/Tabs.css.ts.vanilla-Qnph535p.css');
+require('./assets/src/tabs/TabsList.css.ts.vanilla-D726LVSn.css');
+require('./assets/src/tabs/TabsTrigger.css.ts.vanilla-CyJKbV3Y.css');
+require('./assets/src/textarea/Textarea.css.ts.vanilla-BCpJU8ao.css');
+require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-xUHUWOzF.css');
 var RadixToggle = require('@radix-ui/react-toggle');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-it8_JzP4.css');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-61m2ocHD.css');
 require('downshift');
-require('./assets/src/input/Input.css.ts.vanilla-C5peoBy3.css');
-require('./assets/src/input/InputControl.css.ts.vanilla-C2YlbC5j.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-rwz6aL4o.css');
-require('./assets/src/command/CommandItem.css.ts.vanilla-D9ksb3wq.css');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-0O_Mo5GV.css');
+require('./assets/src/input/Input.css.ts.vanilla-DsC_xL_0.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-BU061DnK.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-DifICnbE.css');
+require('./assets/src/command/CommandItem.css.ts.vanilla-BpsLMxdj.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-C8EFoVMY.css');
 require('react-remove-scroll');
 require('@radix-ui/react-dialog');
-require('./assets/src/button/ButtonGroup.css.ts.vanilla-BYV2kEqW.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-DXDzFiFr.css');
-require('./assets/src/dialog/DialogContent.css.ts.vanilla-DvdjPddK.css');
-require('./assets/src/dialog/DialogFooter.css.ts.vanilla-BAo-7RYJ.css');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-BAOpmXw8.css');
-require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-C2GirC54.css');
-require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-w4KStk8R.css');
-require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-BfI8qX_l.css');
-require('./assets/src/button/ButtonGroup.css.ts.vanilla-BYV2kEqW.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-BrKXGBEZ.css');
-require('./assets/src/table/Table.css.ts.vanilla-b5gHwBoP.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-DtZekoXT.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-DrnT3UO-.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla-DzQbr-65.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-DjtG6pxE.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-CxlWE16P.css');
+require('./assets/src/button/ButtonGroup.css.ts.vanilla-Dkf05E3Y.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-Dp_BAkuo.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-CMsV9p8U.css');
+require('./assets/src/dialog/DialogFooter.css.ts.vanilla-BsUB5Ovz.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-CpIQYiQq.css');
+require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-at09MyF4.css');
+require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-Cty80dY3.css');
+require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-2Hh8UM-4.css');
+require('./assets/src/button/ButtonGroup.css.ts.vanilla-Dkf05E3Y.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-Cou9qiFz.css');
+require('./assets/src/table/Table.css.ts.vanilla-C6Yu-JkD.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-BDMrYRkL.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-CVB1hBCy.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-CnMpY1uW.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-BRaPa7-Z.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-CA1cFrA1.css');
 require('react-day-picker');
-require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-6WgI5BV7.css');
-require('./assets/src/box/Box.css.ts.vanilla-BwcfIzcL.css');
 require('@radix-ui/react-popper');
 require('@radix-ui/react-avatar');
-require('./assets/src/button/ButtonGroup.css.ts.vanilla-BYV2kEqW.css');
-require('./assets/src/avatar/Avatar.css.ts.vanilla-D_HUx7nL.css');
-require('./assets/src/listbox/Listbox.css.ts.vanilla-Bd66u1ez.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-Dgmw6D4x.css');
-require('./assets/src/icon/Icon.css.ts.vanilla-u-2SWyzf.css');
-require('./assets/src/button/ButtonIcon.css.ts.vanilla-p_UxYEUC.css');
-require('./assets/src/text/Text.css.ts.vanilla-CbZnneib.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-CYU9mPG2.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-C0-r08PH.css');
-require('./assets/src/alert/Alert.css.ts.vanilla-jASloevX.css');
+require('./assets/src/button/ButtonGroup.css.ts.vanilla-Dkf05E3Y.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-Ccs1TcPz.css');
+require('./assets/src/listbox/Listbox.css.ts.vanilla-CN5GZN1V.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-qDCR0fFs.css');
+require('./assets/src/icon/Icon.css.ts.vanilla-vdpS3e_a.css');
+require('./assets/src/button/ButtonIcon.css.ts.vanilla-_Tt1eZc1.css');
+require('./assets/src/text/Text.css.ts.vanilla-Qfm-Eyjr.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-D05YgzEZ.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-B5y6IlVF.css');
+require('./assets/src/alert/Alert.css.ts.vanilla-d5zKzeLF.css');
 require('@radix-ui/react-popover');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-Q4KGYxEj.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-C57bwG-S.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-DvMEmxWW.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-BDda-H5U.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-CtSFhSwq.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-DgwoZFot.css');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-5UWAOmQM.css');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-Xd71jpvS.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-DVjkN8sV.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-PUf72vj-.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-DTn1kXMO.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-CD1BbBXo.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-D3ubESkl.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-QppJtmU_.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-C1Vhmlms.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-BEJVr_RO.css');
 require('@radix-ui/react-portal');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-D8D0Juwr.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-BLc_tTb9.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-Cn3iSAW1.css');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-F4yZU6uB.css');
-require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-DKnd3c_D.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-GLCgvc8P.css');
-require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-CueGXK1Y.css');
-require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-DKwr4nQ_.css');
+require('./assets/src/calendar/Calendar.css.ts.vanilla--h6OUSGa.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-CnhcRkWV.css');
+require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-jeLcVGFz.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-BwcGSEdZ.css');
+require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-C9_b-one.css');
+require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-84GwlnOL.css');
+require('@optiaxiom/globals/fonts');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-BQI5Ukta.css');
+require('./assets/src/box/Box.css.ts.vanilla-y1CToR0y.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -268,8 +269,8 @@ function SuggestionProvider({ children }) {
       ),
       children: [
         children,
-        suggestions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Portal, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-          Calendar.Group,
+        suggestions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Flex.Portal, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+          Flex.Group,
           {
             alignItems: "center",
             flexDirection: "column",
@@ -281,8 +282,8 @@ function SuggestionProvider({ children }) {
               position: "fixed"
             },
             z: "popover",
-            children: suggestions.slice(0, 1).map(({ suggestion, surface }) => /* @__PURE__ */ jsxRuntime.jsx(Calendar.Transition, { "data-side": "top", type: "pop", children: /* @__PURE__ */ jsxRuntime.jsxs(
-              Calendar.Group,
+            children: suggestions.slice(0, 1).map(({ suggestion, surface }) => /* @__PURE__ */ jsxRuntime.jsx(Flex.Transition, { "data-side": "top", type: "pop", children: /* @__PURE__ */ jsxRuntime.jsxs(
+              Flex.Group,
               {
                 "aria-describedby": id + "-" + suggestion.id,
                 "aria-label": "App companion suggestion",
@@ -298,23 +299,23 @@ function SuggestionProvider({ children }) {
                 shadow: "md",
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsxs(
-                    Calendar.Group,
+                    Flex.Group,
                     {
                       flexDirection: "column",
                       gap: "4",
                       id: id + "-" + suggestion.id,
                       children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { children: suggestion.type === "message" ? suggestion.text : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(Flex.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(Calendar.Text, { color: "fg.secondary", children: suggestion.reason })
+                        suggestion.type === "value" && suggestion.reason && /* @__PURE__ */ jsxRuntime.jsx(Flex.Text, { color: "fg.secondary", children: suggestion.reason })
                       ]
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    Calendar.Button,
+                    Flex.Button,
                     {
                       appearance: "primary-opal",
                       onClick: async () => {
@@ -331,13 +332,13 @@ function SuggestionProvider({ children }) {
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    Calendar.Button,
+                    Flex.Button,
                     {
                       appearance: "subtle",
                       "aria-label": "close",
                       color: "fg.default",
                       flex: "none",
-                      icon: /* @__PURE__ */ jsxRuntime.jsx(icons.IconClose, {}),
+                      icon: /* @__PURE__ */ jsxRuntime.jsx(icons.IconXmark, {}),
                       onClick: () => {
                         surface.reject(suggestion.id);
                       },
@@ -357,8 +358,8 @@ SuggestionProvider.displayName = "@optiaxiom/react/SuggestionProvider";
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._1wx78hd';
-var reset = 'optiaxiom._1svfk1i';
+var components = 'optiaxiom.g7voo0';
+var reset = 'optiaxiom._1teocdu';
 var theme = 'optiaxiom.theme';
 
 var layers_css = /*#__PURE__*/Object.freeze({
@@ -386,7 +387,7 @@ function ThemeProvider({ children }) {
       setContainer(root);
     }
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.PortalProvider, { container, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Flex.PortalProvider, { container, children: [
     /* @__PURE__ */ jsxRuntime.jsx("style", { ref, children: `
         @layer ${theme} {
           ${selector} {
@@ -408,24 +409,24 @@ function ThemeProvider({ children }) {
 }
 ThemeProvider.displayName = "@optiaxiom/react/ThemeProvider";
 
-var icon$3 = Calendar.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1noz9t3']});
-var offsetVar = 'var(--rk8ee6)';
-var root$2 = Calendar.recipeRuntime({base:['n4elb5',{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']},'_15vhz4s'],variants:{intent:{danger:'_7mfxg3',information:'_18kkf33',neutral:'_1so4frp',success:'gboz8l',warning:'ojixr0'}}});
+var icon$3 = Flex.recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_14fc2jk']});
+var offsetVar = 'var(--_18ouekc)';
+var root$2 = Flex.recipeRuntime({base:['vx7qb',{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']},'_8dcbc1'],variants:{intent:{danger:'_8tm4g6',information:'_1xoz9df',neutral:'xla8uh',success:'mgoqyv',warning:'_1m9ui1f'}}});
 
 const mapIntentToIcon$1 = {
-  danger: icons.IconError,
-  information: icons.IconInfo,
-  neutral: icons.IconInfo,
-  success: icons.IconCheckCircle,
-  warning: icons.IconWarning
+  danger: icons.IconCircleExclamation,
+  information: icons.IconCircleInfo,
+  neutral: icons.IconCircleInfo,
+  success: icons.IconCheckCircleSolid,
+  warning: icons.IconTriangleExclamation
 };
 const Toast = React.forwardRef(
   ({ children, className, intent = "neutral", onOpenChange, style, ...props }, outerRef) => {
-    const { boxProps, restProps } = Calendar.extractBoxProps(props);
+    const { boxProps, restProps } = Flex.extractBoxProps(props);
     const context = globals.useToastProviderContext("@optiaxiom/react/Toast");
     const ref = reactComposeRefs.useComposedRefs(outerRef, context.toastRef);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Box,
+      Flex.Box,
       {
         asChild: true,
         style: {
@@ -448,14 +449,14 @@ const Toast = React.forwardRef(
             ref,
             ...restProps,
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Calendar.Icon, { asChild: true, ...icon$3(), children: React.createElement(mapIntentToIcon$1[intent], { filled: true }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(Flex.Icon, { asChild: true, ...icon$3(), children: React.createElement(mapIntentToIcon$1[intent], { filled: true }) }),
               children,
               /* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-                Calendar.Button,
+                Flex.Button,
                 {
                   appearance: "inverse",
                   "aria-label": "close",
-                  icon: /* @__PURE__ */ jsxRuntime.jsx(icons.IconClose, {}),
+                  icon: /* @__PURE__ */ jsxRuntime.jsx(icons.IconXmark, {}),
                   size: "sm"
                 }
               ) })
@@ -471,19 +472,21 @@ 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(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 }) })
+      /* @__PURE__ */ jsxRuntime.jsx(Flex.Separator, { alignSelf: "center", h: "sm", ml: "12", orientation: "vertical" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Flex.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 = Calendar.recipeRuntime({base:[{flexDirection:'column',gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'k9tpjp'],variants:{position:{bottom:'y1wv4q','bottom-left':'hmhnvb','bottom-right':['right-scroll-bar-position','_1nn5cgm'],top:'_1y1hp41','top-left':'_96z73z','top-right':['right-scroll-bar-position','_1fzxakc']}}});
+var viewport = Flex.recipeRuntime({base:[{flexDirection:'column',gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'kaxhwh'],variants:{position:{bottom:'_1fs3rmd','bottom-left':'_1vms90j','bottom-right':['right-scroll-bar-position','_18sjba6'],top:'_1tdjk2u','top-left':'_1hi1u7s','top-right':['right-scroll-bar-position','_1wm3g3o']}}});
+
+var title = Flex.recipeRuntime({base:[{flex:'1'},'_1d8g1if']});
 
 const ToastTitle = React.forwardRef(
-  ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { asChild: true, flex: "1", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Title, { ref, children }) });
+  ({ children, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(Flex.Text, { asChild: true, lineClamp: "2", ...title({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixToast__namespace.Title, { ref, children }) });
   }
 );
 ToastTitle.displayName = "@optiaxiom/react/ToastTitle";
@@ -539,7 +542,7 @@ const ToastProvider = React.forwardRef(
     toaster: toasterProp = globals.toaster,
     ...props
   }, outerRef) => {
-    const { boxProps, restProps } = Calendar.extractBoxProps(props);
+    const { boxProps, restProps } = Flex.extractBoxProps(props);
     const toasts = shim.useSyncExternalStore(...toasterProp.store);
     const innerRef = React.useRef(null);
     const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
@@ -573,8 +576,8 @@ const ToastProvider = React.forwardRef(
             },
             id
           )),
-          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Portal, { asChild: true, ...container && { container }, children: /* @__PURE__ */ jsxRuntime.jsx(
-            Calendar.Group,
+          /* @__PURE__ */ jsxRuntime.jsx(Flex.Portal, { asChild: true, ...container && { container }, children: /* @__PURE__ */ jsxRuntime.jsx(
+            Flex.Group,
             {
               alignItems: position.endsWith("left") ? "start" : position.endsWith("right") ? "end" : "center",
               asChild: true,
@@ -605,14 +608,14 @@ function AxiomProvider({
       /* @__PURE__ */ jsxRuntime.jsx(ToastProvider, { ...toast })
     ] }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(globals.AxiomVersionContext.Provider, { value: Calendar.version, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.TooltipProvider, { ...tooltip, children: /* @__PURE__ */ jsxRuntime.jsxs(Calendar.FocusBookmarkProvider, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(globals.AxiomVersionContext.Provider, { value: Flex.version, children: /* @__PURE__ */ jsxRuntime.jsx(Flex.TooltipProvider, { ...tooltip, children: /* @__PURE__ */ jsxRuntime.jsxs(Flex.FocusBookmarkProvider, { children: [
     children,
-    /* @__PURE__ */ jsxRuntime.jsx(Calendar.DialogKitProvider, { ...dialog })
+    /* @__PURE__ */ jsxRuntime.jsx(Flex.DialogKitProvider, { ...dialog })
   ] }) }) });
 }
 AxiomProvider.displayName = "@optiaxiom/react/AxiomProvider";
 
-var badge$1 = Calendar.recipeRuntime({base:[{display:'inline-flex',flex:'none',fontFamily:'mono',fontSize:'sm',fontWeight:'400',justifyContent:'center',px:'6',py:'2',rounded:'full',textTransform:'uppercase'},'daq4sr'],variants:{intent:{danger:'_3tru3p',information:'_1eu5b2r',neutral:'hdqmv2',primary:'_1l48qwa',success:'s0zk0n',warning:'_1g85c4m'},variant:{strong:'_4i4jec',subtle:'sotwoc'}}});
+var badge$1 = Flex.recipeRuntime({base:[{display:'inline-flex',flex:'none',fontFamily:'mono',fontSize:'sm',fontWeight:'400',justifyContent:'center',px:'6',py:'2',rounded:'full',textTransform:'uppercase'},'_4rgo6g'],variants:{intent:{danger:'datemy',information:'_6nujqr',neutral:'_1t2aw53',primary:'_1kzrkpk',success:'_1hyrg2j',warning:'i2uulx'},variant:{strong:'jl1whp',subtle:'qrc8dr'}}});
 
 const Slot$8 = reactSlot.createSlot("@optiaxiom/react/Badge");
 const Badge = React.forwardRef(
@@ -626,7 +629,7 @@ const Badge = React.forwardRef(
   }, ref) => {
     const Comp = asChild ? Slot$8 : "span";
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Text,
+      Flex.Text,
       {
         asChild: true,
         ...badge$1({ intent, variant }, className),
@@ -638,22 +641,22 @@ const Badge = React.forwardRef(
 );
 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.subtle'},information:{bg:'bg.information.subtle'},neutral:{bg:'bg.tertiary'},success:{bg:'bg.success.subtle'},warning:{bg:'bg.warning.subtle'}}}});
-var content$3 = Calendar.recipeRuntime({base:[{flex:'1',flexDirection:'column',gap:'8',justifyContent:'center'},'_1spzvo5']});
-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'}}}});
+var banner = Flex.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.subtle'},information:{bg:'bg.information.subtle'},neutral:{bg:'bg.tertiary'},success:{bg:'bg.success.subtle'},warning:{bg:'bg.warning.subtle'}}}});
+var content$3 = Flex.recipeRuntime({base:[{flex:'1',flexDirection:'column',gap:'8',justifyContent:'center'},'_1ivydgf']});
+var icon$2 = Flex.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: icons.IconError,
-  information: icons.IconInfo,
-  neutral: icons.IconInfo,
-  success: icons.IconCheckCircle,
-  warning: icons.IconWarning
+  danger: icons.IconCircleExclamation,
+  information: icons.IconCircleInfo,
+  neutral: icons.IconCircleInfo,
+  success: icons.IconCheckCircleSolid,
+  warning: icons.IconTriangleExclamation
 };
 const Banner = React.forwardRef(
   ({ children, className, intent = "neutral", onDismiss, ...props }, ref) => {
     const labelId = reactId.useId();
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      Calendar.Group,
+      Flex.Group,
       {
         "aria-labelledby": labelId,
         ref,
@@ -661,16 +664,16 @@ const Banner = React.forwardRef(
         ...banner({ intent }, className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Icon, { asChild: true, ...icon$2({ intent }), children: React.createElement(mapIntentToIcon[intent], { filled: true }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { id: labelId, ...content$3(), children }),
+          /* @__PURE__ */ jsxRuntime.jsx(Flex.Icon, { asChild: true, ...icon$2({ intent }), children: React.createElement(mapIntentToIcon[intent], { filled: true }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Flex.Group, { id: labelId, ...content$3(), children }),
           !!onDismiss && /* @__PURE__ */ jsxRuntime.jsx(
-            Calendar.Button,
+            Flex.Button,
             {
               appearance: "subtle",
               "aria-label": "close",
               color: "fg.default",
               flex: "none",
-              icon: /* @__PURE__ */ jsxRuntime.jsx(icons.IconClose, {}),
+              icon: /* @__PURE__ */ jsxRuntime.jsx(icons.IconXmark, {}),
               onClick: onDismiss,
               size: "sm"
             }
@@ -682,8 +685,8 @@ const Banner = React.forwardRef(
 );
 Banner.displayName = "@optiaxiom/react/Banner";
 
-var icon$1 = Calendar.recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1yv2mc']});
-var link$1 = Calendar.recipeRuntime({base:['kihpvp'],variants:{appearance:{'default':'_15ai7m1',inverse:'mlzc9i',subtle:'_8138ij'}}});
+var icon$1 = Flex.recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_10miw5j']});
+var link$1 = Flex.recipeRuntime({base:['_167npjr'],variants:{appearance:{'default':'_1vcd8g2',inverse:'_1hergr7',subtle:'_1oexuaj'}}});
 
 const Slot$7 = reactSlot.createSlot("@optiaxiom/react/Link");
 const Link = React.forwardRef(
@@ -698,8 +701,8 @@ const Link = React.forwardRef(
     ...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(
+    const { boxProps, restProps } = Flex.extractBoxProps(props);
+    return /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, ...link$1({ appearance }, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Cover, { asChild: true, disabled: !cover, inset: cover === "inset", children: /* @__PURE__ */ jsxRuntime.jsx(
       Comp,
       {
         "aria-disabled": disabled,
@@ -711,9 +714,9 @@ const Link = React.forwardRef(
           href: void 0,
           role: "link"
         },
-        children: Calendar.decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        children: Flex.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(icons.IconOpenInNew, {}) })
+          external && /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, ...icon$1(), children: /* @__PURE__ */ jsxRuntime.jsx(icons.IconArrowUpRightFromSquare, {}) })
         ] }))
       }
     ) }) });
@@ -721,17 +724,17 @@ const Link = React.forwardRef(
 );
 Link.displayName = "@optiaxiom/react/Link";
 
-var link = Calendar.recipeRuntime({base:'_15amt1k'});
-var list$2 = Calendar.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'hej5cr']});
+var link = Flex.recipeRuntime({base:'n6fxrp'});
+var list$2 = Flex.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'_19uppvv']});
 
-var item$2 = Calendar.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'_18k2sxm']});
+var item$2 = Flex.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'_8zx57p']});
 
 const BreadcrumbNode = React.forwardRef(
   ({ addonAfter, children, className, ...props }, ref) => {
-    const { boxProps, restProps } = Calendar.extractBoxProps(props);
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...item$2({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsxs("li", { ref, ...restProps, children: [
+    const { boxProps, restProps } = Flex.extractBoxProps(props);
+    return /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, ...item$2({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsxs("li", { ref, ...restProps, children: [
       children,
-      addonAfter && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { asChild: true, flex: "none", gap: "4", children: Calendar.fallbackSpan(addonAfter) })
+      addonAfter && /* @__PURE__ */ jsxRuntime.jsx(Flex.Group, { asChild: true, flex: "none", gap: "4", children: Flex.fallbackSpan(addonAfter) })
     ] }) });
   }
 );
@@ -739,9 +742,9 @@ BreadcrumbNode.displayName = "@optiaxiom/react/BreadcrumbNode";
 
 const Breadcrumb = React.forwardRef(
   ({ className, items, maxItems = 3, ...props }, ref) => {
-    const { boxProps, restProps } = Calendar.extractBoxProps(props);
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, className, ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Breadcrumb", ref, ...restProps, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...list$2(), children: /* @__PURE__ */ jsxRuntime.jsx("ol", { children: renderItems(items, maxItems, (item, index) => /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbNode, { addonAfter: item.addonAfter, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Tooltip, { auto: true, content: item.label, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { asChild: true, truncate: true, children: index === items.length - 1 ? /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Box,
+    const { boxProps, restProps } = Flex.extractBoxProps(props);
+    return /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, className, ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Breadcrumb", ref, ...restProps, children: /* @__PURE__ */ jsxRuntime.jsx(Flex.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(Flex.Tooltip, { auto: true, content: item.label, children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Text, { asChild: true, truncate: true, children: index === items.length - 1 ? /* @__PURE__ */ jsxRuntime.jsx(
+      Flex.Box,
       {
         "aria-current": index === items.length - 1 ? "page" : void 0,
         children: item.label
@@ -773,22 +776,22 @@ 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(Calendar.Menu, { options: items.slice(boundaries[1], boundaries[2]), children: [
+    boundaries[2] > boundaries[1] && /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbNode, { children: /* @__PURE__ */ jsxRuntime.jsxs(Flex.Menu, { options: items.slice(boundaries[1], boundaries[2]), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        Calendar.MenuTrigger,
+        Flex.MenuTrigger,
         {
           appearance: "subtle",
           "aria-label": "More items",
-          icon: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, color: "fg.tertiary", children: /* @__PURE__ */ jsxRuntime.jsx(icons.IconMoreHoriz, {}) })
+          icon: /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, color: "fg.tertiary", children: /* @__PURE__ */ jsxRuntime.jsx(icons.IconEllipsisStroke, {}) })
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(Calendar.MenuContent, {})
+      /* @__PURE__ */ jsxRuntime.jsx(Flex.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:['che40p',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',flexDirection:'column',fontSize:'md',gap:'8',p:'16'},'hnyto8']});
+var card = Flex.recipeRuntime({base:['_1tpjcft',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',flexDirection:'column',fontSize:'md',gap:'8',p:'16'},'_1v2u65']});
 
 const [CardProvider, useCardContext] = reactContext.createContext("@optiaxiom/react/Card");
 
@@ -796,19 +799,19 @@ 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 }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(CardProvider, { descriptionId, labelId, children: /* @__PURE__ */ jsxRuntime.jsx(Flex.ActionsRoot, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Flex.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 });
+    return /* @__PURE__ */ jsxRuntime.jsx(Flex.ActionsContent, { flex: "1", ref, ...props, children });
   }
 );
 CardAction.displayName = "@optiaxiom/react/CardAction";
 
-var checkbox = Calendar.recipeRuntime({base:['_5ozbae']});
+var checkbox = Flex.recipeRuntime({base:['uy5n9h']});
 
 const CardCheckbox = React.forwardRef(
   ({ className, onChange, ...props }, ref) => {
@@ -820,12 +823,12 @@ const CardCheckbox = React.forwardRef(
       prop: props.checked
     });
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(Calendar.VisuallyHidden, { id: labelPrefixId, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Flex.VisuallyHidden, { id: labelPrefixId, children: [
         "Check to ",
         checked ? "unselect" : "select"
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        Calendar.Checkbox,
+        Flex.Checkbox,
         {
           "aria-labelledby": clsx(labelPrefixId, labelId),
           onChange: (event) => {
@@ -844,14 +847,14 @@ 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 });
+    return /* @__PURE__ */ jsxRuntime.jsx(Flex.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:'dvuk3b',before:'_1fi7hh6'}}});
-var content$2 = Calendar.recipeRuntime({base:[{flex:'1'},'r0ne7g']});
-var header = Calendar.recipeRuntime({base:[{alignSelf:'stretch',gap:'12',justifyContent:'space-between'},'yf7tlg']});
+var addon$2 = Flex.recipeRuntime({base:[{flex:'none',gap:'8'}],variants:{slot:{after:'_19l6cjn',before:'_1boyrtj'}}});
+var content$2 = Flex.recipeRuntime({base:[{flex:'1'},'_1gi2smx']});
+var header = Flex.recipeRuntime({base:[{alignSelf:'stretch',gap:'12',justifyContent:'space-between'},'t13a76']});
 
 const CardHeader = React.forwardRef(
   ({
@@ -867,10 +870,10 @@ const CardHeader = React.forwardRef(
     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: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Flex.Group, { ref, ...header({}, className), ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Flex.Box, { ...content$2(), children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          Calendar.Heading,
+          Flex.Heading,
           {
             fontSize: "md",
             fontWeight: "500",
@@ -881,20 +884,20 @@ const CardHeader = React.forwardRef(
             children
           }
         ),
-        description && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { color: "fg.tertiary", fontSize: "sm", id: descriptionId, children: description })
+        description && /* @__PURE__ */ jsxRuntime.jsx(Flex.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 })
+      addonBefore && /* @__PURE__ */ jsxRuntime.jsx(Flex.Group, { ...addon$2({ slot: "before" }), children: addonBefore }),
+      addonAfter && /* @__PURE__ */ jsxRuntime.jsx(Flex.Group, { ...addon$2({ slot: "after" }), children: addonAfter })
     ] });
   }
 );
 CardHeader.displayName = "@optiaxiom/react/CardHeader";
 
-var image = Calendar.recipeRuntime({base:{objectFit:'cover',rounded:'inherit',size:'full'}});
+var image = Flex.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 }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, ref, ...image({}, className), ...props, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx("img", { alt, src }) });
   }
 );
 CardImage.displayName = "@optiaxiom/react/CardImage";
@@ -906,8 +909,8 @@ const CardLink = React.forwardRef(
 );
 CardLink.displayName = "@optiaxiom/react/CardLink";
 
-var overlay = Calendar.recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'nlk4lg']});
-var preview = Calendar.recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_1ftba07']});
+var overlay = Flex.recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'bhk2ik']});
+var preview = Flex.recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'o64jii']});
 
 const CardPreview = React.forwardRef(
   ({
@@ -919,11 +922,11 @@ const CardPreview = React.forwardRef(
     className,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Box, { ref, ...preview({}, className), ...props, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Flex.Box, { ref, ...preview({}, className), ...props, children: [
       children,
-      (addonTopLeft || addonTopRight) && /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Box, { ...overlay(), children: [
+      (addonTopLeft || addonTopRight) && /* @__PURE__ */ jsxRuntime.jsxs(Flex.Box, { ...overlay(), children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          Calendar.Box,
+          Flex.Box,
           {
             alignItems: "center",
             alignSelf: "start",
@@ -933,7 +936,7 @@ const CardPreview = React.forwardRef(
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          Calendar.Box,
+          Flex.Box,
           {
             alignItems: "center",
             alignSelf: "start",
@@ -942,9 +945,9 @@ const CardPreview = React.forwardRef(
             children: addonTopRight
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { w: "full" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { w: "full" }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          Calendar.Box,
+          Flex.Box,
           {
             alignItems: "center",
             alignSelf: "end",
@@ -954,7 +957,7 @@ const CardPreview = React.forwardRef(
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          Calendar.Box,
+          Flex.Box,
           {
             alignItems: "center",
             alignSelf: "end",
@@ -970,18 +973,18 @@ const CardPreview = React.forwardRef(
 CardPreview.displayName = "@optiaxiom/react/CardPreview";
 
 function cleanup() {
-  Calendar.dialogkit.clear();
+  Flex.dialogkit.clear();
   globals.toaster.clear();
 }
 
-var code = Calendar.recipeRuntime({base:[{fontWeight:'600'},'u56j92']});
+var code = Flex.recipeRuntime({base:[{fontWeight:'600'},'_14cupd']});
 
 const Slot$6 = reactSlot.createSlot("@optiaxiom/react/Code");
 const Code = React.forwardRef(
   ({ asChild, children, className, ...props }, ref) => {
     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 }) });
+    const { boxProps, restProps } = Flex.extractBoxProps(props);
+    return /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, ...code({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, ...restProps, children }) });
   }
 );
 Code.displayName = "@optiaxiom/react/Code";
@@ -992,7 +995,7 @@ const DataTable = React.forwardRef(
   ({ children, table, ...props }, ref) => {
     const [highlightedIndex, setHighlightedIndex] = React.useState(-1);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Group,
+      Flex.Group,
       {
         flexDirection: "column",
         gap: "8",
@@ -1023,7 +1026,7 @@ const DataTableAction = React.forwardRef(
       highlightedIndex,
       onActionMount,
       setHighlightedIndex
-    } = Calendar.useDataTableRowContext("@optiaxiom/react/DataTableAction");
+    } = Flex.useDataTableRowContext("@optiaxiom/react/DataTableAction");
     const innerRef = React.useRef(null);
     const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
     React.useEffect(() => {
@@ -1039,7 +1042,7 @@ const DataTableAction = React.forwardRef(
       }
     }, [highlightedIndex, index]);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.TableAction,
+      Flex.TableAction,
       {
         onKeyDown: (event) => {
           onKeyDown?.(event);
@@ -1074,13 +1077,13 @@ const DataTableAction = React.forwardRef(
 );
 DataTableAction.displayName = "@optiaxiom/react/DataTableAction";
 
-var cell = Calendar.recipeRuntime({base:[{alignItems:'start',display:'flex'},'qof1g2'],variants:{pinned:{left:'_6a0zfs',right:'hdi7l7'},pinnedType:{body:'vczq28',header:{}},resizable:{false:{},true:'_1is61ng'}}});
-var cellOffsetVar = 'var(--_15uy4os)';
-var cellSizeVar = 'var(--ddfr1n)';
-var leftTotalSizeVar = 'var(--_15mww2z)';
-var rightTotalSizeVar = 'var(--_3g4ko)';
-var root$1 = Calendar.recipeRuntime({base:[{display:'flex',flexDirection:'column',maxW:'full',overflow:'hidden',rounded:'lg'},'_1yru0l8']});
-var totalSizeVar = 'var(--_1jiv3ux)';
+var cell = Flex.recipeRuntime({base:[{alignItems:'start',display:'flex'},'_94rbac'],variants:{pinned:{left:'_11ot5ds',right:'_18lj62v'},pinnedType:{body:'_1clt76u',header:{}},resizable:{false:{},true:'_1fb23b6'}}});
+var cellOffsetVar = 'var(--_1ggzn1l)';
+var cellSizeVar = 'var(--_163cfe0)';
+var leftTotalSizeVar = 'var(--_10cdhfq)';
+var rightTotalSizeVar = 'var(--_1wgvmsh)';
+var root$1 = Flex.recipeRuntime({base:[{display:'flex',flexDirection:'column',maxW:'full',overflow:'hidden',rounded:'lg'},'l7ppfk']});
+var totalSizeVar = 'var(--_1dtm858)';
 
 const DataTableRow = React.forwardRef(
   ({ children, index, row, ...props }, outerRef) => {
@@ -1102,7 +1105,7 @@ const DataTableRow = React.forwardRef(
     const primary = actions.find((action) => action.primary);
     const [selector, setSelector] = React.useState();
     const focusManaged = Boolean(selector || primary);
-    const onActionMount = Calendar.useEffectEvent(
+    const onActionMount = Flex.useEffectEvent(
       ({
         primary: primary2,
         ref: ref2
@@ -1114,7 +1117,7 @@ const DataTableRow = React.forwardRef(
       }
     );
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.TableRow,
+      Flex.TableRow,
       {
         "aria-labelledby": labelId,
         "aria-selected": row.getCanSelect() ? row.getIsSelected() : void 0,
@@ -1215,7 +1218,7 @@ const DataTableRow = React.forwardRef(
         tabIndex: focusManaged ? (highlightedIndex === -1 || highlightedIndex === index) && subHighlightedIndex === -1 ? 0 : -1 : void 0,
         ...props,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Calendar.DataTableRowProvider,
+          Flex.DataTableRowProvider,
           {
             actions: actions.map(({ ref: ref2 }) => ref2),
             focusManaged,
@@ -1223,7 +1226,7 @@ const DataTableRow = React.forwardRef(
             labelId,
             onActionMount,
             row,
-            setHighlightedIndex: Calendar.useEffectEvent((nextIndex) => {
+            setHighlightedIndex: Flex.useEffectEvent((nextIndex) => {
               setSubHighlightedIndex(nextIndex);
               if (nextIndex === -1) {
                 innerRef.current?.focus();
@@ -1274,7 +1277,7 @@ const DataTableBody = React.forwardRef(
         result.push(row);
         index++;
         if (loading && typeof loading === "object" && loading[row.id] === "sub-rows") {
-          result.push(Calendar.fakeRow(table, index++), Calendar.fakeRow(table, index++));
+          result.push(Flex.fakeRow(table, index++), Flex.fakeRow(table, index++));
         }
         return result;
       }, []);
@@ -1295,7 +1298,15 @@ const DataTableBody = React.forwardRef(
         delete innerRef.current.dataset.scrollTimeline;
       }
     };
-    React.useEffect(calculateScrollTimeline, []);
+    React.useEffect(() => {
+      calculateScrollTimeline();
+      const node = scrollContainerRef.current;
+      if (!node)
+        return;
+      const observer = new ResizeObserver(calculateScrollTimeline);
+      observer.observe(node);
+      return () => observer.disconnect();
+    }, []);
     const centerColumns = table.getCenterVisibleLeafColumns();
     const columnVirtualizer = reactVirtual.useVirtualizer({
       count: centerColumns.length,
@@ -1316,7 +1327,7 @@ const DataTableBody = React.forwardRef(
     });
     const virtualRows = rowVirtualizer.getVirtualItems();
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Box,
+      Flex.Box,
       {
         ref,
         style: {
@@ -1333,14 +1344,14 @@ const DataTableBody = React.forwardRef(
         ...root$1({}, className),
         ...props,
         children: /* @__PURE__ */ jsxRuntime.jsxs(
-          Calendar.Table,
+          Flex.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,
+              /* @__PURE__ */ jsxRuntime.jsx(Flex.TableHeader, { display: "grid", pinned: true, children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxRuntime.jsx(Flex.TableRow, { display: "flex", children: headerGroup.headers.map((header) => /* @__PURE__ */ jsxRuntime.jsx(
+                Flex.DataTableHeaderCell,
                 {
                   header,
                   pinned: !!header.column.getIsPinned(),
@@ -1363,12 +1374,12 @@ const DataTableBody = React.forwardRef(
                 header.id
               )) }, headerGroup.id)) }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                Calendar.TableBody,
+                Flex.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),
+                    row: Flex.fakeRow(table, rowIndex),
                     virtualRow: void 0
                   })) : rowVirtualizer.options.enabled ? virtualRows.length === 0 && rows.length > 0 ? (
                     /**
@@ -1397,7 +1408,7 @@ const DataTableBody = React.forwardRef(
                       } : void 0,
                       children: [
                         row.getLeftVisibleCells().map((cell$1) => /* @__PURE__ */ jsxRuntime.jsx(
-                          Calendar.TableCell,
+                          Flex.TableCell,
                           {
                             pinned: true,
                             style: {
@@ -1415,12 +1426,12 @@ const DataTableBody = React.forwardRef(
                           },
                           cell$1.id
                         )),
-                        columnVirtualizer.options.enabled && virtualColumnsOffset > 0 && /* @__PURE__ */ jsxRuntime.jsx(Calendar.TableCell, { style: { width: virtualColumnsOffset } }),
+                        columnVirtualizer.options.enabled && virtualColumnsOffset > 0 && /* @__PURE__ */ jsxRuntime.jsx(Flex.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,
+                          Flex.TableCell,
                           {
                             style: {
                               ...dynamic.assignInlineVars({
@@ -1435,7 +1446,7 @@ const DataTableBody = React.forwardRef(
                           cell$1.id
                         )),
                         row.getRightVisibleCells().map((cell$1) => /* @__PURE__ */ jsxRuntime.jsx(
-                          Calendar.TableCell,
+                          Flex.TableCell,
                           {
                             pinned: true,
                             style: {
@@ -1470,7 +1481,7 @@ DataTableBody.displayName = "@optiaxiom/react/DataTableBody";
 
 const DataTableCheckbox = React.forwardRef(({ children, disabled, visible, ...props }, outerRef) => {
   const { table } = useDataTableContext("@optiaxiom/react/DataTableCheckbox");
-  const { labelId, row, setSelector } = Calendar.useDataTableRowContext(
+  const { labelId, row, setSelector } = Flex.useDataTableRowContext(
     "@optiaxiom/react/DataTableCheckbox"
   );
   const labelPrefixId = reactId.useId();
@@ -1495,7 +1506,7 @@ const DataTableCheckbox = React.forwardRef(({ children, disabled, visible, ...pr
       {
         visible: visible ?? (table.getIsSomeRowsSelected() || !row) ? "always" : void 0,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Calendar.Checkbox,
+          Flex.Checkbox,
           {
             "aria-label": !row ? "Select all" : void 0,
             "aria-labelledby": row && clsx(labelPrefixId, labelId),
@@ -1514,9 +1525,9 @@ const DataTableCheckbox = React.forwardRef(({ children, disabled, visible, ...pr
 });
 DataTableCheckbox.displayName = "@optiaxiom/react/DataTableCheckbox";
 
-var button$1 = Calendar.recipeRuntime({base:[{justifyContent:'center'},'_1lckcmh']});
-var cursor = Calendar.recipeRuntime({base:[{justifyContent:'center',z:'10'},'_1tj4fcn'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list$1 = Calendar.recipeRuntime({base:[{gap:'2'},'asqiie']});
+var button$1 = Flex.recipeRuntime({base:[{justifyContent:'center'},'_1kng35r']});
+var cursor = Flex.recipeRuntime({base:[{justifyContent:'center',z:'10'},'rgkka6'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list$1 = Flex.recipeRuntime({base:[{gap:'2'},'_1fj1r7x']});
 
 const Pagination = React.forwardRef(
   ({
@@ -1550,9 +1561,9 @@ const Pagination = React.forwardRef(
       cursorRef.current.style.visibility = "visible";
       setTimeout(() => setAnimation(true), 150);
     }, [active]);
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "pagination", ref, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { asChild: true, ...list$1(), children: /* @__PURE__ */ jsxRuntime.jsxs("ul", { children: [
+    return /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "pagination", ref, children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Group, { asChild: true, ...list$1(), children: /* @__PURE__ */ jsxRuntime.jsxs("ul", { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        Calendar.ButtonRoot,
+        Flex.ButtonRoot,
         {
           appearance: "subtle",
           "aria-hidden": true,
@@ -1564,8 +1575,8 @@ const Pagination = React.forwardRef(
           children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: active })
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Tooltip, { content: "Prev", disabled: disabled || active === 1, children: /* @__PURE__ */ jsxRuntime.jsx(
-        Calendar.Button,
+      /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Tooltip, { content: "Prev", disabled: disabled || active === 1, children: /* @__PURE__ */ jsxRuntime.jsx(
+        Flex.Button,
         {
           appearance: "subtle",
           "aria-label": "Previous page",
@@ -1578,7 +1589,7 @@ const Pagination = React.forwardRef(
         "li",
         {
           children: page === "dots" ? /* @__PURE__ */ jsxRuntime.jsx(
-            Calendar.Box,
+            Flex.Box,
             {
               alignItems: "stretch",
               display: "flex",
@@ -1587,16 +1598,16 @@ const Pagination = React.forwardRef(
               py: "8",
               size: "md",
               children: /* @__PURE__ */ jsxRuntime.jsx(
-                Calendar.Icon,
+                Flex.Icon,
                 {
                   asChild: true,
                   color: disabled ? "fg.disabled" : "fg.default",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(icons.IconMoreHoriz, {})
+                  children: /* @__PURE__ */ jsxRuntime.jsx(icons.IconEllipsisStroke, {})
                 }
               )
             }
           ) : /* @__PURE__ */ jsxRuntime.jsxs(
-            Calendar.ButtonRoot,
+            Flex.ButtonRoot,
             {
               appearance: "subtle",
               "aria-current": active === page ? "page" : void 0,
@@ -1605,18 +1616,18 @@ const Pagination = React.forwardRef(
               ref: active === page ? activeRef : void 0,
               ...button$1(),
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx(Calendar.VisuallyHidden, { children: "page" }),
+                /* @__PURE__ */ jsxRuntime.jsx(Flex.VisuallyHidden, { children: "page" }),
                 " ",
                 page,
-                page === 1 ? /* @__PURE__ */ jsxRuntime.jsx(Calendar.VisuallyHidden, { children: "(first page)" }) : page === total ? /* @__PURE__ */ jsxRuntime.jsx(Calendar.VisuallyHidden, { children: "(last page)" }) : null
+                page === 1 ? /* @__PURE__ */ jsxRuntime.jsx(Flex.VisuallyHidden, { children: "(first page)" }) : page === total ? /* @__PURE__ */ jsxRuntime.jsx(Flex.VisuallyHidden, { children: "(last page)" }) : null
               ]
             }
           )
         },
         page === "dots" ? `${page}-${index < range.indexOf(active) ? "before" : "after"}` : page
       )),
-      /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Tooltip, { content: "Next", disabled: disabled || active === total, children: /* @__PURE__ */ jsxRuntime.jsx(
-        Calendar.Button,
+      /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Tooltip, { content: "Next", disabled: disabled || active === total, children: /* @__PURE__ */ jsxRuntime.jsx(
+        Flex.Button,
         {
           appearance: "subtle",
           "aria-label": "Next page",
@@ -1630,7 +1641,7 @@ const Pagination = React.forwardRef(
 );
 Pagination.displayName = "@optiaxiom/react/Pagination";
 
-var addon$1 = Calendar.recipeRuntime({base:'_1v71dvk',variants:{slot:{after:{textAlign:'end'},before:{}}}});
+var addon$1 = Flex.recipeRuntime({base:'ncc7sv',variants:{slot:{after:{textAlign:'end'},before:{}}}});
 
 const DEFAULT_PAGE_SIZES = ["10", "20", "30", "50", "100"].map((size) => ({
   label: size,
@@ -1642,7 +1653,7 @@ const DataTableFooter = React.forwardRef(
     const { pagination } = table.getState();
     const pageSizeId = reactId.useId();
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      Calendar.Group,
+      Flex.Group,
       {
         alignSelf: "stretch",
         fontSize: "md",
@@ -1652,23 +1663,23 @@ const DataTableFooter = React.forwardRef(
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ...addon$1({ slot: "before" }), children: showPageSizeOptions && /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { gap: "8", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { color: "fg.secondary", id: pageSizeId, children: "Page Size" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { ...addon$1({ slot: "before" }), children: showPageSizeOptions && /* @__PURE__ */ jsxRuntime.jsxs(Flex.Group, { gap: "8", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Flex.Text, { color: "fg.secondary", id: pageSizeId, children: "Page Size" }),
             /* @__PURE__ */ jsxRuntime.jsxs(
-              Calendar.Select,
+              Flex.Select,
               {
                 onValueChange: (value) => value && table.setPageSize(parseFloat(value)),
                 options: pageSizeOptions,
                 value: pagination.pageSize.toString(),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    Calendar.SelectTrigger,
+                    Flex.SelectTrigger,
                     {
                       appearance: "subtle",
                       "aria-labelledby": pageSizeId
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsx(Calendar.SelectContent, {})
+                  /* @__PURE__ */ jsxRuntime.jsx(Flex.SelectContent, {})
                 ]
               }
             )
@@ -1681,7 +1692,7 @@ const DataTableFooter = React.forwardRef(
               total: table.getPageCount()
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { ...addon$1({ slot: "after" }), children: table.getRowCount() > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Flex.Text, { ...addon$1({ slot: "after" }), children: table.getRowCount() > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             pagination.pageIndex * pagination.pageSize + 1,
             " -",
             " ",
@@ -1702,18 +1713,18 @@ DataTableFooter.displayName = "@optiaxiom/react/DataTableFooter";
 
 const DataTableLabel = React.forwardRef(
   (props, ref) => {
-    const { labelId } = Calendar.useDataTableRowContext(
+    const { labelId } = Flex.useDataTableRowContext(
       "@optiaxiom/react/DataTableLabel"
     );
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { id: labelId, ref, ...props });
+    return /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { id: labelId, ref, ...props });
   }
 );
 DataTableLabel.displayName = "@optiaxiom/react/DataTableLabel";
 
-var clear$1 = Calendar.recipeRuntime({base:[{size:'sm'},'_5s3jo7']});
-var date = Calendar.recipeRuntime({base:'_1x7eorp'});
-var input$2 = Calendar.recipeRuntime({base:'_1yl30m5'});
-var picker = Calendar.recipeRuntime({base:'_1j55k14'});
+var clear$1 = Flex.recipeRuntime({base:[{size:'sm'},'dtxwd8']});
+var date = Flex.recipeRuntime({base:'_1rho917'});
+var input$2 = Flex.recipeRuntime({base:'_1wwtp2l'});
+var picker = Flex.recipeRuntime({base:'_1mhosd'});
 
 const DateInput = React.forwardRef(
   ({
@@ -1729,7 +1740,7 @@ const DateInput = React.forwardRef(
     weekend,
     ...props
   }, outerRef) => {
-    const { labelId: fieldLabelId } = Calendar.useFieldContext(
+    const { labelId: fieldLabelId } = Flex.useFieldContext(
       "@optiaxiom/react/DateInput"
     );
     const labelId = reactId.useId();
@@ -1743,22 +1754,22 @@ const DateInput = React.forwardRef(
       defaultProp: props.defaultValue,
       prop: props.value
     });
-    const forceValueChange = Calendar.useObserveValue(innerRef, setValue);
-    const instant = typeof value === "string" ? Calendar.toInstant(value) ?? null : null;
+    const forceValueChange = Flex.useObserveValue(innerRef, setValue);
+    const instant = typeof value === "string" ? Flex.toInstant(value) ?? null : null;
     const max = maxProp || "2100-12-31";
     const min = minProp || "1900-01-01";
-    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,
+    const maxDate = Flex.toInstant(max) ;
+    const minDate = Flex.toInstant(min) ;
+    return /* @__PURE__ */ jsxRuntime.jsxs(Flex.Popover, { onOpenChange: setOpen, open: !disabled && open, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Flex.PopoverAnchor, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        Flex.Input,
         {
           addonAfter: value && !props.readOnly && !props.required && /* @__PURE__ */ jsxRuntime.jsx(
-            Calendar.Button,
+            Flex.Button,
             {
               appearance: "subtle",
               "aria-label": "Clear",
-              icon: /* @__PURE__ */ jsxRuntime.jsx(icons.IconClose, {}),
+              icon: /* @__PURE__ */ jsxRuntime.jsx(icons.IconXmark, {}),
               onPointerDown: (event) => {
                 event.preventDefault();
                 forceValueChange("");
@@ -1768,7 +1779,7 @@ const DateInput = React.forwardRef(
             }
           ),
           addonBefore: /* @__PURE__ */ jsxRuntime.jsx(
-            Calendar.PopoverTrigger,
+            Flex.PopoverTrigger,
             {
               "aria-label": "Show date picker",
               asChild: true,
@@ -1780,7 +1791,7 @@ const DateInput = React.forwardRef(
               ref: pickerRef,
               role: "img",
               ...picker(),
-              children: /* @__PURE__ */ jsxRuntime.jsx(icons.IconCalendarToday, {})
+              children: /* @__PURE__ */ jsxRuntime.jsx(icons.IconCalendar, {})
             }
           ),
           asChild: true,
@@ -1818,7 +1829,7 @@ const DateInput = React.forwardRef(
         }
       ) }),
       /* @__PURE__ */ jsxRuntime.jsxs(
-        Calendar.PopoverContent,
+        Flex.PopoverContent,
         {
           "aria-labelledby": clsx(labelId, fieldLabelId),
           gap: "8",
@@ -1836,9 +1847,9 @@ const DateInput = React.forwardRef(
             }
           },
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Calendar.VisuallyHidden, { asChild: true, id: labelId, children: /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "Calendar" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(Flex.VisuallyHidden, { asChild: true, id: labelId, children: /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "Calendar" }) }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              Calendar.Calendar,
+              Flex.Calendar,
               {
                 holiday,
                 max: maxDate,
@@ -1848,7 +1859,7 @@ const DateInput = React.forwardRef(
                     return;
                   }
                   forceValueChange(
-                    type === "datetime-local" ? Calendar.toPlainDateTime(date) : Calendar.toPlainDate(date)
+                    type === "datetime-local" ? Flex.toPlainDateTime(date) : Flex.toPlainDate(date)
                   );
                   if (type === "date") {
                     setOpen(false);
@@ -1862,7 +1873,7 @@ const DateInput = React.forwardRef(
               }
             ),
             type === "datetime-local" && /* @__PURE__ */ jsxRuntime.jsx(
-              Calendar.Button,
+              Flex.Button,
               {
                 flex: "none",
                 justifyContent: "center",
@@ -1905,7 +1916,7 @@ function DateRangePicker({
     onChange: onValueChange,
     prop: valueProp
   });
-  const setValueStable = Calendar.useEffectEvent(setValue);
+  const setValueStable = Flex.useEffectEvent(setValue);
   React.useEffect(() => {
     if (open) {
       setFrom(void 0);
@@ -1913,13 +1924,13 @@ function DateRangePicker({
   }, [open]);
   React.useEffect(() => {
     if (!open && from) {
-      const end = Calendar.toInstant(Calendar.toPlainDate(from) + "T23:59:59.999");
+      const end = Flex.toInstant(Flex.toPlainDate(from) + "T23:59:59.999");
       if (end) {
         setValueStable({ from, to: end });
       }
     }
   }, [from, open]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Popover, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(Flex.Popover, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
     DateRangePickerProvider,
     {
       disabled,
@@ -1934,7 +1945,7 @@ function DateRangePicker({
 }
 DateRangePicker.displayName = "@optiaxiom/react/DateRangePicker";
 
-var panels = Calendar.recipeRuntime({base:[{alignItems:'stretch',gap:'0'}]});
+var panels = Flex.recipeRuntime({base:[{alignItems:'stretch',gap:'0'}]});
 
 const DateRangePickerContent = React.forwardRef(
   ({
@@ -1949,13 +1960,13 @@ const DateRangePickerContent = React.forwardRef(
     weekend,
     ...props
   }, ref) => {
-    const { labelId: fieldLabelId } = Calendar.useFieldContext(
+    const { labelId: fieldLabelId } = Flex.useFieldContext(
       "@optiaxiom/react/DateRangePickerContent"
     );
     const { setFrom, setOpen, setValue, triggerRef, value } = useDateRangePickerContext("@optiaxiom/react/DateRangePickerContent");
     const labelId = reactId.useId();
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      Calendar.PopoverContent,
+      Flex.PopoverContent,
       {
         "aria-labelledby": clsx(fieldLabelId ?? triggerRef.current?.id, labelId),
         gap: "8",
@@ -1963,11 +1974,11 @@ const DateRangePickerContent = React.forwardRef(
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Calendar.VisuallyHidden, { id: labelId, children: ariaLabel || "Calendar" }),
-          /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { ...panels(), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Flex.VisuallyHidden, { id: labelId, children: ariaLabel || "Calendar" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(Flex.Group, { ...panels(), children: [
             addonBefore,
             /* @__PURE__ */ jsxRuntime.jsx(
-              Calendar.Calendar,
+              Flex.Calendar,
               {
                 alignSelf: "start",
                 holiday,
@@ -2016,18 +2027,18 @@ const DateRangePickerTrigger = React.forwardRef(
     );
     const id = reactId.useId();
     const ref = reactComposeRefs.useComposedRefs(outerRef, triggerRef);
-    const labelId = Calendar.useFieldLabelTrigger(triggerRef, ariaLabelledBy);
+    const labelId = Flex.useFieldLabelTrigger(triggerRef, ariaLabelledBy);
     const formatter = formatRange ? { formatRange } : dateFormatter;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.PopoverTrigger,
+      Flex.PopoverTrigger,
       {
         "aria-labelledby": labelId,
         disabled,
-        icon: /* @__PURE__ */ jsxRuntime.jsx(icons.IconCalendarToday, {}),
+        icon: /* @__PURE__ */ jsxRuntime.jsx(icons.IconCalendar, {}),
         id,
         ref,
         ...props,
-        children: children ?? (value ? formatter.formatRange(value.from, value.to) : /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { color: "fg.tertiary", children: placeholder }))
+        children: children ?? (value ? formatter.formatRange(value.from, value.to) : /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { color: "fg.tertiary", children: placeholder }))
       }
     );
   }
@@ -2051,7 +2062,7 @@ const Disclosure = React.forwardRef(
       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(
+    return /* @__PURE__ */ jsxRuntime.jsx(DisclosureProvider, { open, setOpen, children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, color: "fg.default", fontSize: "md", ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
       RadixCollapsible__namespace.Root,
       {
         asChild,
@@ -2064,8 +2075,8 @@ const Disclosure = React.forwardRef(
 );
 Disclosure.displayName = "@optiaxiom/react/Disclosure";
 
-var inner = Calendar.recipeRuntime({base:['u0lp0r']});
-var outer = Calendar.recipeRuntime({base:[{display:'grid'},'_9tw82j'],variants:{scale:{false:'_1tlsjo9',true:{}}}});
+var inner = Flex.recipeRuntime({base:['_1nu204t']});
+var outer = Flex.recipeRuntime({base:[{display:'grid'},'uhvoop'],variants:{scale:{false:'_1e7tcd2',true:{}}}});
 
 const DisclosureContent = React.forwardRef(({ children, hiddenUntilFound, ...props }, ref) => {
   const { open } = useDisclosureContext("@optiaxiom/react/DisclosureContent");
@@ -2075,23 +2086,23 @@ const DisclosureContent = React.forwardRef(({ children, hiddenUntilFound, ...pro
       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,
+  return /* @__PURE__ */ jsxRuntime.jsx(Flex.TransitionGroup, { forceMount: hiddenUntilFound, open, children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Transition, { "data-side": "bottom", skipAnimations, type: "pop", children: /* @__PURE__ */ jsxRuntime.jsx(
+    Flex.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 }) }) })
+      children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, ...inner(), children: /* @__PURE__ */ jsxRuntime.jsx(RadixCollapsible__namespace.Content, { forceMount: true, children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { pb: "8", pt: "4", ref, ...props, children }) }) })
     }
   ) }) });
 });
 DisclosureContent.displayName = "@optiaxiom/react/DisclosureContent";
 
-var icon = Calendar.recipeRuntime({base:[{flex:'none',size:'sm',transition:'transform'},'_1vu9urm']});
-var root = Calendar.recipeRuntime({base:[{fontSize:'md',gap:'8',py:'8',transition:'colors'},'ugfbfu']});
-var trigger$1 = Calendar.recipeRuntime({base:[{fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1i3r0fn']});
+var icon = Flex.recipeRuntime({base:[{flex:'none',size:'sm',transition:'transform'},'_1j1vqvi']});
+var root = Flex.recipeRuntime({base:[{fontSize:'md',gap:'8',py:'8',transition:'colors'},'p8oo1g']});
+var trigger$1 = Flex.recipeRuntime({base:[{fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1l3sgbi']});
 
 const Slot$5 = reactSlot.createSlot("@optiaxiom/react/DisclosureTrigger");
 const DisclosureTrigger = React.forwardRef(
@@ -2105,12 +2116,12 @@ const DisclosureTrigger = React.forwardRef(
     ...props
   }, ref) => {
     useDisclosureContext("@optiaxiom/react/DisclosureTrigger");
-    return asChild ? /* @__PURE__ */ jsxRuntime.jsx(Slot$5, { className, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixCollapsible__namespace.Trigger, { asChild: true, children }) }) : /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { ref, ...root({}, className), ...props, children: [
+    return asChild ? /* @__PURE__ */ jsxRuntime.jsx(Slot$5, { className, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixCollapsible__namespace.Trigger, { asChild: true, children }) }) : /* @__PURE__ */ jsxRuntime.jsxs(Flex.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(icons.IconChevronRight, {}) }),
-        /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { flex: "1", overflow: "hidden", children }),
-        chevronPosition === "end" && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...icon(), children: /* @__PURE__ */ jsxRuntime.jsx(icons.IconChevronRight, {}) })
+      /* @__PURE__ */ jsxRuntime.jsx(Flex.Group, { asChild: true, ...trigger$1(), children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Cover, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(RadixCollapsible__namespace.Trigger, { children: [
+        chevronPosition === "start" && /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, ...icon(), children: /* @__PURE__ */ jsxRuntime.jsx(icons.IconChevronRight, {}) }),
+        /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { flex: "1", overflow: "hidden", children }),
+        chevronPosition === "end" && /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, ...icon(), children: /* @__PURE__ */ jsxRuntime.jsx(icons.IconChevronRight, {}) })
       ] }) }) }),
       addonAfter
     ] });
@@ -2150,7 +2161,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(Calendar.ListboxSwitchItem, { children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.CheckboxItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Flex.ListboxSwitchItem, { children }) });
 });
 DropdownMenuCheckboxItem.displayName = "@optiaxiom/react/DropdownMenuCheckboxItem";
 
@@ -2159,12 +2170,12 @@ const DropdownMenuContent = React.forwardRef(({ align = "start", children, loadi
     "@optiaxiom/react/DropdownMenuContent"
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Calendar.TransitionGroup,
+    Flex.TransitionGroup,
     {
       onPresenceChange: setPresence,
       open,
       presence,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Portal, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.ModalListbox, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+      children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Portal, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Flex.ModalListbox, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
         RadixMenu__namespace.Content,
         {
           align,
@@ -2177,7 +2188,7 @@ const DropdownMenuContent = React.forwardRef(({ align = "start", children, loadi
           },
           ref,
           sideOffset: 4,
-          children: loading ? /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { "aria-hidden": true, display: "flex", justifyContent: "center", p: "16", children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Spinner, {}) }) : children
+          children: loading ? /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { "aria-hidden": true, display: "flex", justifyContent: "center", p: "16", children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Spinner, {}) }) : children
         }
       ) }) })
     }
@@ -2186,13 +2197,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(Calendar.Box, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.Group, { children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Flex.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(Calendar.ListboxItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(Flex.ListboxItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
     RadixMenu__namespace.Item,
     {
       asChild,
@@ -2215,7 +2226,7 @@ DropdownMenuItem.displayName = "@optiaxiom/react/DropdownMenuItem";
 
 const DropdownMenuLabel = React.forwardRef(({ children, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Calendar.Box,
+    Flex.Box,
     {
       asChild: true,
       color: "fg.tertiary",
@@ -2231,7 +2242,7 @@ const DropdownMenuLabel = React.forwardRef(({ children, ...props }, ref) => {
 });
 DropdownMenuLabel.displayName = "@optiaxiom/react/DropdownMenuLabel";
 
-const DropdownMenuSeparator = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Calendar.ListboxSeparator, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.Separator, { ref }) }));
+const DropdownMenuSeparator = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Flex.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");
@@ -2274,7 +2285,7 @@ const DropdownMenuSubContent = React.forwardRef(({ asChild, children, ...props }
   const { open, setPresence } = useDropdownMenuSubContext(
     "@optiaxiom/react/DropdownMenuSubContent"
   );
-  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(
+  return /* @__PURE__ */ jsxRuntime.jsx(Flex.TransitionGroup, { onPresenceChange: setPresence, open, children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Portal, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Flex.ModalListbox, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
     RadixMenu__namespace.SubContent,
     {
       alignOffset: -4,
@@ -2288,7 +2299,7 @@ const DropdownMenuSubContent = React.forwardRef(({ asChild, children, ...props }
 DropdownMenuSubContent.displayName = "@optiaxiom/react/DropdownMenuSubContent";
 
 const DropdownMenuSubTrigger = React.forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.ListboxItem, { addonAfter: /* @__PURE__ */ jsxRuntime.jsx(icons.IconChevronRight, {}), asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.SubTrigger, { children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Flex.ListboxItem, { addonAfter: /* @__PURE__ */ jsxRuntime.jsx(icons.IconChevronRight, {}), asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixMenu__namespace.SubTrigger, { children }) });
 });
 DropdownMenuSubTrigger.displayName = "@optiaxiom/react/DropdownMenuSubTrigger";
 
@@ -2304,14 +2315,23 @@ const DropdownMenuTrigger = React.forwardRef(({ asChild, children, ...props }, r
       "data-state": open || presence ? "open" : "closed",
       ref,
       ...props,
-      children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(Calendar.AngleMenuButton, { children })
+      children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(Flex.AngleMenuButton, { children })
     }
   );
 });
 DropdownMenuTrigger.displayName = "@optiaxiom/react/DropdownMenuTrigger";
 
 const EllipsisMenuButton = React.forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.IconMoreHoriz, {}), iconPosition: "end", ref, ...props, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Flex.Button,
+    {
+      icon: /* @__PURE__ */ jsxRuntime.jsx(icons.IconEllipsisStroke, {}),
+      iconPosition: "end",
+      ref,
+      ...props,
+      children
+    }
+  );
 });
 EllipsisMenuButton.displayName = "@optiaxiom/react/EllipsisMenuButton";
 
@@ -2326,9 +2346,9 @@ const FieldLabel = React.forwardRef(
   }, ref) => {
     const inputId = reactId.useId(inputIdProp);
     const labelId = reactId.useId(labelIdProp);
-    return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { gap: "4", ref, ...props, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Flex.Group, { gap: "4", ref, ...props, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        Calendar.Text,
+        Flex.Text,
         {
           alignItems: "center",
           asChild: true,
@@ -2341,7 +2361,7 @@ const FieldLabel = React.forwardRef(
             children,
             required && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                Calendar.Text,
+                Flex.Text,
                 {
                   "aria-hidden": "true",
                   asChild: true,
@@ -2350,20 +2370,20 @@ const FieldLabel = React.forwardRef(
                   children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "*" })
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(Calendar.VisuallyHidden, { children: "Required" })
+              /* @__PURE__ */ jsxRuntime.jsx(Flex.VisuallyHidden, { children: "Required" })
             ] })
           ] })
         }
       ),
-      info && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Tooltip, { content: info, delayDuration: 0, children: /* @__PURE__ */ jsxRuntime.jsx(
-        Calendar.Button,
+      info && /* @__PURE__ */ jsxRuntime.jsx(Flex.Tooltip, { content: info, delayDuration: 0, children: /* @__PURE__ */ jsxRuntime.jsx(
+        Flex.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(icons.IconHelp, {}) }),
+          icon: /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, flex: "initial", children: /* @__PURE__ */ jsxRuntime.jsx(icons.IconCircleQuestion, {}) }),
           onClick: (event) => {
             event.currentTarget.focus();
             event.preventDefault();
@@ -2397,7 +2417,7 @@ const Field = React.forwardRef(
     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: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Flex.Group, { flexDirection: "column", gap: "4", ref, ...props, children: [
       label && /* @__PURE__ */ jsxRuntime.jsx(
         FieldLabel,
         {
@@ -2409,7 +2429,7 @@ const Field = React.forwardRef(
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        Calendar.FieldProvider,
+        Flex.FieldProvider,
         {
           descriptionId: description ? descriptionId : void 0,
           error: !!error,
@@ -2420,7 +2440,7 @@ const Field = React.forwardRef(
         }
       ),
       error && error !== true && /* @__PURE__ */ jsxRuntime.jsxs(
-        Calendar.Group,
+        Flex.Group,
         {
           alignItems: "start",
           color: "fg.error",
@@ -2429,54 +2449,22 @@ const Field = React.forwardRef(
           id: errorId,
           role: "alert",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, flex: "none", size: "16", children: /* @__PURE__ */ jsxRuntime.jsx(icons.IconWarning, { "aria-label": "Error" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, flex: "none", size: "16", children: /* @__PURE__ */ jsxRuntime.jsx(icons.IconTriangleExclamation, { "aria-label": "Error" }) }),
             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, {})
+      description && /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, color: "fg.tertiary", fontSize: "sm", id: descriptionId, children: Flex.fallbackSpan(description) }),
+      /* @__PURE__ */ jsxRuntime.jsx(Flex.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(
-      Calendar.Box,
+      Flex.Box,
       {
         display,
         gap,
@@ -2489,9 +2477,9 @@ const Grid = React.forwardRef(
 );
 Grid.displayName = "@optiaxiom/react/Grid";
 
-var badge = Calendar.recipeRuntime({base:'_5kbjr4',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_4016jn']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1nhl6r3']}}});
-var floating = Calendar.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'r1vhkw'],variants:{offset:{false:'w0i01',true:{}},position:{'bottom-right':'_5efck8','top-right':'_1d0xicm'}}});
-var indicator$2 = Calendar.recipeRuntime({base:[{display:'inline-flex',flexDirection:'column',gap:'16'},'m8458b']});
+var badge = Flex.recipeRuntime({base:'p552qg',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'e52mf9']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'r2y8rp']}}});
+var floating = Flex.recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_10b5ojs'],variants:{offset:{false:'_1gbzvfb',true:{}},position:{'bottom-right':'_16i5f6g','top-right':'uqxrxt'}}});
+var indicator$2 = Flex.recipeRuntime({base:[{display:'inline-flex',flexDirection:'column',gap:'16'},'_1r00tr9']});
 
 const Slot$4 = reactSlot.createSlot("@optiaxiom/react/Indicator");
 const Indicator = React.forwardRef(
@@ -2508,9 +2496,9 @@ const Indicator = React.forwardRef(
     variant,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { ref, ...indicator$2({}, className), ...props, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Flex.Group, { ref, ...indicator$2({}, className), ...props, children: [
       children,
-      !disabled && /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Box, { ...floating({ offset, position }), children: [
+      !disabled && /* @__PURE__ */ jsxRuntime.jsxs(Flex.Box, { ...floating({ offset, position }), children: [
         ping && /* @__PURE__ */ jsxRuntime.jsx(
           Slot$4,
           {
@@ -2526,8 +2514,8 @@ const Indicator = React.forwardRef(
 );
 Indicator.displayName = "@optiaxiom/react/Indicator";
 
-var kbd = Calendar.recipeRuntime({base:{display:'inline-flex',gap:'2',whiteSpace:'nowrap'}});
-var key = Calendar.recipeRuntime({base:{alignItems:'center',color:'fg.secondary',display:'inline-flex',fontFamily:'sans',gap:'2',justifyContent:'center'},variants:{variant:{outline:[{bg:'bg.secondary',border:'1',borderB:'2',borderColor:'border.secondary',rounded:'sm'},'_1mz8037'],subtle:{}}}});
+var kbd = Flex.recipeRuntime({base:{display:'inline-flex',gap:'2',whiteSpace:'nowrap'}});
+var key = Flex.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'},'_1cusqnk'],subtle:{}}}});
 
 const platform = typeof navigator !== "undefined" && (navigator.platform.startsWith("Mac") || navigator.platform === "iPhone") ? "mac" : "win";
 const mapModifierToCode = {
@@ -2548,10 +2536,10 @@ const mapModifierToCode = {
 };
 const Kbd = React.forwardRef(
   ({ children, className, modifiers, variant = "outline", ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...kbd({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("kbd", { ref, children: [
+    return /* @__PURE__ */ jsxRuntime.jsx(Flex.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(
-          Calendar.Box,
+          Flex.Box,
           {
             "aria-label": key$1,
             asChild: true,
@@ -2562,15 +2550,15 @@ const Kbd = React.forwardRef(
           key$1
         )
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...key({ variant }), children: /* @__PURE__ */ jsxRuntime.jsx("kbd", { children }) })
+      /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, ...key({ variant }), children: /* @__PURE__ */ jsxRuntime.jsx("kbd", { children }) })
     ] }) });
   }
 );
 Kbd.displayName = "@optiaxiom/react/Kbd";
 
-var button = Calendar.recipeRuntime({base:[{justifyContent:'space-between'},'_1xc6qko']});
-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.tertiary',cursor:'pointer',fontFamily:'mono',fontWeight:'400',maxW:'full',textTransform:'uppercase',transition:'all'}],variants:{filled:{false:{fontSize:'md'},true:{fontSize:'xs'}}}});
+var button = Flex.recipeRuntime({base:[{justifyContent:'space-between'},'_1ogljof']});
+var content$1 = Flex.recipeRuntime({base:[{fontSize:'sm',transition:'all'}],variants:{filled:{false:{h:'0'},true:{h:'16'}}}});
+var label$1 = Flex.recipeRuntime({base:[{color:'fg.tertiary',cursor:'pointer',fontFamily:'mono',fontWeight:'400',maxW:'full',textTransform:'uppercase',transition:'all'}],variants:{filled:{false:{fontSize:'md'},true:{fontSize:'xs'}}}});
 
 const LabelMenuButton = React.forwardRef(
   ({ "aria-labelledby": ariaLabelledBy, children, className, label, ...props }, ref) => {
@@ -2578,7 +2566,7 @@ const LabelMenuButton = React.forwardRef(
     const labelId = reactId.useId();
     const valueId = reactId.useId();
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      Calendar.ButtonRoot,
+      Flex.ButtonRoot,
       {
         "aria-labelledby": ariaLabelledBy ? clsx(labelId, ariaLabelledBy) : clsx(labelId, children && valueId),
         "data-filled": filled ? "" : void 0,
@@ -2588,19 +2576,19 @@ const LabelMenuButton = React.forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs(
-            Calendar.Group,
+            Flex.Group,
             {
               flexDirection: "column",
               gap: "0",
               overflow: "hidden",
               textAlign: "start",
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { asChild: true, id: labelId, truncate: true, ...label$1({ filled }), children: /* @__PURE__ */ jsxRuntime.jsx(RadixLabel.Label, { children: label }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { id: valueId, truncate: true, ...content$1({ filled }), children: children ?? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\xA0" }) })
+                /* @__PURE__ */ jsxRuntime.jsx(Flex.Text, { asChild: true, id: labelId, truncate: true, ...label$1({ filled }), children: /* @__PURE__ */ jsxRuntime.jsx(RadixLabel.Label, { children: label }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(Flex.Text, { id: valueId, truncate: true, ...content$1({ filled }), children: children ?? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\xA0" }) })
               ]
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(Calendar.ButtonAddon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(icons.IconKeyboardArrowDown, {}) })
+          /* @__PURE__ */ jsxRuntime.jsx(Flex.ButtonAddon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(icons.IconAngleDown, {}) })
         ]
       }
     );
@@ -2610,36 +2598,34 @@ LabelMenuButton.displayName = "@optiaxiom/react/LabelMenuButton";
 
 const [SidebarProvider, useSidebarContext] = reactContext.createContext("@optiaxiom/react/Sidebar");
 
-var nav$1 = Calendar.recipeRuntime({base:[{bg:'bg.default',flex:'1',flexDirection:'column',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_176cfr2']});
+var nav$1 = Flex.recipeRuntime({base:[{bg:'bg.default',flex:'1',flexDirection:'column',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'xm35ie']});
 
 const Nav = React.forwardRef(
   ({ children, ...props }, ref) => {
     const { expanded, navId } = useSidebarContext("@optiaxiom/react/Nav");
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Group,
+      Flex.Group,
       {
-        borderColor: "border.tertiary",
-        borderR: "1",
         flexDirection: "column",
         gap: "16",
         h: "full",
         ref,
         w: "fit",
         ...props,
-        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 }) })
+        children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Group, { asChild: true, id: navId, w: expanded ? "224" : "56", ...nav$1(), children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Main", children }) })
       }
     );
   }
 );
 Nav.displayName = "@optiaxiom/react/Nav";
 
-var item$1 = Calendar.recipeRuntime({base:{flex:'1',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'on5kmk',true:'ed14pr'}}});
+var item$1 = Flex.recipeRuntime({base:{flex:'1',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'s5ncie',true:'_13yd2j5'}}});
 
 const NavAccountItem = React.forwardRef(({ name, organization, src, ...props }, ref) => {
   const { expanded } = useSidebarContext("@optiaxiom/react/NavAccountItem");
-  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: [
+  return /* @__PURE__ */ jsxRuntime.jsx(Flex.Group, { asChild: true, flexDirection: "column", gap: "16", my: "8", children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Group, { asChild: true, gap: "8", p: "4", textAlign: "start", ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("button", { ref, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Avatar,
+      Flex.Avatar,
       {
         "aria-hidden": true,
         flex: "none",
@@ -2649,24 +2635,24 @@ const NavAccountItem = React.forwardRef(({ name, organization, src, ...props },
         src
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { ...item$1({ expanded: Boolean(expanded) }), children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { flex: "1", flexDirection: "column", gap: "0", overflowX: "hidden", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { color: "fg.default", fontWeight: "500", truncate: true, children: name }),
-        /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { color: "fg.tertiary", fontSize: "sm", truncate: true, children: organization })
+    /* @__PURE__ */ jsxRuntime.jsxs(Flex.Group, { ...item$1({ expanded: Boolean(expanded) }), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Flex.Group, { flex: "1", flexDirection: "column", gap: "0", overflowX: "hidden", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Flex.Text, { color: "fg.default", fontWeight: "500", truncate: true, children: name }),
+        /* @__PURE__ */ jsxRuntime.jsx(Flex.Text, { color: "fg.tertiary", fontSize: "sm", truncate: true, children: organization })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(icons.IconMoreHoriz, {}) })
+      /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(icons.IconEllipsisStroke, {}) })
     ] })
   ] }) }) }) });
 });
 NavAccountItem.displayName = "@optiaxiom/react/NavAccountItem";
 
-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'}}}});
+var body = Flex.recipeRuntime({base:[{flex:'1',flexDirection:'column',gap:'4',justifyContent:'flex-start',overflowX:'hidden',py:'8',w:'full'}],variants:{expanded:{false:{overflowY:'hidden'},true:{overflowY:'auto'}}}});
 
 const NavBody = React.forwardRef(
   ({ children, className, ...props }, ref) => {
     const { expanded, spacing } = useSidebarContext("@optiaxiom/react/NavBody");
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Group,
+      Flex.Group,
       {
         px: spacing,
         ref,
@@ -2683,7 +2669,7 @@ const NavFooter = React.forwardRef(
   ({ children, ...props }, ref) => {
     const { spacing } = useSidebarContext("@optiaxiom/react/NavFooter");
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Group,
+      Flex.Group,
       {
         flexDirection: "column",
         gap: "8",
@@ -2705,7 +2691,7 @@ const [NavGroupProvider, useNavGroupContext] = reactContext.createContext("@opti
 const NavGroup = React.forwardRef(
   ({ children, collapsible, defaultOpen = true, onOpenChange, open, ...props }, ref) => {
     const groupId = reactId.useId();
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { asChild: true, flexDirection: "column", gap: "16", children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(NavGroupProvider, { collapsible, id: groupId, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(Flex.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",
@@ -2762,10 +2748,10 @@ const NavGroupTrigger = React.forwardRef(
         ref,
         w: "auto",
         ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { fontFamily: "mono", textTransform: "uppercase", children })
+        children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Text, { fontFamily: "mono", textTransform: "uppercase", children })
       }
     ) : /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Box,
+      Flex.Box,
       {
         alignItems: "center",
         color: "fg.tertiary",
@@ -2791,13 +2777,13 @@ NavGroupTrigger.displayName = "@optiaxiom/react/NavGroupTrigger";
 const NavHeader = React.forwardRef(
   ({ children, ...props }, ref) => {
     const { spacing } = useSidebarContext("@optiaxiom/react/NavHeader");
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { flexDirection: "column", gap: "16", px: spacing, ref, ...props, children });
+    return /* @__PURE__ */ jsxRuntime.jsx(Flex.Group, { flexDirection: "column", gap: "16", px: spacing, ref, ...props, children });
   }
 );
 NavHeader.displayName = "@optiaxiom/react/NavHeader";
 
-var item = Calendar.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'r0ycip']});
-var label = Calendar.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'be2qig'],variants:{expanded:{false:'aou6xb',true:'_14vvanu'}}});
+var item = Flex.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'zr9x4t']});
+var label = Flex.recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_1elacsc'],variants:{expanded:{false:'ummvvu',true:'g67qyf'}}});
 
 const Slot$3 = reactSlot.createSlot("@optiaxiom/react/NavItem");
 const NavItem = React.forwardRef(
@@ -2812,27 +2798,27 @@ const NavItem = React.forwardRef(
     ...props
   }, ref) => {
     const Comp = asChild ? Slot$3 : "button";
-    const { boxProps, restProps } = Calendar.extractBoxProps(props);
+    const { boxProps, restProps } = Flex.extractBoxProps(props);
     const { expanded } = useSidebarContext("@optiaxiom/react/NavItem");
     let tooltip = null;
-    children = Calendar.decorateChildren({ asChild, children }, (children2) => {
+    children = Flex.decorateChildren({ asChild, children }, (children2) => {
       tooltip = children2;
       return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        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) })
+        icon ? /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { display: "grid", flex: "none", placeItems: "center", size: "lg", children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Icon, { asChild: true, children: icon }) }) : /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { flex: "none", size: "12" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(Flex.Box, { ...label({ expanded: Boolean(expanded) }), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Flex.Text, { truncate: true, children: children2 }),
+          addonAfter && /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, display: "flex", flex: "none", children: Flex.fallbackSpan(addonAfter) })
         ] })
       ] });
     });
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { asChild: true, flexDirection: "column", gap: "16", children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Tooltip,
+    return /* @__PURE__ */ jsxRuntime.jsx(Flex.Group, { asChild: true, flexDirection: "column", gap: "16", children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+      Flex.Tooltip,
       {
         content: props["aria-label"] || tooltip,
         disabled: expanded,
         side: "right",
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Calendar.Box,
+          Flex.Box,
           {
             asChild: true,
             "data-disabled": disabled ? "" : void 0,
@@ -2851,7 +2837,7 @@ NavItem.displayName = "@optiaxiom/react/NavItem";
 const NavList = React.forwardRef(
   ({ children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Box,
+      Flex.Box,
       {
         asChild: true,
         display: "flex",
@@ -2867,19 +2853,19 @@ const NavList = React.forwardRef(
 NavList.displayName = "@optiaxiom/react/NavList";
 
 const NavSeparator = React.forwardRef(
-  (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Calendar.Separator, { flex: "none", mx: "12", my: "8", ref, ...props })
+  (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Flex.Separator, { flex: "none", mx: "12", my: "8", ref, ...props })
 );
 NavSeparator.displayName = "@optiaxiom/react/NavSeparator";
 
-var indicator$1 = Calendar.recipeRuntime({base:[{h:'full',rounded:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},opal:'tpd72d',primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
-var progress = Calendar.recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_85dsw9']});
+var indicator$1 = Flex.recipeRuntime({base:[{h:'full',rounded:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},opal:'_1iyclaf',primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
+var progress = Flex.recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_14l9crl']});
 
 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(Calendar.Box, { asChild: true, ...progress({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ProgressPrimitive__namespace.Root, { ref, children: isValidValue && /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Box,
+    return /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, ...progress({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ProgressPrimitive__namespace.Root, { ref, children: isValidValue && /* @__PURE__ */ jsxRuntime.jsx(
+      Flex.Box,
       {
         asChild: true,
         style: {
@@ -2897,10 +2883,10 @@ const Progress = React.forwardRef(
 const DEFAULT_MAX = 100;
 Progress.displayName = "@optiaxiom/react/Progress";
 
-var control = Calendar.recipeRuntime({base:[{bg:'bg.default',display:'grid',rounded:'full',size:'sm'},'sq9d59'],variants:{shift:{false:{},true:'m0nlen'}}});
-var indicator = Calendar.recipeRuntime({base:[{rounded:'inherit',transition:'transform'},'_1okpks1']});
-var input$1 = Calendar.recipeRuntime({base:'hlvj4u'});
-var radio = Calendar.recipeRuntime({base:'ev41jz'});
+var control = Flex.recipeRuntime({base:[{bg:'bg.default',display:'grid',rounded:'full',size:'sm'},'_1ab6j1z'],variants:{shift:{false:{},true:'_1kohym3'}}});
+var indicator = Flex.recipeRuntime({base:[{rounded:'inherit',transition:'transform'},'_1cludzv']});
+var input$1 = Flex.recipeRuntime({base:'jp3qc3'});
+var radio = Flex.recipeRuntime({base:'_8ztr69'});
 
 const [RadioGroupProvider, useRadioGroupContext] = reactContext.createContext("@optiaxiom/react/RadioGroup", null);
 
@@ -2915,7 +2901,7 @@ const Radio = React.forwardRef(
     onChange,
     ...props
   }, ref) => {
-    const { boxProps, restProps } = Calendar.extractBoxProps(props);
+    const { boxProps, restProps } = Flex.extractBoxProps(props);
     const groupContext = useRadioGroupContext("@optiaxiom/react/Radio");
     if (groupContext) {
       if ("checked" in props) {
@@ -2929,9 +2915,9 @@ const Radio = React.forwardRef(
         );
       }
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.ToggleInput, { ...radio({}, className), ...boxProps, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Flex.ToggleInput, { ...radio({}, className), ...boxProps, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        Calendar.ToggleInputHiddenInput,
+        Flex.ToggleInputHiddenInput,
         {
           checked: groupContext?.value !== void 0 ? groupContext.value === props.value : void 0,
           defaultChecked: groupContext?.defaultValue !== void 0 ? groupContext.defaultValue === props.value : void 0,
@@ -2945,10 +2931,10 @@ const Radio = React.forwardRef(
           ...restProps
         }
       ),
-      /* @__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 })
+      /* @__PURE__ */ jsxRuntime.jsx(Flex.ToggleInputControl, { ...control({ shift: Boolean(children) }), children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { ...indicator() }) }),
+      (children || description) && /* @__PURE__ */ jsxRuntime.jsxs(Flex.ToggleInputContent, { children: [
+        children && /* @__PURE__ */ jsxRuntime.jsx(Flex.ToggleInputLabel, { children }),
+        description && /* @__PURE__ */ jsxRuntime.jsx(Flex.ToggleInputDescription, { children: description })
       ] })
     ] });
   }
@@ -2974,7 +2960,7 @@ const RadioGroup = React.forwardRef(
     value,
     ...props
   }, ref) => {
-    const surface = Calendar.useSurface("property");
+    const surface = Flex.useSurface("property");
     const { track } = surface ?? {};
     return /* @__PURE__ */ jsxRuntime.jsx(
       RadioGroupProvider,
@@ -2994,11 +2980,11 @@ const RadioGroup = React.forwardRef(
         },
         value,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Calendar.Group,
+          Flex.Group,
           {
             flexDirection,
             fontSize: "md",
-            gap: Calendar.mapResponsiveValue(
+            gap: Flex.mapResponsiveValue(
               flexDirection,
               (value2) => mapGapToOrientation[value2]
             ),
@@ -3013,9 +2999,9 @@ const RadioGroup = React.forwardRef(
 );
 RadioGroup.displayName = "@optiaxiom/react/RadioGroup";
 
-var clear = Calendar.recipeRuntime({base:[{size:'sm'},'_1uvn2as']});
-var input = Calendar.recipeRuntime({base:'_1j2wl3o'});
-var search = Calendar.recipeRuntime({base:'_3iiec6'});
+var clear = Flex.recipeRuntime({base:[{size:'sm'},'_1hhrszb']});
+var input = Flex.recipeRuntime({base:'_1knuthd'});
+var search = Flex.recipeRuntime({base:'_1kyjt0k'});
 
 const SearchInput = React.forwardRef(
   ({ addonBefore, className, onChange, onValueClear, ...props }, outerRef) => {
@@ -3026,16 +3012,16 @@ const SearchInput = React.forwardRef(
       defaultProp: props.defaultValue,
       prop: props.value
     });
-    const forceValueChange = Calendar.useObserveValue(innerRef, setValue);
+    const forceValueChange = Flex.useObserveValue(innerRef, setValue);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Input,
+      Flex.Input,
       {
         addonAfter: value && /* @__PURE__ */ jsxRuntime.jsx(
-          Calendar.Button,
+          Flex.Button,
           {
             appearance: "subtle",
             "aria-label": "Clear",
-            icon: value && /* @__PURE__ */ jsxRuntime.jsx(icons.IconClose, {}),
+            icon: value && /* @__PURE__ */ jsxRuntime.jsx(icons.IconXmark, {}),
             onPointerDown: (event) => {
               event.preventDefault();
               forceValueChange("");
@@ -3045,7 +3031,7 @@ const SearchInput = React.forwardRef(
             ...clear()
           }
         ),
-        addonBefore: /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { gap: "8", children: [
+        addonBefore: /* @__PURE__ */ jsxRuntime.jsxs(Flex.Group, { gap: "8", children: [
           /* @__PURE__ */ jsxRuntime.jsx(icons.IconSearch, {}),
           addonBefore
         ] }),
@@ -3070,7 +3056,7 @@ SearchInput.displayName = "@optiaxiom/react/SearchInput";
 const [SegmentedControlProvider, useSegmentedControlContext] = reactContext.createContext("@optiaxiom/react/SegmentedControl");
 
 const SegmentedControl = React.forwardRef(({ children, type = "single", ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.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(Flex.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";
 
@@ -3083,7 +3069,7 @@ const SegmentedControlItem = React.forwardRef(({ asChild, children, ...props },
       asChild: true,
       ref,
       ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Button, { asChild, children })
+      children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Button, { asChild, children })
     }
   );
 });
@@ -3111,7 +3097,7 @@ const Sidebar = React.forwardRef(
         onExpandedChange: setExpanded,
         spacing: "8",
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Calendar.Box,
+          Flex.Box,
           {
             alignItems: "stretch",
             display: "flex",
@@ -3149,21 +3135,22 @@ const SidebarToggle = React.forwardRef(
 );
 SidebarToggle.displayName = "@optiaxiom/react/SidebarToggle";
 
-var nav = Calendar.recipeRuntime({base:[{bg:'bg.default',flex:'1',flexDirection:'column',gap:'0',overflow:'hidden',py:'16'},'_15ozpn6']});
+var nav = Flex.recipeRuntime({base:[{bg:'bg.default',flex:'1',flexDirection:'column',gap:'0',overflow:'hidden',py:'16'},'yke4ri']});
 
 const SubNav = React.forwardRef(
   ({ children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Group,
+      Flex.Group,
       {
-        borderColor: "border.tertiary",
+        borderColor: "border.secondary",
+        borderL: "1",
         flexDirection: "column",
         gap: "16",
         h: "full",
         ref,
         w: "fit",
         ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { asChild: true, ...nav(), children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Secondary", children: /* @__PURE__ */ jsxRuntime.jsx(
+        children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Group, { asChild: true, ...nav(), children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Secondary", children: /* @__PURE__ */ jsxRuntime.jsx(
           SidebarProvider,
           {
             expanded: true,
@@ -3180,12 +3167,12 @@ const SubNav = React.forwardRef(
 );
 SubNav.displayName = "@optiaxiom/react/SubNav";
 
-var tabs = Calendar.recipeRuntime({base:[{display:'flex'},'_1h2vg2a']});
+var tabs = Flex.recipeRuntime({base:[{display:'flex'},'itmvfg']});
 
 const Tabs = React.forwardRef(
   ({ children, className, onValueChange, ...props }, ref) => {
-    const { boxProps, restProps } = Calendar.extractBoxProps(props);
-    const surface = Calendar.useSurface("tab");
+    const { boxProps, restProps } = Flex.extractBoxProps(props);
+    const surface = Flex.useSurface("tab");
     const { track } = surface ?? {};
     const [initialValue] = React.useState(props.value);
     React.useEffect(() => {
@@ -3193,7 +3180,7 @@ const Tabs = React.forwardRef(
         track?.({ id: initialValue, name: "viewed" });
       }
     }, [initialValue, track]);
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...tabs({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, ...tabs({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(
       RadixTabs__namespace.Root,
       {
         onValueChange: (value) => {
@@ -3211,29 +3198,29 @@ Tabs.displayName = "@optiaxiom/react/Tabs";
 
 const TabsContent = React.forwardRef(
   ({ children, value, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, flex: "1", ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixTabs__namespace.TabsContent, { value, children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, flex: "1", ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixTabs__namespace.TabsContent, { value, children }) });
   }
 );
 TabsContent.displayName = "@optiaxiom/react/TabsContent";
 
-var list = Calendar.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_1flv1sa']});
+var list = Flex.recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_1t9u9gl']});
 
 const TabsList = React.forwardRef(
   ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...list({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixTabs__namespace.List, { ref, children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, ...list({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixTabs__namespace.List, { ref, children }) });
   }
 );
 TabsList.displayName = "@optiaxiom/react/TabsList";
 
-var content = Calendar.recipeRuntime({base:[{gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'vt3z17']});
-var trigger = Calendar.recipeRuntime({base:['tz08xo',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'na7ksy']});
+var content = Flex.recipeRuntime({base:[{gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'y281v8']});
+var trigger = Flex.recipeRuntime({base:['_1m10v86',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'zc5wir']});
 
 const Slot$2 = reactSlot.createSlot("@optiaxiom/react/TabsTrigger");
 const TabsTrigger = React.forwardRef(
   ({ addonAfter, addonBefore, asChild, children, className, value, ...props }, ref) => {
     const Comp = asChild ? Slot$2 : "button";
-    const { boxProps, restProps } = Calendar.extractBoxProps(props);
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...trigger({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(RadixTabs__namespace.Trigger, { asChild: true, ref, value, ...restProps, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { children: Calendar.decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { ...content(), children: [
+    const { boxProps, restProps } = Flex.extractBoxProps(props);
+    return /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, ...trigger({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(RadixTabs__namespace.Trigger, { asChild: true, ref, value, ...restProps, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { children: Flex.decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxRuntime.jsxs(Flex.Group, { ...content(), children: [
       addonBefore,
       children2,
       addonAfter
@@ -3242,11 +3229,11 @@ const TabsTrigger = React.forwardRef(
 );
 TabsTrigger.displayName = "@optiaxiom/react/TabsTrigger";
 
-var addon = Calendar.recipeRuntime({base:'xbw48v'});
+var addon = Flex.recipeRuntime({base:'_1yhsq36'});
 
-var shadow = Calendar.recipeRuntime({base:['_1x9u0cv','_1003rlj']});
-var textarea = Calendar.recipeRuntime({base:['_1x9u0cv','_18n5thy'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
-var wrapper = Calendar.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1pdh2wg','mems0t'],'2':['_1pdh2wg','_2kndm5'],'3':['_1pdh2wg','_1lt3ytq'],'4':['_1pdh2wg','_5z9er7'],'5':['_1pdh2wg','_9ns54x']},resize:{auto:{},none:{},vertical:'eokanm'}}});
+var shadow = Flex.recipeRuntime({base:['_1d0ougj','nrek2s']});
+var textarea = Flex.recipeRuntime({base:['_1d0ougj','_1gk10rp'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
+var wrapper = Flex.recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_14t4s68','sarues'],'2':['_14t4s68','_1v27lu5'],'3':['_14t4s68','_195efh7'],'4':['_14t4s68','_1cn42uj'],'5':['_14t4s68','_1nf8b83']},resize:{auto:{},none:{},vertical:'_185w5im'}}});
 
 const Slot$1 = reactSlot.createSlot("@optiaxiom/react/TextareaAutosize");
 const TextareaAutosize = React.forwardRef(
@@ -3260,21 +3247,21 @@ const TextareaAutosize = React.forwardRef(
     ...props
   }, ref) => {
     const Comp = asChild ? Slot$1 : "textarea";
-    const { boxProps, restProps } = Calendar.extractBoxProps(props);
+    const { boxProps, restProps } = Flex.extractBoxProps(props);
     const [value, setValue] = reactUseControllableState.useControllableState({
       caller: "@optiaxiom/react/TextareaAutosize",
       defaultProp: props.defaultValue,
       prop: props.value
     });
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      Calendar.Box,
+      Flex.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(
+          /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, ...textarea({ resize }, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(
             Comp,
             {
               onChange: (event) => {
@@ -3286,7 +3273,7 @@ const TextareaAutosize = React.forwardRef(
               children
             }
           ) }),
-          resize === "auto" && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ...shadow({}, className), ...boxProps, children: (value ?? "") + " " })
+          resize === "auto" && /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { ...shadow({}, className), ...boxProps, children: (value ?? "") + " " })
         ]
       }
     );
@@ -3307,9 +3294,9 @@ const Textarea = React.forwardRef(
     ...props
   }, ref) => {
     const Comp = asChild ? Slot : "textarea";
-    const { boxProps, restProps } = Calendar.extractBoxProps(props);
+    const { boxProps, restProps } = Flex.extractBoxProps(props);
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      Calendar.InputRoot,
+      Flex.InputRoot,
       {
         addonPointerEvents,
         className,
@@ -3317,10 +3304,10 @@ const Textarea = React.forwardRef(
         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, {}) }),
+          addonBefore && /* @__PURE__ */ jsxRuntime.jsx(Flex.InputAddon, { asChild: true, children: Flex.fallbackSpan(addonBefore) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Flex.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(Flex.InputAddon, { ...addon(), children: [
+            props.value !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(Flex.Group, { justifyContent: "end", children: /* @__PURE__ */ jsxRuntime.jsx(Flex.SuggestionPopover, {}) }),
             addonAfter
           ] })
         ]
@@ -3332,93 +3319,94 @@ Textarea.displayName = "@optiaxiom/react/Textarea";
 
 const ToggleButton = React.forwardRef(
   ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Button, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixToggle__namespace.Root, { ref, children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(Flex.Button, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixToggle__namespace.Root, { ref, children }) });
   }
 );
 ToggleButton.displayName = "@optiaxiom/react/ToggleButton";
 
-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;
+exports.Alert = Flex.Alert;
+exports.AlertDialog = Flex.AlertDialog;
+exports.AlertDialogAction = Flex.AlertDialogAction;
+exports.AlertDialogBody = Flex.AlertDialogBody;
+exports.AlertDialogCancel = Flex.AlertDialogCancel;
+exports.AlertDialogContent = Flex.AlertDialogContent;
+exports.AlertDialogFooter = Flex.AlertDialogFooter;
+exports.AlertDialogHeader = Flex.AlertDialogHeader;
+exports.AlertDialogTrigger = Flex.AlertDialogTrigger;
+exports.AngleMenuButton = Flex.AngleMenuButton;
+exports.AuthProvider = Flex.AuthProvider;
+exports.Avatar = Flex.Avatar;
+exports.AvatarGroup = Flex.AvatarGroup;
+exports.Box = Flex.Box;
+exports.Button = Flex.Button;
+exports.ButtonGroup = Flex.ButtonGroup;
+exports.Checkbox = Flex.Checkbox;
+exports.Cover = Flex.Cover;
+exports.Dialog = Flex.Dialog;
+exports.DialogBody = Flex.DialogBody;
+exports.DialogClose = Flex.DialogClose;
+exports.DialogContent = Flex.DialogContent;
+exports.DialogFooter = Flex.DialogFooter;
+exports.DialogForm = Flex.DialogForm;
+exports.DialogHeader = Flex.DialogHeader;
+exports.DialogTrigger = Flex.DialogTrigger;
+exports.Flex = Flex.Flex;
+exports.Group = Flex.Group;
+exports.Heading = Flex.Heading;
+exports.Input = Flex.Input;
+exports.InputAddon = Flex.InputAddon;
+exports.InputControl = Flex.InputControl;
+exports.InputRoot = Flex.InputRoot;
+exports.Listbox = Flex.Listbox;
+exports.ListboxCheckboxItem = Flex.ListboxCheckboxItem;
+exports.ListboxEmpty = Flex.ListboxEmpty;
+exports.ListboxGroup = Flex.ListboxGroup;
+exports.ListboxItem = Flex.ListboxItem;
+exports.ListboxItemIndicator = Flex.ListboxItemIndicator;
+exports.ListboxItemized = Flex.ListboxItemized;
+exports.ListboxLabel = Flex.ListboxLabel;
+exports.ListboxRadioItem = Flex.ListboxRadioItem;
+exports.ListboxSeparator = Flex.ListboxSeparator;
+exports.ListboxSwitchItem = Flex.ListboxSwitchItem;
+exports.Menu = Flex.Menu;
+exports.MenuContent = Flex.MenuContent;
+exports.MenuTrigger = Flex.MenuTrigger;
+exports.ModalLayer = Flex.ModalLayer;
+exports.Paper = Flex.Paper;
+exports.Popover = Flex.Popover;
+exports.PopoverAnchor = Flex.PopoverAnchor;
+exports.PopoverContent = Flex.PopoverContent;
+exports.PopoverTrigger = Flex.PopoverTrigger;
+exports.Select = Flex.Select;
+exports.SelectContent = Flex.SelectContent;
+exports.SelectTrigger = Flex.SelectTrigger;
+exports.Separator = Flex.Separator;
+exports.Skeleton = Flex.Skeleton;
+exports.Spinner = Flex.Spinner;
+exports.Switch = Flex.Switch;
+exports.Table = Flex.Table;
+exports.TableAction = Flex.TableAction;
+exports.TableBody = Flex.TableBody;
+exports.TableCell = Flex.TableCell;
+exports.TableHeader = Flex.TableHeader;
+exports.TableHeaderCell = Flex.TableHeaderCell;
+exports.TableRow = Flex.TableRow;
+exports.Text = Flex.Text;
+exports.Tooltip = Flex.Tooltip;
+exports.TooltipContent = Flex.TooltipContent;
+exports.TooltipProvider = Flex.TooltipProvider;
+exports.TooltipRoot = Flex.TooltipRoot;
+exports.TooltipTrigger = Flex.TooltipTrigger;
+exports.Transition = Flex.Transition;
+exports.TransitionGlobalConfig = Flex.TransitionGlobalConfig;
+exports.TransitionGroup = Flex.TransitionGroup;
+exports.extractBoxProps = Flex.extractBoxProps;
+exports.mapResponsiveValue = Flex.mapResponsiveValue;
+exports.normalizeResponsiveValue = Flex.normalizeResponsiveValue;
+exports.sprinkles = Flex.sprinkles;
+exports.sprinklesMerge = Flex.sprinklesMerge;
+exports.useAuthContext = Flex.useAuthContext;
+exports.vars = Flex.vars;
 Object.defineProperty(exports, "createToaster", {
   enumerable: true,
   get: function () { return globals.createToaster; }
@@ -3475,7 +3463,6 @@ exports.DropdownMenuTrigger = DropdownMenuTrigger;
 exports.EllipsisMenuButton = EllipsisMenuButton;
 exports.Field = Field;
 exports.FieldLabel = FieldLabel;
-exports.Flex = Flex;
 exports.Grid = Grid;
 exports.Indicator = Indicator;
 exports.Kbd = Kbd;