@optiaxiom/react 1.5.12 → 1.6.0

package/dist/cjs/unstable.js

@@ -1,97 +1,93 @@
 "use client";
 'use strict';
 
+var Calendar = require('./Calendar-DeFvN9Q7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var reactId = require('@radix-ui/react-id');
 var reactSlot = require('@radix-ui/react-slot');
 var React = require('react');
-var IconMagnifyingGlass = require('./IconMagnifyingGlass-D8vtCTv8.js');
-require('./assets/src/layers/layers.css.ts.vanilla-BpEx1Goo.css');
-require('./assets/src/aside/Aside.css.ts.vanilla-D8I9LruE.css');
+require('./assets/src/layers/layers.css.ts.vanilla-HAbbH3QD.css');
+require('./assets/src/details-panel/DetailsPanel.css.ts.vanilla-DbyfuQZW.css');
 var reactContext = require('@radix-ui/react-context');
-require('./assets/src/aside/AsideFooter.css.ts.vanilla-y8yDI0fr.css');
-require('./assets/src/aside/AsideHeader.css.ts.vanilla-CejzEB0N.css');
-var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
-var downshift = require('downshift');
-var reactComposeRefs = require('@radix-ui/react-compose-refs');
-var clsx = require('clsx');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-BWnEzB-t.css');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-DMBizVVP.css');
-require('./assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-uXvMcI8t.css');
-require('./assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-FhBweSZC.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-a4tx-RQ7.css');
-require('./assets/src/card/Card.css.ts.vanilla-MbnD7gBb.css');
-require('./assets/src/card/CardCheckbox.css.ts.vanilla-B3KEO8ug.css');
-require('./assets/src/card/CardHeader.css.ts.vanilla-OdMImZCz.css');
-require('./assets/src/card/CardPreview.css.ts.vanilla-BCx-HNHX.css');
+require('./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-B9PeAY2B.css');
+require('./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-0tNwGZhH.css');
 var reactDropzone = require('react-dropzone');
-require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-B7ehcGlv.css');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-DHb3EFeq.css');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla-CppDo8A5.css');
+require('./assets/src/file-upload/FileUpload.css.ts.vanilla-DLM3eS_3.css');
+require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-DB6nbjFD.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-BMG9b1M6.css');
+var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-N7NyR1Nc.css');
 var ResizablePrimitive = require('react-resizable-panels');
-require('./assets/src/resizable/ResizableHandle.css.ts.vanilla-BNNhK72V.css');
-require('./assets/src/layout/Layouts.css.ts.vanilla-C554AxO9.css');
-require('./assets/src/pill/Pill.css.ts.vanilla-D3C3mWkw.css');
+require('./assets/src/resizable/ResizableHandle.css.ts.vanilla-DTSlJbIc.css');
+require('./assets/src/layout/Layout.css.ts.vanilla-C5ApP3eM.css');
+require('./assets/src/layout/LayoutContent.css.ts.vanilla-CuBfvR2E.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-B1Gt2jvi.css');
+var reactComposeRefs = require('@radix-ui/react-compose-refs');
+var RadixRovingFocus = require('@radix-ui/react-roving-focus');
 var helpers = require('@dnd-kit/helpers');
 var react = require('@dnd-kit/react');
-require('./assets/src/sortable/SortableHandle.css.ts.vanilla-BmPyewiH.css');
+require('./assets/src/sortable/SortableHandle.css.ts.vanilla-C5TcdosY.css');
 var sortable = require('@dnd-kit/react/sortable');
-require('./assets/src/sortable/SortableItem.css.ts.vanilla-av6KdyJG.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-K3l0nH6T.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-DTr9eRBE.css');
-require('./assets/src/table/Table.css.ts.vanilla-B5fXVTLH.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-YEb1Og4p.css');
-require('./assets/src/table/TableRow.css.ts.vanilla-BvEQe29g.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-BZhgU46E.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla-B625b2V0.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-BM0lcH63.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-Ct6nicA8.css');
-require('react-day-picker');
+require('./assets/src/sortable/SortableItem.css.ts.vanilla-a92ljo5W.css');
+require('clsx');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-iZtIHQzP.css');
+require('downshift');
+require('./assets/src/input/InputControl.css.ts.vanilla-hAFf3Mfl.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-DOGGV28d.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-CSO4MjY1.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-5hlCSUOo.css');
+require('@radix-ui/react-dialog');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-DOGGV28d.css');
+require('@vanilla-extract/dynamic');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-CALA90nz.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-D-n9WxBM.css');
+require('./assets/src/dialog/DialogFooter.css.ts.vanilla-XnfJ6MTr.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-DgNn_B8T.css');
+require('@radix-ui/react-popover');
 require('@radix-ui/react-popper');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-DOGGV28d.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-DoI8PDtf.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-Dd1TuHZH.css');
+require('./assets/src/table/Table.css.ts.vanilla-mnBYb5mY.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-DrVhKZm9.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-CNo7CnFy.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-C_6bLy2n.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-BycUL2yY.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-BPBrZX7v.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-pFZ2WwSF.css');
+require('react-day-picker');
+require('@optiaxiom/globals/fonts');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-BwCBaoVS.css');
+require('./assets/src/box/Box.css.ts.vanilla-C9Jp-afl.css');
 require('@optiaxiom/globals');
-require('@radix-ui/react-tooltip');
-require('./assets/src/calendar/Calendar.css.ts.vanilla-kMJUc7NJ.css');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-RZa63GHY.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-Br8fuywW.css');
-require('./assets/src/calendar/CalendarNav.css.ts.vanilla-CwDIoSC_.css');
-require('./assets/src/input/InputControl.css.ts.vanilla-BSTjbqi6.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-K3l0nH6T.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-DPGbXYA8.css');
-require('@radix-ui/react-popover');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-K3l0nH6T.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-C2jvsiCc.css');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-wVgUnaJz.css');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-Do3aVO0U.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-DLC3uNn3.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-DWVzcUNa.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla--JWwyvlJ.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-8phcKv_U.css');
+require('@radix-ui/react-visually-hidden');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-DOGGV28d.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-KCnQEoQ7.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CZ7-b0Xo.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-COjoWpaY.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-BApYZm7e.css');
+require('./assets/src/text/Text.css.ts.vanilla-DdHpTRFW.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-C6BcrKLW.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-D1JMNazk.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-DBrAoXht.css');
 require('@tanstack/react-virtual');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-C5usFFY5.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-BmPqyXXI.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-bFaHbs2i.css');
-require('@radix-ui/react-dialog');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-K3l0nH6T.css');
-require('@vanilla-extract/dynamic');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-DiBXDt_-.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-pSAuV9dj.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-Br1qBOsE.css');
 require('@radix-ui/react-dismissable-layer');
 require('@radix-ui/react-focus-guards');
 require('react-remove-scroll');
+require('./assets/src/transition/Transition.css.ts.vanilla-DKv9Opyw.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-Drfxjxm8.css');
 require('@radix-ui/react-portal');
-require('./assets/src/dialog/DialogContent.css.ts.vanilla-CRMcitky.css');
-require('./assets/src/dialog/DialogFooter.css.ts.vanilla-CNlvDxcq.css');
-require('./assets/src/text/Text.css.ts.vanilla-CBt1-R9H.css');
-require('@radix-ui/react-visually-hidden');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-CdzDxpmh.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-BG5to307.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-CYepgMdX.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-DaCr50R7.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-fwzto6JB.css');
-require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-BCr4StHC.css');
-require('./assets/src/box/Box.css.ts.vanilla-jA6luvmM.css');
-require('./assets/src/link/Link.css.ts.vanilla-DyhepTCa.css');
+require('@radix-ui/react-tooltip');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-NRfGpLC5.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-Bxh_ULm6.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-CQyBRIHZ.css');
+require('./assets/src/calendar/Calendar.css.ts.vanilla-BQyE5PQC.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-CjFgIpFk.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-DXXPZEhx.css');
+require('./assets/src/calendar/CalendarNav.css.ts.vanilla-CRkpsZDY.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -111,6 +107,7 @@ function _interopNamespaceDefault(e) {
 }
 
 var ResizablePrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(ResizablePrimitive);
+var RadixRovingFocus__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixRovingFocus);
 
 const keyNameMap = {
   " ": "space",
@@ -213,18 +210,18 @@ function useHotkeys(hotkeys, tagsToIgnore = ["INPUT", "TEXTAREA", "SELECT"], tri
   }, [hotkeys]);
 }
 
-var root$1 = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'_1i5ei9w']});
+var root$1 = Calendar.recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'_1urbzl2']});
 
-const [AsideProvider, useAsideContext] = reactContext.createContext("@optiaxiom/react/Aside");
+const [DetailsPanelProvider, useDetailsPanelContext] = reactContext.createContext("@optiaxiom/react/DetailsPanel");
 
-const Slot$1 = reactSlot.createSlot("@optiaxiom/react/Aside");
-const Aside = React.forwardRef(
+const Slot$2 = reactSlot.createSlot("@optiaxiom/react/DetailsPanel");
+const DetailsPanel = React.forwardRef(
   ({ asChild, children, className, ...props }, ref) => {
-    const Comp = asChild ? Slot$1 : "aside";
+    const Comp = asChild ? Slot$2 : "aside";
     const labelId = reactId.useId();
     const descriptionId = reactId.useId();
-    return /* @__PURE__ */ jsxRuntime.jsx(AsideProvider, { descriptionId, labelId, children: /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Box,
+    return /* @__PURE__ */ jsxRuntime.jsx(DetailsPanelProvider, { descriptionId, labelId, children: /* @__PURE__ */ jsxRuntime.jsx(
+      Calendar.Box,
       {
         "aria-describedby": descriptionId,
         "aria-labelledby": labelId,
@@ -237,35 +234,31 @@ const Aside = React.forwardRef(
     ) });
   }
 );
-Aside.displayName = "@optiaxiom/react/Aside";
+DetailsPanel.displayName = "@optiaxiom/react/DetailsPanel";
 
-const AsideBody = React.forwardRef(
-  ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { flex: "1", fontSize: "md", px: "16", ref, ...props, children });
-  }
-);
-AsideBody.displayName = "@optiaxiom/react/AsideBody";
+const DetailsPanelBody = React.forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { flex: "1", fontSize: "md", px: "16", ref, ...props, children });
+});
+DetailsPanelBody.displayName = "@optiaxiom/react/DetailsPanelBody";
 
-var footer = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'8',p:'16',pt:'8'},'_1mf1fzo']});
+var footer = Calendar.recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'8',p:'16',pt:'8'},'lgo3ha']});
 
-const AsideFooter = React.forwardRef(
-  ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ButtonProvider, { size: "lg", children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { ref, ...footer({}, className), ...props, children }) });
-  }
-);
-AsideFooter.displayName = "@optiaxiom/react/AsideFooter";
+const DetailsPanelFooter = React.forwardRef(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.ButtonProvider, { size: "lg", children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { ref, ...footer({}, className), ...props, children }) });
+});
+DetailsPanelFooter.displayName = "@optiaxiom/react/DetailsPanelFooter";
 
-var header$1 = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'bxb7pp']});
+var header = Calendar.recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'xxmqss']});
 
-const AsideHeader = React.forwardRef(
+const DetailsPanelHeader = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, description, ...props }, ref) => {
-    const { descriptionId, labelId } = useAsideContext(
-      "@optiaxiom/react/AsideHeader"
+    const { descriptionId, labelId } = useDetailsPanelContext(
+      "@optiaxiom/react/DetailsPanelHeader"
     );
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ButtonProvider, { size: "sm", children: /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Box, { ref, ...header$1({}, className), ...props, children: [
-      addonBefore && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { flexDirection: "row", gap: "8", children: addonBefore }),
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.ButtonProvider, { size: "sm", children: /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Box, { ref, ...header({}, className), ...props, children: [
+      addonBefore && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { flexDirection: "row", gap: "8", children: addonBefore }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        IconMagnifyingGlass.Heading,
+        Calendar.Heading,
         {
           flex: "1",
           fontSize: "lg",
@@ -275,1502 +268,206 @@ const AsideHeader = React.forwardRef(
           children
         }
       ),
-      addonAfter && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { flexDirection: "row", gap: "8", children: addonAfter }),
+      addonAfter && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { flexDirection: "row", gap: "8", children: addonAfter }),
       description && /* @__PURE__ */ jsxRuntime.jsx(
-        IconMagnifyingGlass.Text,
+        Calendar.Text,
         {
           asChild: true,
           color: "fg.secondary",
           fontSize: "sm",
           id: descriptionId,
           w: "full",
-          children: IconMagnifyingGlass.fallbackSpan(description)
+          children: Calendar.fallbackSpan(description)
         }
       )
     ] }) });
   }
 );
-AsideHeader.displayName = "@optiaxiom/react/AsideHeader";
-
-const resolveItemProperty = (property, ...context) => typeof property === "function" ? property(...context) : property;
-const [CommandProvider, useCommandContext] = reactContext.createContext("@optiaxiom/react/Command");
-
-const collator = new Intl.Collator(void 0, {
-  sensitivity: "base",
-  usage: "search"
-});
-function fuzzysearch(haystack, needle) {
-  const hlen = haystack.length;
-  const nlen = needle.length;
-  if (nlen > hlen) {
-    return false;
-  }
-  if (nlen === hlen) {
-    return collator.compare(needle, haystack) === 0;
-  }
-  outer:
-    for (let i = 0, j = 0; i < nlen; i++) {
-      const nch = needle.charAt(i);
-      while (j < hlen) {
-        if (collator.compare(haystack.charAt(j++), nch) === 0) {
-          continue outer;
-        }
-      }
-      return false;
-    }
-  return true;
-}
-function score(item, inputValue) {
-  if (!inputValue || item.skipFilterScoring) {
-    return 0;
-  }
-  const label = resolveItemProperty(item.label, { inputValue }).normalize().toLowerCase();
-  inputValue = inputValue.toLowerCase();
-  let score2 = 0;
-  if (label === inputValue) {
-    score2 = 1;
-  } else if (label.includes(inputValue)) {
-    score2 = 0.75;
-    if (label.startsWith(inputValue)) {
-      score2 += 0.1;
-    }
-  } else if (item.keywords?.toLowerCase().includes(inputValue)) {
-    score2 = 0.5;
-  }
-  if (item.parentOption) {
-    score2 -= -0.1;
-  }
-  return score2;
-}
-
-const useCommandItems = ({
-  inputValue,
-  options
-}) => {
-  const filterFn = IconMagnifyingGlass.useEffectEvent((item, inputValue2) => {
-    const string = resolveItemProperty(item.label, {
-      inputValue: inputValue2
-    }).normalize();
-    return "visible" in item ? resolveItemProperty(item.visible, { inputValue: inputValue2 }) : inputValue2 ? fuzzysearch(string, inputValue2) || item.keywords && fuzzysearch(item.keywords, inputValue2) : true;
-  });
-  return React.useMemo(() => {
-    const substring = (inputValue ?? "").normalize();
-    const callback = (parentOption) => (item) => {
-      return item.subOptions && substring ? resolveItemProperty(item.subOptions, { inputValue }).flatMap(
-        callback(item)
-      ) : filterFn(item, substring) ? [
-        parentOption ? {
-          ...item,
-          key: [
-            parentOption.key ?? resolveItemProperty(parentOption.label, {
-              inputValue
-            }),
-            item.key ?? resolveItemProperty(item.label, { inputValue })
-          ].join("-"),
-          parentOption
-        } : item
-      ] : [];
-    };
-    return options.flatMap(callback()).sort((a, b) => {
-      return (b.group?.priority ?? 0) + score(b, substring) - ((a.group?.priority ?? 0) + score(a, substring));
-    });
-  }, [options, filterFn, inputValue]);
-};
+DetailsPanelHeader.displayName = "@optiaxiom/react/DetailsPanelHeader";
 
-function Command({
-  children,
-  empty,
-  enabled,
-  inputValue: inputValueProp,
-  loading,
-  onHover,
-  onInputValueChange,
-  onSelect: onItemSelect,
-  options
-}) {
-  const [inputValue, setInputValue] = reactUseControllableState.useControllableState({
-    caller: "@optiaxiom/react/Command",
-    defaultProp: "",
-    onChange: onInputValueChange,
-    prop: inputValueProp
-  });
-  const items = useCommandItems({ inputValue, options });
-  const [highlightedIndex, setHighlightedIndex] = IconMagnifyingGlass.useHighlightedIndex(enabled);
-  const pauseInteractionRef = React.useRef({
-    isInsideTriangle: null,
-    timer: void 0
-  });
-  const highlightedItemRef = React.useRef(null);
-  const downshift$1 = downshift.useCombobox({
-    highlightedIndex: highlightedIndex === -1 ? items.findIndex((item) => !resolveItemProperty(item.disabledReason)) : highlightedIndex,
-    inputValue,
-    isItemDisabled: (item) => Boolean(resolveItemProperty(item?.disabledReason)),
-    isOpen: !!enabled,
-    items,
-    itemToString: (item) => item !== null ? resolveItemProperty(item.label, { inputValue }) : "",
-    onHighlightedIndexChange({ highlightedIndex: highlightedIndex2, type }) {
-      setHighlightedIndex(highlightedIndex2);
-      if (highlightedIndex2 !== -1) {
-        onHover?.(
-          items[highlightedIndex2],
-          type === downshift.useCombobox.stateChangeTypes.FunctionSetHighlightedIndex || type === downshift.useCombobox.stateChangeTypes.ItemMouseMove
-        );
-      }
-    },
-    onSelectedItemChange({ selectedItem, type }) {
-      if (type !== downshift.useCombobox.stateChangeTypes.InputBlur && selectedItem !== null) {
-        onItemSelect?.(selectedItem, {
-          dismiss: type !== downshift.useCombobox.stateChangeTypes.FunctionSelectItem || !("selected" in selectedItem)
-        });
-        downshift$1.selectItem(null);
-      }
-    },
-    scrollIntoView(node) {
-      node?.scrollIntoView({ block: "nearest" });
-    },
-    selectedItem: null,
-    stateReducer: (state, actionAndChanges) => {
-      const { changes, type } = actionAndChanges;
-      switch (type) {
-        case downshift.useCombobox.stateChangeTypes.InputBlur:
-        case downshift.useCombobox.stateChangeTypes.InputClick:
-        case downshift.useCombobox.stateChangeTypes.InputKeyDownEnter:
-        case downshift.useCombobox.stateChangeTypes.InputKeyDownEscape:
-        case downshift.useCombobox.stateChangeTypes.ItemClick:
-        case downshift.useCombobox.stateChangeTypes.MenuMouseLeave:
-          return {
-            ...changes,
-            /**
-             * Keep the selected option highlighted rather than resetting to -1
-             */
-            highlightedIndex: state.highlightedIndex
-          };
-        default:
-          return changes;
-      }
-    }
-  });
-  downshift$1.getInputProps({}, { suppressRefError: true });
-  downshift$1.getMenuProps({}, { suppressRefError: true });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    CommandProvider,
-    {
-      downshift: downshift$1,
-      empty,
-      enabled: Boolean(enabled),
-      highlightedItem: items[downshift$1.highlightedIndex],
-      highlightedItemRef,
-      inputValue,
-      items,
-      loading,
-      pauseInteractionRef,
-      setHighlightedIndex,
-      setInputValue,
-      children
-    }
-  );
-}
-Command.displayName = "@optiaxiom/react/Command";
+var upload = Calendar.recipeRuntime({base:[{color:'fg.default'},'_1qxv31l']});
 
-const CommandInput = React.forwardRef(
-  ({ onBlur, onKeyDown, size, ...props }, ref) => {
-    const { downshift, highlightedItem, highlightedItemRef, setInputValue } = useCommandContext("@optiaxiom/react/CommandInput");
-    const setInputValueStable = IconMagnifyingGlass.useEffectEvent(setInputValue);
-    React.useEffect(() => {
-      setInputValueStable("");
-    }, [setInputValueStable]);
-    const preventDownshiftBlurRef = React.useRef(false);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Input,
-      {
-        addonBefore: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconMagnifyingGlass, {}),
-        htmlSize: 1,
-        size,
-        ...downshift.getInputProps({
-          "aria-label": props.placeholder,
-          ref,
-          ...props,
-          onBlur: (event) => {
-            onBlur?.(event);
-            if (event.defaultPrevented) {
-              return;
-            }
-            if (preventDownshiftBlurRef.current) {
-              Object.assign(event, { preventDownshiftDefault: true });
-              preventDownshiftBlurRef.current = false;
-            }
-          },
-          onChange: (event) => {
-            setInputValue("value" in event.target ? event.target.value : "");
-          },
-          onKeyDown: (event) => {
-            onKeyDown?.(event);
-            if (event.defaultPrevented) {
-              return;
-            }
-            if (!(event.target instanceof HTMLInputElement)) {
-              return;
-            }
-            if (!highlightedItem) {
-              return;
-            }
-            if (!event.target.value && event.key === " ") {
-              event.preventDefault();
-              downshift.selectItem(highlightedItem);
-            } else if (event.key === "Enter") {
-              if (highlightedItemRef.current instanceof HTMLAnchorElement) {
-                const { view: _view, ...eventInit } = event;
-                event.preventDefault();
-                Object.assign(event, { preventDownshiftDefault: true });
-                preventDownshiftBlurRef.current = true;
-                highlightedItemRef.current.dispatchEvent(
-                  new MouseEvent("click", eventInit)
-                );
-              }
-            }
-          }
-        })
-      }
-    );
-  }
-);
-CommandInput.displayName = "@optiaxiom/react/CommandInput";
+const [FileUploadProvider, useFileUploadContext] = reactContext.createContext("@optiaxiom/react/FileUpload");
 
-const CommandItem = React.forwardRef(
-  ({
-    asChild,
-    children,
-    index,
-    item,
-    onClick,
-    onMouseLeave,
-    onMouseMove,
-    selected,
-    size,
-    ...props
-  }, outerRef) => {
-    const {
-      downshift,
-      enabled,
-      highlightedItem,
-      highlightedItemRef,
-      inputValue,
-      items,
-      pauseInteractionRef
-    } = useCommandContext("@optiaxiom/react/CommandItem");
-    const ref = reactComposeRefs.useComposedRefs(
-      highlightedItem === item ? highlightedItemRef : void 0,
-      outerRef
-    );
-    const itemProps = downshift.getItemProps({
-      "aria-posinset": index + 1,
-      "aria-selected": selected ?? resolveItemProperty(item.selected),
-      "aria-setsize": items.length,
-      item,
-      onClick: (event) => {
-        onClick?.(event);
-        if (event.currentTarget instanceof HTMLAnchorElement) {
-          if (event.altKey || event.metaKey || event.shiftKey) {
-            Object.assign(event, {
-              preventDownshiftDefault: true
-            });
-          } else {
-            if (item.execute) {
-              event.preventDefault();
-            }
-          }
-        }
-      },
-      onMouseLeave: (event) => {
-        onMouseLeave?.(event);
-        window.clearTimeout(pauseInteractionRef.current.timer);
-      },
-      onMouseMove: (event) => {
-        onMouseMove?.(event);
-        if (event.defaultPrevented) {
-          return;
-        }
-        if (!enabled || resolveItemProperty(item.disabledReason)) {
-          event.preventDefault();
-          Object.assign(event.nativeEvent, {
-            preventDownshiftDefault: true
-          });
-          return;
-        }
-        if (!pauseInteractionRef.current.isInsideTriangle) {
-          return;
-        }
-        if (pauseInteractionRef.current.isInsideTriangle({
-          x: event.clientX,
-          y: event.clientY
-        })) {
-          event.preventDefault();
-          Object.assign(event.nativeEvent, {
-            preventDownshiftDefault: true
-          });
-          window.clearTimeout(pauseInteractionRef.current.timer);
-          pauseInteractionRef.current.timer = window.setTimeout(() => {
-            pauseInteractionRef.current.isInsideTriangle = null;
-            downshift.setHighlightedIndex(index);
-          }, 20);
-        } else {
-          pauseInteractionRef.current.isInsideTriangle = null;
+const FileUpload = React.forwardRef(
+  ({ accept, children, className, onFilesDrop, ...props }, ref) => {
+    const { getInputProps, getRootProps, isDragActive, open } = reactDropzone.useDropzone({
+      accept,
+      noClick: true,
+      noKeyboard: true,
+      onDrop: (acceptedFiles) => {
+        if (acceptedFiles.length) {
+          onFilesDrop?.(acceptedFiles);
         }
-      },
-      ref,
-      ...props
+      }
     });
-    const detail = resolveItemProperty(item.detail, { inputValue });
     return /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Box,
+      FileUploadProvider,
       {
-        asChild,
-        "data-disabled": itemProps["aria-disabled"] ? "" : void 0,
-        "data-highlighted": highlightedItem === item ? "" : void 0,
-        size,
-        tabIndex: -1,
-        ...itemProps,
-        ...item.href && { href: item.href },
-        children: IconMagnifyingGlass.decorateChildren(
-          { asChild, children },
-          (children2) => children2 ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            item.parentOption && !item.parentOption.hiddenInSearchContext && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Text, { color: "fg.secondary", children: resolveItemProperty(item.parentOption.label, {
-                inputValue
-              }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, h: "10", w: "auto", children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconAngleRight, {}) })
-            ] }),
-            resolveItemProperty(item.label, { inputValue }),
-            detail && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Text, { color: "fg.secondary", flex: "1", children: detail })
-          ] })
-        )
+        getInputProps,
+        getRootProps,
+        isDragActive,
+        openFileDialog: open,
+        children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ref, ...upload({}, className), ...props, children })
       }
     );
   }
 );
-CommandItem.displayName = "@optiaxiom/react/CommandItem";
+FileUpload.displayName = "@optiaxiom/react/FileUpload";
 
-const CommandListbox = React.forwardRef(
-  ({ children, size, ...props }, ref) => {
-    const {
-      downshift,
-      highlightedItem,
-      highlightedItemRef,
-      inputValue,
-      items
-    } = useCommandContext("@optiaxiom/react/CommandListbox");
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.ListboxItemized,
-      {
-        highlightedItem,
-        items,
-        itemToKey: (item) => item.key ?? resolveItemProperty(item.label, { inputValue }),
-        onPlacedChange: (placed) => {
-          if (placed && highlightedItemRef.current) {
-            highlightedItemRef.current.scrollIntoView({ block: "nearest" });
-          }
-        },
-        size,
-        ...downshift.getMenuProps({ ref, ...props }),
-        children
-      }
-    );
-  }
+const IconFileImportSolid = Calendar.withIcon(
+  {
+    name: "IconFileImportSolid",
+    viewBox: "0 0 512 512"
+  },
+  // <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M128 64c0-35.3 28.7-64 64-64L352 0l0 128c0 17.7 14.3 32 32 32l128 0 0 288c0 35.3-28.7 64-64 64l-256 0c-35.3 0-64-28.7-64-64l0-112 174.1 0-39 39c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l80-80c9.4-9.4 9.4-24.6 0-33.9l-80-80c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l39 39L128 288l0-224zm0 224l0 48L24 336c-13.3 0-24-10.7-24-24s10.7-24 24-24l104 0zM512 128l-128 0L384 0 512 128z",
+      fill: "currentColor"
+    }
+  )
 );
-CommandListbox.displayName = "@optiaxiom/react/CommandListbox";
-
-const [MenuProvider, useMenuContext] = reactContext.createContext("@optiaxiom/react/Menu");
 
-function MenuPopover(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Popover, { ...props });
-}
-MenuPopover.displayName = "@optiaxiom/react/MenuPopover";
-
-const [MenuSubProvider, useMenuSubContext] = reactContext.createContext("@optiaxiom/react/MenuSub");
+var dropzone = Calendar.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',border:'1',fontSize:'md',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors',z:'10'},'icu0r6'],variants:{drag:{false:{},true:['_1cqzvag']},hidden:{false:'_6h6z4a',true:'w0itao'},overlay:{false:{},true:'gy68n6'}}});
 
-function Menu({
-  children,
-  defaultOpen = false,
-  inputValue: inputValueProp,
-  inputVisible: inputVisibleProp,
-  onInputValueChange,
-  onOpenChange,
-  open: openProp,
-  options: optionsProp,
-  placeholder = "Filter...",
-  size: sizeProp,
-  ...props
-}) {
-  const size = IconMagnifyingGlass.useResponsiveMatches({
-    base: "lg",
-    sm: sizeProp ?? "sm"
-  });
-  const Comp = size === "sm" ? MenuPopover : IconMagnifyingGlass.Dialog;
-  const [open, setOpen] = reactUseControllableState.useControllableState({
-    caller: "@optiaxiom/react/Menu",
-    defaultProp: defaultOpen,
-    onChange: onOpenChange,
-    prop: openProp
-  });
-  const [inputValue, setInputValue] = reactUseControllableState.useControllableState({
-    caller: "@optiaxiom/react/Menu",
-    defaultProp: "",
-    onChange: onInputValueChange,
-    prop: inputValueProp
-  });
-  const [activeItemStack, setActiveItemStack] = React.useState([]);
-  const [subMenuOpen, setSubMenuOpen] = React.useState(false);
-  React.useEffect(() => {
-    if (inputValue && size === "sm") {
-      setSubMenuOpen(false);
-    }
-  }, [inputValue, size]);
-  React.useEffect(() => {
-    if (size === "sm") {
-      if (!open) {
-        setSubMenuOpen(false);
-      }
-    } else {
-      if (open) {
-        setActiveItemStack(
-          (activeItemStack2) => activeItemStack2.length ? [] : activeItemStack2
-        );
-      }
-    }
-  }, [open, size]);
-  const contentRef = React.useRef(null);
-  const inputRef = React.useRef(null);
-  const itemRef = React.useRef(null);
-  const triggerRef = React.useRef(null);
-  const options = React.useMemo(
-    () => size === "sm" ? optionsProp.map((option) => ({
-      ...option,
-      label: option.subOptions ? resolveItemProperty(option.label, { inputValue }).replace(
-        "\u2026",
-        ""
-      ) : resolveItemProperty(option.label, { inputValue })
-    })) : activeItemStack.length ? activeItemStack.reduce((result, stackItem) => {
-      const stackKey = stackItem.key ?? resolveItemProperty(stackItem.label, { inputValue });
-      for (const resultItem of result) {
-        const resultKey = resultItem.key ?? resolveItemProperty(resultItem.label, { inputValue });
-        if (resultKey === stackKey) {
-          return resolveItemProperty(resultItem.subOptions, {
-            inputValue
-          }) ?? [];
-        }
-      }
-      throw new Error(`Could not find item: ${stackKey}`);
-    }, optionsProp) : optionsProp,
-    [activeItemStack, inputValue, optionsProp, size]
-  );
-  const hasSelectableItem = React.useMemo(
-    () => options.filter((item) => "selected" in item).length > options.length / 2,
-    [options]
-  );
-  const inputDefaultVisibleRef = React.useRef(hasSelectableItem);
-  inputDefaultVisibleRef.current = inputVisibleProp === "always" ? true : hasSelectableItem || false;
-  const [inputVisible, setInputVisible] = React.useState(
-    inputDefaultVisibleRef.current
+const Slot$1 = reactSlot.createSlot("@optiaxiom/react/FileUploadTrigger");
+const FileUploadTrigger = React.forwardRef(({ asChild, children, onClick, ...props }, ref) => {
+  const { boxProps, restProps } = Calendar.extractBoxProps(props);
+  const Comp = asChild ? Slot$1 : Calendar.Button;
+  const { openFileDialog } = useFileUploadContext(
+    "@optiaxiom/react/FileUploadTrigger"
   );
-  React.useEffect(() => {
-    if (inputValue) {
-      setInputVisible(true);
-    }
-  }, [inputValue]);
-  React.useEffect(() => {
-    if (open) {
-      setInputVisible(inputDefaultVisibleRef.current);
-    }
-  }, [open]);
-  React.useEffect(() => {
-    if (size === "lg") {
-      setInputVisible(inputDefaultVisibleRef.current);
-    }
-  }, [activeItemStack, size]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { onOpenChange: setOpen, open, children: /* @__PURE__ */ jsxRuntime.jsx(
-    MenuProvider,
+  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
     {
-      activeItemStack,
-      inputRef,
-      inputVisible,
-      onSelect: (item, { dismiss }) => {
-        item.execute?.({ dismiss, inputValue });
-        if (typeof openProp === "undefined" && dismiss) {
-          setOpen(false);
+      onClick: (event) => {
+        onClick?.(event);
+        if (event.defaultPrevented) {
+          return;
         }
+        openFileDialog();
       },
-      open,
-      placeholder: activeItemStack.length ? resolveItemProperty(
-        activeItemStack[activeItemStack.length - 1].label,
-        { inputValue }
-      ) : placeholder,
-      setActiveItemStack,
-      setOpen,
-      size,
-      triggerRef,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        Command,
-        {
-          enabled: open ? activeItemStack.length + 1 : false,
-          inputValue,
-          onHover: (item, pointer) => {
-            setSubMenuOpen(
-              pointer && (typeof item.subOptions === "function" || !!item.subOptions?.length)
-            );
-          },
-          onInputValueChange: setInputValue,
-          onSelect: (item, { dismiss }) => {
-            if (typeof item.subOptions === "function" || item.subOptions?.length) {
-              if (size === "lg") {
-                setActiveItemStack((stack) => [...stack ?? [], item]);
-              } else {
-                setSubMenuOpen(true);
-              }
-            } else {
-              item.execute?.({ dismiss, inputValue });
-              if (typeof openProp === "undefined" && dismiss) {
-                setOpen(false);
-              }
-            }
-          },
-          options,
-          ...props,
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            MenuSubProvider,
-            {
-              contentRef,
-              inputRef,
-              itemRef,
-              open: subMenuOpen,
-              setOpen: setSubMenuOpen,
-              children
-            }
-          )
-        }
-      )
+      ref,
+      ...restProps,
+      children: children || "Select files"
     }
   ) });
-}
-Menu.displayName = "@optiaxiom/react/Menu";
+});
+FileUploadTrigger.displayName = "@optiaxiom/react/FileUploadTrigger";
 
-var content$1 = IconMagnifyingGlass.recipeRuntime({base:'_5ah2yc'});
+const useDraggingOverBody = () => {
+  const [isDragging, setIsDragging] = React.useState(false);
+  const dropRef = React.useRef();
+  React.useEffect(() => {
+    const over = () => {
+      setIsDragging(true);
+      window.clearTimeout(dropRef.current);
+      dropRef.current = window.setTimeout(() => {
+        setIsDragging(false);
+      }, 100);
+    };
+    document.body.addEventListener("dragover", over);
+    return () => {
+      document.body.removeEventListener("dragover", over);
+    };
+  }, []);
+  return isDragging;
+};
 
-const MenuDialogContent = React.forwardRef(
+const FileUploadDropzone = React.forwardRef(
   ({
-    align: _align,
-    "aria-label": ariaLabel,
     children,
     className,
-    minW: _minW,
-    side: _side,
-    sideOffset: _sideOffset,
+    description,
+    label = "Drop your files here",
+    overlay,
     ...props
   }, ref) => {
-    const { labelId: fieldLabelId } = IconMagnifyingGlass.useFieldContext(
-      "@optiaxiom/react/MenuDialogContent"
+    const { getInputProps, getRootProps, isDragActive } = useFileUploadContext(
+      "@optiaxiom/react/FileUploadDropzone"
     );
-    const { triggerRef } = useMenuContext("@optiaxiom/react/MenuDialogContent");
-    const labelId = React.useId();
+    const isDraggingOverBody = useDraggingOverBody();
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      IconMagnifyingGlass.DialogContent,
+      Calendar.Flex,
       {
-        "aria-labelledby": clsx(fieldLabelId ?? triggerRef.current?.id, labelId),
         ref,
-        ...content$1({}, className),
-        ...props,
+        ...getRootProps({
+          ...dropzone(
+            {
+              drag: isDragActive,
+              hidden: overlay && !isDraggingOverBody,
+              overlay
+            },
+            className
+          ),
+          ...props
+        }),
         children: [
-          children,
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("h2", { id: labelId, children: ariaLabel || "Menu" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.VisuallyHidden, { tabIndex: -1, children: /* @__PURE__ */ jsxRuntime.jsx(
-            IconMagnifyingGlass.DialogHeader,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
             {
-              children: "Menu"
+              ...getInputProps({
+                "aria-description": description,
+                "aria-label": label
+              })
             }
-          ) })
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Flex, { alignItems: "center", gap: "8", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Calendar.Icon, { asChild: true, color: "fg.secondary", children: /* @__PURE__ */ jsxRuntime.jsx(IconFileImportSolid, {}) }),
+            /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { children: label }),
+            description && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { color: "fg.tertiary", fontSize: "sm", children: description })
+          ] }),
+          !overlay && (children ?? /* @__PURE__ */ jsxRuntime.jsx(FileUploadTrigger, {}))
         ]
       }
     );
   }
 );
-MenuDialogContent.displayName = "@optiaxiom/react/MenuDialogContent";
-
-var input$1 = IconMagnifyingGlass.recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_1r6dzy8']}}});
+FileUploadDropzone.displayName = "@optiaxiom/react/FileUploadDropzone";
 
-const MenuInput = React.forwardRef(
-  ({ className, onKeyDown, ...props }, outerRef) => {
-    const { inputRef, open, setActiveItemStack, size } = useMenuContext(
-      "@optiaxiom/react/MenuInput"
-    );
-    const { downshift, highlightedItem } = useCommandContext(
-      "@optiaxiom/react/MenuInput"
-    );
-    const ref = reactComposeRefs.useComposedRefs(inputRef, outerRef);
-    const containerRef = React.useRef(null);
-    React.useEffect(() => {
-      if (!containerRef.current) {
-        return;
-      }
-      const rect = containerRef.current.getBoundingClientRect();
-      if (open) {
-        containerRef.current.style.minWidth = `${rect.width}px`;
-      }
-    }, [downshift.inputValue, open]);
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { ref: containerRef, style: { minWidth: 160 }, children: /* @__PURE__ */ jsxRuntime.jsx(
-      CommandInput,
-      {
-        onKeyDown: (event) => {
-          onKeyDown?.(event);
-          if (event.defaultPrevented) {
-            return;
-          }
-          if (!(event.target instanceof HTMLInputElement)) {
-            return;
-          }
-          if (event.target.value) {
-            return;
-          }
-          if (event.key === "Backspace" && size === "lg") {
-            event.preventDefault();
-            setActiveItemStack(
-              (stack) => stack.length ? stack.slice(0, -1) : stack
-            );
-          } else if (event.key === "ArrowRight" && (typeof highlightedItem?.subOptions === "function" || highlightedItem?.subOptions?.length) && size === "sm") {
-            event.preventDefault();
-            downshift.selectItem(highlightedItem);
-          }
-        },
-        ref,
-        size: size === "sm" ? "md" : "xl",
-        ...input$1({ size }, className),
-        ...props
-      }
-    ) });
-  }
-);
-MenuInput.displayName = "@optiaxiom/react/MenuInput";
+const useFileUploadTrigger = () => {
+  const { openFileDialog } = useFileUploadContext(
+    "@optiaxiom/react/useFileUploadOpen"
+  );
+  return openFileDialog;
+};
 
-const MenuCheckboxItem = React.forwardRef(({ children, ...props }, ref) => {
-  const Comp = props.item.href ? "a" : "div";
-  const { inputValue } = useCommandContext("@optiaxiom/react/MenuCheckboxItem");
-  return /* @__PURE__ */ jsxRuntime.jsx(CommandItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
-    IconMagnifyingGlass.ListboxCheckboxItem,
-    {
-      addonBefore: resolveItemProperty(props.item.addon, { inputValue }),
-      asChild: true,
-      description: resolveItemProperty(props.item.description, {
-        inputValue
-      }),
-      onCheckedChange: () => !resolveItemProperty(props.item.disabledReason) && props.item.execute?.({ dismiss: false, inputValue }),
-      children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...props.item.href && { href: props.item.href }, children })
-    }
-  ) });
-});
-MenuCheckboxItem.displayName = "@optiaxiom/react/MenuCheckboxItem";
+var mark = Calendar.recipeRuntime({base:'zhi35o'});
 
-const MenuItem = React.forwardRef(
-  ({ children, ...props }, ref) => {
-    const Comp = props.item.href ? "a" : "div";
-    const { inputValue } = useCommandContext("@optiaxiom/react/MenuItem");
-    return /* @__PURE__ */ jsxRuntime.jsx(CommandItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.ListboxItem,
-      {
-        addonBefore: resolveItemProperty(props.item.addon, { inputValue }),
-        asChild: true,
-        description: resolveItemProperty(props.item.description, {
-          inputValue
-        }),
-        intent: props.item.intent,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...props.item.href && { href: props.item.href }, children })
-      }
-    ) });
+const useHighlightedChunks = (content, query) => {
+  const terms = React.useMemo(
+    () => (Array.isArray(query) ? query : query ? [query] : []).map((q) => typeof q === "string" ? q.trim() : q).filter(Boolean),
+    [query]
+  );
+  if (terms.length === 0) {
+    return [{ chunk: content, highlighted: false }];
   }
-);
-MenuItem.displayName = "@optiaxiom/react/MenuItem";
+  const pattern = new RegExp(
+    "(" + terms.map(
+      (term) => term instanceof RegExp ? term.source : `(?![^<>]*>)(^|\\b)(?=[^/.])${escapeRegExp(term)}`
+    ).join("|") + ")",
+    "gi"
+  );
+  return content.split(pattern).map((chunk) => ({ chunk, highlighted: pattern.test(chunk) }));
+};
+function escapeRegExp(string) {
+  return string.replace(/[/\-\\^$*+?.()|[\]{}]/g, "\\$&");
+}
 
-const MenuRadioItem = React.forwardRef(
-  ({ children, ...props }, ref) => {
-    const Comp = props.item.href ? "a" : "div";
-    const { inputValue } = useCommandContext("@optiaxiom/react/MenuRadioItem");
-    return /* @__PURE__ */ jsxRuntime.jsx(CommandItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.ListboxRadioItem,
-      {
-        addonBefore: resolveItemProperty(props.item.addon, { inputValue }),
-        asChild: true,
-        description: resolveItemProperty(props.item.description, {
-          inputValue
-        }),
-        children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...props.item.href && { href: props.item.href }, children })
-      }
-    ) });
+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(), children: /* @__PURE__ */ jsxRuntime.jsx("mark", { children: chunk }) })
+    ) : chunk }, index)) });
   }
 );
-MenuRadioItem.displayName = "@optiaxiom/react/MenuRadioItem";
+Highlight.displayName = "@optiaxiom/react/Highlight";
 
-const MenuSubInput = React.forwardRef(
-  ({ onKeyDown, ...props }, ref) => {
-    const { downshift, highlightedItem } = useCommandContext(
-      "@optiaxiom/react/MenuSubInput"
-    );
-    const { setOpen } = useMenuSubContext("@optiaxiom/react/MenuSubInput");
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      CommandInput,
-      {
-        m: "4",
-        onKeyDown: (event) => {
-          onKeyDown?.(event);
-          if (event.defaultPrevented) {
-            return;
-          }
-          if (!(event.target instanceof HTMLInputElement)) {
-            return;
-          }
-          if (event.target.value) {
-            return;
-          }
-          if (event.key === "ArrowLeft") {
-            event.preventDefault();
-            setOpen(false);
-          } else if (event.key === "ArrowRight" && (typeof highlightedItem?.subOptions === "function" || highlightedItem?.subOptions?.length)) {
-            event.preventDefault();
-            downshift.selectItem(highlightedItem);
-          }
-        },
-        ref,
-        ...props
-      }
-    );
-  }
-);
-MenuSubInput.displayName = "@optiaxiom/react/MenuSubInput";
-
-const MenuSubContent = React.forwardRef(
-  ({ align = "start", side = "right", ...props }, outerRef) => {
-    const { onSelect, setOpen: setRootMenuOpen } = useMenuContext(
-      "@optiaxiom/react/MenuSubContent"
-    );
-    const {
-      highlightedItem: item,
-      inputValue: parentInputValue,
-      setInputValue: setParentInputValue
-    } = useCommandContext("@optiaxiom/react/MenuSubContent");
-    const {
-      contentRef: parentContentRef,
-      inputRef: parentInputRef,
-      itemRef: parentItemRef
-    } = useMenuSubContext("@optiaxiom/react/MenuSubContent");
-    const { open, presence } = IconMagnifyingGlass.usePopoverContext(
-      "@optiaxiom/react/MenuSubContent"
-    );
-    const labelId = reactId.useId();
-    const ref = reactComposeRefs.useComposedRefs(parentContentRef, outerRef);
-    const [inputValue, setInputValue] = React.useState("");
-    const options = React.useMemo(
-      () => resolveItemProperty(item?.subOptions, { inputValue }) ?? [],
-      [inputValue, item]
-    );
-    const contentRef = React.useRef(null);
-    const inputRef = React.useRef(null);
-    const itemRef = React.useRef(null);
-    const [subMenuOpen, setSubMenuOpen] = React.useState(false);
-    React.useEffect(() => {
-      if (!open) {
-        setSubMenuOpen(false);
-      }
-    }, [open]);
-    React.useEffect(() => {
-      return () => {
-        setInputValue("");
-        setSubMenuOpen(false);
-      };
-    }, [item]);
-    if (!item || !(open || presence)) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.PopoverAnchor, { virtualRef: parentItemRef }),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        IconMagnifyingGlass.PopoverContent,
-        {
-          align,
-          alignOffset: item.subOptionsInputVisible ? -46 : -4,
-          "aria-labelledby": clsx(parentItemRef.current?.id, labelId),
-          onCloseAutoFocus: (event) => {
-            event.preventDefault();
-            parentInputRef.current?.focus();
-          },
-          onEscapeKeyDown: () => setRootMenuOpen(false),
-          onPointerDown: (event) => {
-            if (event.defaultPrevented) {
-              return;
-            }
-            if (event.target instanceof Element && event.target.closest('[role="option"]')) {
-              return;
-            }
-            event.preventDefault();
-            inputRef.current?.focus();
-          },
-          onPointerEnter: () => {
-            if (item.subOptionsInputVisible) {
-              inputRef.current?.focus();
-            }
-          },
-          onPointerLeave: (event) => {
-            if (item.subOptionsInputVisible) {
-              parentInputRef.current?.focus();
-              event.stopPropagation();
-            }
-          },
-          p: "4",
-          ref,
-          side,
-          sideOffset: 0,
-          ...props,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("h2", { id: labelId, children: "Submenu" }) }),
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              Command,
-              {
-                enabled: true,
-                inputValue,
-                onHover: (item2, pointer) => {
-                  setSubMenuOpen(
-                    pointer && (typeof item2.subOptions === "function" || !!item2.subOptions?.length)
-                  );
-                },
-                onInputValueChange: (inputValue2) => {
-                  if (item.subOptionsInputVisible) {
-                    setInputValue(inputValue2);
-                    return;
-                  }
-                  parentInputRef.current?.focus();
-                  setParentInputValue(inputValue2);
-                },
-                onSelect: (item2, { dismiss }) => {
-                  if (typeof item2.subOptions === "function" || item2.subOptions?.length) {
-                    setSubMenuOpen(true);
-                  } else {
-                    onSelect(item2, { dismiss });
-                  }
-                },
-                options,
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.VisuallyHidden, { disabled: item.subOptionsInputVisible, children: /* @__PURE__ */ jsxRuntime.jsx(MenuSubInput, { placeholder: "Filter...", ref: inputRef }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    MenuSubProvider,
-                    {
-                      contentRef,
-                      inputRef,
-                      itemRef,
-                      open: subMenuOpen,
-                      setOpen: setSubMenuOpen,
-                      children: /* @__PURE__ */ jsxRuntime.jsx(MenuListbox, { onScroll: () => setSubMenuOpen(false) })
-                    }
-                  )
-                ]
-              },
-              item.key ?? resolveItemProperty(item.label, {
-                inputValue: parentInputValue
-              })
-            )
-          ]
-        }
-      )
-    ] });
-  }
-);
-MenuSubContent.displayName = "@optiaxiom/react/MenuSubContent";
-
-const MenuSubTrigger = React.forwardRef(
-  ({
-    children,
-    item,
-    onPointerDown,
-    onPointerEnter,
-    onPointerLeave,
-    onPointerMove,
-    ...props
-  }, outerRef) => {
-    const { downshift, enabled, highlightedItem, pauseInteractionRef } = useCommandContext("@optiaxiom/react/MenuSubTrigger");
-    const { open } = IconMagnifyingGlass.usePopoverContext("@optiaxiom/react/MenuSubTrigger");
-    const { contentRef, itemRef } = useMenuSubContext(
-      "@optiaxiom/react/MenuSubTrigger"
-    );
-    const pointerEnterRef = React.useRef(false);
-    const innerRef = React.useRef();
-    const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
-    React.useEffect(() => {
-      if (open && highlightedItem === item && innerRef.current) {
-        itemRef.current = innerRef.current;
-      }
-    }, [highlightedItem, item, open, itemRef]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      MenuItem,
-      {
-        addonAfter: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconAngleRight, {}),
-        item,
-        onPointerDown: (event) => {
-          onPointerDown?.(event);
-          if (open) {
-            event.preventDefault();
-          }
-        },
-        onPointerEnter: (event) => {
-          onPointerEnter?.(event);
-          if (event.defaultPrevented) {
-            return;
-          }
-          if (highlightedItem === item) {
-            pointerEnterRef.current = true;
-          }
-        },
-        onPointerLeave: (event) => {
-          onPointerLeave?.(event);
-          pointerEnterRef.current = false;
-          const box = contentRef.current?.getBoundingClientRect();
-          if (!box) {
-            return;
-          }
-          if (pauseInteractionRef.current.isInsideTriangle) {
-            return;
-          }
-          const bottom = {
-            x: box.left,
-            y: box.top + box.height
-          };
-          const side = {
-            x: event.clientX + 10 * (box.left > event.clientX ? -1 : 1),
-            y: event.clientY
-          };
-          const top = {
-            x: box.left,
-            y: box.top
-          };
-          pauseInteractionRef.current.isInsideTriangle = (target) => {
-            const b0 = (top.x - side.x) * (bottom.y - side.y) - (bottom.x - side.x) * (top.y - side.y), b1 = ((top.x - target.x) * (bottom.y - target.y) - (bottom.x - target.x) * (top.y - target.y)) / b0, b2 = ((bottom.x - target.x) * (side.y - target.y) - (side.x - target.x) * (bottom.y - target.y)) / b0, b3 = ((side.x - target.x) * (top.y - target.y) - (top.x - target.x) * (side.y - target.y)) / b0;
-            return b1 > 0 && b2 > 0 && b3 > 0;
-          };
-          pauseInteractionRef.current.timer = window.setTimeout(() => {
-            pauseInteractionRef.current.isInsideTriangle = null;
-          }, 20);
-        },
-        onPointerMove: (event) => {
-          onPointerMove?.(event);
-          if (event.defaultPrevented) {
-            return;
-          }
-          if (pointerEnterRef.current && enabled) {
-            downshift.selectItem(item);
-          }
-          pointerEnterRef.current = false;
-        },
-        ref,
-        ...props,
-        children
-      }
-    );
-  }
-);
-MenuSubTrigger.displayName = "@optiaxiom/react/MenuSubTrigger";
-
-const MenuSwitchItem = React.forwardRef(
-  ({ children, ...props }, ref) => {
-    const Comp = props.item.href ? "a" : "div";
-    const { inputValue } = useCommandContext("@optiaxiom/react/MenuSwitchItem");
-    return /* @__PURE__ */ jsxRuntime.jsx(CommandItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.ListboxSwitchItem,
-      {
-        addonBefore: resolveItemProperty(props.item.addon, { inputValue }),
-        asChild: true,
-        description: resolveItemProperty(props.item.description, {
-          inputValue
-        }),
-        onCheckedChange: () => !resolveItemProperty(props.item.disabledReason) && props.item.execute?.({ dismiss: false, inputValue }),
-        children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...props.item.href && { href: props.item.href }, children })
-      }
-    ) });
-  }
-);
-MenuSwitchItem.displayName = "@optiaxiom/react/MenuSwitchItem";
-
-const MenuListbox = React.forwardRef(
-  ({ children, ...props }, ref) => {
-    const { inputValue } = useCommandContext("@optiaxiom/react/MenuListbox");
-    const { size } = useMenuContext("@optiaxiom/react/MenuListbox");
-    const { open } = useMenuSubContext("@optiaxiom/react/MenuListbox");
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(CommandListbox, { ref, ...props, children: children ?? ((item, index, prevItem) => {
-        const Comp = typeof item.subOptions === "function" || item.subOptions?.length ? size === "sm" ? MenuSubTrigger : MenuItem : "selected" in item ? item.multi ? MenuCheckboxItem : item.switch ? MenuSwitchItem : MenuRadioItem : MenuItem;
-        const group = item.group;
-        return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          IconMagnifyingGlass.shouldShowSeparator(group, prevItem) && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ListboxSeparator, {}),
-          IconMagnifyingGlass.shouldShowGroup(group, prevItem) && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ListboxLabel, { children: group.label }),
-          Comp === MenuSubTrigger ? /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Tooltip, { content: resolveItemProperty(item.disabledReason), children: /* @__PURE__ */ jsxRuntime.jsx(MenuSubTrigger, { index, item }) }) : /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Tooltip, { content: resolveItemProperty(item.disabledReason), children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { index, item }) })
-        ] });
-      }) }),
-      !inputValue && size === "sm" && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Popover, { open, children: /* @__PURE__ */ jsxRuntime.jsx(MenuSubContent, {}) })
-    ] });
-  }
-);
-MenuListbox.displayName = "@optiaxiom/react/MenuListbox";
-
-const MenuPopoverContent = React.forwardRef(({ "aria-label": ariaLabel, children, ...props }, ref) => {
-  const { labelId: fieldLabelId } = IconMagnifyingGlass.useFieldContext(
-    "@optiaxiom/react/MenuPopoverContent"
-  );
-  const { triggerRef } = useMenuContext("@optiaxiom/react/MenuPopoverContent");
-  const labelId = reactId.useId();
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    IconMagnifyingGlass.PopoverContent,
-    {
-      "aria-labelledby": clsx(fieldLabelId ?? triggerRef.current?.id, labelId),
-      ref,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.VisuallyHidden, { id: labelId, children: ariaLabel || "Menu" }),
-        children
-      ]
-    }
-  );
-});
-MenuPopoverContent.displayName = "@optiaxiom/react/MenuPopoverContent";
-
-const MenuContent = React.forwardRef(
-  ({ children, onPointerDown, ...props }, outerRef) => {
-    const innerRef = React.useRef(null);
-    const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
-    const { activeItemStack, inputRef, inputVisible, placeholder, size } = useMenuContext("@optiaxiom/react/MenuContent");
-    const { empty, loading } = useCommandContext(
-      "@optiaxiom/react/MenuContent"
-    );
-    const { setOpen } = useMenuSubContext("@optiaxiom/react/MenuContent");
-    const Comp = size === "sm" ? MenuPopoverContent : MenuDialogContent;
-    React.useEffect(() => {
-      innerRef.current?.animate([{ scale: 1 }, { scale: 0.97 }, { scale: 1 }], {
-        duration: 150
-      });
-    }, [activeItemStack]);
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      Comp,
-      {
-        onPointerDown: (event) => {
-          onPointerDown?.(event);
-          if (event.defaultPrevented) {
-            return;
-          }
-          if (event.target instanceof Element && event.target.closest('[role="option"]')) {
-            return;
-          }
-          event.preventDefault();
-          inputRef.current?.focus();
-        },
-        overflow: "hidden",
-        p: size === "sm" ? "4" : "0",
-        ref,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.VisuallyHidden, { disabled: inputVisible, children: /* @__PURE__ */ jsxRuntime.jsx(
-            MenuInput,
-            {
-              addonAfter: (loading === "both" || loading === "spinner") && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Spinner, { size: "2xs" }),
-              placeholder
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            MenuListbox,
-            {
-              empty,
-              loading: loading === true ? "both" : loading || void 0,
-              onScroll: () => setOpen(false),
-              p: size === "lg" ? "6" : "0",
-              children
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-MenuContent.displayName = "@optiaxiom/react/MenuContent";
-
-const MenuTrigger = React.forwardRef(
-  ({
-    "aria-labelledby": ariaLabelledBy,
-    asChild,
-    children,
-    onKeyDown,
-    ...props
-  }, outerRef) => {
-    const { setOpen, size, triggerRef } = useMenuContext(
-      "@optiaxiom/react/MenuTrigger"
-    );
-    const Comp = size === "sm" ? IconMagnifyingGlass.PopoverTrigger : IconMagnifyingGlass.DialogTrigger;
-    const ref = reactComposeRefs.useComposedRefs(outerRef, triggerRef);
-    const id = reactId.useId();
-    const labelId = IconMagnifyingGlass.useFieldLabelTrigger(triggerRef, ariaLabelledBy);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Comp,
-      {
-        "aria-labelledby": labelId,
-        asChild: true,
-        id,
-        onKeyDown: (event) => {
-          onKeyDown?.(event);
-          if (event.defaultPrevented) {
-            return;
-          }
-          switch (event.key) {
-            case "ArrowDown":
-              event.preventDefault();
-              setOpen(true);
-          }
-        },
-        ref,
-        ...props,
-        children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.AngleMenuButton, { children })
-      }
-    );
-  }
-);
-MenuTrigger.displayName = "@optiaxiom/react/MenuTrigger";
-
-var link = IconMagnifyingGlass.recipeRuntime({base:'_8pczvn'});
-var list = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'_16ukv1']});
-
-var item$1 = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'_1q53pp4']});
-
-const BreadcrumbNode = React.forwardRef(
-  ({ addonAfter, children, className, ...props }, ref) => {
-    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...item$1({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsxs("li", { ref, ...restProps, children: [
-      children,
-      addonAfter && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { asChild: true, flex: "none", flexDirection: "row", gap: "4", children: IconMagnifyingGlass.fallbackSpan(addonAfter) })
-    ] }) });
-  }
-);
-BreadcrumbNode.displayName = "@optiaxiom/react/BreadcrumbNode";
-
-const Breadcrumb = React.forwardRef(
-  ({ className, items, maxItems = 3, ...props }, ref) => {
-    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, className, ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Breadcrumb", ref, ...restProps, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...list(), children: /* @__PURE__ */ jsxRuntime.jsx("ol", { children: renderItems(items, maxItems, (item, index) => /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbNode, { addonAfter: item.addonAfter, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Tooltip, { auto: true, content: item.label, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Text, { asChild: true, truncate: true, children: index === items.length - 1 ? /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Box,
-      {
-        "aria-current": index === items.length - 1 ? "page" : void 0,
-        children: item.label
-      }
-    ) : item.href ? /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Link,
-      {
-        appearance: "subtle",
-        href: item.href,
-        ...link(),
-        children: item.label
-      }
-    ) : item.execute ? /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Link, { appearance: "subtle", asChild: true, ...link(), children: /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => item.execute?.(), children: item.label }) }) : null }) }) })) }) }) }) });
-  }
-);
-Breadcrumb.displayName = "@optiaxiom/react/Breadcrumb";
-const renderItems = (items, limit = items.length, renderItem) => {
-  if (limit < 0) {
-    limit = 0;
-  }
-  if (limit > items.length || typeof limit !== "number") {
-    limit = items.length;
-  }
-  const boundaries = [
-    0,
-    Math.floor(limit / 2),
-    items.length - Math.ceil(limit / 2),
-    items.length
-  ];
-  return [
-    ...items.slice(boundaries[0], boundaries[1]).map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: renderItem(item, index) }, "left" + index)),
-    boundaries[2] > boundaries[1] && /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbNode, { children: /* @__PURE__ */ jsxRuntime.jsxs(Menu, { options: items.slice(boundaries[1], boundaries[2]), children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        MenuTrigger,
-        {
-          appearance: "subtle",
-          "aria-label": "More items",
-          icon: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, color: "fg.tertiary", children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconEllipsisSolid, {}) })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(MenuContent, {})
-    ] }) }, "ellipsis"),
-    ...items.slice(boundaries[2], boundaries[3]).map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: renderItem(item, boundaries[2] + index) }, "right" + index))
-  ];
-};
-
-var card = IconMagnifyingGlass.recipeRuntime({base:['se4d87',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',p:'16'},'_1qjx2rj']});
-
-const [CardProvider, useCardContext] = reactContext.createContext("@optiaxiom/react/Card");
-
-const Card = React.forwardRef(
-  ({ children, className, ...props }, ref) => {
-    const descriptionId = reactId.useId();
-    const labelId = reactId.useId();
-    return /* @__PURE__ */ jsxRuntime.jsx(CardProvider, { descriptionId, labelId, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ActionsRoot, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { ref, ...card({}, className), ...props, children }) }) });
-  }
-);
-Card.displayName = "@optiaxiom/react/Card";
-
-const CardAction = React.forwardRef(
-  ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.ActionsContent, { flex: "1", ref, ...props, children });
-  }
-);
-CardAction.displayName = "@optiaxiom/react/CardAction";
-
-var checkbox = IconMagnifyingGlass.recipeRuntime({base:['eerirm']});
-
-const CardCheckbox = React.forwardRef(
-  ({ className, onChange, ...props }, ref) => {
-    const labelPrefixId = reactId.useId();
-    const { labelId } = useCardContext("@optiaxiom/react/CardCheckbox");
-    const [checked, setChecked] = reactUseControllableState.useControllableState({
-      caller: "@optiaxiom/react/CardCheckbox",
-      defaultProp: props.defaultChecked,
-      prop: props.checked
-    });
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.VisuallyHidden, { id: labelPrefixId, children: [
-        "Check to ",
-        checked ? "unselect" : "select"
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        IconMagnifyingGlass.Checkbox,
-        {
-          "aria-labelledby": clsx(labelPrefixId, labelId),
-          onChange: (event) => {
-            onChange?.(event);
-            setChecked(event.target.checked);
-          },
-          ref,
-          ...checkbox({}, className),
-          ...props
-        }
-      )
-    ] });
-  }
-);
-CardCheckbox.displayName = "@optiaxiom/react/CardCheckbox";
-
-const CardFooter = React.forwardRef(
-  ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { alignSelf: "stretch", mt: "auto", ref, ...props, children });
-  }
-);
-CardFooter.displayName = "@optiaxiom/react/CardFooter";
-
-var addon = IconMagnifyingGlass.recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'tj5zb2',before:'_1d7bacd'}}});
-var content = IconMagnifyingGlass.recipeRuntime({base:[{flex:'1'},'_9dft3b']});
-var header = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'xuqo62']});
-
-const CardHeader = React.forwardRef(
-  ({ addonAfter, addonBefore, children, className, description, ...props }, ref) => {
-    const { descriptionId, labelId } = useCardContext(
-      "@optiaxiom/react/CardHeader"
-    );
-    return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { ref, ...header({}, className), ...props, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Box, { ...content(), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Heading, { fontSize: "md", fontWeight: "500", id: labelId, level: "2", children }),
-        description && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { color: "fg.tertiary", fontSize: "sm", id: descriptionId, children: description })
-      ] }),
-      addonBefore && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { ...addon({ slot: "before" }), children: addonBefore }),
-      addonAfter && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { ...addon({ slot: "after" }), children: addonAfter })
-    ] });
-  }
-);
-CardHeader.displayName = "@optiaxiom/react/CardHeader";
-
-var image = IconMagnifyingGlass.recipeRuntime({base:{objectFit:'cover',rounded:'inherit',size:'full'}});
-
-const CardImage = React.forwardRef(
-  ({ alt = "", asChild, children, className, src, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ref, ...image({}, className), ...props, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx("img", { alt, src }) });
-  }
-);
-CardImage.displayName = "@optiaxiom/react/CardImage";
-
-const CardLink = React.forwardRef(
-  ({ ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Link, { appearance: "subtle", cover: true, ref, ...props });
-  }
-);
-CardLink.displayName = "@optiaxiom/react/CardLink";
-
-var overlay = IconMagnifyingGlass.recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'eh46zx']});
-var preview = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_1nas6u9']});
-
-const CardPreview = React.forwardRef(
-  ({
-    addonBottomLeft,
-    addonBottomRight,
-    addonTopLeft,
-    addonTopRight,
-    children,
-    className,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Box, { ref, ...preview({}, className), ...props, children: [
-      children,
-      (addonTopLeft || addonTopRight) && /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Box, { ...overlay(), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          IconMagnifyingGlass.Box,
-          {
-            alignItems: "center",
-            alignSelf: "start",
-            display: "flex",
-            justifyContent: "space-between",
-            children: addonTopLeft
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          IconMagnifyingGlass.Box,
-          {
-            alignItems: "center",
-            alignSelf: "start",
-            display: "flex",
-            justifyContent: "space-between",
-            children: addonTopRight
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { w: "full" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          IconMagnifyingGlass.Box,
-          {
-            alignItems: "center",
-            alignSelf: "end",
-            display: "flex",
-            justifyContent: "space-between",
-            children: addonBottomLeft
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          IconMagnifyingGlass.Box,
-          {
-            alignItems: "center",
-            alignSelf: "end",
-            display: "flex",
-            justifyContent: "space-between",
-            children: addonBottomRight
-          }
-        )
-      ] })
-    ] });
-  }
-);
-CardPreview.displayName = "@optiaxiom/react/CardPreview";
-
-const [FileUploadProvider, useFileUploadContext] = reactContext.createContext("@optiaxiom/react/FileUpload");
-
-const FileUpload = React.forwardRef(
-  ({ accept, children, onFilesDrop, ...props }, ref) => {
-    const {
-      getInputProps,
-      getRootProps,
-      isDragAccept,
-      isDragActive,
-      isDragReject
-    } = reactDropzone.useDropzone({
-      accept,
-      onDrop: (acceptedFiles) => {
-        if (acceptedFiles.length) {
-          onFilesDrop?.(acceptedFiles);
-        }
-      }
-    });
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      FileUploadProvider,
-      {
-        getInputProps,
-        getRootProps,
-        isDragAccept: isDragActive && isDragAccept,
-        isDragReject: isDragActive && isDragReject,
-        children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { color: "fg.default", ref, ...props, children })
-      }
-    );
-  }
-);
-FileUpload.displayName = "@optiaxiom/react/FileUpload";
-
-const IconFileImportSolid = IconMagnifyingGlass.withIcon(
-  {
-    name: "IconFileImportSolid",
-    viewBox: "0 0 512 512"
-  },
-  // <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "path",
-    {
-      d: "M128 64c0-35.3 28.7-64 64-64L352 0l0 128c0 17.7 14.3 32 32 32l128 0 0 288c0 35.3-28.7 64-64 64l-256 0c-35.3 0-64-28.7-64-64l0-112 174.1 0-39 39c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l80-80c9.4-9.4 9.4-24.6 0-33.9l-80-80c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l39 39L128 288l0-224zm0 224l0 48L24 336c-13.3 0-24-10.7-24-24s10.7-24 24-24l104 0zM512 128l-128 0L384 0 512 128z",
-      fill: "currentColor"
-    }
-  )
-);
-
-var dropzone = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',border:'1',cursor:'pointer',display:'flex',flexDirection:'column',fontSize:'md',gap:'8',justifyContent:'center',p:'16',rounded:'lg',textAlign:'center',transition:'colors'},'gx5wdj'],variants:{drag:{accept:[{borderColor:'border.success'},'l5sijz'],'default':'_1387npu',reject:[{borderColor:'border.error'},'_1b8t850']}}});
-
-const FileUploadDropzone = React.forwardRef(({ children, className, ...props }, ref) => {
-  const { getInputProps, getRootProps, isDragAccept, isDragReject } = useFileUploadContext("@optiaxiom/react/FileUploadDropzone");
-  const id = reactId.useId();
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    IconMagnifyingGlass.Box,
-    {
-      ref,
-      ...getRootProps({
-        ...dropzone(
-          {
-            drag: isDragAccept ? "accept" : isDragReject ? "reject" : "default"
-          },
-          className
-        ),
-        ...props
-      }),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("input", { "aria-labelledby": id, ...getInputProps() }),
-        /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Icon, { asChild: true, color: "fg.secondary", children: /* @__PURE__ */ jsxRuntime.jsx(IconFileImportSolid, {}) }),
-        /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Text, { "aria-hidden": true, id, children: "Drag and drop or click to upload" }),
-        children
-      ]
-    }
-  );
-});
-FileUploadDropzone.displayName = "@optiaxiom/react/FileUploadDropzone";
-
-var mark = IconMagnifyingGlass.recipeRuntime({base:'_3vivuf'});
-
-const useHighlightedChunks = (content, query) => {
-  const terms = React.useMemo(
-    () => (Array.isArray(query) ? query : query ? [query] : []).map((q) => typeof q === "string" ? q.trim() : q).filter(Boolean),
-    [query]
-  );
-  if (terms.length === 0) {
-    return [{ chunk: content, highlighted: false }];
-  }
-  const pattern = new RegExp(
-    "(" + terms.map(
-      (term) => term instanceof RegExp ? term.source : `(?![^<>]*>)(^|\\b)(?=[^/.])${escapeRegExp(term)}`
-    ).join("|") + ")",
-    "gi"
-  );
-  return content.split(pattern).map((chunk) => ({ chunk, highlighted: pattern.test(chunk) }));
-};
-function escapeRegExp(string) {
-  return string.replace(/[/\-\\^$*+?.()|[\]{}]/g, "\\$&");
-}
-
-const Highlight = React.forwardRef(
-  ({ children = (chunk) => chunk, content, query, ...props }, ref) => {
-    const chunks = useHighlightedChunks(content || "", query);
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { ref, ...props, children: chunks.map(({ chunk, highlighted }, index) => /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: highlighted ? children(
-      /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...mark(), children: /* @__PURE__ */ jsxRuntime.jsx("mark", { children: chunk }) })
-    ) : chunk }, index)) });
-  }
-);
-Highlight.displayName = "@optiaxiom/react/Highlight";
-
-var editor = IconMagnifyingGlass.recipeRuntime({base:'_1chopd0',variants:{empty:{false:{},true:'_172b1ql'}}});
-var input = IconMagnifyingGlass.recipeRuntime({base:'to9nrm'});
+var editor = Calendar.recipeRuntime({base:'_1ssosau',variants:{empty:{false:{},true:'_6nf29j'}}});
+var input = Calendar.recipeRuntime({base:'_1f40vzs'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -1809,8 +506,8 @@ const InlineInput = React.forwardRef(
         }
       }
     }, [multiline, value]);
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { ref, ...input({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Box,
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ref, ...input({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+      Calendar.Box,
       {
         "aria-multiline": multiline,
         "aria-readonly": disabled,
@@ -1856,11 +553,11 @@ const Resizable = ({ ...props }) => {
 };
 Resizable.displayName = "@optiaxiom/react/Resizable";
 
-var handle$1 = IconMagnifyingGlass.recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'rmt8il']});
-var root = IconMagnifyingGlass.recipeRuntime({base:[{justifyContent:'center',rounded:'sm',z:'10'},'kemtbh']});
+var handle$1 = Calendar.recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'achgs1']});
+var root = Calendar.recipeRuntime({base:[{justifyContent:'center',rounded:'sm',z:'10'},'_23ywip']});
 
 const ResizableHandle = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { asChild: true, ...root(), children: /* @__PURE__ */ jsxRuntime.jsx(ResizablePrimitive__namespace.PanelResizeHandle, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { ...handle$1() }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { asChild: true, ...root(), children: /* @__PURE__ */ jsxRuntime.jsx(ResizablePrimitive__namespace.PanelResizeHandle, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { ...handle$1() }) }) });
 };
 ResizableHandle.displayName = "@optiaxiom/react/ResizableHandle";
 
@@ -1869,32 +566,32 @@ const ResizablePanel = ({ ...props }) => {
 };
 ResizablePanel.displayName = "@optiaxiom/react/ResizablePanel";
 
-var layout = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'urndrg']});
+var layout = Calendar.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1vk4zlb'],variants:{size:{full:'h9r0y',screen:'_16rna53'}}});
 
 const Layout = React.forwardRef(
-  ({ aside, children, className, header, resizable, sidebar, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Box, { ref, ...layout({}, className), ...props, children: [
+  ({
+    children,
+    className,
+    detailsPanel,
+    header,
+    resizable,
+    sidebar,
+    size = "screen",
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Box, { ref, ...layout({ size }, className), ...props, children: [
       header,
-      /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Box, { alignItems: "stretch", display: "flex", flex: "1", overflow: "auto", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Calendar.Box, { display: "flex", flex: "1", overflow: "auto", children: [
         sidebar,
         resizable ? /* @__PURE__ */ jsxRuntime.jsxs(Resizable, { direction: "horizontal", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ResizablePanel, { children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { h: "full", overflow: "auto", px: "32", py: "24", children }) }),
-          aside && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ResizablePanel, { minSize: 33, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Box, { asChild: true, h: "full", children }) }),
+          detailsPanel && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ResizableHandle, {}),
-            /* @__PURE__ */ jsxRuntime.jsx(ResizablePanel, { defaultSize: 33, children: aside })
+            /* @__PURE__ */ jsxRuntime.jsx(ResizablePanel, { defaultSize: 33, minSize: 33, children: detailsPanel })
           ] })
-        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Box, { alignItems: "stretch", display: "flex", flex: "1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            IconMagnifyingGlass.Box,
-            {
-              overflow: "auto",
-              px: "32",
-              py: "24",
-              w: aside ? "2/3" : void 0,
-              children
-            }
-          ),
-          aside && /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { w: "1/3", children: aside })
+        ] }) : /* @__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 })
         ] })
       ] })
     ] });
@@ -1902,24 +599,72 @@ const Layout = React.forwardRef(
 );
 Layout.displayName = "@optiaxiom/react/Layout";
 
-var pill = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',whiteSpace:'nowrap'},'n6ny1z'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
+var content = Calendar.recipeRuntime({base:[{overflow:'auto',px:'32',py:'24'},'xp3uzw']});
+
+const LayoutContent = React.forwardRef(
+  ({ children, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Calendar.Flex,
+      {
+        ref,
+        tabIndex: 0,
+        ...content({}, className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+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'},'z39rqt'],variants:{interactive:{false:{},true:'e5urnp'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Slot = reactSlot.createSlot("@optiaxiom/react/Pill");
 const Pill = React.forwardRef(
-  ({ asChild, children, className, disabled, size = "sm", ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
+  ({
+    asChild,
+    children,
+    className,
+    disabled,
+    onClick,
+    onDismiss,
+    size = "sm",
+    ...props
+  }, ref) => {
+    const Comp = asChild ? Slot : onClick || onDismiss ? "button" : "span";
+    const { boxProps, restProps } = Calendar.extractBoxProps(props);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Box,
+      Calendar.Box,
       {
         asChild: true,
         "data-disabled": disabled ? "" : void 0,
-        ...pill({ size }, className),
+        ...pill(
+          {
+            interactive: Boolean(onClick || onDismiss),
+            size
+          },
+          className
+        ),
         ...boxProps,
-        children: /* @__PURE__ */ jsxRuntime.jsxs(Comp, { disabled, ref, ...restProps, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Text, { truncate: true, children }),
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Icon, { asChild: true, h: "12", ml: "auto", children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconX, {}) })
-        ] })
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          Comp,
+          {
+            disabled,
+            onClick: (event) => {
+              onClick?.(event);
+              if (event.defaultPrevented) {
+                return;
+              }
+              onDismiss?.();
+            },
+            ref,
+            ...restProps,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Calendar.Text, { truncate: true, children }),
+              onDismiss && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Icon, { asChild: true, h: "12", ml: "auto", children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.IconX, {}) })
+            ]
+          }
+        )
       }
     );
   }
@@ -1928,11 +673,232 @@ Pill.displayName = "@optiaxiom/react/Pill";
 
 const PillGroup = React.forwardRef(
   ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { flexDirection: "row", gap: "12", ref, ...props, children });
+    return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { flexDirection: "row", flexWrap: "wrap", gap: "8", ref, ...props, children });
   }
 );
 PillGroup.displayName = "@optiaxiom/react/PillGroup";
 
+const [PillMenuProvider, usePillMenuContext] = reactContext.createContext("@optiaxiom/react/PillMenu");
+
+const PillMenuPill = React.forwardRef(
+  ({ item, onKeyDown, ...props }, ref) => {
+    const { options } = usePillMenuContext("@optiaxiom/react/PillMenuPill");
+    const { open, setOpen } = Calendar.useMenuContext("@optiaxiom/react/PillMenuPill");
+    const { inputValue } = Calendar.useCommandContext("@optiaxiom/react/PillMenuPill");
+    const index = options.indexOf(item);
+    const hasInteractedInsideRef = React.useRef(false);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Pill,
+      {
+        onClick: () => {
+          if (hasInteractedInsideRef.current) {
+            hasInteractedInsideRef.current = false;
+            return;
+          }
+          setOpen(!open);
+        },
+        onKeyDown: (event) => {
+          if (event.key === "Backspace") {
+            if (index === 0 || index !== options.length - 1) {
+              event.key = index > 0 ? "ArrowLeft" : "ArrowRight";
+            }
+            item.execute?.({ dismiss: false, inputValue });
+          }
+          onKeyDown?.(event);
+        },
+        onPointerDown: () => {
+          hasInteractedInsideRef.current = Boolean(open);
+        },
+        ref,
+        ...props,
+        children: Calendar.resolveItemProperty(item.label, { inputValue })
+      }
+    );
+  }
+);
+PillMenuPill.displayName = "@optiaxiom/react/PillMenuPill";
+
+const PillMenuImpl = React.forwardRef(
+  ({ children, ...props }, outerRef) => {
+    const { options } = usePillMenuContext("@optiaxiom/react/PillMenuImpl");
+    const { size } = Calendar.useMenuContext("@optiaxiom/react/PillMenuImpl");
+    const { inputValue } = Calendar.useCommandContext("@optiaxiom/react/PillMenuImpl");
+    const innerRef = React.useRef(null);
+    const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(PillGroup, { asChild: true, ref, role: "toolbar", ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(RadixRovingFocus__namespace.Root, { orientation: "horizontal", children: [
+        options.slice(0, -1).map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+          RadixRovingFocus__namespace.Item,
+          {
+            asChild: true,
+            children: /* @__PURE__ */ jsxRuntime.jsx(PillMenuPill, { item })
+          },
+          item.key ?? Calendar.resolveItemProperty(item.label, { inputValue })
+        )),
+        /* @__PURE__ */ jsxRuntime.jsxs(PillGroup, { children: [
+          options.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(RadixRovingFocus__namespace.Item, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(PillMenuPill, { item: options[options.length - 1] }) }, "pill"),
+          children
+        ] })
+      ] }) }),
+      size === "sm" && /* @__PURE__ */ jsxRuntime.jsx(Calendar.PopoverAnchor, { staticRef: innerRef })
+    ] });
+  }
+);
+PillMenuImpl.displayName = "@optiaxiom/react/PillMenuImpl";
+
+const PillMenu = React.forwardRef(
+  ({
+    children,
+    defaultOpen = false,
+    empty,
+    inputValue,
+    inputVisible,
+    loading,
+    onInputValueChange,
+    onOpenChange,
+    open: openProp,
+    options,
+    placeholder,
+    ...props
+  }, ref) => {
+    const [open, setOpen] = reactUseControllableState.useControllableState({
+      caller: "@optiaxiom/react/PillMenu",
+      defaultProp: defaultOpen,
+      onChange: onOpenChange,
+      prop: openProp
+    });
+    const [optionIndexes, setOptionIndexes] = React.useState(
+      () => groupOptions(options)
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      PillMenuProvider,
+      {
+        options: options.filter((item) => Calendar.resolveItemProperty(item.selected)),
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          Calendar.Menu,
+          {
+            empty,
+            inputValue,
+            inputVisible,
+            loading,
+            onInputValueChange,
+            onOpenChange: (open2) => {
+              setOpen(open2);
+              if (open2) {
+                setOptionIndexes(groupOptions(options));
+              }
+            },
+            open,
+            options: React.useMemo(
+              () => optionIndexes.map(({ group, index }) => ({
+                ...options[index],
+                ...group && {
+                  group: {
+                    hidden: true,
+                    label: group,
+                    separator: true
+                  }
+                }
+              })),
+              [optionIndexes, options]
+            ),
+            placeholder,
+            children: /* @__PURE__ */ jsxRuntime.jsx(PillMenuImpl, { ref, ...props, children })
+          }
+        )
+      }
+    );
+  }
+);
+PillMenu.displayName = "@optiaxiom/react/PillMenu";
+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)) {
+    return aIndex - bIndex;
+  } else if (Calendar.resolveItemProperty(a.selected)) {
+    return -1;
+  } else {
+    return 1;
+  }
+}).map(({ index, option }) => ({
+  group: Calendar.resolveItemProperty(option.selected) ? "selected" : void 0,
+  index
+}));
+
+const PillMenuContent = React.forwardRef(
+  (props, ref) => {
+    const lastFocusRef = React.useRef();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Calendar.MenuContent,
+      {
+        onCloseAutoFocus: (event) => {
+          if (lastFocusRef.current instanceof HTMLElement && lastFocusRef.current !== document.body && document.body.contains(lastFocusRef.current)) {
+            event.preventDefault();
+            lastFocusRef.current.focus();
+          }
+          lastFocusRef.current = void 0;
+        },
+        onOpenAutoFocus: () => {
+          lastFocusRef.current = document.activeElement ?? void 0;
+        },
+        ref,
+        ...props
+      }
+    );
+  }
+);
+PillMenuContent.displayName = "@optiaxiom/react/PillMenuContent";
+
+const IconPlusSolid = Calendar.withIcon(
+  {
+    name: "IconPlusSolid",
+    viewBox: "0 0 448 512"
+  },
+  // <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 144L48 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l144 0 0 144c0 17.7 14.3 32 32 32s32-14.3 32-32l0-144 144 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-144 0 0-144z",
+      fill: "currentColor"
+    }
+  )
+);
+
+const PillMenuTrigger = React.forwardRef(({ onKeyDown, ...props }, outerRef) => {
+  const { options } = usePillMenuContext("@optiaxiom/react/PillMenuTrigger");
+  const { inputValue } = Calendar.useCommandContext("@optiaxiom/react/PillMenuTrigger");
+  const innerRef = React.useRef(null);
+  const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
+  return /* @__PURE__ */ jsxRuntime.jsx(RadixRovingFocus__namespace.Item, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+    Calendar.MenuTrigger,
+    {
+      appearance: options.length ? "subtle" : "default",
+      "aria-label": props["aria-label"],
+      icon: /* @__PURE__ */ jsxRuntime.jsx(IconPlusSolid, {}),
+      onKeyDown: (event) => {
+        onKeyDown?.(event);
+        if (event.defaultPrevented) {
+          return;
+        }
+        if (event.key === "Backspace") {
+          if (options.length) {
+            const last = options.length - 1;
+            options[last].execute?.({ dismiss: false, inputValue });
+          }
+        }
+      },
+      ref,
+      rounded: options.length ? "full" : void 0,
+      size: "sm",
+      ...props,
+      children: options.length ? void 0 : props["aria-label"]
+    }
+  ) }, "trigger");
+});
+PillMenuTrigger.displayName = "@optiaxiom/react/PillMenuTrigger";
+
 const [SortableProvider, useSortableContext] = reactContext.createContext("@optiaxiom/react/Sortable");
 
 const Sortable = React.forwardRef(
@@ -1967,7 +933,7 @@ const Sortable = React.forwardRef(
         onDragStart: () => {
           setItemsState(itemsProp ?? []);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx(SortableProvider, { cacheRef, isSorting: itemsState !== null, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { ref, ...props, children: children?.(items) }) })
+        children: /* @__PURE__ */ jsxRuntime.jsx(SortableProvider, { cacheRef, isSorting: itemsState !== null, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { ref, ...props, children: children?.(items) }) })
       }
     );
   }
@@ -1990,12 +956,12 @@ const SortableGroup = React.forwardRef(
       type: "group"
     });
     const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
-    return /* @__PURE__ */ jsxRuntime.jsx(SortableGroupProvider, { id, setHasDropTarget, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { ref, ...props, children: typeof children === "function" ? children(isDropTarget || hasDropTarget) : children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(SortableGroupProvider, { id, setHasDropTarget, children: /* @__PURE__ */ jsxRuntime.jsx(Calendar.Flex, { ref, ...props, children: typeof children === "function" ? children(isDropTarget || hasDropTarget) : children }) });
   }
 );
 SortableGroup.displayName = "@optiaxiom/react/SortableGroup";
 
-var handle = IconMagnifyingGlass.recipeRuntime({base:'_1ron25l'});
+var handle = Calendar.recipeRuntime({base:'lotvi6'});
 
 const [SortableItemProvider, useSortableItemContext] = reactContext.createContext("@optiaxiom/react/SortableItem");
 
@@ -2006,7 +972,7 @@ const SortableHandle = React.forwardRef(
     );
     const ref = reactComposeRefs.useComposedRefs(handleRef, outerRef);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Box,
+      Calendar.Box,
       {
         "aria-label": "draggable",
         "data-state": isDragging ? "active" : void 0,
@@ -2020,7 +986,7 @@ const SortableHandle = React.forwardRef(
 );
 SortableHandle.displayName = "@optiaxiom/react/SortableHandle";
 
-var item = IconMagnifyingGlass.recipeRuntime({base:'_18neqq5',variants:{handle:{false:{},true:'_1o1w3ko'}}});
+var item = Calendar.recipeRuntime({base:'_13b2frh',variants:{handle:{false:{},true:'_1dgl42i'}}});
 
 const SortableItem = React.forwardRef(
   ({ children, className, index, item: id, ...props }, outerRef) => {
@@ -2056,7 +1022,7 @@ const SortableItem = React.forwardRef(
       cacheRef.current.set(id, children);
     }
     return /* @__PURE__ */ jsxRuntime.jsx(SortableItemProvider, { handleRef, isDragging, children: /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Box,
+      Calendar.Box,
       {
         "data-sortable-dragging": isDragging ? "" : void 0,
         ref,
@@ -2070,52 +1036,45 @@ const SortableItem = React.forwardRef(
 SortableItem.displayName = "@optiaxiom/react/SortableItem";
 
 function Spotlight({ children, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Menu, { inputVisible: "always", size: "lg", ...props, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.Menu, { inputVisible: "always", size: "lg", ...props, children });
 }
 Spotlight.displayName = "@optiaxiom/react/Spotlight";
 
 const SpotlightContent = React.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(MenuContent, { "aria-label": "Quick search", ref, ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(Calendar.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 } = useMenuContext("@optiaxiom/react/SpotlightTrigger");
+  const { open, setOpen } = Calendar.useMenuContext("@optiaxiom/react/SpotlightTrigger");
   useHotkeys([[DEFAULT_HOTKEY, () => setOpen(!open)]]);
-  return /* @__PURE__ */ jsxRuntime.jsx(MenuTrigger, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconMagnifyingGlass, {}), children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { color: "fg.tertiary", children }) }) });
+  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 }) }) });
 });
 SpotlightTrigger.displayName = "@optiaxiom/react/SpotlightTrigger";
 
-exports.Calendar = IconMagnifyingGlass.Calendar;
-exports.DataTableHeaderCell = IconMagnifyingGlass.DataTableHeaderCell;
-exports.Aside = Aside;
-exports.AsideBody = AsideBody;
-exports.AsideFooter = AsideFooter;
-exports.AsideHeader = AsideHeader;
-exports.Breadcrumb = Breadcrumb;
-exports.Card = Card;
-exports.CardAction = CardAction;
-exports.CardCheckbox = CardCheckbox;
-exports.CardFooter = CardFooter;
-exports.CardHeader = CardHeader;
-exports.CardImage = CardImage;
-exports.CardLink = CardLink;
-exports.CardPreview = CardPreview;
-exports.Command = Command;
-exports.CommandInput = CommandInput;
-exports.CommandItem = CommandItem;
-exports.CommandListbox = CommandListbox;
+exports.Calendar = Calendar.Calendar;
+exports.Command = Calendar.Command;
+exports.CommandInput = Calendar.CommandInput;
+exports.CommandItem = Calendar.CommandItem;
+exports.CommandListbox = Calendar.CommandListbox;
+exports.DataTableHeaderCell = Calendar.DataTableHeaderCell;
+exports.DetailsPanel = DetailsPanel;
+exports.DetailsPanelBody = DetailsPanelBody;
+exports.DetailsPanelFooter = DetailsPanelFooter;
+exports.DetailsPanelHeader = DetailsPanelHeader;
 exports.FileUpload = FileUpload;
 exports.FileUploadDropzone = FileUploadDropzone;
+exports.FileUploadTrigger = FileUploadTrigger;
 exports.Highlight = Highlight;
 exports.InlineInput = InlineInput;
 exports.Layout = Layout;
-exports.Menu = Menu;
-exports.MenuContent = MenuContent;
-exports.MenuTrigger = MenuTrigger;
+exports.LayoutContent = LayoutContent;
 exports.Pill = Pill;
 exports.PillGroup = PillGroup;
+exports.PillMenu = PillMenu;
+exports.PillMenuContent = PillMenuContent;
+exports.PillMenuTrigger = PillMenuTrigger;
 exports.Sortable = Sortable;
 exports.SortableGroup = SortableGroup;
 exports.SortableHandle = SortableHandle;
@@ -2123,3 +1082,4 @@ exports.SortableItem = SortableItem;
 exports.Spotlight = Spotlight;
 exports.SpotlightContent = SpotlightContent;
 exports.SpotlightTrigger = SpotlightTrigger;
+exports.useFileUploadTrigger = useFileUploadTrigger;