@optiaxiom/react 1.9.29 → 1.9.31

package/dist/cjs/unstable.js

@@ -1,111 +1,112 @@
 "use client";
 'use strict';
 
-var Calendar = require('./Calendar-DN0xOS2x.js');
+var Flex = require('./Flex--PEhPzwD.js');
 var jsxRuntime = require('react/jsx-runtime');
 var reactId = require('@radix-ui/react-id');
 var clsx = require('clsx');
 var reactSlot = require('@radix-ui/react-slot');
 var React = require('react');
-require('./assets/src/layers/layers.css.ts.vanilla-BCTYXDtf.css');
-require('./assets/src/details-panel/DetailsPanel.css.ts.vanilla-B-B36Xab.css');
+require('./assets/src/layers/layers.css.ts.vanilla-rUu0k_M-.css');
+require('./assets/src/details-panel/DetailsPanel.css.ts.vanilla-DJDfPFmG.css');
 var reactContext = require('@radix-ui/react-context');
-require('./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-CEJ2hVr0.css');
-require('./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-ZhqMmMiU.css');
+require('./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-csOb-L8Z.css');
+require('./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-Cavd9KJt.css');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
-require('./assets/src/file-upload/FileUpload.css.ts.vanilla-DhE42nTo.css');
-require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-dUypldk-.css');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-hbi18-Rg.css');
+require('./assets/src/file-upload/FileUpload.css.ts.vanilla-D6wYYO2p.css');
+require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-BuSgRaK7.css');
+var globals = require('@optiaxiom/globals');
+require('./assets/src/file-upload/FileUploadListItem.css.ts.vanilla-DfSn2wa4.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-DkUwTiYU.css');
 var RadixHoverCard = require('@radix-ui/react-hover-card');
 var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
-require('./assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-D4AWCdY6.css');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla-D3a-V9Pq.css');
+require('./assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-BhJ3b2nX.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-DNAL_w1T.css');
 var ResizablePrimitive = require('react-resizable-panels');
-require('./assets/src/resizable/ResizableHandle.css.ts.vanilla-D2uRTaLD.css');
-require('./assets/src/layout/Layout.css.ts.vanilla-Dt4SiBEK.css');
-require('./assets/src/layout/LayoutContent.css.ts.vanilla-CUnugH93.css');
-require('./assets/src/pill/Pill.css.ts.vanilla-yitzGPBe.css');
+require('./assets/src/resizable/ResizableHandle.css.ts.vanilla-CsgF96gA.css');
+require('./assets/src/layout/Layout.css.ts.vanilla-9aUKarPc.css');
+require('./assets/src/layout/LayoutContent.css.ts.vanilla-CYUuPH6O.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-DLzEr-XK.css');
 var RadixRovingFocus = require('@radix-ui/react-roving-focus');
-require('./assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-CK2CgHOt.css');
+require('./assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-DcUKAXfE.css');
 var dynamic = require('@vanilla-extract/dynamic');
-require('./assets/src/range/Range.css.ts.vanilla-DKmKCFBX.css');
+require('./assets/src/range/Range.css.ts.vanilla-DmIjFDgy.css');
 var helpers = require('@dnd-kit/helpers');
 var react = require('@dnd-kit/react');
-require('./assets/src/sortable/SortableHandle.css.ts.vanilla-b0c7lnmG.css');
+require('./assets/src/sortable/SortableHandle.css.ts.vanilla-yxsiwNRi.css');
 var sortable = require('@dnd-kit/react/sortable');
-require('./assets/src/sortable/SortableItem.css.ts.vanilla-x0BUluWt.css');
-var globals = require('@optiaxiom/globals');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-BOdRFFbA.css');
+require('./assets/src/sortable/SortableItem.css.ts.vanilla-CZgunnHM.css');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-DeeTD8gM.css');
 require('downshift');
-require('./assets/src/input/Input.css.ts.vanilla-vGlpL3Ou.css');
-require('./assets/src/input/InputControl.css.ts.vanilla-BAZucGR5.css');
-require('./assets/src/button/ButtonGroup.css.ts.vanilla-BwAmM8Mx.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-DQOWMpnK.css');
-require('./assets/src/command/CommandItem.css.ts.vanilla-Bx4WP01e.css');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-DGdd9j-R.css');
+require('./assets/src/input/Input.css.ts.vanilla-B66Thkza.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-Cr_Xw4D9.css');
+require('./assets/src/button/ButtonGroup.css.ts.vanilla-Ka8uScDl.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-C9bWDsjQ.css');
+require('./assets/src/command/CommandItem.css.ts.vanilla-28rHtFim.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-DDp2IpZX.css');
 require('react-remove-scroll');
 require('@radix-ui/react-dialog');
 require('use-sync-external-store/shim');
-require('./assets/src/button/ButtonGroup.css.ts.vanilla-BwAmM8Mx.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-CJYfPqq2.css');
-require('./assets/src/dialog/DialogContent.css.ts.vanilla-CAYlOwz0.css');
-require('./assets/src/dialog/DialogFooter.css.ts.vanilla-BwcuqGMx.css');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-CzVP5SBb.css');
-require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-C2RvpX1y.css');
-require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-DlPkksBY.css');
-require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-BdXLyAgC.css');
-require('./assets/src/button/ButtonGroup.css.ts.vanilla-BwAmM8Mx.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-TJgirDeg.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-DJaEHRd-.css');
-require('./assets/src/table/Table.css.ts.vanilla-BpZugBf2.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-C7QYjqUP.css');
-require('./assets/src/table/TableRow.css.ts.vanilla-B1EkuM7F.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-W_UdpmQ_.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla-BGljiQd-.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-BdIL9_sz.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-Duf3a88V.css');
+require('./assets/src/button/ButtonGroup.css.ts.vanilla-Ka8uScDl.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-BmcNTfod.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-C8fsBNkp.css');
+require('./assets/src/dialog/DialogFooter.css.ts.vanilla-DMq35Zb5.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-DHr4KkKM.css');
+require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BXAfK1oU.css');
+require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-DWps2-rd.css');
+require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-D0QxG9yN.css');
+require('./assets/src/button/ButtonGroup.css.ts.vanilla-Ka8uScDl.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-34iClwdQ.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-nxySEyqC.css');
+require('./assets/src/table/Table.css.ts.vanilla-DAmBCONX.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-C2Zg-TG-.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-BoF9yPCY.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-Bnrgkf6z.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-BKnvyfT4.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-Caj1bS0m.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-C1GSATlN.css');
 require('react-day-picker');
-require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-D_05Im3a.css');
-require('./assets/src/box/Box.css.ts.vanilla-DKhx0ohp.css');
 require('@radix-ui/react-popper');
 require('@radix-ui/react-avatar');
-require('./assets/src/button/ButtonGroup.css.ts.vanilla-BwAmM8Mx.css');
-require('./assets/src/avatar/Avatar.css.ts.vanilla-CFKip3ou.css');
+require('./assets/src/button/ButtonGroup.css.ts.vanilla-Ka8uScDl.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-NRlPmb1M.css');
 require('@radix-ui/react-visually-hidden');
-require('./assets/src/listbox/Listbox.css.ts.vanilla-BvSMwBkp.css');
-require('./assets/src/icon/Icon.css.ts.vanilla-aEY5mjrb.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-DB0v8NOS.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-CketbTw2.css');
-require('./assets/src/text/Text.css.ts.vanilla-Dz3mrKQu.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-DOl7owO5.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-D7XNfsRO.css');
-require('./assets/src/alert/Alert.css.ts.vanilla-DziTr8Rv.css');
+require('./assets/src/listbox/Listbox.css.ts.vanilla-C9awpciU.css');
+require('./assets/src/icon/Icon.css.ts.vanilla-BKNX-KUM.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-ZUDShUg0.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-mPJBUMdR.css');
+require('./assets/src/text/Text.css.ts.vanilla-BW8nGL_O.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-DdtG2Z9F.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-Dg3uvXSI.css');
+require('./assets/src/alert/Alert.css.ts.vanilla-CfDZZCS7.css');
 require('@radix-ui/react-popover');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-CBh-lvZy.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-DgeGCRt7.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-yU_KUrd0.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-BQbjJ2eJ.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-CyAB0Qil.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-CdF5hlRX.css');
 require('@tanstack/react-virtual');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-Cgp4MraF.css');
-require('./assets/src/button/ButtonGroup.css.ts.vanilla-BwAmM8Mx.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-DYt-Z1FC.css');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CNfzCmJZ.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-Or4d8Rd1.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-Biez3sdi.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-DzNJusU0.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-CFCu5_zi.css');
+require('./assets/src/button/ButtonGroup.css.ts.vanilla-Ka8uScDl.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-Cn1Iwftb.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-__GaxpZd.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-CTp8G081.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-Br9E4lxg.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-BJGa05c7.css');
 require('@radix-ui/react-portal');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-CT3qM8dL.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-CNphNAu-.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-BrzOqNv8.css');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-CCjOlIZx.css');
-require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-BuVWgdvr.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-DpBctILf.css');
-require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-C9S9ra52.css');
-require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-CDwoDFMD.css');
+require('./assets/src/calendar/Calendar.css.ts.vanilla-C8xwOI3y.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-Con2TLa4.css');
+require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-DhzMbLO_.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-CvCw8YdP.css');
+require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-D0cC2Jvk.css');
+require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-CGHV2w3s.css');
+require('@optiaxiom/globals/fonts');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-DpAeRSit.css');
+require('./assets/src/box/Box.css.ts.vanilla-D37Cm0mO.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -231,7 +232,7 @@ function useHotkeys(hotkeys, tagsToIgnore = ["INPUT", "TEXTAREA", "SELECT"], tri
 }
 
 function useDialogKit() {
-  const context = React.useContext(Calendar.DialogKitContext);
+  const context = React.useContext(Flex.DialogKitContext);
   if (!context) {
     throw new Error(
       `\`useDialogItemContext\` must be used within managed dialogs.`
@@ -251,27 +252,27 @@ function DataTableExpandableCell({
   row
 }) {
   const labelPrefixId = reactId.useId();
-  const { labelId } = Calendar.useDataTableRowContext(
+  const { labelId } = Flex.useDataTableRowContext(
     "@optiaxiom/react/DataTableExpandableCell"
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { alignItems: "start", gap: "8", children: [
-    Array.from({ length: row.depth }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { flex: "none", w: "sm" }, index)),
+  return /* @__PURE__ */ jsxRuntime.jsxs(Flex.Group, { alignItems: "start", gap: "8", children: [
+    Array.from({ length: row.depth }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { flex: "none", w: "sm" }, index)),
     row.getCanExpand() ? /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Button,
+      Flex.Button,
       {
         appearance: "subtle",
         "aria-expanded": row.getIsExpanded(),
         "aria-label": "Toggle row",
         "aria-labelledby": clsx(labelPrefixId, labelId),
         flex: "none",
-        icon: row.getIsExpanded() ? /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconAngleDown, {}) : /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconAngleRight, {}),
+        icon: row.getIsExpanded() ? /* @__PURE__ */ jsxRuntime.jsx(Flex.IconAngleDown, {}) : /* @__PURE__ */ jsxRuntime.jsx(Flex.IconAngleRight, {}),
         id: labelPrefixId,
         onClick: row.getToggleExpandedHandler(),
         size: "sm",
         style: { marginBlock: -2 },
         type: "button"
       }
-    ) : /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { flex: "none", w: "sm" }),
+    ) : /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { flex: "none", w: "sm" }),
     children ?? getValue()
   ] });
 }
@@ -280,11 +281,11 @@ DataTableExpandableCell.displayName = "@optiaxiom/react/DataTableExpandableCell"
 function DataTableExpandableHeader({
   children
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ml: "32", children });
+  return /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { ml: "32", children });
 }
 DataTableExpandableHeader.displayName = "@optiaxiom/react/DataTableExpandableHeader";
 
-var root$3 = Calendar.recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'_345xds']});
+var root$3 = Flex.recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'_1ozx55m']});
 
 const [DetailsPanelProvider, useDetailsPanelContext] = reactContext.createContext("@optiaxiom/react/DetailsPanel");
 
@@ -295,7 +296,7 @@ const DetailsPanel = React.forwardRef(
     const labelId = reactId.useId();
     const descriptionId = reactId.useId();
     return /* @__PURE__ */ jsxRuntime.jsx(DetailsPanelProvider, { descriptionId, labelId, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Box,
+      Flex.Box,
       {
         "aria-describedby": descriptionId,
         "aria-labelledby": labelId,
@@ -312,7 +313,7 @@ DetailsPanel.displayName = "@optiaxiom/react/DetailsPanel";
 
 const DetailsPanelBody = React.forwardRef(({ children, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Calendar.Group,
+    Flex.Group,
     {
       flex: "1",
       flexDirection: "column",
@@ -327,24 +328,24 @@ const DetailsPanelBody = React.forwardRef(({ children, ...props }, ref) => {
 });
 DetailsPanelBody.displayName = "@optiaxiom/react/DetailsPanelBody";
 
-var footer = Calendar.recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'_1lil43r']});
+var footer = Flex.recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'_1pjanh9']});
 
 const DetailsPanelFooter = React.forwardRef(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.ButtonProvider, { size: "lg", children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { ref, ...footer({}, className), ...props, children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Flex.ButtonProvider, { size: "lg", children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Group, { ref, ...footer({}, className), ...props, children }) });
 });
 DetailsPanelFooter.displayName = "@optiaxiom/react/DetailsPanelFooter";
 
-var header = Calendar.recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'_1qk41ox']});
+var header = Flex.recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'_17e5uhh']});
 
 const DetailsPanelHeader = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, description, ...props }, ref) => {
     const { descriptionId, labelId } = useDetailsPanelContext(
       "@optiaxiom/react/DetailsPanelHeader"
     );
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.ButtonProvider, { size: "sm", children: /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Box, { ref, ...header({}, className), ...props, children: [
-      addonBefore && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { gap: "8", children: addonBefore }),
+    return /* @__PURE__ */ jsxRuntime.jsx(Flex.ButtonProvider, { size: "sm", children: /* @__PURE__ */ jsxRuntime.jsxs(Flex.Box, { ref, ...header({}, className), ...props, children: [
+      addonBefore && /* @__PURE__ */ jsxRuntime.jsx(Flex.Group, { gap: "8", children: addonBefore }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        Calendar.Heading,
+        Flex.Heading,
         {
           flex: "1",
           fontSize: "lg",
@@ -354,16 +355,16 @@ const DetailsPanelHeader = React.forwardRef(
           children
         }
       ),
-      addonAfter && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { gap: "8", children: addonAfter }),
+      addonAfter && /* @__PURE__ */ jsxRuntime.jsx(Flex.Group, { gap: "8", children: addonAfter }),
       description && /* @__PURE__ */ jsxRuntime.jsx(
-        Calendar.Text,
+        Flex.Text,
         {
           asChild: true,
           color: "fg.secondary",
           fontSize: "sm",
           id: descriptionId,
           w: "full",
-          children: Calendar.fallbackSpan(description)
+          children: Flex.fallbackSpan(description)
         }
       )
     ] }) });
@@ -371,7 +372,7 @@ const DetailsPanelHeader = React.forwardRef(
 );
 DetailsPanelHeader.displayName = "@optiaxiom/react/DetailsPanelHeader";
 
-var upload = Calendar.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1u54ijm']});
+var upload = Flex.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_11j6kva']});
 
 const [FileUploadProvider, useFileUploadContext] = reactContext.createContext("@optiaxiom/react/FileUpload");
 
@@ -388,14 +389,14 @@ const FileUpload = React.forwardRef(
         inputRef,
         onFilesDrop,
         rootRef: innerRef,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ref, ...upload({}, className), ...props, children })
+        children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { ref, ...upload({}, className), ...props, children })
       }
     );
   }
 );
 FileUpload.displayName = "@optiaxiom/react/FileUpload";
 
-const IconFileImport = Calendar.withIcon(
+const IconFileImport = Flex.withIcon(
   {
     name: "IconFileImport"
   },
@@ -408,8 +409,8 @@ const IconFileImport = Calendar.withIcon(
   )
 );
 
-var dropzone = Calendar.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',flexDirection:'column',gap:'16',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'bvl96c'],variants:{drag:{false:{},true:['_1wt6z6h']},hidden:{false:'_3897z0',true:'hljqzc'},overlay:{false:{flex:'1'},true:[{z:'10'},'_1189brj']}}});
-var label = Calendar.recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'_1nnz9yh'}}});
+var dropzone = Flex.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',flexDirection:'column',gap:'16',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'rd4mpq'],variants:{drag:{false:{},true:['vie773']},hidden:{false:'_1edv5wy',true:'o393gd'},overlay:{false:{flex:'1'},true:[{z:'10'},'_1ayypfv']}}});
+var label = Flex.recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'kfhtp3'}}});
 
 const useFileUploadTrigger = () => {
   const { inputRef } = useFileUploadContext(
@@ -422,13 +423,13 @@ const useFileUploadTrigger = () => {
 
 const Slot$3 = reactSlot.createSlot("@optiaxiom/react/FileUploadTrigger");
 const FileUploadTrigger = React.forwardRef(({ asChild, children, onClick, ...props }, ref) => {
-  const { boxProps, restProps } = Calendar.extractBoxProps(props);
-  const Comp = asChild ? Slot$3 : Calendar.Button;
+  const { boxProps, restProps } = Flex.extractBoxProps(props);
+  const Comp = asChild ? Slot$3 : Flex.Button;
   const { disabled } = useFileUploadContext(
     "@optiaxiom/react/FileUploadTrigger"
   );
   const open = useFileUploadTrigger();
-  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(
     Comp,
     {
       disabled,
@@ -440,6 +441,7 @@ const FileUploadTrigger = React.forwardRef(({ asChild, children, onClick, ...pro
         open();
       },
       ref,
+      ...asChild ? {} : { type: "button" },
       ...restProps,
       children: children || "Select files"
     }
@@ -551,7 +553,7 @@ const useFileUploadDrop = ({
   const { accept, disabled, onFilesDrop } = useFileUploadContext(
     "@optiaxiom/react/useFileUploadDrop"
   );
-  const auth = Calendar.useAuthContext();
+  const auth = Flex.useAuthContext();
   return {
     ...props,
     onDragOver: (event) => {
@@ -572,7 +574,13 @@ const useFileUploadDrop = ({
           Array.from(event.dataTransfer.items).map(async (item) => {
             if (item.kind === "file") {
               const file = item.getAsFile();
-              return file && isValidFile(file, accept) ? file : null;
+              const valid = file && isValidFile(file, accept);
+              if (!valid) {
+                globals.toaster.create(invalidFileTypeMessage(file), {
+                  intent: "danger"
+                });
+              }
+              return valid ? file : null;
             } else if (item.type === "opal-chat-dnd-data" || item.type === "opal-host-dnd-data") {
               if (!auth) {
                 throw new Error(
@@ -594,9 +602,15 @@ const useFileUploadDrop = ({
             }
             return null;
           })
-        )).filter((file) => !!file) : Array.from(event.dataTransfer.files).filter(
-          (file) => isValidFile(file, accept)
-        )
+        )).filter((file) => !!file) : Array.from(event.dataTransfer.files).filter((file) => {
+          const valid = isValidFile(file, accept);
+          if (!valid) {
+            globals.toaster.create(invalidFileTypeMessage(file), {
+              intent: "danger"
+            });
+          }
+          return valid;
+        })
       );
     }
   };
@@ -630,6 +644,11 @@ async function getRemoteFile(resource, auth, retry = false) {
     });
   }
 }
+function invalidFileTypeMessage(file) {
+  const ext = file?.name.includes(".") ? `.${file.name.split(".").pop()}` : void 0;
+  const label = ext || file?.type || "Unknown";
+  return `${label} is not an accepted file type`;
+}
 function isValidFile(file, accept) {
   if (!file) {
     return false;
@@ -713,7 +732,7 @@ const FileUploadDropzone = React.forwardRef(
     useStickyPosition(innerRef, overlay && isDraggingOverBody);
     const size = useContainerSize(innerRef) ?? 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      Calendar.Group,
+      Flex.Group,
       {
         fontSize: size > 448 ? "lg" : "md",
         ref: reactComposeRefs.useComposedRefs(innerRef, outerRef),
@@ -727,7 +746,7 @@ const FileUploadDropzone = React.forwardRef(
         ),
         ...useFileUploadDrop(useFileUploadDragging(props, setIsDragging)),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Calendar.VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(Flex.VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
             "input",
             {
               accept,
@@ -743,10 +762,10 @@ const FileUploadDropzone = React.forwardRef(
               type: "file"
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Group, { ...label({ disabled }), children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Calendar.Icon, { asChild: true, color: "fg.secondary", h: size > 448 ? "lg" : "sm", children: /* @__PURE__ */ jsxRuntime.jsx(IconFileImport, {}) }),
-            /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { children: label$1 }),
-            description && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { color: "fg.tertiary", children: description })
+          /* @__PURE__ */ jsxRuntime.jsxs(Flex.Group, { ...label({ disabled }), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Flex.Icon, { asChild: true, color: "fg.secondary", h: size > 448 ? "lg" : "sm", children: /* @__PURE__ */ jsxRuntime.jsx(IconFileImport, {}) }),
+            /* @__PURE__ */ jsxRuntime.jsx(Flex.Text, { children: label$1 }),
+            description && /* @__PURE__ */ jsxRuntime.jsx(Flex.Text, { color: "fg.tertiary", children: description })
           ] }),
           !overlay && (children ?? /* @__PURE__ */ jsxRuntime.jsx(FileUploadTrigger, {}))
         ]
@@ -756,7 +775,120 @@ const FileUploadDropzone = React.forwardRef(
 );
 FileUploadDropzone.displayName = "@optiaxiom/react/FileUploadDropzone";
 
-var mark$1 = Calendar.recipeRuntime({base:'njst9m'});
+const IconFileSolid = Flex.withIcon(
+  {
+    name: "IconFileSolid",
+    viewBox: "0 0 640 640"
+  },
+  // <!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M192 64C156.7 64 128 92.7 128 128L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 234.5C512 217.5 505.3 201.2 493.3 189.2L386.7 82.7C374.7 70.7 358.5 64 341.5 64L192 64zM453.5 240L360 240C346.7 240 336 229.3 336 216L336 122.5L453.5 240z",
+      fill: "currentColor"
+    }
+  )
+);
+
+const IconTrashCan = Flex.withIcon(
+  {
+    name: "IconTrashCan",
+    viewBox: "0 0 640 640"
+  },
+  // <!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M262.2 48C248.9 48 236.9 56.3 232.2 68.8L216 112L120 112C106.7 112 96 122.7 96 136C96 149.3 106.7 160 120 160L520 160C533.3 160 544 149.3 544 136C544 122.7 533.3 112 520 112L424 112L407.8 68.8C403.1 56.3 391.2 48 377.8 48L262.2 48zM128 208L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 208L464 208L464 512C464 520.8 456.8 528 448 528L192 528C183.2 528 176 520.8 176 512L176 208L128 208zM288 280C288 266.7 277.3 256 264 256C250.7 256 240 266.7 240 280L240 456C240 469.3 250.7 480 264 480C277.3 480 288 469.3 288 456L288 280zM400 280C400 266.7 389.3 256 376 256C362.7 256 352 266.7 352 280L352 456C352 469.3 362.7 480 376 480C389.3 480 400 469.3 400 456L400 280z",
+      fill: "currentColor"
+    }
+  )
+);
+
+var item$1 = Flex.recipeRuntime({base:[{alignItems:'center',flexDirection:'row',fontSize:'md',gap:'6',p:'6',rounded:'md',transition:'colors'},'_1dprgxc']});
+var name = Flex.recipeRuntime({base:[{rounded:'md',textAlign:'start'},'_1mkjhe1']});
+
+function downloadFile(file) {
+  const url = URL.createObjectURL(file);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = file.name;
+  a.click();
+  URL.revokeObjectURL(url);
+}
+function formatFileSize(bytes) {
+  if (bytes < 1024)
+    return `${bytes} B`;
+  if (bytes < 1024 * 1024)
+    return `${(bytes / 1024).toFixed(0)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+const mimeTypeLabels = [
+  [/^application\/pdf$/, "PDF"],
+  [/^image\//, "Image"],
+  [/^video\//, "Video"],
+  [/^audio\//, "Audio"],
+  [/csv/, "CSV"],
+  [/spreadsheet|excel/, "Excel"],
+  [/presentation|powerpoint/, "PowerPoint"],
+  [/document|msword|wordprocessing/, "Word"],
+  [/zip|compressed|archive/, "Archive"],
+  [/^text\//, "Text"]
+];
+function formatFileType(file) {
+  if (file.type) {
+    for (const [pattern, label] of mimeTypeLabels) {
+      if (pattern.test(file.type)) {
+        return label;
+      }
+    }
+  }
+  return "File";
+}
+const FileUploadListItem = React.forwardRef(({ className, item, onRemove, ...props }, ref) => {
+  const { file, status } = item;
+  return /* @__PURE__ */ jsxRuntime.jsxs(Flex.Flex, { ref, ...item$1({}, className), ...props, children: [
+    status === "uploading" ? /* @__PURE__ */ jsxRuntime.jsx(Flex.Spinner, { size: "sm" }) : status === "error" ? /* @__PURE__ */ jsxRuntime.jsx(Flex.Icon, { asChild: true, color: "fg.error", h: "auto", w: "24", children: /* @__PURE__ */ jsxRuntime.jsx(Flex.IconCircleExclamationSolid, {}) }) : file.type.startsWith("image/") ? /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { overflow: "hidden", rounded: "sm", size: "24", children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, h: "full", objectFit: "cover", w: "full", children: /* @__PURE__ */ jsxRuntime.jsx("img", { alt: file.name, src: URL.createObjectURL(file) }) }) }) : /* @__PURE__ */ jsxRuntime.jsx(Flex.Icon, { asChild: true, color: "fg.tertiary", h: "auto", w: "24", children: /* @__PURE__ */ jsxRuntime.jsx(IconFileSolid, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Flex.Flex, { flex: "1", gap: "2", overflow: "hidden", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Flex.Cover, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Text, { asChild: true, lineClamp: "2", ...name(), children: /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => downloadFile(file), type: "button", children: file.name }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(Flex.Group, { fontSize: "sm", gap: "4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Flex.Text, { color: "fg.tertiary", children: [
+          formatFileType(file),
+          " \u2022 ",
+          formatFileSize(file.size)
+        ] }),
+        status === "error" && /* @__PURE__ */ jsxRuntime.jsx(Flex.Text, { color: "fg.error", children: "Upload failed" })
+      ] })
+    ] }),
+    onRemove && /* @__PURE__ */ jsxRuntime.jsx(
+      Flex.Button,
+      {
+        appearance: "subtle",
+        "aria-label": "Remove file",
+        disabled: status === "uploading",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(IconTrashCan, {}),
+        onClick: onRemove
+      }
+    )
+  ] });
+});
+FileUploadListItem.displayName = "@optiaxiom/react/FileUploadListItem";
+
+const FileUploadList = React.forwardRef(
+  ({ items, onRemove, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(Flex.Flex, { gap: "12", ref, ...props, children: items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+      FileUploadListItem,
+      {
+        item,
+        onRemove: onRemove ? () => onRemove(idx) : void 0
+      },
+      idx
+    )) });
+  }
+);
+FileUploadList.displayName = "@optiaxiom/react/FileUploadList";
+
+var mark$1 = Flex.recipeRuntime({base:'_8j62ac'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -781,8 +913,8 @@ function escapeRegExp(string) {
 const Highlight = React.forwardRef(
   ({ children = (chunk) => chunk, content, query, ...props }, ref) => {
     const chunks = useHighlightedChunks(content || "", query);
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ref, ...props, children: chunks.map(({ chunk, highlighted }, index) => /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: highlighted ? children(
-      /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...mark$1(), children: /* @__PURE__ */ jsxRuntime.jsx("mark", { children: chunk }) })
+    return /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { ref, ...props, children: chunks.map(({ chunk, highlighted }, index) => /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: highlighted ? children(
+      /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, ...mark$1(), children: /* @__PURE__ */ jsxRuntime.jsx("mark", { children: chunk }) })
     ) : chunk }, index)) });
   }
 );
@@ -834,13 +966,13 @@ const HoverCardContent = React.forwardRef(
       "@optiaxiom/react/HoverCardContent"
     );
     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.Transition, { duration: "sm", children: /* @__PURE__ */ jsxRuntime.jsx(
-          Calendar.Paper,
+        children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Portal, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Transition, { duration: "sm", children: /* @__PURE__ */ jsxRuntime.jsx(
+          Flex.Paper,
           {
             asChild: true,
             display: "flex",
@@ -870,16 +1002,16 @@ const HoverCardContent = React.forwardRef(
 );
 HoverCardContent.displayName = "@optiaxiom/react/HoverCardContent";
 
-var trigger$1 = Calendar.recipeRuntime({base:'_1rvb7kf'});
+var trigger$1 = Flex.recipeRuntime({base:'_1wjzxhi'});
 
 const HoverCardTrigger = React.forwardRef(({ children, className, ...props }, ref) => {
-  const { boxProps, restProps } = Calendar.extractBoxProps(props);
-  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...trigger$1({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(RadixHoverCard__namespace.Trigger, { ref, ...restProps, children }) });
+  const { boxProps, restProps } = Flex.extractBoxProps(props);
+  return /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, ...trigger$1({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(RadixHoverCard__namespace.Trigger, { ref, ...restProps, children }) });
 });
 HoverCardTrigger.displayName = "@optiaxiom/react/HoverCardTrigger";
 
-var editor = Calendar.recipeRuntime({base:'_5mx2af',variants:{empty:{false:{},true:'ohqfw4'}}});
-var input = Calendar.recipeRuntime({base:'te5w6o'});
+var editor = Flex.recipeRuntime({base:'_1j95zrn',variants:{empty:{false:{},true:'_1pf3bec'}}});
+var input = Flex.recipeRuntime({base:'yssxhi'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -919,8 +1051,8 @@ const InlineInput = React.forwardRef(
         }
       }
     }, [multiline, value]);
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ...input({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Box,
+    return /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { ...input({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+      Flex.Box,
       {
         "aria-multiline": multiline,
         "aria-readonly": disabled,
@@ -966,11 +1098,11 @@ const Resizable = ({ ...props }) => {
 };
 Resizable.displayName = "@optiaxiom/react/Resizable";
 
-var handle$1 = Calendar.recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'dezzbg']});
-var root$2 = Calendar.recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'_1js3vu9']});
+var handle$1 = Flex.recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'_1j3vd3r']});
+var root$2 = Flex.recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'_14p1iww']});
 
 const ResizableHandle = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { asChild: true, ...root$2(), children: /* @__PURE__ */ jsxRuntime.jsx(ResizablePrimitive__namespace.PanelResizeHandle, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ...handle$1() }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Flex.Group, { asChild: true, ...root$2(), children: /* @__PURE__ */ jsxRuntime.jsx(ResizablePrimitive__namespace.PanelResizeHandle, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { ...handle$1() }) }) });
 };
 ResizableHandle.displayName = "@optiaxiom/react/ResizableHandle";
 
@@ -979,7 +1111,7 @@ const ResizablePanel = ({ ...props }) => {
 };
 ResizablePanel.displayName = "@optiaxiom/react/ResizablePanel";
 
-var layout = Calendar.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'acn224'],variants:{size:{full:'hr1yq4',screen:'_1wb6gqv'}}});
+var layout = Flex.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'o3s1f0'],variants:{size:{full:'_1umezmn',screen:'_139epa7'}}});
 
 const Layout = React.forwardRef(
   ({
@@ -992,19 +1124,19 @@ const Layout = React.forwardRef(
     size = "screen",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Box, { ref, ...layout({ size }, className), ...props, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Flex.Box, { ref, ...layout({ size }, className), ...props, children: [
       header,
-      /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Box, { display: "flex", flex: "1", overflow: "auto", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Flex.Box, { display: "flex", flex: "1", overflow: "auto", children: [
         sidebar,
         resizable ? /* @__PURE__ */ jsxRuntime.jsxs(Resizable, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ResizablePanel, { minSize: 33, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, h: "full", children }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ResizablePanel, { minSize: 33, children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, h: "full", children }) }),
           detailsPanel && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ResizableHandle, {}),
             /* @__PURE__ */ jsxRuntime.jsx(ResizablePanel, { defaultSize: 33, minSize: 33, children: detailsPanel })
           ] })
-        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Box, { display: "flex", flex: "1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, w: detailsPanel ? "2/3" : "full", children }),
-          detailsPanel && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { w: "1/3", children: detailsPanel })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(Flex.Box, { display: "flex", flex: "1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, w: detailsPanel ? "2/3" : "full", children }),
+          detailsPanel && /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { w: "1/3", children: detailsPanel })
         ] })
       ] })
     ] });
@@ -1012,12 +1144,12 @@ const Layout = React.forwardRef(
 );
 Layout.displayName = "@optiaxiom/react/Layout";
 
-var content = Calendar.recipeRuntime({base:[{flexDirection:'column',gap:'16',overflow:'auto',px:'32',py:'24'},'_1a0y860']});
+var content = Flex.recipeRuntime({base:[{flexDirection:'column',gap:'16',overflow:'auto',px:'32',py:'24'},'d00pgk']});
 
 const LayoutContent = React.forwardRef(
   ({ children, className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Group,
+      Flex.Group,
       {
         ref,
         tabIndex: 0,
@@ -1030,7 +1162,7 @@ const LayoutContent = React.forwardRef(
 );
 LayoutContent.displayName = "@optiaxiom/react/LayoutContent";
 
-var pill = Calendar.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',transition:'colors',whiteSpace:'nowrap'},'baskto'],variants:{interactive:{false:{},true:'flfmvi'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
+var pill = Flex.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',transition:'colors',whiteSpace:'nowrap'},'sezqna'],variants:{interactive:{false:{},true:'_1c2k8fd'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Slot$2 = reactSlot.createSlot("@optiaxiom/react/Pill");
 const Pill = React.forwardRef(
@@ -1046,9 +1178,9 @@ const Pill = React.forwardRef(
     ...props
   }, ref) => {
     const Comp = asChild ? Slot$2 : readOnly ? "span" : "button";
-    const { boxProps, restProps } = Calendar.extractBoxProps(props);
+    const { boxProps, restProps } = Flex.extractBoxProps(props);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Box,
+      Flex.Box,
       {
         asChild: true,
         "data-disabled": disabled ? "" : void 0,
@@ -1077,8 +1209,8 @@ const Pill = React.forwardRef(
             ref,
             ...restProps,
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { truncate: true, children }),
-              onDismiss && !readOnly && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Icon, { asChild: true, h: "12", ml: "auto", children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconX, {}) })
+              /* @__PURE__ */ jsxRuntime.jsx(Flex.Text, { truncate: true, children }),
+              onDismiss && !readOnly && /* @__PURE__ */ jsxRuntime.jsx(Flex.Icon, { asChild: true, h: "12", ml: "auto", children: /* @__PURE__ */ jsxRuntime.jsx(Flex.IconX, {}) })
             ]
           }
         )
@@ -1090,7 +1222,7 @@ Pill.displayName = "@optiaxiom/react/Pill";
 
 const PillGroup = React.forwardRef(
   ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { flexWrap: "wrap", gap: "8", ref, ...props, children });
+    return /* @__PURE__ */ jsxRuntime.jsx(Flex.Group, { flexWrap: "wrap", gap: "8", ref, ...props, children });
   }
 );
 PillGroup.displayName = "@optiaxiom/react/PillGroup";
@@ -1121,9 +1253,9 @@ const PillMenu = React.forwardRef(
     const [optionIndexes, setOptionIndexes] = React.useState(
       () => groupOptions(options)
     );
-    const value = options.filter((item) => Calendar.resolveItemProperty(item.selected));
+    const value = options.filter((item) => Flex.resolveItemProperty(item.selected));
     return /* @__PURE__ */ jsxRuntime.jsx(PillMenuProvider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Menu,
+      Flex.Menu,
       {
         empty,
         inputValue,
@@ -1152,7 +1284,7 @@ const PillMenu = React.forwardRef(
         ),
         placeholder,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Calendar.Box,
+          Flex.Box,
           {
             alignItems: value.length ? void 0 : "start",
             display: "flex",
@@ -1171,15 +1303,15 @@ const groupOptions = (options) => options.map((option, index) => ({
   index,
   option
 })).sort(({ index: aIndex, option: a }, { index: bIndex, option: b }) => {
-  if (Calendar.resolveItemProperty(a.selected) === Calendar.resolveItemProperty(b.selected)) {
+  if (Flex.resolveItemProperty(a.selected) === Flex.resolveItemProperty(b.selected)) {
     return aIndex - bIndex;
-  } else if (Calendar.resolveItemProperty(a.selected)) {
+  } else if (Flex.resolveItemProperty(a.selected)) {
     return -1;
   } else {
     return 1;
   }
 }).map(({ index, option }) => ({
-  group: Calendar.resolveItemProperty(option.selected) ? "selected" : void 0,
+  group: Flex.resolveItemProperty(option.selected) ? "selected" : void 0,
   index
 }));
 
@@ -1187,7 +1319,7 @@ const PillMenuContent = React.forwardRef(
   (props, ref) => {
     const lastFocusRef = React.useRef();
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.MenuContent,
+      Flex.MenuContent,
       {
         onCloseAutoFocus: (event) => {
           if (lastFocusRef.current instanceof HTMLElement && lastFocusRef.current !== document.body && document.body.contains(lastFocusRef.current)) {
@@ -1207,7 +1339,7 @@ const PillMenuContent = React.forwardRef(
 );
 PillMenuContent.displayName = "@optiaxiom/react/PillMenuContent";
 
-const IconPlus = Calendar.withIcon(
+const IconPlus = Flex.withIcon(
   {
     name: "IconPlus"
   },
@@ -1225,9 +1357,9 @@ const [RovingFocusProvider, useRovingFocusContext] = reactContext.createContext(
 const Slot$1 = reactSlot.createSlot("@optiaxiom/react/RovingFocus");
 const RovingFocus = React.forwardRef(
   ({ asChild, children, disabled, loop, orientation, ...props }, ref) => {
-    const FocusComp = disabled ? Calendar.Box : RadixRovingFocus__namespace.Root;
+    const FocusComp = disabled ? Flex.Box : RadixRovingFocus__namespace.Root;
     const Comp = asChild ? Slot$1 : "div";
-    return /* @__PURE__ */ jsxRuntime.jsx(RovingFocusProvider, { disabled, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(FocusComp, { asChild: true, ...!disabled && { loop, orientation }, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { children }) }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(RovingFocusProvider, { disabled, children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(FocusComp, { asChild: true, ...!disabled && { loop, orientation }, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { children }) }) }) });
   }
 );
 RovingFocus.displayName = "@optiaxiom/react/RovingFocus";
@@ -1238,9 +1370,9 @@ const RovingFocusItem = React.forwardRef(
     const { disabled } = useRovingFocusContext(
       "@optiaxiom/react/RovingFocusItem"
     );
-    const FocusComp = disabled ? Calendar.Box : RadixRovingFocus__namespace.Item;
+    const FocusComp = disabled ? Flex.Box : RadixRovingFocus__namespace.Item;
     const Comp = asChild ? Slot : "div";
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(FocusComp, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { children }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(FocusComp, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { children }) }) });
   }
 );
 RovingFocusItem.displayName = "@optiaxiom/react/RovingFocusItem";
@@ -1250,11 +1382,11 @@ const PillMenuPill = React.forwardRef(
     const { value: options } = usePillMenuContext(
       "@optiaxiom/react/PillMenuPill"
     );
-    const { open, setOpen } = Calendar.useMenuContext("@optiaxiom/react/PillMenuPill");
-    const { inputValue } = Calendar.useCommandContext("@optiaxiom/react/PillMenuPill");
+    const { open, setOpen } = Flex.useMenuContext("@optiaxiom/react/PillMenuPill");
+    const { inputValue } = Flex.useCommandContext("@optiaxiom/react/PillMenuPill");
     const index = options.indexOf(item);
     const hasInteractedInsideRef = React.useRef(false);
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Tooltip, { content: Calendar.resolveItemProperty(item.disabledReason), children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(Flex.Tooltip, { content: Flex.resolveItemProperty(item.disabledReason), children: /* @__PURE__ */ jsxRuntime.jsx(
       Pill,
       {
         onClick: () => {
@@ -1266,7 +1398,7 @@ const PillMenuPill = React.forwardRef(
         },
         onKeyDown: (event) => {
           if (event.key === "Backspace") {
-            if (Calendar.resolveItemProperty(item.disabledReason)) {
+            if (Flex.resolveItemProperty(item.disabledReason)) {
               return;
             }
             if (index === 0 || index !== options.length - 1) {
@@ -1284,16 +1416,16 @@ const PillMenuPill = React.forwardRef(
         readOnly,
         ref,
         ...props,
-        children: Calendar.resolveItemProperty(item.label, { inputValue })
+        children: Flex.resolveItemProperty(item.label, { inputValue })
       }
     ) });
   }
 );
 PillMenuPill.displayName = "@optiaxiom/react/PillMenuPill";
 
-var root$1 = Calendar.recipeRuntime({base:[{border:'1',rounded:'md',transition:'colors'},'mjfspp'],variants:{size:{md:'_1anwdhx',lg:'wyuyd2'}}});
-var trigger = Calendar.recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'_1r23epj']});
-var wrapper = Calendar.recipeRuntime({base:'_1pgpi8l'});
+var root$1 = Flex.recipeRuntime({base:[{border:'1',rounded:'md',transition:'colors'},'gh03sw'],variants:{size:{md:'_1fuaz20',lg:'tyhs70'}}});
+var trigger = Flex.recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'_1rwj8cn']});
+var wrapper = Flex.recipeRuntime({base:'_1xa636q'});
 
 const remapSize = {
   md: "xs",
@@ -1302,15 +1434,15 @@ const remapSize = {
 const PillMenuTrigger = React.forwardRef(
   ({ children, className, readOnly, size = "md", ...props }, outerRef) => {
     const { value } = usePillMenuContext("@optiaxiom/react/PillMenuTrigger");
-    const { size: menuSize } = Calendar.useMenuContext(
+    const { size: menuSize } = Flex.useMenuContext(
       "@optiaxiom/react/PillMenuTrigger"
     );
-    const { inputValue } = Calendar.useCommandContext(
+    const { inputValue } = Flex.useCommandContext(
       "@optiaxiom/react/PillMenuTrigger"
     );
     const innerRef = React.useRef(null);
     const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
-    return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Box, { ...wrapper(), children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Flex.Box, { ...wrapper(), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         PillGroup,
         {
@@ -1334,7 +1466,7 @@ const PillMenuTrigger = React.forwardRef(
                   }
                 )
               },
-              item.key ?? Calendar.resolveItemProperty(item.label, { inputValue })
+              item.key ?? Flex.resolveItemProperty(item.label, { inputValue })
             )),
             /* @__PURE__ */ jsxRuntime.jsxs(PillGroup, { children: [
               value.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(RovingFocusItem, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1346,7 +1478,7 @@ const PillMenuTrigger = React.forwardRef(
                 }
               ) }, "pill"),
               !readOnly && /* @__PURE__ */ jsxRuntime.jsx(RovingFocusItem, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-                Calendar.MenuTrigger,
+                Flex.MenuTrigger,
                 {
                   "aria-label": props["aria-label"] ?? (typeof children === "string" ? children : void 0),
                   asChild: true,
@@ -1357,7 +1489,7 @@ const PillMenuTrigger = React.forwardRef(
                     if (event.key === "Backspace") {
                       if (value.length) {
                         const last = value.length - 1;
-                        if (!Calendar.resolveItemProperty(value[last].disabledReason)) {
+                        if (!Flex.resolveItemProperty(value[last].disabledReason)) {
                           value[last].execute?.({
                             dismiss: false,
                             inputValue
@@ -1366,27 +1498,27 @@ const PillMenuTrigger = React.forwardRef(
                       }
                     }
                   },
-                  children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Cover, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, size: remapSize[size], ...trigger(), children: /* @__PURE__ */ jsxRuntime.jsx("button", { children: /* @__PURE__ */ jsxRuntime.jsx(IconPlus, {}) }) }) })
+                  children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Cover, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, size: remapSize[size], ...trigger(), children: /* @__PURE__ */ jsxRuntime.jsx("button", { children: /* @__PURE__ */ jsxRuntime.jsx(IconPlus, {}) }) }) })
                 }
               ) }, "trigger")
             ] })
           ] })
         }
       ),
-      menuSize === "sm" && /* @__PURE__ */ jsxRuntime.jsx(Calendar.PopoverAnchor, { staticRef: innerRef })
+      menuSize === "sm" && /* @__PURE__ */ jsxRuntime.jsx(Flex.PopoverAnchor, { staticRef: innerRef })
     ] });
   }
 );
 PillMenuTrigger.displayName = "@optiaxiom/react/PillMenuTrigger";
 
-var control = Calendar.recipeRuntime({base:[{bg:'transparent'},'_1sdbi9y']});
-var fillValue = 'var(--mwwvzf)';
-var mark = Calendar.recipeRuntime({base:[{transition:'colors'},'xlzcxx'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
-var markValue = 'var(--oypbo9)';
-var range = Calendar.recipeRuntime({base:[{h:'full',rounded:'inherit'},'ix1n6c']});
-var root = Calendar.recipeRuntime({base:['_9rxw3q',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'hve022'],variants:{marks:{false:{},true:{mb:'24'}},size:{md:{h:'md'},lg:{h:'lg'}}}});
-var thumb = Calendar.recipeRuntime({base:[{border:'1',rounded:'full',shadow:'sm',size:'xs'},'_1rpod8y']});
-var track = Calendar.recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'_1kz0de0']});
+var control = Flex.recipeRuntime({base:[{bg:'transparent'},'_1w5q6li']});
+var fillValue = 'var(--e3i5yk)';
+var mark = Flex.recipeRuntime({base:[{transition:'colors'},'_1ukdswz'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
+var markValue = 'var(--_69t3tb)';
+var range = Flex.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1k7japc']});
+var root = Flex.recipeRuntime({base:['_1aw5q9s',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'lu3b3h'],variants:{marks:{false:{},true:{mb:'24'}},size:{md:{h:'md'},lg:{h:'lg'}}}});
+var thumb = Flex.recipeRuntime({base:[{border:'1',rounded:'full',shadow:'sm',size:'xs'},'_1pnz5st']});
+var track = Flex.recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'_7sujje']});
 
 const useTooltipState = () => {
   const [tooltipOpen, setTooltipOpen] = React.useState(false);
@@ -1424,8 +1556,8 @@ const Range = React.forwardRef(
     value: valueProp,
     ...props
   }, ref) => {
-    const { boxProps, restProps } = Calendar.extractBoxProps(props);
-    const { descriptionId, error, errorId, inputId } = Calendar.useFieldContext(
+    const { boxProps, restProps } = Flex.extractBoxProps(props);
+    const { descriptionId, error, errorId, inputId } = Flex.useFieldContext(
       "@optiaxiom/react/Range"
     );
     const [value, setValue] = reactUseControllableState.useControllableState({
@@ -1438,33 +1570,33 @@ const Range = React.forwardRef(
     const [tooltipOpen, setTooltipOpen] = useTooltipState();
     const isPointerInsideRef = React.useRef(false);
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      Calendar.Box,
+      Flex.Box,
       {
         "data-disabled": disabled ? "" : void 0,
         ...root({ marks: !!marks, size }, className),
         ...boxProps,
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs(
-            Calendar.Box,
+            Flex.Box,
             {
               style: dynamic.assignInlineVars({
                 [fillValue]: fillValue$1
               }),
               ...track(),
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ...range() }),
+                /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { ...range() }),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  Calendar.Tooltip,
+                  Flex.Tooltip,
                   {
                     content: getLabel(value),
                     disabled: disabled || !showTooltip,
                     disableHoverableContent: true,
                     open: tooltipOpen,
-                    children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ...thumb() })
+                    children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { ...thumb() })
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  Calendar.Box,
+                  Flex.Box,
                   {
                     "aria-describedby": errorId || descriptionId ? clsx(errorId, descriptionId) : void 0,
                     "aria-disabled": disabled,
@@ -1524,7 +1656,7 @@ const Range = React.forwardRef(
               value: mark
             } : mark
           ).map((mark$1) => /* @__PURE__ */ jsxRuntime.jsx(
-            Calendar.Box,
+            Flex.Box,
             {
               onClick: () => {
                 if (!disabled) {
@@ -1580,7 +1712,7 @@ const Sortable = React.forwardRef(
         onDragStart: () => {
           setItemsState(itemsProp ?? []);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx(SortableProvider, { cacheRef, isSorting: itemsState !== null, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { flexDirection: "column", gap: "16", ...props, ref, children: children?.(items) }) })
+        children: /* @__PURE__ */ jsxRuntime.jsx(SortableProvider, { cacheRef, isSorting: itemsState !== null, children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Group, { flexDirection: "column", gap: "16", ...props, ref, children: children?.(items) }) })
       }
     );
   }
@@ -1603,12 +1735,12 @@ const SortableGroup = React.forwardRef(
       type: "group"
     });
     const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
-    return /* @__PURE__ */ jsxRuntime.jsx(SortableGroupProvider, { id, setHasDropTarget, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Group, { flexDirection: "column", gap: "16", ref, ...props, children: typeof children === "function" ? children(isDropTarget || hasDropTarget) : children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(SortableGroupProvider, { id, setHasDropTarget, children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Group, { flexDirection: "column", gap: "16", ref, ...props, children: typeof children === "function" ? children(isDropTarget || hasDropTarget) : children }) });
   }
 );
 SortableGroup.displayName = "@optiaxiom/react/SortableGroup";
 
-var handle = Calendar.recipeRuntime({base:'_8v7j8q'});
+var handle = Flex.recipeRuntime({base:'_1qkyinr'});
 
 const [SortableItemProvider, useSortableItemContext] = reactContext.createContext("@optiaxiom/react/SortableItem");
 
@@ -1619,7 +1751,7 @@ const SortableHandle = React.forwardRef(
     );
     const ref = reactComposeRefs.useComposedRefs(handleRef, outerRef);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Box,
+      Flex.Box,
       {
         "aria-label": "draggable",
         "data-state": isDragging ? "active" : void 0,
@@ -1633,7 +1765,7 @@ const SortableHandle = React.forwardRef(
 );
 SortableHandle.displayName = "@optiaxiom/react/SortableHandle";
 
-var item = Calendar.recipeRuntime({base:'f93rg0',variants:{handle:{false:{},true:'ezv300'}}});
+var item = Flex.recipeRuntime({base:'_12r5inp',variants:{handle:{false:{},true:'_1iox7e7'}}});
 
 const SortableItem = React.forwardRef(
   ({ children, className, index, item: id, ...props }, outerRef) => {
@@ -1669,7 +1801,7 @@ const SortableItem = React.forwardRef(
       cacheRef.current.set(id, children);
     }
     return /* @__PURE__ */ jsxRuntime.jsx(SortableItemProvider, { handleRef, isDragging, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Box,
+      Flex.Box,
       {
         "data-sortable-dragging": isDragging ? "" : void 0,
         ref,
@@ -1683,20 +1815,20 @@ const SortableItem = React.forwardRef(
 SortableItem.displayName = "@optiaxiom/react/SortableItem";
 
 function Spotlight({ children, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Menu, { inputVisible: "always", size: "lg", ...props, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(Flex.Menu, { inputVisible: "always", size: "lg", ...props, children });
 }
 Spotlight.displayName = "@optiaxiom/react/Spotlight";
 
 const SpotlightContent = React.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.MenuContent, { "aria-label": "Quick search", ref, ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(Flex.MenuContent, { "aria-label": "Quick search", ref, ...props });
 });
 SpotlightContent.displayName = "@optiaxiom/react/SpotlightContent";
 
 const DEFAULT_HOTKEY = "mod+K";
 const SpotlightTrigger = React.forwardRef(({ children, ...props }, ref) => {
-  const { open, setOpen } = Calendar.useMenuContext("@optiaxiom/react/SpotlightTrigger");
+  const { open, setOpen } = Flex.useMenuContext("@optiaxiom/react/SpotlightTrigger");
   useHotkeys([[DEFAULT_HOTKEY, () => setOpen(!open)]]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.MenuTrigger, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconMagnifyingGlass, {}), children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { color: "fg.tertiary", children }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Flex.MenuTrigger, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(Flex.IconMagnifyingGlass, {}), children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { color: "fg.tertiary", children }) }) });
 });
 SpotlightTrigger.displayName = "@optiaxiom/react/SpotlightTrigger";
 
@@ -1719,24 +1851,24 @@ function formatDate(date, { showDate = true, showTime = false }) {
 
 const Time = React.forwardRef(
   ({ date, showDate = true, showTime, ...props }, ref) => {
-    const { boxProps, restProps } = Calendar.extractBoxProps(props);
+    const { boxProps, restProps } = Flex.extractBoxProps(props);
     if (typeof date === "string") {
       date = new Date(date);
     }
     const value = formatDate(date, { showDate, showTime });
-    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: date.toISOString(), ref, ...restProps, children: value }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { asChild: true, ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: date.toISOString(), ref, ...restProps, children: value }) });
   }
 );
 Time.displayName = "@optiaxiom/react/Time";
 
-exports.Calendar = Calendar.Calendar;
-exports.DataTableHeaderCell = Calendar.DataTableHeaderCell;
-exports.SuggestionAlert = Calendar.SuggestionAlert;
-exports.SuggestionPopover = Calendar.SuggestionPopover;
-exports.VisuallyHidden = Calendar.VisuallyHidden;
-exports.createDialogKit = Calendar.createDialogKit;
-exports.dialogkit = Calendar.dialogkit;
-exports.useSurface = Calendar.useSurface;
+exports.Calendar = Flex.Calendar;
+exports.DataTableHeaderCell = Flex.DataTableHeaderCell;
+exports.SuggestionAlert = Flex.SuggestionAlert;
+exports.SuggestionPopover = Flex.SuggestionPopover;
+exports.VisuallyHidden = Flex.VisuallyHidden;
+exports.createDialogKit = Flex.createDialogKit;
+exports.dialogkit = Flex.dialogkit;
+exports.useSurface = Flex.useSurface;
 Object.defineProperty(exports, "SurfaceProvider", {
   enumerable: true,
   get: function () { return globals.unstable_SurfaceProvider; }
@@ -1749,6 +1881,7 @@ exports.DetailsPanelFooter = DetailsPanelFooter;
 exports.DetailsPanelHeader = DetailsPanelHeader;
 exports.FileUpload = FileUpload;
 exports.FileUploadDropzone = FileUploadDropzone;
+exports.FileUploadList = FileUploadList;
 exports.FileUploadTrigger = FileUploadTrigger;
 exports.Highlight = Highlight;
 exports.HoverCard = HoverCard;