@optiaxiom/react 1.9.30 → 1.9.32

package/dist/cjs/unstable.js

@@ -1,112 +1,112 @@
 "use client";
 'use strict';
 
-var Flex = require('./Flex-B_Zae-7-.js');
+var Flex = require('./Flex-Cyy4wbYN.js');
 var jsxRuntime = require('react/jsx-runtime');
 var reactId = require('@radix-ui/react-id');
 var clsx = require('clsx');
 var reactSlot = require('@radix-ui/react-slot');
 var React = require('react');
-require('./assets/src/layers/layers.css.ts.vanilla-DT48RyOE.css');
-require('./assets/src/details-panel/DetailsPanel.css.ts.vanilla-Bq4KBOKa.css');
+require('./assets/src/layers/layers.css.ts.vanilla-TD_y-Ojn.css');
+require('./assets/src/details-panel/DetailsPanel.css.ts.vanilla-yCnHLUBa.css');
 var reactContext = require('@radix-ui/react-context');
-require('./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-CHwStxiv.css');
-require('./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-C6_y4Jx3.css');
+require('./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-JO43e_oM.css');
+require('./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-CWwfgq2T.css');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
-require('./assets/src/file-upload/FileUpload.css.ts.vanilla-CHx59ITR.css');
-require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-D9hpsMgc.css');
-require('./assets/src/file-upload/FileUploadListItem.css.ts.vanilla-DvKW0AiZ.css');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-DuE5Y7VF.css');
+require('./assets/src/file-upload/FileUpload.css.ts.vanilla-AOOAcGLi.css');
+require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-DV10_8mh.css');
+var globals = require('@optiaxiom/globals');
+require('./assets/src/file-upload/FileUploadListItem.css.ts.vanilla-9qkM7GCr.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-7u-n_Fzt.css');
 var RadixHoverCard = require('@radix-ui/react-hover-card');
 var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
-require('./assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-BdmgTLo4.css');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla-CHSaVQfU.css');
+require('./assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-D1y4rRfc.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-DYp70woL.css');
 var ResizablePrimitive = require('react-resizable-panels');
-require('./assets/src/resizable/ResizableHandle.css.ts.vanilla-mNz95yRi.css');
-require('./assets/src/layout/Layout.css.ts.vanilla-pP04r9FX.css');
-require('./assets/src/layout/LayoutContent.css.ts.vanilla-CH7-eLMS.css');
-require('./assets/src/pill/Pill.css.ts.vanilla-B3B5Fjbb.css');
+require('./assets/src/resizable/ResizableHandle.css.ts.vanilla-DDvRb8Kv.css');
+require('./assets/src/layout/Layout.css.ts.vanilla-BSSGDbz2.css');
+require('./assets/src/layout/LayoutContent.css.ts.vanilla-C0IPStOi.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-BboT6Go1.css');
 var RadixRovingFocus = require('@radix-ui/react-roving-focus');
-require('./assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-B9Q9awOd.css');
+require('./assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-CJqWxwJT.css');
 var dynamic = require('@vanilla-extract/dynamic');
-require('./assets/src/range/Range.css.ts.vanilla-CG-442Ra.css');
+require('./assets/src/range/Range.css.ts.vanilla-BPfdUDkK.css');
 var helpers = require('@dnd-kit/helpers');
 var react = require('@dnd-kit/react');
-require('./assets/src/sortable/SortableHandle.css.ts.vanilla-0WhPB6Cc.css');
+require('./assets/src/sortable/SortableHandle.css.ts.vanilla-CdZ4YlGt.css');
 var sortable = require('@dnd-kit/react/sortable');
-require('./assets/src/sortable/SortableItem.css.ts.vanilla-Cuxy4nY2.css');
-var globals = require('@optiaxiom/globals');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-DEJkSvoT.css');
+require('./assets/src/sortable/SortableItem.css.ts.vanilla-B3oHGh2v.css');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-BOTwCNvu.css');
 require('downshift');
-require('./assets/src/input/Input.css.ts.vanilla-PiuG8lqE.css');
-require('./assets/src/input/InputControl.css.ts.vanilla-AOjptJXg.css');
-require('./assets/src/button/ButtonGroup.css.ts.vanilla-2rQb5GMF.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-BOtelRy0.css');
-require('./assets/src/command/CommandItem.css.ts.vanilla-B3MMPQdn.css');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-B3iYgiq8.css');
+require('./assets/src/input/Input.css.ts.vanilla-BPl5XG98.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-BT47Xa2t.css');
+require('./assets/src/button/ButtonGroup.css.ts.vanilla-BABoJD5J.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-CLiErqUn.css');
+require('./assets/src/command/CommandItem.css.ts.vanilla-DgmjsFPP.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-CY_dlGar.css');
 require('react-remove-scroll');
 require('@radix-ui/react-dialog');
 require('use-sync-external-store/shim');
-require('./assets/src/button/ButtonGroup.css.ts.vanilla-2rQb5GMF.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-L9c1XPFV.css');
-require('./assets/src/dialog/DialogContent.css.ts.vanilla-C1Z_aP2E.css');
-require('./assets/src/dialog/DialogFooter.css.ts.vanilla-Bxe2Hdsd.css');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-BX4EYXLc.css');
-require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-CV8S-8BE.css');
-require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-CaRcwUkO.css');
-require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-CXB_u_C8.css');
-require('./assets/src/button/ButtonGroup.css.ts.vanilla-2rQb5GMF.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-Dub41XFp.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-CvIprykN.css');
-require('./assets/src/table/Table.css.ts.vanilla-Dylx6sk-.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-DRCYhkHH.css');
-require('./assets/src/table/TableRow.css.ts.vanilla-DGtwFBP3.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-xKsB8EEG.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla-BCoYTQo9.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-CjaxPkSA.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-Bnv9mGtx.css');
+require('./assets/src/button/ButtonGroup.css.ts.vanilla-BABoJD5J.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-BJ8X9epf.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-CdndQu_U.css');
+require('./assets/src/dialog/DialogFooter.css.ts.vanilla-DEUm-0R-.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-CZXikEWA.css');
+require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BVKoWKnJ.css');
+require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-qaQViP69.css');
+require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-CN6DIyvO.css');
+require('./assets/src/button/ButtonGroup.css.ts.vanilla-BABoJD5J.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-geGcYGNN.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-gkWtdPk2.css');
+require('./assets/src/table/Table.css.ts.vanilla-CIYTA2VL.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-aeX-prkH.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-BGg9gS6E.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-B2_EYBhr.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-C7dKFqho.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-CWdIewvQ.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-ByIocMDa.css');
 require('react-day-picker');
 require('@radix-ui/react-popper');
 require('@radix-ui/react-avatar');
-require('./assets/src/button/ButtonGroup.css.ts.vanilla-2rQb5GMF.css');
-require('./assets/src/avatar/Avatar.css.ts.vanilla-CMoBRmpk.css');
+require('./assets/src/button/ButtonGroup.css.ts.vanilla-BABoJD5J.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla--0uqhvBS.css');
 require('@radix-ui/react-visually-hidden');
-require('./assets/src/listbox/Listbox.css.ts.vanilla-B9x1KPvv.css');
-require('./assets/src/icon/Icon.css.ts.vanilla-CWKpuBHl.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-TRLv0HAV.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-TMy3bgub.css');
-require('./assets/src/text/Text.css.ts.vanilla-DKp8OvEQ.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-UabVJMbi.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-vcwUOAL0.css');
-require('./assets/src/alert/Alert.css.ts.vanilla-DiJoNtl8.css');
+require('./assets/src/listbox/Listbox.css.ts.vanilla-CmtTwYMJ.css');
+require('./assets/src/icon/Icon.css.ts.vanilla-MNjsUOow.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-BafBo3B_.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-BMxScq2P.css');
+require('./assets/src/text/Text.css.ts.vanilla-ClWCUXdj.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-ChDUJy5p.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-CSkrk8Ge.css');
+require('./assets/src/alert/Alert.css.ts.vanilla-uGGKlTRr.css');
 require('@radix-ui/react-popover');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-CtI6uka3.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-CmRZyHKb.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-DtwmfvuW.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-BXEn2RbM.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-COeqSv5g.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-BtAV_Wcx.css');
 require('@tanstack/react-virtual');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-D9pRL9Rd.css');
-require('./assets/src/button/ButtonGroup.css.ts.vanilla-2rQb5GMF.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-CzECeQ2F.css');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-BwMGkAqx.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-ayuowLze.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-CcC8o_2H.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-rL-MVRik.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-CJwzpQJv.css');
+require('./assets/src/button/ButtonGroup.css.ts.vanilla-BABoJD5J.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-C2Ml6lnb.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-SlW1cJ6q.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-CCuA-_oY.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-xvbpuOKP.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-D-hCzm-2.css');
 require('@radix-ui/react-portal');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-LHSRZJUZ.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-dQ62rF-w.css');
 require('@radix-ui/react-dismissable-layer');
 require('@radix-ui/react-focus-guards');
 require('@radix-ui/react-focus-scope');
 require('@radix-ui/react-tooltip');
-require('./assets/src/calendar/Calendar.css.ts.vanilla-DDyHe8xx.css');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-CAih16RQ.css');
-require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-BIds3u7y.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla--Mw3YUcT.css');
-require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-B2zrvO-1.css');
-require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-CGNuxT7q.css');
+require('./assets/src/calendar/Calendar.css.ts.vanilla-BGs8IVtc.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-Dz4BHNAs.css');
+require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-2w-pcmXQ.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-DjmH1arp.css');
+require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-CEvG6t-J.css');
+require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-COUwibYT.css');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-CN8B0yBH.css');
-require('./assets/src/box/Box.css.ts.vanilla-C2eqJXSS.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-CHnixgCh.css');
+require('./assets/src/box/Box.css.ts.vanilla-C7L4ncJM.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -285,7 +285,7 @@ function DataTableExpandableHeader({
 }
 DataTableExpandableHeader.displayName = "@optiaxiom/react/DataTableExpandableHeader";
 
-var root$3 = Flex.recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'gjj99x']});
+var root$3 = Flex.recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'_1tp9j6m']});
 
 const [DetailsPanelProvider, useDetailsPanelContext] = reactContext.createContext("@optiaxiom/react/DetailsPanel");
 
@@ -328,14 +328,14 @@ const DetailsPanelBody = React.forwardRef(({ children, ...props }, ref) => {
 });
 DetailsPanelBody.displayName = "@optiaxiom/react/DetailsPanelBody";
 
-var footer = Flex.recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'_1du5r1a']});
+var footer = Flex.recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'_1m4qauf']});
 
 const DetailsPanelFooter = React.forwardRef(({ children, className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Flex.ButtonProvider, { size: "lg", children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Group, { ref, ...footer({}, className), ...props, children }) });
 });
 DetailsPanelFooter.displayName = "@optiaxiom/react/DetailsPanelFooter";
 
-var header = Flex.recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'_1987luq']});
+var header = Flex.recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'hvvg1e']});
 
 const DetailsPanelHeader = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, description, ...props }, ref) => {
@@ -372,7 +372,7 @@ const DetailsPanelHeader = React.forwardRef(
 );
 DetailsPanelHeader.displayName = "@optiaxiom/react/DetailsPanelHeader";
 
-var upload = Flex.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'hkdsx3']});
+var upload = Flex.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'gtkpw']});
 
 const [FileUploadProvider, useFileUploadContext] = reactContext.createContext("@optiaxiom/react/FileUpload");
 
@@ -409,8 +409,8 @@ const IconFileImport = Flex.withIcon(
   )
 );
 
-var dropzone = Flex.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',flexDirection:'column',gap:'16',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'_4ugahj'],variants:{drag:{false:{},true:['_1n8hm10']},hidden:{false:'tapkbt',true:'ilpen0'},overlay:{false:{flex:'1'},true:[{z:'10'},'_18emfr3']}}});
-var label = Flex.recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'_7wcbzt'}}});
+var dropzone = Flex.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',flexDirection:'column',gap:'16',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'_1pmytyu'],variants:{drag:{false:{},true:['ophb1f']},hidden:{false:'_1f5w98h',true:'_113aidl'},overlay:{false:{flex:'1'},true:[{z:'10'},'_3603cm']}}});
+var label = Flex.recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'lja1km'}}});
 
 const useFileUploadTrigger = () => {
   const { inputRef } = useFileUploadContext(
@@ -441,6 +441,7 @@ const FileUploadTrigger = React.forwardRef(({ asChild, children, onClick, ...pro
         open();
       },
       ref,
+      ...asChild ? {} : { type: "button" },
       ...restProps,
       children: children || "Select files"
     }
@@ -573,7 +574,13 @@ const useFileUploadDrop = ({
           Array.from(event.dataTransfer.items).map(async (item) => {
             if (item.kind === "file") {
               const file = item.getAsFile();
-              return file && isValidFile(file, accept) ? file : null;
+              const valid = file && isValidFile(file, accept);
+              if (!valid) {
+                globals.toaster.create(invalidFileTypeMessage(file), {
+                  intent: "danger"
+                });
+              }
+              return valid ? file : null;
             } else if (item.type === "opal-chat-dnd-data" || item.type === "opal-host-dnd-data") {
               if (!auth) {
                 throw new Error(
@@ -595,9 +602,15 @@ const useFileUploadDrop = ({
             }
             return null;
           })
-        )).filter((file) => !!file) : Array.from(event.dataTransfer.files).filter(
-          (file) => isValidFile(file, accept)
-        )
+        )).filter((file) => !!file) : Array.from(event.dataTransfer.files).filter((file) => {
+          const valid = isValidFile(file, accept);
+          if (!valid) {
+            globals.toaster.create(invalidFileTypeMessage(file), {
+              intent: "danger"
+            });
+          }
+          return valid;
+        })
       );
     }
   };
@@ -631,6 +644,11 @@ async function getRemoteFile(resource, auth, retry = false) {
     });
   }
 }
+function invalidFileTypeMessage(file) {
+  const ext = file?.name.includes(".") ? `.${file.name.split(".").pop()}` : void 0;
+  const label = ext || file?.type || "Unknown";
+  return `${label} is not an accepted file type`;
+}
 function isValidFile(file, accept) {
   if (!file) {
     return false;
@@ -787,8 +805,8 @@ const IconTrashCan = Flex.withIcon(
   )
 );
 
-var item$1 = Flex.recipeRuntime({base:[{alignItems:'center',flexDirection:'row',fontSize:'md',gap:'6',p:'6',rounded:'md',transition:'colors'},'ph4y1i']});
-var name = Flex.recipeRuntime({base:[{rounded:'md',textAlign:'start'},'sekz5e']});
+var item$1 = Flex.recipeRuntime({base:[{alignItems:'center',flexDirection:'row',fontSize:'md',gap:'6',p:'6',rounded:'md',transition:'colors'},'_18y7q2t']});
+var name = Flex.recipeRuntime({base:[{rounded:'md',textAlign:'start'},'tzf8vc']});
 
 function downloadFile(file) {
   const url = URL.createObjectURL(file);
@@ -857,8 +875,8 @@ const FileUploadListItem = React.forwardRef(({ className, item, onRemove, ...pro
 FileUploadListItem.displayName = "@optiaxiom/react/FileUploadListItem";
 
 const FileUploadList = React.forwardRef(
-  ({ items, onRemove, ...props }) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Flex.Flex, { gap: "12", ...props, children: items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+  ({ items, onRemove, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(Flex.Flex, { gap: "12", ref, ...props, children: items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx(
       FileUploadListItem,
       {
         item,
@@ -870,7 +888,7 @@ const FileUploadList = React.forwardRef(
 );
 FileUploadList.displayName = "@optiaxiom/react/FileUploadList";
 
-var mark$1 = Flex.recipeRuntime({base:'_2a884k'});
+var mark$1 = Flex.recipeRuntime({base:'_1ife1l2'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -984,7 +1002,7 @@ const HoverCardContent = React.forwardRef(
 );
 HoverCardContent.displayName = "@optiaxiom/react/HoverCardContent";
 
-var trigger$1 = Flex.recipeRuntime({base:'_174kna3'});
+var trigger$1 = Flex.recipeRuntime({base:'_1wn86tj'});
 
 const HoverCardTrigger = React.forwardRef(({ children, className, ...props }, ref) => {
   const { boxProps, restProps } = Flex.extractBoxProps(props);
@@ -992,8 +1010,8 @@ const HoverCardTrigger = React.forwardRef(({ children, className, ...props }, re
 });
 HoverCardTrigger.displayName = "@optiaxiom/react/HoverCardTrigger";
 
-var editor = Flex.recipeRuntime({base:'tlk4hu',variants:{empty:{false:{},true:'_7fbdav'}}});
-var input = Flex.recipeRuntime({base:'_8qtijt'});
+var editor = Flex.recipeRuntime({base:'_1htcyep',variants:{empty:{false:{},true:'udljf8'}}});
+var input = Flex.recipeRuntime({base:'t5rpkz'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -1080,8 +1098,8 @@ const Resizable = ({ ...props }) => {
 };
 Resizable.displayName = "@optiaxiom/react/Resizable";
 
-var handle$1 = Flex.recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'x7xr2j']});
-var root$2 = Flex.recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'_11sb73f']});
+var handle$1 = Flex.recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'xzni7t']});
+var root$2 = Flex.recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'iwcw3t']});
 
 const ResizableHandle = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Flex.Group, { asChild: true, ...root$2(), children: /* @__PURE__ */ jsxRuntime.jsx(ResizablePrimitive__namespace.PanelResizeHandle, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Flex.Box, { ...handle$1() }) }) });
@@ -1093,7 +1111,7 @@ const ResizablePanel = ({ ...props }) => {
 };
 ResizablePanel.displayName = "@optiaxiom/react/ResizablePanel";
 
-var layout = Flex.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'nsgpsi'],variants:{size:{full:'_7hfpmt',screen:'_1thhqsb'}}});
+var layout = Flex.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_17dd03k'],variants:{size:{full:'_1rqtsm',screen:'_13q6e38'}}});
 
 const Layout = React.forwardRef(
   ({
@@ -1126,7 +1144,7 @@ const Layout = React.forwardRef(
 );
 Layout.displayName = "@optiaxiom/react/Layout";
 
-var content = Flex.recipeRuntime({base:[{flexDirection:'column',gap:'16',overflow:'auto',px:'32',py:'24'},'_1svnpbw']});
+var content = Flex.recipeRuntime({base:[{flexDirection:'column',gap:'16',overflow:'auto',px:'32',py:'24'},'b6u5if']});
 
 const LayoutContent = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -1144,7 +1162,7 @@ const LayoutContent = React.forwardRef(
 );
 LayoutContent.displayName = "@optiaxiom/react/LayoutContent";
 
-var pill = Flex.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',transition:'colors',whiteSpace:'nowrap'},'_119qo3j'],variants:{interactive:{false:{},true:'_124sh7j'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
+var pill = Flex.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',transition:'colors',whiteSpace:'nowrap'},'_1c8rued'],variants:{interactive:{false:{},true:'_15clwgs'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Slot$2 = reactSlot.createSlot("@optiaxiom/react/Pill");
 const Pill = React.forwardRef(
@@ -1405,9 +1423,9 @@ const PillMenuPill = React.forwardRef(
 );
 PillMenuPill.displayName = "@optiaxiom/react/PillMenuPill";
 
-var root$1 = Flex.recipeRuntime({base:[{border:'1',rounded:'md',transition:'colors'},'_1cbbuh2'],variants:{size:{md:'jl4kxs',lg:'_1gyj9jc'}}});
-var trigger = Flex.recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'dqof6a']});
-var wrapper = Flex.recipeRuntime({base:'rknatb'});
+var root$1 = Flex.recipeRuntime({base:[{border:'1',rounded:'md',transition:'colors'},'_16vsg4w'],variants:{size:{md:'_1jqp3u0',lg:'juszif'}}});
+var trigger = Flex.recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'jccpx9']});
+var wrapper = Flex.recipeRuntime({base:'_1swy7ko'});
 
 const remapSize = {
   md: "xs",
@@ -1493,14 +1511,14 @@ const PillMenuTrigger = React.forwardRef(
 );
 PillMenuTrigger.displayName = "@optiaxiom/react/PillMenuTrigger";
 
-var control = Flex.recipeRuntime({base:[{bg:'transparent'},'yssoj8']});
-var fillValue = 'var(--c8w67x)';
-var mark = Flex.recipeRuntime({base:[{transition:'colors'},'_3rgb8l'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
-var markValue = 'var(--_115f95l)';
-var range = Flex.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_9u1r2p']});
-var root = Flex.recipeRuntime({base:['zj1rg1',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'_74yels'],variants:{marks:{false:{},true:{mb:'24'}},size:{md:{h:'md'},lg:{h:'lg'}}}});
-var thumb = Flex.recipeRuntime({base:[{border:'1',rounded:'full',shadow:'sm',size:'xs'},'c5vque']});
-var track = Flex.recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'_1wee1ht']});
+var control = Flex.recipeRuntime({base:[{bg:'transparent'},'_16nf24w']});
+var fillValue = 'var(--_15prjyv)';
+var mark = Flex.recipeRuntime({base:[{transition:'colors'},'_4r09ax'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
+var markValue = 'var(--y0tjbk)';
+var range = Flex.recipeRuntime({base:[{h:'full',rounded:'inherit'},'dseeso']});
+var root = Flex.recipeRuntime({base:['_1p8vqcu',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'vxdyri'],variants:{marks:{false:{},true:{mb:'24'}},size:{md:{h:'md'},lg:{h:'lg'}}}});
+var thumb = Flex.recipeRuntime({base:[{border:'1',rounded:'full',shadow:'sm',size:'xs'},'_11e4i0h']});
+var track = Flex.recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'_1jj03uv']});
 
 const useTooltipState = () => {
   const [tooltipOpen, setTooltipOpen] = React.useState(false);
@@ -1722,7 +1740,7 @@ const SortableGroup = React.forwardRef(
 );
 SortableGroup.displayName = "@optiaxiom/react/SortableGroup";
 
-var handle = Flex.recipeRuntime({base:'_12fwcqj'});
+var handle = Flex.recipeRuntime({base:'_1z0x6aa'});
 
 const [SortableItemProvider, useSortableItemContext] = reactContext.createContext("@optiaxiom/react/SortableItem");
 
@@ -1747,7 +1765,7 @@ const SortableHandle = React.forwardRef(
 );
 SortableHandle.displayName = "@optiaxiom/react/SortableHandle";
 
-var item = Flex.recipeRuntime({base:'_18qqx03',variants:{handle:{false:{},true:'_1pdpkf9'}}});
+var item = Flex.recipeRuntime({base:'_1w5sw25',variants:{handle:{false:{},true:'_1qgnmp3'}}});
 
 const SortableItem = React.forwardRef(
   ({ children, className, index, item: id, ...props }, outerRef) => {

package/dist/esm/assets/src/actions/{ActionsContent.css.ts.vanilla-Dub41XFp.css → ActionsContent.css.ts.vanilla-geGcYGNN.css}

@@ -1,20 +1,20 @@
-@layer optiaxiom._1l0xsvj;
-@layer optiaxiom._1l0xsvj {
-  ._1hqo8un {
+@layer optiaxiom._1fgw1dd;
+@layer optiaxiom._1fgw1dd {
+  .lphzc1 {
     transition: opacity var(--ax-duration-sm) ease;
   }
-  .wwhq4o:not(:has(.wwhq4o)):focus-within ._1hqo8un, ._1hqo8un:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
+  ._1kz7r1v:not(:has(._1kz7r1v)):focus-within .lphzc1, .lphzc1:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
     opacity: 1;
     transition: none;
   }
-  ._11a93n1 {
+  ._1441wnc {
     opacity: 1;
   }
-  .n8o009 {
+  ._1age2ov {
     opacity: 0;
   }
   @media (hover: hover) {
-    .wwhq4o:not(:has(.wwhq4o)):hover ._1hqo8un {
+    ._1kz7r1v:not(:has(._1kz7r1v)):hover .lphzc1 {
       opacity: 1;
       transition: none;
     }

package/dist/esm/assets/src/alert/Alert.css.ts.vanilla-uGGKlTRr.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1fgw1dd;
+@layer optiaxiom._1fgw1dd {
+  .nm9azw {
+    min-height: var(--ax-size-sm);
+  }
+}

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

@@ -0,0 +1,30 @@
+@layer optiaxiom._1fgw1dd;
+@layer optiaxiom._1fgw1dd {
+  ._4zbwt1 {
+    opacity: 0;
+  }
+  ._19gxho6 {
+    inset: 0;
+    position: fixed;
+  }
+  ._50pay3 {
+    max-height: 50dvh;
+    max-width: calc(100dvw - 2 * 24px);
+    transform: 
+      translateY(calc(1rem * var(--_1s9nf9q)))
+      scale(calc(1 - 0.06 * var(--_1s9nf9q)))
+    ;
+  }
+  ._50pay3:focus-visible {
+    outline: none;
+  }
+  .lcbr9m {
+    width: 400px;
+  }
+  ._1btzqfy {
+    width: 600px;
+  }
+  ._1wnhyph {
+    width: 800px;
+  }
+}

package/dist/{cjs/assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-CaRcwUkO.css → esm/assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-qaQViP69.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._1l0xsvj;
-@layer optiaxiom._1l0xsvj {
-  ._1njlgcu {
+@layer optiaxiom._1fgw1dd;
+@layer optiaxiom._1fgw1dd {
+  .dz1z3 {
     border-top: 1px solid var(--ax-colors-border-secondary);
     bottom: 0;
     position: sticky;

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

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

package/dist/esm/assets/src/avatar/{Avatar.css.ts.vanilla-CMoBRmpk.css → Avatar.css.ts.vanilla--0uqhvBS.css}

@@ -1,52 +1,52 @@
-@layer optiaxiom._1l0xsvj;
-@layer optiaxiom._1l0xsvj {
-  .pbmd8o {
+@layer optiaxiom._1fgw1dd;
+@layer optiaxiom._1fgw1dd {
+  ._1efszu3 {
     -webkit-user-select: none;
             user-select: none;
   }
-  ._1dq5kwn .pbmd8o {
+  ._19bhqzg ._1efszu3 {
     border: 1px solid var(--ax-colors-bg-default);
   }
-  ._192z1bx {
+  .uyayg7 {
     font-size: 8px;
   }
-  ._1dq5kwn ._192z1bx:not(:first-child) {
+  ._19bhqzg .uyayg7:not(:first-child) {
     margin-left: -1px;
   }
-  ._4enlo4 {
+  ._3bva9w {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._1dq5kwn ._4enlo4:not(:first-child) {
+  ._19bhqzg ._3bva9w:not(:first-child) {
     margin-left: -3px;
   }
-  .s7xlqv {
+  ._1ia31hy {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._1dq5kwn .s7xlqv:not(:first-child) {
+  ._19bhqzg ._1ia31hy:not(:first-child) {
     margin-left: -5px;
   }
-  ._1y5huxo {
+  .zcjei3 {
     font-size: var(--ax-fontSize-md-fontSize);
   }
-  ._1dq5kwn ._1y5huxo:not(:first-child) {
+  ._19bhqzg .zcjei3:not(:first-child) {
     margin-left: -7px;
   }
-  ._1p8l655 {
+  .q8p26r {
     font-size: var(--ax-fontSize-lg-fontSize);
   }
-  ._1dq5kwn ._1p8l655:not(:first-child) {
+  ._19bhqzg .q8p26r:not(:first-child) {
     margin-left: -9px;
   }
-  .v8avl3 {
+  ._12zxea7 {
     font-size: var(--ax-fontSize-xl-fontSize);
   }
-  ._1dq5kwn .v8avl3:not(:first-child) {
+  ._19bhqzg ._12zxea7:not(:first-child) {
     margin-left: -11px;
   }
-  ._10rzmpk {
+  .ch2ryk {
     font-size: var(--ax-fontSize-4xl-fontSize);
   }
-  ._1dq5kwn ._10rzmpk:not(:first-child) {
+  ._19bhqzg .ch2ryk:not(:first-child) {
     margin-left: -13px;
   }
 }

package/dist/esm/assets/src/avatar/AvatarGroup.css.ts.vanilla-BABoJD5J.css

@@ -0,0 +1,4 @@
+@layer optiaxiom._1fgw1dd;
+@layer optiaxiom._1fgw1dd {
+
+}

package/dist/{cjs/assets/src/backdrop/Backdrop.css.ts.vanilla-L9c1XPFV.css → esm/assets/src/backdrop/Backdrop.css.ts.vanilla-BJ8X9epf.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._1l0xsvj;
-@layer optiaxiom._1l0xsvj {
-  ._68m4my {
+@layer optiaxiom._1fgw1dd;
+@layer optiaxiom._1fgw1dd {
+  ._1t29gwx {
     backdrop-filter: blur(4px);
     inset: 0;
     position: fixed;