@optiaxiom/react 1.9.35 → 1.9.37

package/dist/cjs/unstable.js

@@ -1,112 +1,112 @@
 "use client";
 'use strict';
 
-var Flex = require('./Flex-CFOiXB38.js');
+var Flex = require('./Flex-CpoAs5no.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-CU26tJxJ.css');
-require('./assets/src/details-panel/DetailsPanel.css.ts.vanilla-DZYG-fJU.css');
+require('./assets/src/layers/layers.css.ts.vanilla-vDw4DFSx.css');
+require('./assets/src/details-panel/DetailsPanel.css.ts.vanilla-C2p1WJX2.css');
 var reactContext = require('@radix-ui/react-context');
-require('./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-Deyxweyl.css');
-require('./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-B5MKLMbe.css');
+require('./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-DCg-H-nf.css');
+require('./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-xhy23AQP.css');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
-require('./assets/src/file-upload/FileUpload.css.ts.vanilla-CdDedQV3.css');
-require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-D6wY_ZVw.css');
+require('./assets/src/file-upload/FileUpload.css.ts.vanilla-CBiwqVak.css');
+require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-D36soXN2.css');
 var globals = require('@optiaxiom/globals');
-require('./assets/src/file-upload/FileUploadListItem.css.ts.vanilla-BIlPY8Ol.css');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-DBMx6dPX.css');
+require('./assets/src/file-upload/FileUploadListItem.css.ts.vanilla-C6nNsc-0.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-BZNzFPak.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-C-kspPdG.css');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla-CdexGg8i.css');
+require('./assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-BajXBXhm.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-JPjAPfCT.css');
 var ResizablePrimitive = require('react-resizable-panels');
-require('./assets/src/resizable/ResizableHandle.css.ts.vanilla-7Nicph6D.css');
-require('./assets/src/layout/Layout.css.ts.vanilla-EA-aboFH.css');
-require('./assets/src/layout/LayoutContent.css.ts.vanilla-B7YmM9rt.css');
-require('./assets/src/pill/Pill.css.ts.vanilla-D-9V443B.css');
+require('./assets/src/resizable/ResizableHandle.css.ts.vanilla-Dgy_hzRs.css');
+require('./assets/src/layout/Layout.css.ts.vanilla-Cr1gGYkW.css');
+require('./assets/src/layout/LayoutContent.css.ts.vanilla-BR56zSa6.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-Vo0uosxJ.css');
 var RadixRovingFocus = require('@radix-ui/react-roving-focus');
-require('./assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-Cu63BnaX.css');
+require('./assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-BV8IJ_3K.css');
 var dynamic = require('@vanilla-extract/dynamic');
-require('./assets/src/range/Range.css.ts.vanilla-DJWIeqyt.css');
+require('./assets/src/range/Range.css.ts.vanilla-BpxPPrUH.css');
 var helpers = require('@dnd-kit/helpers');
 var react = require('@dnd-kit/react');
-require('./assets/src/sortable/SortableHandle.css.ts.vanilla-C-yyI8U3.css');
+require('./assets/src/sortable/SortableHandle.css.ts.vanilla-DsgZa3ah.css');
 var sortable = require('@dnd-kit/react/sortable');
-require('./assets/src/sortable/SortableItem.css.ts.vanilla-DPQ_I-t4.css');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-CTY6yRfA.css');
+require('./assets/src/sortable/SortableItem.css.ts.vanilla-aOh5KkMj.css');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-Tl9PXRid.css');
 require('downshift');
-require('./assets/src/input/Input.css.ts.vanilla-B15DsEZf.css');
-require('./assets/src/input/InputControl.css.ts.vanilla-CDlN8ZJ9.css');
-require('./assets/src/button/ButtonGroup.css.ts.vanilla-CGjy4Lg2.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-D_Y0f1yY.css');
-require('./assets/src/command/CommandItem.css.ts.vanilla-B0OEigBn.css');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-DzUfR_Be.css');
+require('./assets/src/input/Input.css.ts.vanilla-zwhBFVy8.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-NLNP1OKO.css');
+require('./assets/src/button/ButtonGroup.css.ts.vanilla-nvciSeRP.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-BcTaHxWL.css');
+require('./assets/src/command/CommandItem.css.ts.vanilla-DjL5Q1UH.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-BOF1MpaL.css');
 require('react-remove-scroll');
 require('@radix-ui/react-dialog');
 require('use-sync-external-store/shim');
-require('./assets/src/button/ButtonGroup.css.ts.vanilla-CGjy4Lg2.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-C0kB2myF.css');
-require('./assets/src/dialog/DialogContent.css.ts.vanilla-D1j2wCTK.css');
-require('./assets/src/dialog/DialogFooter.css.ts.vanilla-49__udE8.css');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-DOC9jI-V.css');
-require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-D-pt6W0A.css');
-require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-1yYNZkLd.css');
-require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-DBFqhsBJ.css');
-require('./assets/src/button/ButtonGroup.css.ts.vanilla-CGjy4Lg2.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-ClsvnCPD.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-DRuZNvdb.css');
-require('./assets/src/table/Table.css.ts.vanilla-Ce2SMFNK.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-B8LiYrFY.css');
-require('./assets/src/table/TableRow.css.ts.vanilla-DpzsWS9t.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-wfQyfCeY.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla-C9aBDHv0.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-DI4d6FY-.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-DQWDSQKt.css');
+require('./assets/src/button/ButtonGroup.css.ts.vanilla-nvciSeRP.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-BtFuvQar.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-C9Pj5Wjn.css');
+require('./assets/src/dialog/DialogFooter.css.ts.vanilla-C6DeD1fx.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-DKQ7B0rQ.css');
+require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-B66WWA1W.css');
+require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-CiUBpfos.css');
+require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-CWE1oA7e.css');
+require('./assets/src/button/ButtonGroup.css.ts.vanilla-nvciSeRP.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-_DRZbSrs.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-8mlBqHYd.css');
+require('./assets/src/table/Table.css.ts.vanilla-CuSXd8qG.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-DnZTbFFv.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-B3Y4o06J.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-Dx0a-QsD.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-BO_F1P1d.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-Zlwkeywl.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-CPYdpifD.css');
 require('react-day-picker');
 require('@radix-ui/react-popper');
 require('@radix-ui/react-avatar');
-require('./assets/src/button/ButtonGroup.css.ts.vanilla-CGjy4Lg2.css');
-require('./assets/src/avatar/Avatar.css.ts.vanilla-qFbfhujw.css');
+require('./assets/src/button/ButtonGroup.css.ts.vanilla-nvciSeRP.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-DNZoLzIy.css');
 require('@radix-ui/react-visually-hidden');
-require('./assets/src/listbox/Listbox.css.ts.vanilla-B619WMgT.css');
-require('./assets/src/icon/Icon.css.ts.vanilla-BHvIDnmW.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-CIjc7m5x.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-BKuNHmMx.css');
-require('./assets/src/text/Text.css.ts.vanilla-D_JrpjT5.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-6MQWKz0Y.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-BlZXQn1k.css');
-require('./assets/src/alert/Alert.css.ts.vanilla-D9zTN-80.css');
+require('./assets/src/listbox/Listbox.css.ts.vanilla-B5LJY9WW.css');
+require('./assets/src/icon/Icon.css.ts.vanilla-CJGFAqV6.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-CfQbkfWf.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-DOLwC3ln.css');
+require('./assets/src/text/Text.css.ts.vanilla-Chg73Eev.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-B-jTBYux.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-BCVKHkFp.css');
+require('./assets/src/alert/Alert.css.ts.vanilla-CYQidutO.css');
 require('@radix-ui/react-popover');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-DN1nHtzi.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-_NlbnfjK.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-CnWdPOfK.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-DRVhiuqo.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-ChCP5x-4.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-CEJsVpch.css');
 require('@tanstack/react-virtual');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-B26HJjX7.css');
-require('./assets/src/button/ButtonGroup.css.ts.vanilla-CGjy4Lg2.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-BrmEnaC2.css');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-B9VywEiM.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-B5lnIk2D.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-AHou-qfo.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-CS84rFax.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-C0HRBU1o.css');
+require('./assets/src/button/ButtonGroup.css.ts.vanilla-nvciSeRP.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-CGFB1e99.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-DlpE5ZUo.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-o8W0kJzM.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-Bd5q3I94.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-Ck7k8ENz.css');
 require('@radix-ui/react-portal');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-B4jPp20o.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-B76TQBQN.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-DjVpGt_D.css');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-BFyheT6m.css');
-require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-Cw6nOCYC.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-DFVAgSa5.css');
-require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-0YgAPi37.css');
-require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-C-RKGzI4.css');
+require('./assets/src/calendar/Calendar.css.ts.vanilla-Q78Gmr9g.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-BvVmb_Bl.css');
+require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-BtxRtNtC.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-B_lbBCZR.css');
+require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-B8zn9xOU.css');
+require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-C-BaZ1cA.css');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-BLeroCsJ.css');
-require('./assets/src/box/Box.css.ts.vanilla-C8mBfs4F.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-BPB7SjyV.css');
+require('./assets/src/box/Box.css.ts.vanilla-BJLbpRx8.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'},'_13tsqu3']});
+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'},'_1w4qqsr']});
 
 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'},'_13y5vt7']});
+var footer = Flex.recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'_1rm5fy2']});
 
 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'},'_16vf3hz']});
+var header = Flex.recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'_4nerz6']});
 
 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'},'_1wyh009']});
+var upload = Flex.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_4rt67d']});
 
 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'},'_1p87c04'],variants:{drag:{false:{},true:['qfc8le']},hidden:{false:'_1c5ng93',true:'_1vdc954'},overlay:{false:{flex:'1'},true:[{z:'10'},'_11gde2o']}}});
-var label = Flex.recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'_1517a5z'}}});
+var dropzone = Flex.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',flexDirection:'column',gap:'16',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'_1gcjp0z'],variants:{drag:{false:{},true:['_5b3env']},hidden:{false:'_1upxi8',true:'hg77f6'},overlay:{false:{flex:'1'},true:[{z:'10'},'_124eu52']}}});
+var label = Flex.recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'_10xcljk'}}});
 
 const useFileUploadTrigger = () => {
   const { inputRef } = useFileUploadContext(
@@ -805,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'},'h1by59']});
-var name = Flex.recipeRuntime({base:[{rounded:'md',textAlign:'start'},'mksjtn']});
+var item$1 = Flex.recipeRuntime({base:[{alignItems:'center',flexDirection:'row',fontSize:'md',gap:'6',p:'6',rounded:'md',transition:'colors'},'uouw4t']});
+var name = Flex.recipeRuntime({base:[{rounded:'md',textAlign:'start'},'ihnn44']});
 
 function downloadFile(file) {
   const url = URL.createObjectURL(file);
@@ -888,7 +888,7 @@ const FileUploadList = React.forwardRef(
 );
 FileUploadList.displayName = "@optiaxiom/react/FileUploadList";
 
-var mark$1 = Flex.recipeRuntime({base:'_1rsq0ci'});
+var mark$1 = Flex.recipeRuntime({base:'c4naht'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -1002,7 +1002,7 @@ const HoverCardContent = React.forwardRef(
 );
 HoverCardContent.displayName = "@optiaxiom/react/HoverCardContent";
 
-var trigger$1 = Flex.recipeRuntime({base:'_1u6ikp5'});
+var trigger$1 = Flex.recipeRuntime({base:'_1r2grvl'});
 
 const HoverCardTrigger = React.forwardRef(({ children, className, ...props }, ref) => {
   const { boxProps, restProps } = Flex.extractBoxProps(props);
@@ -1010,8 +1010,8 @@ const HoverCardTrigger = React.forwardRef(({ children, className, ...props }, re
 });
 HoverCardTrigger.displayName = "@optiaxiom/react/HoverCardTrigger";
 
-var editor = Flex.recipeRuntime({base:'_1pne8a2',variants:{empty:{false:{},true:'_18619a7'}}});
-var input = Flex.recipeRuntime({base:'oai2y0'});
+var editor = Flex.recipeRuntime({base:'_1furffk',variants:{empty:{false:{},true:'w0i4un'}}});
+var input = Flex.recipeRuntime({base:'d1cg11'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -1098,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'},'_4xg1qk']});
-var root$2 = Flex.recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'zyuh9e']});
+var handle$1 = Flex.recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'_2f0bei']});
+var root$2 = Flex.recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'ad5gv3']});
 
 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() }) }) });
@@ -1111,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'},'a6cmon'],variants:{size:{full:'_11rq86v',screen:'_4jpl4q'}}});
+var layout = Flex.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1vwkw1n'],variants:{size:{full:'_1o05r7l',screen:'_1s7gdbg'}}});
 
 const Layout = React.forwardRef(
   ({
@@ -1144,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'},'ztkk07']});
+var content = Flex.recipeRuntime({base:[{flexDirection:'column',gap:'16',overflow:'auto',px:'32',py:'24'},'_1qok83u']});
 
 const LayoutContent = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -1162,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'},'jvgk80'],variants:{interactive:{false:{},true:'_1xu3frd'},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'},'qkt1ep'],variants:{interactive:{false:{},true:'gdtnv6'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Slot$2 = reactSlot.createSlot("@optiaxiom/react/Pill");
 const Pill = React.forwardRef(
@@ -1229,6 +1229,7 @@ PillGroup.displayName = "@optiaxiom/react/PillGroup";
 
 const [PillMenuProvider, usePillMenuContext] = reactContext.createContext("@optiaxiom/react/PillMenu");
 
+const EMPTY_LIST = [];
 const PillMenu = React.forwardRef(
   ({
     children,
@@ -1240,8 +1241,9 @@ const PillMenu = React.forwardRef(
     onInputValueChange,
     onOpenChange,
     open: openProp,
-    options,
+    options: optionsProp,
     placeholder,
+    value: valueProp,
     ...props
   }, ref) => {
     const [open, setOpen] = reactUseControllableState.useControllableState({
@@ -1250,10 +1252,15 @@ const PillMenu = React.forwardRef(
       onChange: onOpenChange,
       prop: openProp
     });
-    const [optionIndexes, setOptionIndexes] = React.useState(
-      () => groupOptions(options)
+    const options = optionsProp ?? valueProp ?? EMPTY_LIST;
+    const value = valueProp ?? (optionsProp ? optionsProp.filter((item) => Flex.resolveItemProperty(item.selected)) : EMPTY_LIST);
+    const [selectedKeys, setSelectedKeys] = React.useState(
+      () => collectSelectedKeys(value)
+    );
+    const optionIndexes = React.useMemo(
+      () => groupOptions(options, selectedKeys),
+      [options, selectedKeys]
     );
-    const value = options.filter((item) => Flex.resolveItemProperty(item.selected));
     return /* @__PURE__ */ jsxRuntime.jsx(PillMenuProvider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(
       Flex.Menu,
       {
@@ -1265,22 +1272,23 @@ const PillMenu = React.forwardRef(
         onOpenChange: (open2) => {
           setOpen(open2);
           if (open2) {
-            setOptionIndexes(groupOptions(options));
+            setSelectedKeys(collectSelectedKeys(value));
           }
         },
         open,
         options: React.useMemo(
           () => optionIndexes.map(({ group, index }) => ({
-            ...options[index],
+            ...(optionsProp ?? valueProp ?? EMPTY_LIST)[index],
             ...group && {
               group: {
                 hidden: true,
                 label: group,
+                priority: 1e3,
                 separator: true
               }
             }
           })),
-          [optionIndexes, options]
+          [optionIndexes, optionsProp, valueProp]
         ),
         placeholder,
         children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1299,19 +1307,24 @@ const PillMenu = React.forwardRef(
   }
 );
 PillMenu.displayName = "@optiaxiom/react/PillMenu";
-const groupOptions = (options) => options.map((option, index) => ({
+const optionKey = (option) => option.key ?? Flex.resolveItemProperty(option.label, { inputValue: void 0 });
+const collectSelectedKeys = (options) => new Set(options.map(optionKey));
+const groupOptions = (options, selectedKeys) => options.map((option, index) => ({
   index,
-  option
-})).sort(({ index: aIndex, option: a }, { index: bIndex, option: b }) => {
-  if (Flex.resolveItemProperty(a.selected) === Flex.resolveItemProperty(b.selected)) {
-    return aIndex - bIndex;
-  } else if (Flex.resolveItemProperty(a.selected)) {
-    return -1;
-  } else {
-    return 1;
+  option,
+  selected: selectedKeys.has(optionKey(option))
+})).sort(
+  ({ index: aIndex, selected: aSel }, { index: bIndex, selected: bSel }) => {
+    if (aSel === bSel) {
+      return aIndex - bIndex;
+    } else if (aSel) {
+      return -1;
+    } else {
+      return 1;
+    }
   }
-}).map(({ index, option }) => ({
-  group: Flex.resolveItemProperty(option.selected) ? "selected" : void 0,
+).map(({ index, selected }) => ({
+  group: selected ? "selected" : void 0,
   index
 }));
 
@@ -1423,9 +1436,9 @@ const PillMenuPill = React.forwardRef(
 );
 PillMenuPill.displayName = "@optiaxiom/react/PillMenuPill";
 
-var root$1 = Flex.recipeRuntime({base:[{border:'1',rounded:'md',transition:'colors'},'_1eed7l9'],variants:{size:{md:'_6rqlaa',lg:'hgdocm'}}});
-var trigger = Flex.recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'_15kt7pq']});
-var wrapper = Flex.recipeRuntime({base:'_1a3tvey'});
+var root$1 = Flex.recipeRuntime({base:[{border:'1',rounded:'md',transition:'colors'},'_1dy5foh'],variants:{size:{md:'lmglml',lg:'_1ve4stb'}}});
+var trigger = Flex.recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'_1oc5bzu']});
+var wrapper = Flex.recipeRuntime({base:'_1gjzlk3'});
 
 const remapSize = {
   md: "xs",
@@ -1511,14 +1524,14 @@ const PillMenuTrigger = React.forwardRef(
 );
 PillMenuTrigger.displayName = "@optiaxiom/react/PillMenuTrigger";
 
-var control = Flex.recipeRuntime({base:[{bg:'transparent'},'_1rmtfaq']});
-var fillValue = 'var(--_16fgvoj)';
-var mark = Flex.recipeRuntime({base:[{transition:'colors'},'jvztpm'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
-var markValue = 'var(--_5smmcq)';
-var range = Flex.recipeRuntime({base:[{h:'full',rounded:'inherit'},'q9m8ew']});
-var root = Flex.recipeRuntime({base:['_1iwub10',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'_15v2kjg'],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'},'jnknuy']});
-var track = Flex.recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'_1fr8suc']});
+var control = Flex.recipeRuntime({base:[{bg:'transparent'},'p88jnp']});
+var fillValue = 'var(--h7iga4)';
+var mark = Flex.recipeRuntime({base:[{transition:'colors'},'_1f2jr23'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
+var markValue = 'var(--_8al5ra)';
+var range = Flex.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1fuvchz']});
+var root = Flex.recipeRuntime({base:['_1hh7xu7',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'_1l75gty'],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'},'_1swmv67']});
+var track = Flex.recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'negc6h']});
 
 const useTooltipState = () => {
   const [tooltipOpen, setTooltipOpen] = React.useState(false);
@@ -1740,7 +1753,7 @@ const SortableGroup = React.forwardRef(
 );
 SortableGroup.displayName = "@optiaxiom/react/SortableGroup";
 
-var handle = Flex.recipeRuntime({base:'cxi9fb'});
+var handle = Flex.recipeRuntime({base:'pb938c'});
 
 const [SortableItemProvider, useSortableItemContext] = reactContext.createContext("@optiaxiom/react/SortableItem");
 
@@ -1765,7 +1778,7 @@ const SortableHandle = React.forwardRef(
 );
 SortableHandle.displayName = "@optiaxiom/react/SortableHandle";
 
-var item = Flex.recipeRuntime({base:'_1l2wqcv',variants:{handle:{false:{},true:'n1abf1'}}});
+var item = Flex.recipeRuntime({base:'_10augzr',variants:{handle:{false:{},true:'_1o1x602'}}});
 
 const SortableItem = React.forwardRef(
   ({ children, className, index, item: id, ...props }, outerRef) => {

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

@@ -1,20 +1,20 @@
-@layer optiaxiom._2eth5s;
-@layer optiaxiom._2eth5s {
-  ._1p41j55 {
+@layer optiaxiom.onfzil;
+@layer optiaxiom.onfzil {
+  .fjy1mu {
     transition: opacity var(--ax-duration-sm) ease;
   }
-  .zd7jee:not(:has(.zd7jee)):focus-within ._1p41j55, ._1p41j55:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
+  ._17h39b9:not(:has(._17h39b9)):focus-within .fjy1mu, .fjy1mu:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
     opacity: 1;
     transition: none;
   }
-  .o441dj {
+  ._127k3zq {
     opacity: 1;
   }
-  ._9nrbdk {
+  ._1y5olwi {
     opacity: 0;
   }
   @media (hover: hover) {
-    .zd7jee:not(:has(.zd7jee)):hover ._1p41j55 {
+    ._17h39b9:not(:has(._17h39b9)):hover .fjy1mu {
       opacity: 1;
       transition: none;
     }

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

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

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

@@ -0,0 +1,30 @@
+@layer optiaxiom.onfzil;
+@layer optiaxiom.onfzil {
+  ._1se8ukl {
+    opacity: 0;
+  }
+  ._1uspzlp {
+    inset: 0;
+    position: fixed;
+  }
+  .z2i4l6 {
+    max-height: 50dvh;
+    max-width: calc(100dvw - 2 * 24px);
+    transform: 
+      translateY(calc(1rem * var(--_1lk40qi)))
+      scale(calc(1 - 0.06 * var(--_1lk40qi)))
+    ;
+  }
+  .z2i4l6:focus-visible {
+    outline: none;
+  }
+  ._1r5baas {
+    width: 400px;
+  }
+  .lnho1d {
+    width: 600px;
+  }
+  ._1we2htt {
+    width: 800px;
+  }
+}

package/dist/{cjs/assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-1yYNZkLd.css → esm/assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-CiUBpfos.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom._2eth5s;
-@layer optiaxiom._2eth5s {
-  ._1iehm46 {
+@layer optiaxiom.onfzil;
+@layer optiaxiom.onfzil {
+  ._12dqbhx {
     border-top: 1px solid var(--ax-colors-border-secondary);
     bottom: 0;
     position: sticky;

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

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

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

@@ -1,52 +1,52 @@
-@layer optiaxiom._2eth5s;
-@layer optiaxiom._2eth5s {
-  .q5h9y2 {
+@layer optiaxiom.onfzil;
+@layer optiaxiom.onfzil {
+  ._1hz9j42 {
     -webkit-user-select: none;
             user-select: none;
   }
-  ._16rtbwm .q5h9y2 {
+  ._1anxuoy ._1hz9j42 {
     border: 1px solid var(--ax-colors-bg-default);
   }
-  .b55a2s {
+  .l0k0ug {
     font-size: 8px;
   }
-  ._16rtbwm .b55a2s:not(:first-child) {
+  ._1anxuoy .l0k0ug:not(:first-child) {
     margin-left: -1px;
   }
-  ._1t0e26b {
+  .p9ik3i {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._16rtbwm ._1t0e26b:not(:first-child) {
+  ._1anxuoy .p9ik3i:not(:first-child) {
     margin-left: -3px;
   }
-  ._4cffg {
+  ._1vrqwd2 {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._16rtbwm ._4cffg:not(:first-child) {
+  ._1anxuoy ._1vrqwd2:not(:first-child) {
     margin-left: -5px;
   }
-  ._1jr0h5 {
+  .hm03hy {
     font-size: var(--ax-fontSize-md-fontSize);
   }
-  ._16rtbwm ._1jr0h5:not(:first-child) {
+  ._1anxuoy .hm03hy:not(:first-child) {
     margin-left: -7px;
   }
-  ._1jr3btf {
+  .kqkszm {
     font-size: var(--ax-fontSize-lg-fontSize);
   }
-  ._16rtbwm ._1jr3btf:not(:first-child) {
+  ._1anxuoy .kqkszm:not(:first-child) {
     margin-left: -9px;
   }
-  ._1msyws1 {
+  ._1sxmgo4 {
     font-size: var(--ax-fontSize-xl-fontSize);
   }
-  ._16rtbwm ._1msyws1:not(:first-child) {
+  ._1anxuoy ._1sxmgo4:not(:first-child) {
     margin-left: -11px;
   }
-  .m5m1pn {
+  ._1e5cnou {
     font-size: var(--ax-fontSize-4xl-fontSize);
   }
-  ._16rtbwm .m5m1pn:not(:first-child) {
+  ._1anxuoy ._1e5cnou:not(:first-child) {
     margin-left: -13px;
   }
 }

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

@@ -1,6 +1,6 @@
-@layer optiaxiom._2eth5s;
-@layer optiaxiom._2eth5s {
-  ._1ik9j43 {
+@layer optiaxiom.onfzil;
+@layer optiaxiom.onfzil {
+  ._13c1mq8 {
     backdrop-filter: blur(4px);
     inset: 0;
     position: fixed;