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

package/dist/cjs/unstable.js

@@ -1,113 +1,114 @@
 "use client";
 'use strict';
 
-var Calendar = require('./Calendar-B4iXXW7F.js');
+var Flex = require('./Flex-Bu08zHLk.js');
 var jsxRuntime = require('react/jsx-runtime');
 var icons = require('@optiaxiom/icons');
 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-CjfsrNSJ.css');
-require('./assets/src/details-panel/DetailsPanel.css.ts.vanilla-ZeMgCXCL.css');
+require('./assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css');
+require('./assets/src/details-panel/DetailsPanel.css.ts.vanilla-DCIU9tse.css');
 var reactContext = require('@radix-ui/react-context');
-require('./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-rOtMIP_w.css');
-require('./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-CDYHRipx.css');
+require('./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-q5IAEiR-.css');
+require('./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-BeTuvWJX.css');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
-require('./assets/src/file-upload/FileUpload.css.ts.vanilla-B4SwpnKD.css');
-require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-Yhwid_II.css');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-BJhoBT6q.css');
+require('./assets/src/file-upload/FileUpload.css.ts.vanilla-FF9KMBtP.css');
+require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-7yqOEnoD.css');
+var globals = require('@optiaxiom/globals');
+require('./assets/src/file-upload/FileUploadListItem.css.ts.vanilla-BoY7mk02.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-CbRvOwcj.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-D6LUaLHQ.css');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla-CTRM7GAQ.css');
+require('./assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-C8kXqfhu.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-BzKlDoTt.css');
 var ResizablePrimitive = require('react-resizable-panels');
-require('./assets/src/resizable/ResizableHandle.css.ts.vanilla-Y5563t5A.css');
-require('./assets/src/layout/Layout.css.ts.vanilla-BgbcsS5C.css');
-require('./assets/src/layout/LayoutContent.css.ts.vanilla-CXXoFgat.css');
-require('./assets/src/pill/Pill.css.ts.vanilla-DhzQKLp9.css');
+require('./assets/src/resizable/ResizableHandle.css.ts.vanilla-C7TAe6Fi.css');
+require('./assets/src/layout/Layout.css.ts.vanilla-B6nqRbSx.css');
+require('./assets/src/layout/LayoutContent.css.ts.vanilla-BY9zukZG.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-JJDTGc7a.css');
 var RadixRovingFocus = require('@radix-ui/react-roving-focus');
-require('./assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-Ch707-Ke.css');
+require('./assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-jvFlCv_Q.css');
 var dynamic = require('@vanilla-extract/dynamic');
-require('./assets/src/range/Range.css.ts.vanilla-7fgDSEzn.css');
+require('./assets/src/range/Range.css.ts.vanilla-B8GA6cmP.css');
 var helpers = require('@dnd-kit/helpers');
 var react = require('@dnd-kit/react');
-require('./assets/src/sortable/SortableHandle.css.ts.vanilla-XMNVbhww.css');
+require('./assets/src/sortable/SortableHandle.css.ts.vanilla-GNsMifqS.css');
 var sortable = require('@dnd-kit/react/sortable');
-require('./assets/src/sortable/SortableItem.css.ts.vanilla-B5extLTv.css');
-var globals = require('@optiaxiom/globals');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-BT8TF_yl.css');
+require('./assets/src/sortable/SortableItem.css.ts.vanilla-Bm12YtKU.css');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-61m2ocHD.css');
 require('downshift');
-require('./assets/src/input/Input.css.ts.vanilla-REVNUfeU.css');
-require('./assets/src/input/InputControl.css.ts.vanilla-fv8xFx5v.css');
-require('./assets/src/button/ButtonGroup.css.ts.vanilla-aK308P49.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-CDZ_fa_W.css');
-require('./assets/src/command/CommandItem.css.ts.vanilla-CHXAB_98.css');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-BEfNIGkI.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/button/ButtonGroup.css.ts.vanilla-Dkf05E3Y.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('use-sync-external-store/shim');
-require('./assets/src/button/ButtonGroup.css.ts.vanilla-aK308P49.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-D8Z_m5kh.css');
-require('./assets/src/dialog/DialogContent.css.ts.vanilla-Y3OrOsSn.css');
-require('./assets/src/dialog/DialogFooter.css.ts.vanilla-CmlxxS2N.css');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-Dql8q7Fe.css');
-require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-NXhVULRJ.css');
-require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-DsyGBMi2.css');
-require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-yjnMd_eL.css');
-require('./assets/src/button/ButtonGroup.css.ts.vanilla-aK308P49.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-kzxu3MdU.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-DCq-y0_u.css');
-require('./assets/src/table/Table.css.ts.vanilla-B1Mcrfjm.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-BwsJfRaT.css');
-require('./assets/src/table/TableRow.css.ts.vanilla-BPRD8lJ4.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-BDwTP7DA.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla-Dfd0uBuo.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-C5HjJZf6.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-CdCq3hSq.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/cover/Cover.css.ts.vanilla-BZ_wZ-tp.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/TableRow.css.ts.vanilla-CAlUGkIg.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-CnCa-4tV.css');
-require('./assets/src/box/Box.css.ts.vanilla-D9S-5aMb.css');
 require('@radix-ui/react-popper');
 require('@radix-ui/react-avatar');
-require('./assets/src/button/ButtonGroup.css.ts.vanilla-aK308P49.css');
-require('./assets/src/avatar/Avatar.css.ts.vanilla-CLs037UM.css');
+require('./assets/src/button/ButtonGroup.css.ts.vanilla-Dkf05E3Y.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-Ccs1TcPz.css');
 require('@radix-ui/react-visually-hidden');
-require('./assets/src/listbox/Listbox.css.ts.vanilla-tA0kT7Wr.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-BAmCsSGt.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-Di_XYSJU.css');
-require('./assets/src/icon/Icon.css.ts.vanilla-JxsofU4C.css');
-require('./assets/src/button/ButtonIcon.css.ts.vanilla-Dq5PvxSU.css');
-require('./assets/src/text/Text.css.ts.vanilla-BFPuoXJ8.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-CURVeGu0.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-Ci-0wFa5.css');
-require('./assets/src/alert/Alert.css.ts.vanilla-Cj-43OHe.css');
+require('./assets/src/listbox/Listbox.css.ts.vanilla-CN5GZN1V.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-BX2hyZhm.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-DUIqu8pq.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-BlwAW1hW.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-EcJZMogl.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('@tanstack/react-virtual');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-BwAJNsiS.css');
-require('./assets/src/button/ButtonGroup.css.ts.vanilla-aK308P49.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-BM9-6W7t.css');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CPkzFcUA.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-Ct63lVNr.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-DmLY-J84.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-Cag6oKCA.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-CD1BbBXo.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/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-DyNlQ9Na.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-tEhGgGEE.css');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-0BctvvBz.css');
-require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-BeZ17YAW.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-DoSP-aty.css');
-require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-OentDDmP.css');
-require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-wzNnhjpd.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);
@@ -233,7 +234,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.`
@@ -253,13 +254,13 @@ 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(),
@@ -273,7 +274,7 @@ function DataTableExpandableCell({
         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()
   ] });
 }
@@ -282,11 +283,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',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'_1w4zovi']});
+var root$3 = Flex.recipeRuntime({base:[{bg:'bg.default',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'_1o0egou']});
 
 const [DetailsPanelProvider, useDetailsPanelContext] = reactContext.createContext("@optiaxiom/react/DetailsPanel");
 
@@ -297,7 +298,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,
@@ -314,7 +315,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",
@@ -329,24 +330,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'},'_1jszgbr']});
+var footer = Flex.recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'_1fej6nl']});
 
 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'},'_1u2l1jl']});
+var header = Flex.recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'lyg149']});
 
 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",
@@ -356,16 +357,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)
         }
       )
     ] }) });
@@ -373,7 +374,7 @@ const DetailsPanelHeader = React.forwardRef(
 );
 DetailsPanelHeader.displayName = "@optiaxiom/react/DetailsPanelHeader";
 
-var upload = Calendar.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1gexr95']});
+var upload = Flex.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_10c28v1']});
 
 const [FileUploadProvider, useFileUploadContext] = reactContext.createContext("@optiaxiom/react/FileUpload");
 
@@ -390,15 +391,15 @@ 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";
 
-var dropzone = Calendar.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',flexDirection:'column',gap:'16',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'_185gkog'],variants:{drag:{false:{},true:['mshrqe']},hidden:{false:'qo0z85',true:'i1g3f'},overlay:{false:{flex:'1'},true:[{z:'10'},'_1q414eb']}}});
-var label = Calendar.recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'_1hfrarg'}}});
+var dropzone = Flex.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',flexDirection:'column',gap:'16',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'cizvbx'],variants:{drag:{false:{},true:['qa3b6a']},hidden:{false:'_1rcq4yc',true:'ss1w8l'},overlay:{false:{flex:'1'},true:[{z:'10'},'_1giaoei']}}});
+var label = Flex.recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'_3fcvgh'}}});
 
 const useFileUploadTrigger = () => {
   const { inputRef } = useFileUploadContext(
@@ -411,13 +412,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,
@@ -429,6 +430,7 @@ const FileUploadTrigger = React.forwardRef(({ asChild, children, onClick, ...pro
         open();
       },
       ref,
+      ...asChild ? {} : { type: "button" },
       ...restProps,
       children: children || "Select files"
     }
@@ -540,7 +542,7 @@ const useFileUploadDrop = ({
   const { accept, disabled, onFilesDrop } = useFileUploadContext(
     "@optiaxiom/react/useFileUploadDrop"
   );
-  const auth = Calendar.useAuthContext();
+  const auth = Flex.useAuthContext();
   return {
     ...props,
     onDragOver: (event) => {
@@ -561,7 +563,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(
@@ -583,9 +591,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;
+        })
       );
     }
   };
@@ -619,6 +633,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;
@@ -702,7 +721,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),
@@ -716,7 +735,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,
@@ -732,10 +751,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(icons.IconUpload, {}) }),
-            /* @__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(icons.IconUpload, {}) }),
+            /* @__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, {}))
         ]
@@ -745,7 +764,90 @@ const FileUploadDropzone = React.forwardRef(
 );
 FileUploadDropzone.displayName = "@optiaxiom/react/FileUploadDropzone";
 
-var mark$1 = Calendar.recipeRuntime({base:'iqab0v'});
+var item$1 = Flex.recipeRuntime({base:[{alignItems:'center',flexDirection:'row',fontSize:'md',gap:'6',p:'6',rounded:'md',transition:'colors'},'_11drzbb']});
+var name = Flex.recipeRuntime({base:[{rounded:'md',textAlign:'start'},'_1n662wl']});
+
+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(icons.IconCircleExclamation, { filled: true }) }) : 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(icons.IconFile, { filled: true }) }),
+    /* @__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(icons.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:'st10lu'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -770,8 +872,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)) });
   }
 );
@@ -823,13 +925,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",
@@ -859,16 +961,16 @@ const HoverCardContent = React.forwardRef(
 );
 HoverCardContent.displayName = "@optiaxiom/react/HoverCardContent";
 
-var trigger$1 = Calendar.recipeRuntime({base:'_19woysl'});
+var trigger$1 = Flex.recipeRuntime({base:'_12fol03'});
 
 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:'nyvk08',variants:{empty:{false:{},true:'dih4m'}}});
-var input = Calendar.recipeRuntime({base:'_18g69dp'});
+var editor = Flex.recipeRuntime({base:'_1nt7e2c',variants:{empty:{false:{},true:'hd9ztd'}}});
+var input = Flex.recipeRuntime({base:'_3ogo8j'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -908,8 +1010,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,
@@ -955,11 +1057,11 @@ const Resizable = ({ ...props }) => {
 };
 Resizable.displayName = "@optiaxiom/react/Resizable";
 
-var handle$1 = Calendar.recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'_154obv5']});
-var root$2 = Calendar.recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'jl4jz8']});
+var handle$1 = Flex.recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'_118iqch']});
+var root$2 = Flex.recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'mg9jeu']});
 
 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";
 
@@ -968,7 +1070,7 @@ const ResizablePanel = ({ ...props }) => {
 };
 ResizablePanel.displayName = "@optiaxiom/react/ResizablePanel";
 
-var layout = Calendar.recipeRuntime({base:[{bg:'bg.default',display:'flex',flexDirection:'column',fontSize:'md'},'_18tabg0'],variants:{size:{full:'_6kxlra',screen:'_16gwsw'}}});
+var layout = Flex.recipeRuntime({base:[{bg:'bg.default',display:'flex',flexDirection:'column',fontSize:'md'},'vw95ow'],variants:{size:{full:'dkfe9t',screen:'a7j5cv'}}});
 
 const Layout = React.forwardRef(
   ({
@@ -981,19 +1083,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 })
         ] })
       ] })
     ] });
@@ -1001,12 +1103,12 @@ const Layout = React.forwardRef(
 );
 Layout.displayName = "@optiaxiom/react/Layout";
 
-var content = Calendar.recipeRuntime({base:[{bg:'bg.page',flexDirection:'column',gap:'16',m:'4',ml:'0',overflow:'auto',px:'32',py:'24',rounded:'lg'},'qlhey5']});
+var content = Flex.recipeRuntime({base:[{bg:'bg.page',flexDirection:'column',gap:'16',m:'4',ml:'0',overflow:'auto',px:'32',py:'24',rounded:'lg'},'_4f5m6z']});
 
 const LayoutContent = React.forwardRef(
   ({ children, className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar.Group,
+      Flex.Group,
       {
         ref,
         tabIndex: 0,
@@ -1019,7 +1121,7 @@ const LayoutContent = React.forwardRef(
 );
 LayoutContent.displayName = "@optiaxiom/react/LayoutContent";
 
-var pill = Calendar.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontFamily:'mono',fontSize:'sm',gap:'4',px:'6',rounded:'md',textTransform:'uppercase',transition:'colors',whiteSpace:'nowrap'},'_1ctzzty'],variants:{interactive:{false:{},true:'v20b'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
+var pill = Flex.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontFamily:'mono',fontSize:'sm',gap:'4',px:'6',rounded:'md',textTransform:'uppercase',transition:'colors',whiteSpace:'nowrap'},'_1tclj2u'],variants:{interactive:{false:{},true:'gfu6pq'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Slot$2 = reactSlot.createSlot("@optiaxiom/react/Pill");
 const Pill = React.forwardRef(
@@ -1035,9 +1137,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,
@@ -1066,8 +1168,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(icons.IconXmark, {}) })
+              /* @__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(icons.IconXmark, {}) })
             ]
           }
         )
@@ -1079,7 +1181,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";
@@ -1110,9 +1212,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,
@@ -1141,7 +1243,7 @@ const PillMenu = React.forwardRef(
         ),
         placeholder,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Calendar.Box,
+          Flex.Box,
           {
             alignItems: value.length ? void 0 : "start",
             display: "flex",
@@ -1160,15 +1262,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
 }));
 
@@ -1176,7 +1278,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)) {
@@ -1201,9 +1303,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";
@@ -1214,9 +1316,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";
@@ -1226,11 +1328,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: () => {
@@ -1242,7 +1344,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) {
@@ -1260,16 +1362,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'},'_1fmkf9f'],variants:{size:{md:'_1xtadh4',lg:'_1cdg3on'}}});
-var trigger = Calendar.recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'nh8a4v']});
-var wrapper = Calendar.recipeRuntime({base:'_11st1p6'});
+var root$1 = Flex.recipeRuntime({base:[{border:'1',rounded:'md',transition:'colors'},'n269yg'],variants:{size:{md:'bskbsm',lg:'_1akv5kc'}}});
+var trigger = Flex.recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'_15pv4sj']});
+var wrapper = Flex.recipeRuntime({base:'_1kysjnw'});
 
 const remapSize = {
   md: "xs",
@@ -1278,15 +1380,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,
         {
@@ -1310,7 +1412,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(
@@ -1322,7 +1424,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,
@@ -1333,7 +1435,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
@@ -1342,27 +1444,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(icons.IconPlus, { size: "16" }) }) }) })
+                  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(icons.IconPlus, { size: "16" }) }) }) })
                 }
               ) }, "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'},'_1axl45n']});
-var fillValue = 'var(--_17vj1m7)';
-var mark = Calendar.recipeRuntime({base:[{transition:'colors'},'iavitg'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
-var markValue = 'var(--_1lmfnb1)';
-var range = Calendar.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1wfb2cd']});
-var root = Calendar.recipeRuntime({base:['_1kdoa69',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'ua2y7e'],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'},'sq3kao']});
-var track = Calendar.recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'x5u9mt']});
+var control = Flex.recipeRuntime({base:[{bg:'transparent'},'_9p2iiz']});
+var fillValue = 'var(--_16voyf9)';
+var mark = Flex.recipeRuntime({base:[{transition:'colors'},'_1x7eurg'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
+var markValue = 'var(--_183n2h1)';
+var range = Flex.recipeRuntime({base:[{h:'full',rounded:'inherit'},'q0p3m6']});
+var root = Flex.recipeRuntime({base:['_18t796r',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'_1rq7w9a'],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'},'oml9ra']});
+var track = Flex.recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'y8s314']});
 
 const useTooltipState = () => {
   const [tooltipOpen, setTooltipOpen] = React.useState(false);
@@ -1400,8 +1502,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({
@@ -1414,33 +1516,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,
@@ -1500,7 +1602,7 @@ const Range = React.forwardRef(
               value: mark
             } : mark
           ).map((mark$1) => /* @__PURE__ */ jsxRuntime.jsx(
-            Calendar.Box,
+            Flex.Box,
             {
               onClick: () => {
                 if (!disabled) {
@@ -1556,7 +1658,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) }) })
       }
     );
   }
@@ -1579,12 +1681,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:'ivoofn'});
+var handle = Flex.recipeRuntime({base:'_8by17z'});
 
 const [SortableItemProvider, useSortableItemContext] = reactContext.createContext("@optiaxiom/react/SortableItem");
 
@@ -1595,7 +1697,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,
@@ -1609,7 +1711,7 @@ const SortableHandle = React.forwardRef(
 );
 SortableHandle.displayName = "@optiaxiom/react/SortableHandle";
 
-var item = Calendar.recipeRuntime({base:'_1wmc2ha',variants:{handle:{false:{},true:'_17iswos'}}});
+var item = Flex.recipeRuntime({base:'_17tojyu',variants:{handle:{false:{},true:'lx9ooj'}}});
 
 const SortableItem = React.forwardRef(
   ({ children, className, index, item: id, ...props }, outerRef) => {
@@ -1645,7 +1747,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,
@@ -1659,20 +1761,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(icons.IconSearch, {}), 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(icons.IconSearch, {}), children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { color: "fg.tertiary", children }) }) });
 });
 SpotlightTrigger.displayName = "@optiaxiom/react/SpotlightTrigger";
 
@@ -1695,24 +1797,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; }
@@ -1725,6 +1827,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;