@optiaxiom/react 0.11.1 → 0.12.0

package/dist/packages/react/src/breadcrumb-item/BreadcrumbItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-Cu-ZPbjv.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-BerEUeXB.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'wxb4d9']});
+var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_1s04riu']});
 
 export { item };

package/dist/packages/react/src/breadcrumb-link/BreadcrumbLink-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-z27wHNih.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-U8K4USWH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'_13ew6px']});
+var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'_1ki8f66']});
 
 export { link };

package/dist/packages/react/src/button/Button.js

@@ -26,6 +26,9 @@ const Button = forwardRef(
     let isIconOnly = false;
     children = decorateChildren({ asChild, children }, (children2) => {
       isIconOnly = Boolean(!children2 && icon);
+      if (isIconOnly) {
+        iconOnly = true;
+      }
       if (icon && !isIconOnly) {
         if (iconPosition === "start") {
           addonBefore = /* @__PURE__ */ jsx(Icon, { asChild: true, children: icon });
@@ -35,7 +38,7 @@ const Button = forwardRef(
       }
       return /* @__PURE__ */ jsxs(Fragment, { children: [
         addonBefore && /* @__PURE__ */ jsx(ButtonAddon, { asChild: true, children: fallbackSpan(addonBefore) }),
-        isIconOnly ? /* @__PURE__ */ jsx(ButtonLoadable, { asChild: true, children: /* @__PURE__ */ jsx(Icon, { asChild: true, children: icon }) }) : /* @__PURE__ */ jsx(ButtonLabel, { children: children2 }),
+        iconOnly ? /* @__PURE__ */ jsx(ButtonLoadable, { asChild: true, children: /* @__PURE__ */ jsx(Icon, { asChild: true, children: icon ?? children2 }) }) : /* @__PURE__ */ jsx(ButtonLabel, { children: children2 }),
         addonAfter && /* @__PURE__ */ jsx(ButtonAddon, { asChild: true, children: fallbackSpan(addonAfter) })
       ] });
     });
@@ -51,10 +54,10 @@ const Button = forwardRef(
       ButtonBase,
       {
         asChild: true,
-        iconOnly: isIconOnly || iconOnly,
+        iconOnly,
         ref,
         ...props,
-        ...(isIconOnly || iconOnly) && {
+        ...iconOnly && {
           justifyContent: "center"
         },
         children: /* @__PURE__ */ jsx(Comp, { children })

package/dist/packages/react/src/button-base/ButtonBase-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Vo2OEHTD.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-Dazay9tw.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BxCgGwKO.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DasptH10.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonBase = recipeRuntime({base:['ujwprs',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'_1542yjk'],variants:{iconOnly:{false:'npc7se',true:{}},intent:{danger:'_1uliwv7',neutral:'_1spv5pb',primary:'dlgy8q'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'vozvae',solid:'_1ujt64b',subtle:'fogbgn'}},variantsCompounded:[{style:{w:'sm'},variants:{iconOnly:true,size:'sm'}},{style:'_1janx4d',variants:{iconOnly:false,size:'sm'}},{style:{w:'md'},variants:{iconOnly:true,size:'md'}},{style:'_1q2mxwe',variants:{iconOnly:false,size:'md'}},{style:{w:'lg'},variants:{iconOnly:true,size:'lg'}},{style:'_1xvpo9p',variants:{iconOnly:false,size:'lg'}}]});
-var spinner = recipeRuntime({base:[{size:'2xs'},'zuylsq']});
+var buttonBase = recipeRuntime({base:['_1hiarqc',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'start',transition:'colors'},'_18h1an1'],variants:{iconOnly:{false:'xkgj4h',true:{}},intent:{danger:'_1770xs7',neutral:'loao0b',primary:'l3fnc1'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'lonjyh',solid:'jtcokr',subtle:'_18p5twm'}},variantsCompounded:[{style:{w:'sm'},variants:{iconOnly:true,size:'sm'}},{style:'_1vgkvpq',variants:{iconOnly:false,size:'sm'}},{style:{w:'md'},variants:{iconOnly:true,size:'md'}},{style:'ffdbh1',variants:{iconOnly:false,size:'md'}},{style:{w:'lg'},variants:{iconOnly:true,size:'lg'}},{style:'_1qdgoas',variants:{iconOnly:false,size:'lg'}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'_4h9j5o']});
 
 export { buttonBase, spinner };

package/dist/packages/react/src/button-base/ButtonBase.js

@@ -5,6 +5,7 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import { extractBoxProps } from '../box/extractBoxProps.js';
 import { Spinner } from '../spinner/Spinner.js';
+import { Transition } from '../transition/Transition.js';
 import { TransitionGroup } from '../transition-group/TransitionGroup.js';
 import '../utils/conditions.js';
 import { decorateChildren } from '../utils/decorateChildren.js';
@@ -51,14 +52,14 @@ const ButtonBase = forwardRef(
         ),
         ...boxProps,
         children: /* @__PURE__ */ jsx(Comp, { disabled, ref, ...restProps, children: decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(TransitionGroup, { open: loading, children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(TransitionGroup, { open: loading, children: /* @__PURE__ */ jsx(Transition, { children: /* @__PURE__ */ jsx(
             Spinner,
             {
               appearance: variant === "solid" ? "inverse" : "default",
               "aria-hidden": "true",
               ...spinner()
             }
-          ) }),
+          ) }) }),
           children2
         ] })) })
       }

package/dist/packages/react/src/button-group/ButtonGroup-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Vo2OEHTD.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BxCgGwKO.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'_1qcopoc'});
+var buttonGroup = recipeRuntime({base:'lofb6q'});
 
 export { buttonGroup };

package/dist/packages/react/src/button-label/ButtonLabel.js

@@ -6,7 +6,7 @@ import { Flex } from '../flex/Flex.js';
 
 const ButtonLabel = forwardRef(
   ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(ButtonLoadable, { asChild: true, children: /* @__PURE__ */ jsx(Flex, { flexDirection: "row", gap: "4", mx: "4", ref, ...props, children }) });
+    return /* @__PURE__ */ jsx(ButtonLoadable, { asChild: true, children: /* @__PURE__ */ jsx(Flex, { flex: "1", flexDirection: "row", gap: "4", mx: "4", ref, ...props, children }) });
   }
 );
 ButtonLabel.displayName = "@optiaxiom/react/ButtonLabel";

package/dist/packages/react/src/button-loadable/ButtonLoadable-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Vo2OEHTD.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-Dazay9tw.css';
-import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-De9MPjVZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BxCgGwKO.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DasptH10.css';
+import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-CrkKtOoA.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'_1lx3t9b']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'_1dzsvcg']});
 
 export { loadable };

package/dist/packages/react/src/checkbox/Checkbox-css.js

@@ -1,13 +1,13 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Vo2OEHTD.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CqmiPQWN.css';
-import './../../../../assets/src/checkbox/Checkbox.css.ts.vanilla-DvNRQ3DO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BxCgGwKO.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BNzQxjeW.css';
+import './../../../../assets/src/checkbox/Checkbox.css.ts.vanilla-B65xAICN.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:'_8dxxy6'});
-var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_1posjl5'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:[{transition:'all'},'_1ye9x1w']});
+var checkbox = recipeRuntime({base:'nfr1nl'});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_6r4dr9'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:[{transition:'all'},'_37biaf']});
 var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
-var input = recipeRuntime({base:'_17n1zds'});
+var input = recipeRuntime({base:'gx7gpu'});
 
 export { checkbox, control, icon, indicator, input };

package/dist/packages/react/src/code/Code-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-Sg-h-vBg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-BXlzYIyA.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{fontWeight:'600'},'_16mdvel']});
+var code = recipeRuntime({base:[{fontWeight:'600'},'nyrbee']});
 
 export { code };

package/dist/packages/react/src/combobox-content/ComboboxContent.js

@@ -4,10 +4,10 @@ import { useCombobox } from 'downshift';
 import { forwardRef } from 'react';
 import { useComboboxContext } from '../combobox-context/ComboboxContext.js';
 import { Command } from '../command/Command.js';
-import { CommandListbox } from '../command-listbox/CommandListbox.js';
 import '../field-context/FieldContext.js';
 import { useFieldContext } from '../field-context/useFieldContext.js';
 import { useResponsiveMatches } from '../use-responsive-matches/useResponsiveMatches.js';
+import { ComboboxContentImpl } from './ComboboxContentImpl.js';
 
 const ComboboxContent = forwardRef(
   ({ children, ...props }, ref) => {
@@ -62,7 +62,7 @@ const ComboboxContent = forwardRef(
               }
             },
             value,
-            children: /* @__PURE__ */ jsx(CommandListbox, { children })
+            children: /* @__PURE__ */ jsx(ComboboxContentImpl, { children })
           }
         )
       }

package/dist/packages/react/src/combobox-content/ComboboxContentImpl.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef, useEffect } from 'react';
+import { useCommandContext } from '../command-context/CommandContext.js';
+import { CommandListbox } from '../command-listbox/CommandListbox.js';
+
+const ComboboxContentImpl = forwardRef(({ children, ...props }, ref) => {
+  const { setPlaced } = useCommandContext("ComboboxContentImpl");
+  useEffect(() => {
+    setPlaced(true);
+  }, [setPlaced]);
+  return /* @__PURE__ */ jsx(CommandListbox, { ref, ...props, children });
+});
+ComboboxContentImpl.displayName = "@optiaxiom/react/ComboboxContentImpl";
+
+export { ComboboxContentImpl };

package/dist/packages/react/src/combobox-context/ComboboxContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { createContext } from '@radix-ui/react-context';
 
 const [ComboboxContextProvider, useComboboxContext] = createContext("Combobox");

package/dist/packages/react/src/command/Command.js

@@ -19,6 +19,7 @@ function Command({
   onItemSelect,
   onOpenChange,
   open,
+  selectedItem,
   value: valueProp,
   ...props
 }) {
@@ -32,14 +33,17 @@ function Command({
     prop: inputValueProp
   });
   const [lastInteractionSource, setLastInteractionSource] = useState("pointer");
-  const [highlightedIndex, setHighlightedIndex] = usePortalPatch(open);
+  const [highlightedIndex, setHighlightedIndex, placed, setPlaced] = usePortalPatch(
+    open,
+    selectedItem ? items.findIndex((item) => itemToKey(selectedItem) === itemToKey(item)) : -1
+  );
   const [highlightedSubIndex, setHighlightedSubIndex] = useState(-1);
   const downshift = useCombobox({
     ...props,
     highlightedIndex: highlightedIndex === -1 && isHoverSupported ? items.findIndex((item, index) => !isItemDisabled(item, index)) : highlightedIndex,
     inputValue,
     isItemDisabled,
-    isOpen: open,
+    isOpen: placed,
     items,
     itemToKey,
     itemToString,
@@ -61,18 +65,19 @@ function Command({
     onIsOpenChange({ isOpen, type }) {
       onOpenChange?.(isOpen);
       if (isOpen) {
-        if (type === useCombobox.stateChangeTypes.InputClick) {
+        if (type === useCombobox.stateChangeTypes.InputClick || type === useCombobox.stateChangeTypes.ToggleButtonClick) {
           setLastInteractionSource("pointer");
         } else {
           setLastInteractionSource("keyboard");
         }
       }
     },
-    onSelectedItemChange({ selectedItem, type }) {
+    onSelectedItemChange({ selectedItem: selectedItem2, type }) {
       if (type !== useCombobox.stateChangeTypes.InputBlur) {
-        onItemSelect?.(selectedItem);
+        onItemSelect?.(selectedItem2);
       }
-    }
+    },
+    selectedItem
   });
   downshift.getMenuProps({}, { suppressRefError: true });
   return /* @__PURE__ */ jsx(
@@ -94,6 +99,7 @@ function Command({
         setLastInteractionSource(source);
       },
       setInputValue,
+      setPlaced,
       value,
       children
     }

package/dist/packages/react/src/command-context/CommandContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { createContext } from '@radix-ui/react-context';
 
 const [CommandContextProvider, useCommandContext] = createContext("Command");

package/dist/packages/react/src/command-focusable-item/CommandFocusableItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-B8An9C20.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-Detvcg4P.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:'_1vwi51b'});
+var item = recipeRuntime({base:'_1ncyxii'});
 
 export { item };

package/dist/packages/react/src/command-sub-context/CommandSubContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { createContext } from '@radix-ui/react-context';
 
 const [CommandSubContextProvider, useCommandSubContext] = createContext("CommandSub");

package/dist/packages/react/src/data-table/DataTable-css.js

@@ -1,14 +1,14 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-BnQw0DZh.css';
-import './../../../../assets/src/data-table/DataTable.css.ts.vanilla-CWh_8ymD.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-D4UKMjb1.css';
+import './../../../../assets/src/data-table/DataTable.css.ts.vanilla-C9XygBIH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:['_4m27ax'],variants:{pinned:{left:'paszyd',right:'_1dm1abn'},pinnedType:{body:'_17sga4l',header:{}}}});
-var cellOffsetVar = 'var(--_17idwm2)';
-var cellSizeVar = 'var(--x2a302)';
-var header = recipeRuntime({base:['_1bjt6bj']});
-var leftTotalSizeVar = 'var(--_1irxq94)';
-var rightTotalSizeVar = 'var(--_1sk0dq)';
-var table = recipeRuntime({base:'_7t3ca',variants:{pinned:{both:'_7yy4ga',left:'wvh4gw',none:{},right:'_15rh7vb'}}});
+var cell = recipeRuntime({base:['_1nzag3n'],variants:{pinned:{left:'_1bnu03o',right:'_10mxbf2'},pinnedType:{body:'_1my72b4',header:{}}}});
+var cellOffsetVar = 'var(--efrrql)';
+var cellSizeVar = 'var(--_1vyyhnm)';
+var header = recipeRuntime({base:['ql4xvg']});
+var leftTotalSizeVar = 'var(--_1lf6yyx)';
+var rightTotalSizeVar = 'var(--_1lrm1a3)';
+var table = recipeRuntime({base:'nn08cv',variants:{pinned:{both:'_1yj37ux',left:'_18d4p1z',none:{},right:'_1e6th1o'}}});
 
 export { cell, cellOffsetVar, cellSizeVar, header, leftTotalSizeVar, rightTotalSizeVar, table };

package/dist/packages/react/src/data-table-header-cell/DataTableHeaderCell-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-DSVKgE80.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-b6PXu6yy.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'start',textAlign:'start',transition:'colors',w:'full'},'yklalk','_1968wtg']});
-var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1afnu4g'],variants:{active:{false:'_1869cgz',true:'hwxf3d'},muted:{false:{},true:'_6005q2'}}});
+var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'start',textAlign:'start',transition:'colors',w:'full'},'l2wxe2','_1hdrfbd']});
+var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'zbsuo6'],variants:{active:{false:'_1pquptj',true:'ldfyoa'},muted:{false:{},true:'lmgqte'}}});
 
 export { button, icon };

package/dist/packages/react/src/dialog-content/DialogContent-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-BKE0Sz8w.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-CpyLSTLv.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'viwg1g'}}});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1vwfpya'],variants:{size:{sm:'_1y37woc',md:'ajy1yq',lg:'_1pk35m',fullscreen:'_1u3kd1d'}}});
-var nestedDialogCountVar = 'var(--_18wp3zr)';
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'pvdziy'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1skr6b9'],variants:{size:{sm:'bvhydr',md:'k8oeag',lg:'_12k9f02',fullscreen:'w1wppg'}}});
+var nestedDialogCountVar = 'var(--kwq160)';
 
 export { backdrop, content, nestedDialogCountVar };

package/dist/packages/react/src/dialog-context/DialogContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { createContext } from '@radix-ui/react-context';
 
 const [DialogContextProvider, useDialogContext] = createContext("Dialog");

package/dist/packages/react/src/dialog-footer/DialogFooter-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var footer = recipeRuntime({base:[{borderColor:'border.secondary',borderT:'1',flexDirection:'row',gap:'16',justifyContent:'end',px:'24',py:'20'}]});

package/dist/packages/react/src/dialog-header/DialogHeader-css.js

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-DikiQIxl.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-DzTg90Ah.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'_1palvyx']});
-var close = recipeRuntime({base:['w0y6lf']});
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1r7jwf3']});
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_16fgu3r']});
+var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'_1h2h64o']});
+var close = recipeRuntime({base:['_1ieh5fg']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'sqp5d5']});
+var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_1yr7lzn']});
 
 export { actions, close, description, title };

package/dist/packages/react/src/disclosure-content/DisclosureContent-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-D_A2cJEg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-C5BQR6xg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:['rqu9a3']});
+var content = recipeRuntime({base:['xtlzji']});
 
 export { content };

package/dist/packages/react/src/disclosure-context/DisclosureContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { createContext } from '@radix-ui/react-context';
 
 const [DisclosureContextProvider, useDisclosureContext] = createContext("Disclosure");

package/dist/packages/react/src/disclosure-trigger/DisclosureTrigger-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-BHLZGx7H.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-CLB2lqLn.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'ddl8fk',start:'xh9dhj'}}});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'8',px:'4',rounded:'md',textAlign:'start',w:'full'},'ocpkvi']});
+var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'ll8jzi',start:'_1dmdf1j'}}});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'8',px:'4',rounded:'md',textAlign:'start',w:'full'},'_1ha78yx']});
 
 export { icon, trigger };

package/dist/packages/react/src/downshift/usePortalPatch.js

@@ -1,10 +1,28 @@
-import { useDelayedState } from './useDelayedState.js';
-import { useForceRerender } from './useForceRerender.js';
+"use client";
+import { useState, useEffect } from 'react';
 
-function usePortalPatch(open) {
-  const [highlightedIndex, setHighlightedIndex] = useDelayedState(-1, open);
-  useForceRerender(open);
-  return [highlightedIndex, setHighlightedIndex];
+function usePortalPatch(open, initialHighlightedIndex = -1) {
+  const [placed, setPlaced] = useState(false);
+  useEffect(() => {
+    return () => setPlaced(false);
+  }, [open]);
+  const [highlightedIndex, setHighlightedIndex] = useState(
+    initialHighlightedIndex
+  );
+  return [
+    /**
+     * Downshift attempts to scroll to the currently selected item when the menu
+     * opens. But since we don't render the menu until it is open the `ref` will
+     * not be available yet.
+     *
+     * So we only return the index when it has been placed and return -1
+     * otherwise.
+     */
+    placed ? highlightedIndex : -1,
+    setHighlightedIndex,
+    placed,
+    setPlaced
+  ];
 }
 
 export { usePortalPatch };

package/dist/packages/react/src/drawer-actions/DrawerActions-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/drawer-actions/DrawerActions.css.ts.vanilla-Bn68lKHp.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/drawer-actions/DrawerActions.css.ts.vanilla-D-zF-Km-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'8'},'_8miiwo']});
+var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'8'},'_1mbx0n5']});
 
 export { actions };

package/dist/packages/react/src/drawer-content/DrawerContent-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-CdqWvwMZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-Bo1-a8Vm.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1v7674c'],variants:{position:{bottom:[{borderT:'1'},'g07z95'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'nzox81'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1lcy0gx']}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'p9kroj'],variants:{position:{bottom:[{borderT:'1'},'_10rekng'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_10b1jsq'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'xjjwwd']}}});
 
 export { content };

package/dist/packages/react/src/drawer-context/DrawerContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { createContext } from '@radix-ui/react-context';
 
 const [DrawerContextProvider, useDrawerContext] = createContext("Drawer");

package/dist/packages/react/src/drawer-description/DrawerDescription-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/drawer-description/DrawerDescription.css.ts.vanilla-BXsu_1ao.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/drawer-description/DrawerDescription.css.ts.vanilla-DqTs1HtP.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1gjyx94']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_17gnxpz']});
 
 export { description };

package/dist/packages/react/src/drawer-title/DrawerTitle-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/drawer-title/DrawerTitle.css.ts.vanilla-Djn5G86K.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/drawer-title/DrawerTitle.css.ts.vanilla-CabUD-PB.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var title = recipeRuntime({base:[{flex:'1'},'fr2zhz']});
+var title = recipeRuntime({base:[{flex:'1'},'_13zi4gg']});
 
 export { title };

package/dist/packages/react/src/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import * as RadixMenu from '@radix-ui/react-dropdown-menu';
+import { forwardRef } from 'react';
+import { ListboxCheckboxItem } from '../listbox-checkbox-item/ListboxCheckboxItem.js';
+
+const DropdownMenuCheckboxItem = forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(RadixMenu.CheckboxItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(ListboxCheckboxItem, { children }) });
+});
+DropdownMenuCheckboxItem.displayName = "@optiaxiom/react/DropdownMenuCheckboxItem";
+
+export { DropdownMenuCheckboxItem };

package/dist/packages/react/src/dropdown-menu-context/DropdownMenuContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { createContext } from '@radix-ui/react-context';
 
 const [DropdownMenuContextProvider, useDropdownMenuContext] = createContext("DropdownMenu");

package/dist/packages/react/src/dropdown-menu-sub-context/DropdownMenuSubContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { createContext } from '@radix-ui/react-context';
 
 const [DropdownMenuSubContextProvider, useDropdownMenuSubContext] = createContext("DropdownMenuSub");

package/dist/packages/react/src/field-context/FieldContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { createContext } from 'react';
 
 const FieldContext = createContext(undefined);

package/dist/packages/react/src/field-context/useFieldContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { useContext } from 'react';
 import { FieldContext } from './FieldContext.js';
 

package/dist/packages/react/src/highlight/Highlight-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-RUwRZEaM.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-D93q02Fj.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'_1vv9vub'});
+var mark = recipeRuntime({base:'_1nxwyzw'});
 
 export { mark };

package/dist/packages/react/src/highlight/useHighlightedChunks.js

@@ -1,3 +1,4 @@
+"use client";
 import { useMemo } from 'react';
 
 const useHighlightedChunks = (content, query) => {

package/dist/packages/react/src/indicator/Indicator-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-CGWnNFYH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-BUOjNSvG.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'otix31',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_1k0bb6w']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'k82hs2']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_1mxhdtd'],variants:{offset:{false:'_1nwsvon',true:{}},position:{'bottom-right':'_1inkyd','top-right':'_10nj7x6'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'_1r67o3o']});
+var badge = recipeRuntime({base:'vmpw2j',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'pet06x']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_7w9s9t']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_1mew8dw'],variants:{offset:{false:'_4o2wd1',true:{}},position:{'bottom-right':'_1mrg6ew','top-right':'_1m87ixi'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'if6o0q']});
 
 export { badge, floating, indicator };