@optiaxiom/react 1.5.7 → 1.5.9

package/dist/cjs/unstable.js

@@ -3,88 +3,90 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var IconMagnifyingGlass = require('./IconMagnifyingGlass-C1vmdpal.js');
+var IconMagnifyingGlass = require('./IconMagnifyingGlass-l4lyw31a.js');
 var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
 var downshift = require('downshift');
 var reactContext = require('@radix-ui/react-context');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
 var clsx = require('clsx');
-require('./assets/src/layers/layers.css.ts.vanilla-CoWjorU5.css');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-DdNGYk5F.css');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-BCBcmGyg.css');
+require('./assets/src/layers/layers.css.ts.vanilla-Bn_VRXY4.css');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-cZVGhcw3.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-Bf6pAFWt.css');
 var reactId = require('@radix-ui/react-id');
-require('./assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-CMquv8j0.css');
-require('./assets/src/breadcrumb/BreadcrumbItem.css.ts.vanilla-HqI8w4rN.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-ByQQlPVT.css');
-require('./assets/src/card/Card.css.ts.vanilla-Dx7-OSeC.css');
-require('./assets/src/card/CardCheckbox.css.ts.vanilla-DHXZbqIX.css');
-require('./assets/src/card/CardHeader.css.ts.vanilla-SKnNZ2q_.css');
-require('./assets/src/card/CardPreview.css.ts.vanilla-DOPVkaXQ.css');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-CFWJDqnP.css');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla-B1fsHFq9.css');
-require('./assets/src/layout/Layouts.css.ts.vanilla-CrzLAJLe.css');
+require('./assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-Bgb_K_qI.css');
+require('./assets/src/breadcrumb/BreadcrumbItem.css.ts.vanilla-C0t-ImS8.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-B7ifRXzK.css');
+require('./assets/src/card/Card.css.ts.vanilla-DWRoAkEU.css');
+require('./assets/src/card/CardCheckbox.css.ts.vanilla-CQA9E9Hd.css');
+require('./assets/src/card/CardHeader.css.ts.vanilla-BI52cGXd.css');
+require('./assets/src/card/CardPreview.css.ts.vanilla-Cbq2BzJm.css');
+var reactDropzone = require('react-dropzone');
+require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-CaOs20ch.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-DHIzBl3t.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-BtRpxB_S.css');
+require('./assets/src/layout/Layouts.css.ts.vanilla-BpdJM0hh.css');
 var reactSlot = require('@radix-ui/react-slot');
-require('./assets/src/pill/Pill.css.ts.vanilla-CtZnQgDv.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-DF8TRDwX.css');
 var helpers = require('@dnd-kit/helpers');
 var react = require('@dnd-kit/react');
-require('./assets/src/sortable/SortableHandle.css.ts.vanilla-jo0CyuY5.css');
+require('./assets/src/sortable/SortableHandle.css.ts.vanilla-DSLCmr1W.css');
 var sortable = require('@dnd-kit/react/sortable');
-require('./assets/src/sortable/SortableItem.css.ts.vanilla-BnPen3f6.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-0EgqGIul.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-BZJSlXYR.css');
-require('./assets/src/table/Table.css.ts.vanilla-CrhcQ9Fw.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-mpdS9jrL.css');
-require('./assets/src/table/TableRow.css.ts.vanilla-DUuHeFsV.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-CRF35HvX.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla-_0RfH23t.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-81aLYTXU.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-DfZe4S8I.css');
+require('./assets/src/sortable/SortableItem.css.ts.vanilla-DrojkcgI.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BGkDreBM.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-B1nj-lOR.css');
+require('./assets/src/table/Table.css.ts.vanilla-BYeQmH2Y.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-BtH1pKw7.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-DtHSZb8O.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-CWBvbpJk.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-Cn1jZj8u.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-BlgVEAMG.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-DzVT4QtY.css');
 require('react-day-picker');
 require('@radix-ui/react-popper');
 require('@optiaxiom/globals');
 require('@radix-ui/react-tooltip');
-require('./assets/src/calendar/Calendar.css.ts.vanilla-8O7JrqRv.css');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-Ch1bq769.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-Csvemw5U.css');
-require('./assets/src/calendar/CalendarNav.css.ts.vanilla-Dd_s-ito.css');
-require('./assets/src/input/InputControl.css.ts.vanilla-Q-s24Cus.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-0EgqGIul.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-Ao8bwsNZ.css');
+require('./assets/src/calendar/Calendar.css.ts.vanilla-Bt1RIzxm.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-DBgZ4dAA.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-BYhjXrzi.css');
+require('./assets/src/calendar/CalendarNav.css.ts.vanilla-CARPueAn.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-C9_LVZhG.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BGkDreBM.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-BOUgRCH_.css');
 require('@radix-ui/react-popover');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-0EgqGIul.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-SpZDsPH1.css');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CjXYpuJi.css');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-r_mUsSk9.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-0CIupe31.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-D7uVxjkP.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-CxNujvlK.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-CHqwUT0f.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BGkDreBM.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-C3Eyp63O.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-B2jY-FTQ.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-IAcLEIVH.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-B4bfdvSK.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-X7dcCdH-.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-TBDke6xS.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-DKfCsVm2.css');
 require('@tanstack/react-virtual');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-2m7n0NDy.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-CZJTNIIa.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-ZzU49MIC.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-Bysb5ICL.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-esk_cjZB.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-vJ4ibcUx.css');
 require('@radix-ui/react-dialog');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-0EgqGIul.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BGkDreBM.css');
 require('@vanilla-extract/dynamic');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-D8UiT9f3.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-BXy_kn-B.css');
 require('@radix-ui/react-dismissable-layer');
 require('@radix-ui/react-focus-guards');
 require('react-remove-scroll');
 require('@radix-ui/react-portal');
-require('./assets/src/dialog/DialogContent.css.ts.vanilla-Ci1Zxe5U.css');
-require('./assets/src/dialog/DialogFooter.css.ts.vanilla-Cdb_sOf-.css');
-require('./assets/src/text/Text.css.ts.vanilla-Bjbyatqw.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-guagiIXf.css');
+require('./assets/src/dialog/DialogFooter.css.ts.vanilla-B7FTN28g.css');
+require('./assets/src/text/Text.css.ts.vanilla-D5aE5ZD3.css');
 require('@radix-ui/react-visually-hidden');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-BtW7ujiM.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-Dd4mtFDn.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-BFURnQ7k.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-SZfW2-MF.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-C5JDwK5p.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-CfYbRkTA.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-BZilmyUD.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-Cn8okhqh.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-C9Tu4ZkQ.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-LUQvS36-.css');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-Dn8sSmJR.css');
-require('./assets/src/box/Box.css.ts.vanilla-BOT2FD3S.css');
-require('./assets/src/link/Link.css.ts.vanilla-DWEYenF1.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-DVrj3i5o.css');
+require('./assets/src/box/Box.css.ts.vanilla-9dOX9gEv.css');
+require('./assets/src/link/Link.css.ts.vanilla-D64-a8ia.css');
 
 const keyNameMap = {
   " ": "space",
@@ -215,6 +217,28 @@ function fuzzysearch(haystack, needle) {
     }
   return true;
 }
+function score(item, inputValue) {
+  if (!inputValue) {
+    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,
@@ -245,7 +269,7 @@ const useCommandItems = ({
       ] : [];
     };
     return options.flatMap(callback()).sort((a, b) => {
-      return (b.group?.priority ?? 0) - (a.group?.priority ?? 0);
+      return (b.group?.priority ?? 0) + score(b, substring) - ((a.group?.priority ?? 0) + score(a, substring));
     });
   }, [options, filterFn, inputValue]);
 };
@@ -268,12 +292,7 @@ function Command({
     prop: inputValueProp
   });
   const items = useCommandItems({ inputValue, options });
-  const [highlightedIndex, setHighlightedIndex] = IconMagnifyingGlass.useHighlightedIndex(
-    enabled,
-    () => items.filter((item) => "selected" in item).length > items.length / 2 ? items.findIndex(
-      (item) => !resolveItemProperty(item.disabledReason) && resolveItemProperty(item.selected) && !item.multi
-    ) : -1
-  );
+  const [highlightedIndex, setHighlightedIndex] = IconMagnifyingGlass.useHighlightedIndex(enabled);
   const pauseInteractionRef = React.useRef({
     isInsideTriangle: null,
     timer: void 0
@@ -727,7 +746,7 @@ function Menu({
 }
 Menu.displayName = "@optiaxiom/react/Menu";
 
-var content$1 = IconMagnifyingGlass.recipeRuntime({base:'_1bmf7it'});
+var content$1 = IconMagnifyingGlass.recipeRuntime({base:'x4klq0'});
 
 const MenuDialogContent = React.forwardRef(
   ({
@@ -735,6 +754,7 @@ const MenuDialogContent = React.forwardRef(
     "aria-label": ariaLabel,
     children,
     className,
+    minW: _minW,
     side: _side,
     sideOffset: _sideOffset,
     ...props
@@ -767,7 +787,7 @@ const MenuDialogContent = React.forwardRef(
 );
 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'},'bp8kf8']}}});
+var input$1 = IconMagnifyingGlass.recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_1qskfih']}}});
 
 const MenuInput = React.forwardRef(
   ({ className, onKeyDown, ...props }, outerRef) => {
@@ -1138,6 +1158,24 @@ const MenuSubTrigger = React.forwardRef(
 );
 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: props.item.addon,
+        asChild: true,
+        description: props.item.description,
+        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");
@@ -1145,7 +1183,7 @@ const MenuListbox = React.forwardRef(
     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 : MenuRadioItem : MenuItem;
+        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, {}),
@@ -1240,12 +1278,18 @@ const MenuContent = React.forwardRef(
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.VisuallyHidden, { disabled: inputVisible, children: /* @__PURE__ */ jsxRuntime.jsx(MenuInput, { placeholder }) }),
+          /* @__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: loading === true ? "both" : loading || void 0,
               onScroll: () => setOpen(false),
               p: size === "lg" ? "6" : "0",
               children
@@ -1298,10 +1342,10 @@ const MenuTrigger = React.forwardRef(
 );
 MenuTrigger.displayName = "@optiaxiom/react/MenuTrigger";
 
-var link = IconMagnifyingGlass.recipeRuntime({base:'_5ltqrv'});
-var list = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'wbxylc']});
+var link = IconMagnifyingGlass.recipeRuntime({base:'_1vobdsg'});
+var list = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'tq6pzd']});
 
-var item$1 = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'_18o5jfd']});
+var item$1 = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'zpbbe3']});
 
 const BreadcrumbItem = React.forwardRef(
   ({ addonAfter, children, className, ...props }, ref) => {
@@ -1365,7 +1409,7 @@ const renderItems = (items, limit = items.length, renderItem) => {
   ];
 };
 
-var card = IconMagnifyingGlass.recipeRuntime({base:['_5ifkln',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',justifyContent:'flex-start',p:'16'},'_1bm247m']});
+var card = IconMagnifyingGlass.recipeRuntime({base:['_1dt45gc',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',p:'16'},'_6ub5bd']});
 
 const [CardProvider, useCardContext] = reactContext.createContext("@optiaxiom/react/Card");
 
@@ -1385,7 +1429,7 @@ const CardAction = React.forwardRef(
 );
 CardAction.displayName = "@optiaxiom/react/CardAction";
 
-var checkbox = IconMagnifyingGlass.recipeRuntime({base:['_7bcxmb']});
+var checkbox = IconMagnifyingGlass.recipeRuntime({base:['g1jyek']});
 
 const CardCheckbox = React.forwardRef(
   ({ className, onChange, ...props }, ref) => {
@@ -1426,9 +1470,9 @@ const CardFooter = React.forwardRef(
 );
 CardFooter.displayName = "@optiaxiom/react/CardFooter";
 
-var addon = IconMagnifyingGlass.recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'_7z43zr',before:'ww3jk7'}}});
-var content = IconMagnifyingGlass.recipeRuntime({base:[{flex:'1'},'gsrmyu']});
-var header = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'_5tumoz']});
+var addon = IconMagnifyingGlass.recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'_12ld5tn',before:'w6hkxd'}}});
+var content = IconMagnifyingGlass.recipeRuntime({base:[{flex:'1'},'_136szac']});
+var header = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'_1oqljvl']});
 
 const CardHeader = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, description, ...props }, ref) => {
@@ -1463,8 +1507,8 @@ const CardLink = React.forwardRef(
 );
 CardLink.displayName = "@optiaxiom/react/CardLink";
 
-var overlay = IconMagnifyingGlass.recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'chh5s2']});
-var preview = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_1cx4b6h']});
+var overlay = IconMagnifyingGlass.recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'nlygyh']});
+var preview = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_1716fhe']});
 
 const CardPreview = React.forwardRef(
   ({
@@ -1526,7 +1570,83 @@ const CardPreview = React.forwardRef(
 );
 CardPreview.displayName = "@optiaxiom/react/CardPreview";
 
-var mark = IconMagnifyingGlass.recipeRuntime({base:'_1tphxua'});
+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'},'_159pt2e'],variants:{drag:{accept:[{borderColor:'border.success'},'_5mn998'],'default':'zhiwws',reject:[{borderColor:'border.error'},'_9vquf9']}}});
+
+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:'_17p5tlb'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -1558,8 +1678,8 @@ const Highlight = React.forwardRef(
 );
 Highlight.displayName = "@optiaxiom/react/Highlight";
 
-var editor = IconMagnifyingGlass.recipeRuntime({base:'bx0ipe',variants:{empty:{false:{},true:'_3nl2ju'}}});
-var input = IconMagnifyingGlass.recipeRuntime({base:'trx2g4'});
+var editor = IconMagnifyingGlass.recipeRuntime({base:'_1qoti6t',variants:{empty:{false:{},true:'_1mbhevs'}}});
+var input = IconMagnifyingGlass.recipeRuntime({base:'pg5m4f'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -1640,7 +1760,7 @@ function getText(element) {
   return text;
 }
 
-var layout = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1qx8dv6']});
+var layout = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1r4g79e']});
 
 const Layout = React.forwardRef(
   ({ children, className, header, sidebar, ...props }, ref) => {
@@ -1665,7 +1785,7 @@ 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'},'_10jr6bf'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
+var pill = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',whiteSpace:'nowrap'},'yjgp0o'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Slot = reactSlot.createSlot("@optiaxiom/react/Pill");
 const Pill = React.forwardRef(
@@ -1753,12 +1873,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, { justifyContent: "flex-start", ref, ...props, children: typeof children === "function" ? children(isDropTarget || hasDropTarget) : children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(SortableGroupProvider, { id, setHasDropTarget, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { ref, ...props, children: typeof children === "function" ? children(isDropTarget || hasDropTarget) : children }) });
   }
 );
 SortableGroup.displayName = "@optiaxiom/react/SortableGroup";
 
-var handle = IconMagnifyingGlass.recipeRuntime({base:'_1ekdc2e'});
+var handle = IconMagnifyingGlass.recipeRuntime({base:'_6s2cl5'});
 
 const [SortableItemProvider, useSortableItemContext] = reactContext.createContext("@optiaxiom/react/SortableItem");
 
@@ -1783,7 +1903,7 @@ const SortableHandle = React.forwardRef(
 );
 SortableHandle.displayName = "@optiaxiom/react/SortableHandle";
 
-var item = IconMagnifyingGlass.recipeRuntime({base:'_11iqij5',variants:{handle:{false:{},true:'abrsb6'}}});
+var item = IconMagnifyingGlass.recipeRuntime({base:'t995ym',variants:{handle:{false:{},true:'sk3r4u'}}});
 
 const SortableItem = React.forwardRef(
   ({ children, className, index, item: id, ...props }, outerRef) => {
@@ -1865,6 +1985,8 @@ exports.Command = Command;
 exports.CommandInput = CommandInput;
 exports.CommandItem = CommandItem;
 exports.CommandListbox = CommandListbox;
+exports.FileUpload = FileUpload;
+exports.FileUploadDropzone = FileUploadDropzone;
 exports.Highlight = Highlight;
 exports.InlineInput = InlineInput;
 exports.Layout = Layout;

package/dist/esm/assets/src/actions/ActionsContent.css.ts.vanilla-B1nj-lOR.css

@@ -0,0 +1,22 @@
+@layer optiaxiom._1m1gdh0;
+@layer optiaxiom._1m1gdh0 {
+  ._1sn4ikn {
+    transition: opacity var(--ax-duration-sm) ease;
+  }
+  ._1p6fuzz:not(:has(._1p6fuzz)):focus-within ._1sn4ikn, ._1sn4ikn:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
+    opacity: 1;
+    transition: none;
+  }
+  ._657xdk {
+    opacity: 1;
+  }
+  ._1vevwkw {
+    opacity: 0;
+  }
+  @media (hover: hover) {
+    ._1p6fuzz:not(:has(._1p6fuzz)):hover ._1sn4ikn {
+      opacity: 1;
+      transition: none;
+    }
+  }
+}

package/dist/esm/assets/src/alert/{Alert.css.ts.vanilla-BRx0AySP.css → Alert.css.ts.vanilla-CFb9cYSW.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom._1gbl9ta;
-@layer optiaxiom._1gbl9ta {
-  ._1rtxbro {
+@layer optiaxiom._1m1gdh0;
+@layer optiaxiom._1m1gdh0 {
+  .p82bm9 {
     background-image: radial-gradient(150% 150% at 22px 22px, #F5F3FF, #E5EFFF);
   }
-  ._12hclz0 {
+  .c2nmol {
     min-height: var(--ax-size-sm);
   }
 }

package/dist/esm/assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BnoSU1F4.css

@@ -0,0 +1,30 @@
+@layer optiaxiom._1m1gdh0;
+@layer optiaxiom._1m1gdh0 {
+  ._236lgt {
+    opacity: 0;
+  }
+  ._92dg6q {
+    inset: 0;
+    position: fixed;
+  }
+  ._1a53bvw {
+    max-height: 50dvh;
+    max-width: calc(100dvw - 2 * 24px);
+    transform: 
+      translateY(calc(1rem * var(--jvyfva)))
+      scale(calc(1 - 0.06 * var(--jvyfva)))
+    ;
+  }
+  ._1a53bvw:focus-visible {
+    outline: none;
+  }
+  ._1tvab74 {
+    width: 400px;
+  }
+  .fbsw95 {
+    width: 600px;
+  }
+  .epu0tt {
+    width: 800px;
+  }
+}

package/dist/esm/assets/src/alert-dialog/{AlertDialogFooter.css.ts.vanilla-BVq5KG3B.css → AlertDialogFooter.css.ts.vanilla-_7Ay-QZw.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._1gbl9ta;
-@layer optiaxiom._1gbl9ta {
-  .hev69i {
+@layer optiaxiom._1m1gdh0;
+@layer optiaxiom._1m1gdh0 {
+  .e1gmyr {
     border-top: 1px solid var(--ax-colors-border-secondary);
     bottom: 0;
     position: sticky;

package/dist/esm/assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-ZvqGx4h_.css

@@ -0,0 +1,7 @@
+@layer optiaxiom._1m1gdh0;
+@layer optiaxiom._1m1gdh0 {
+  ._1ryp2s1 {
+    position: sticky;
+    top: 0;
+  }
+}

package/dist/esm/assets/src/avatar/{Avatar.css.ts.vanilla-yF8Gt2LT.css → Avatar.css.ts.vanilla-en67x_NI.css}

@@ -1,51 +1,52 @@
-@layer optiaxiom._1gbl9ta;
-@layer optiaxiom._1gbl9ta {
-  ._11bipc {
-    user-select: none;
+@layer optiaxiom._1m1gdh0;
+@layer optiaxiom._1m1gdh0 {
+  ._6kji2f {
+    -webkit-user-select: none;
+            user-select: none;
   }
-  ._2gkvvt ._11bipc {
+  .xhgge3 ._6kji2f {
     border: 1px solid var(--ax-colors-bg-default);
   }
-  .fhayfw {
+  .wk2rbs {
     font-size: 8px;
   }
-  ._2gkvvt .fhayfw:not(:first-child) {
+  .xhgge3 .wk2rbs:not(:first-child) {
     margin-left: -1px;
   }
-  ._1emteof {
+  ._1mmti04 {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._2gkvvt ._1emteof:not(:first-child) {
+  .xhgge3 ._1mmti04:not(:first-child) {
     margin-left: -3px;
   }
-  .zeyyi {
+  ._1nq3vw8 {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._2gkvvt .zeyyi:not(:first-child) {
+  .xhgge3 ._1nq3vw8:not(:first-child) {
     margin-left: -5px;
   }
-  ._10oa2rh {
+  ._16n5i3u {
     font-size: var(--ax-fontSize-md-fontSize);
   }
-  ._2gkvvt ._10oa2rh:not(:first-child) {
+  .xhgge3 ._16n5i3u:not(:first-child) {
     margin-left: -7px;
   }
-  ._328n63 {
+  ._1nffsc {
     font-size: var(--ax-fontSize-lg-fontSize);
   }
-  ._2gkvvt ._328n63:not(:first-child) {
+  .xhgge3 ._1nffsc:not(:first-child) {
     margin-left: -9px;
   }
-  .gkfpq6 {
+  ._11k7pv8 {
     font-size: var(--ax-fontSize-xl-fontSize);
   }
-  ._2gkvvt .gkfpq6:not(:first-child) {
+  .xhgge3 ._11k7pv8:not(:first-child) {
     margin-left: -11px;
   }
-  ._10q3eyd {
+  .p5u5rn {
     font-size: var(--ax-fontSize-4xl-fontSize);
   }
-  ._2gkvvt ._10q3eyd:not(:first-child) {
+  .xhgge3 .p5u5rn:not(:first-child) {
     margin-left: -13px;
   }
 }