@ariakit/react-core 0.1.3 → 0.1.5

package/cjs/__chunks/{F6IOE5QT.cjs → TQ3ZXPQL.cjs}

@@ -60,12 +60,12 @@ function useStoreProps(store, props, key, setKey) {
 }
 function useStore(createStore) {
   const store = _5QY4WCTRcjs.useLazyValue.call(void 0, createStore);
-  _5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => store.init(), []);
+  _5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => store.init(), [store]);
   const useState = _react.useCallback.call(void 0, 
     (keyOrSelector) => useStoreState(store, keyOrSelector),
-    []
+    [store]
   );
-  return _react.useMemo.call(void 0, () => ({ ...store, useState }), []);
+  return _react.useMemo.call(void 0, () => ({ ...store, useState }), [store, useState]);
 }
 
 

package/cjs/__chunks/{TIVUAJD3.cjs → TZBXRN4U.cjs}

@@ -3,7 +3,7 @@
 var _EWCMH6G3cjs = require('./EWCMH6G3.cjs');
 
 
-var _3QEUUQVBcjs = require('./3QEUUQVB.cjs');
+var _NKZKDBARcjs = require('./NKZKDBAR.cjs');
 
 
 
@@ -21,6 +21,9 @@ var _NVMBKFRBcjs = require('./NVMBKFRB.cjs');
 var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
 
 
+var _TQ3ZXPQLcjs = require('./TQ3ZXPQL.cjs');
+
+
 
 
 
@@ -36,7 +39,6 @@ var _react = require('react');
 
 var _dom = require('@ariakit/core/utils/dom');
 var _events = require('@ariakit/core/utils/events');
-var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
 function isEditableElement(element) {
   if (element.isContentEditable)
@@ -144,14 +146,10 @@ var useCompositeItem = _UYIFJ7U3cjs.createHook.call(void 0,
   }) => {
     const context = _react.useContext.call(void 0, _NVMBKFRBcjs.CompositeContext);
     store = store || context;
-    _misc.invariant.call(void 0, 
-      store,
-      process.env.NODE_ENV !== "production" && "CompositeItem must be wrapped in a Composite component"
-    );
     const id = _5QY4WCTRcjs.useId.call(void 0, props.id);
     const ref = _react.useRef.call(void 0, null);
     const row = _react.useContext.call(void 0, _NVMBKFRBcjs.CompositeRowContext);
-    const rowId = store.useState((state) => {
+    const rowId = _TQ3ZXPQLcjs.useStoreState.call(void 0, store, (state) => {
       if (rowIdProp)
         return rowIdProp;
       if (!_optionalChain([row, 'optionalAccess', _2 => _2.baseElement]))
@@ -274,7 +272,8 @@ var useCompositeItem = _UYIFJ7U3cjs.createHook.call(void 0,
         }
       }
     });
-    const baseElement = store.useState(
+    const baseElement = _TQ3ZXPQLcjs.useStoreState.call(void 0, 
+      store,
       (state) => state.baseElement || void 0
     );
     const providerValue = _react.useMemo.call(void 0, 
@@ -286,9 +285,9 @@ var useCompositeItem = _UYIFJ7U3cjs.createHook.call(void 0,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _NVMBKFRBcjs.CompositeItemContext.Provider, { value: providerValue, children: element }),
       [providerValue]
     );
-    const isActiveItem = store.useState((state) => state.activeId === id);
+    const isActiveItem = _TQ3ZXPQLcjs.useStoreState.call(void 0, store, (state) => state.activeId === id);
     const role = useRole(ref, props);
-    const virtualFocus = store.useState("virtualFocus");
+    const virtualFocus = _TQ3ZXPQLcjs.useStoreState.call(void 0, store, "virtualFocus");
     let ariaSelected;
     if (isActiveItem) {
       if (requiresAriaSelected(role)) {
@@ -297,7 +296,8 @@ var useCompositeItem = _UYIFJ7U3cjs.createHook.call(void 0,
         ariaSelected = true;
       }
     }
-    const shouldTabIndex = store.useState(
+    const shouldTabIndex = _TQ3ZXPQLcjs.useStoreState.call(void 0, 
+      store,
       (state) => !state.virtualFocus && isActiveItem
     );
     props = {
@@ -306,13 +306,13 @@ var useCompositeItem = _UYIFJ7U3cjs.createHook.call(void 0,
       "data-active-item": isActiveItem ? "" : void 0,
       ...props,
       ref: _5QY4WCTRcjs.useForkRef.call(void 0, ref, props.ref),
-      tabIndex: shouldTabIndex ? props.tabIndex : -1,
+      tabIndex: shouldTabIndex !== false ? props.tabIndex : -1,
       onFocus,
       onBlurCapture,
       onKeyDown
     };
     props = _EWCMH6G3cjs.useCommand.call(void 0, props);
-    props = _3QEUUQVBcjs.useCollectionItem.call(void 0, {
+    props = _NKZKDBARcjs.useCollectionItem.call(void 0, {
       store,
       ...props,
       getItem,

package/cjs/__chunks/{T4TB3AAZ.cjs → UK7WFIG4.cjs}

@@ -18,8 +18,6 @@ function useNestedDialogs(store, modal) {
   const context = _react.useContext.call(void 0, NestedDialogsContext);
   const [openModals, setOpenModals] = _react.useState.call(void 0, []);
   const [nestedDialogs, setNestedDialogs] = _react.useState.call(void 0, []);
-  const open = store.useState("open");
-  const contentElement = store.useState("contentElement");
   const addDialog = _react.useCallback.call(void 0, 
     (dialog) => {
       return _misc.chain.call(void 0, 
@@ -34,7 +32,7 @@ function useNestedDialogs(store, modal) {
         })()
       );
     },
-    [context.addDialog]
+    [context]
   );
   const showModal = _react.useCallback.call(void 0, 
     (dialog) => {
@@ -50,22 +48,32 @@ function useNestedDialogs(store, modal) {
         })()
       );
     },
-    [context.showModal]
+    [context]
   );
   _5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => {
-    if (!contentElement)
-      return;
-    return _optionalChain([context, 'access', _5 => _5.addDialog, 'optionalCall', _6 => _6(contentElement)]);
-  }, [contentElement, context.addDialog]);
+    return store.sync(
+      (state) => {
+        if (!state.contentElement)
+          return;
+        return _optionalChain([context, 'access', _5 => _5.addDialog, 'optionalCall', _6 => _6(state.contentElement)]);
+      },
+      ["contentElement"]
+    );
+  }, [store, context]);
   _5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => {
     if (!modal)
       return;
-    if (!open)
-      return;
-    if (!contentElement)
-      return;
-    return _optionalChain([context, 'access', _7 => _7.showModal, 'optionalCall', _8 => _8(contentElement)]);
-  }, [modal, open, contentElement, context.showModal]);
+    return store.sync(
+      (state) => {
+        if (!state.open)
+          return;
+        if (!state.contentElement)
+          return;
+        return _optionalChain([context, 'access', _7 => _7.showModal, 'optionalCall', _8 => _8(state.contentElement)]);
+      },
+      ["open", "contentElement"]
+    );
+  }, [store, modal, context]);
   _react.useEffect.call(void 0, () => {
     return _optionalChain([context, 'access', _9 => _9.store, 'optionalAccess', _10 => _10.syncBatch, 'call', _11 => _11(
       (state) => {

package/cjs/__chunks/{LH4INSYS.cjs → UYAQKYEJ.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _HJTX27PUcjs = require('./HJTX27PU.cjs');
+var _GSMEXLDScjs = require('./GSMEXLDS.cjs');
 
 
 var _W5PBA4D6cjs = require('./W5PBA4D6.cjs');
@@ -90,7 +90,7 @@ var usePopover = _UYIFJ7U3cjs.createHook.call(void 0,
         ...props.style
       }
     };
-    props = _HJTX27PUcjs.useDialog.call(void 0, {
+    props = _GSMEXLDScjs.useDialog.call(void 0, {
       store,
       modal,
       preserveTabOrder,

package/cjs/__chunks/{QRBTWQPI.cjs → YTLECYPS.cjs}

@@ -3,7 +3,7 @@
 var _OTRABJ4Ycjs = require('./OTRABJ4Y.cjs');
 
 
-var _3QEUUQVBcjs = require('./3QEUUQVB.cjs');
+var _NKZKDBARcjs = require('./NKZKDBAR.cjs');
 
 
 
@@ -24,15 +24,13 @@ function getNamedElement(ref, name) {
   const element = ref.current;
   if (!element)
     return null;
-  if (element.name !== name) {
-    if (element.form) {
-      return element.form.elements.namedItem(name);
-    } else {
-      const document = _dom.getDocument.call(void 0, element);
-      return document.getElementsByName(name)[0];
-    }
+  if (element.name === name)
+    return element;
+  if (element.form) {
+    return element.form.elements.namedItem(name);
   }
-  return element;
+  const document = _dom.getDocument.call(void 0, element);
+  return document.getElementsByName(name)[0];
 }
 function useItem(store, name, type) {
   return store.useState(
@@ -105,7 +103,7 @@ var useFormField = _UYIFJ7U3cjs.createHook.call(void 0,
       ref: _5QY4WCTRcjs.useForkRef.call(void 0, ref, props.ref),
       onBlur
     };
-    props = _3QEUUQVBcjs.useCollectionItem.call(void 0, { store, ...props, name, getItem });
+    props = _NKZKDBARcjs.useCollectionItem.call(void 0, { store, ...props, name, getItem });
     return props;
   }
 );

package/cjs/__chunks/{NJHMO3XK.cjs → Z5OM7SNB.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
 
-var _F6IOE5QTcjs = require('./F6IOE5QT.cjs');
+var _TQ3ZXPQLcjs = require('./TQ3ZXPQL.cjs');
 
 // src/checkbox/checkbox-store.ts
 var _checkboxstore = require('@ariakit/core/checkbox/checkbox-store'); var Core = _interopRequireWildcard(_checkboxstore);
@@ -9,11 +9,11 @@ function useCheckboxStoreOptions(_props) {
   return {};
 }
 function useCheckboxStoreProps(store, props) {
-  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
+  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
   return store;
 }
 function useCheckboxStore(props = {}) {
-  const store = _F6IOE5QTcjs.useStore.call(void 0, () => Core.createCheckboxStore(props));
+  const store = _TQ3ZXPQLcjs.useStore.call(void 0, () => Core.createCheckboxStore(props));
   return useCheckboxStoreProps(store, props);
 }
 

package/cjs/__chunks/{KWHAB2F2.cjs → ZDO3DQPW.cjs}

@@ -1,6 +1,5 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-
 var _5QY4WCTRcjs = require('./5QY4WCTR.cjs');
 
 // src/dialog/utils/use-champion-dialog.ts
@@ -19,7 +18,7 @@ function useChampionDialog(attribute, store, enabled) {
     const id = body.getAttribute(attribute);
     return !id || id === dialog.id;
   }, [updated, store, enabled, attribute]);
-  _5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => {
+  _react.useEffect.call(void 0, () => {
     const dialog = store.getState().contentElement;
     if (!dialog)
       return;

package/cjs/__chunks/{3RC6Q4WI.cjs → ZS4MDBUW.cjs}

@@ -15,7 +15,7 @@ var _GV5LATA3cjs = require('./GV5LATA3.cjs');
 var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
 
 
-var _F6IOE5QTcjs = require('./F6IOE5QT.cjs');
+var _TQ3ZXPQLcjs = require('./TQ3ZXPQL.cjs');
 
 
 
@@ -61,7 +61,7 @@ var useMenuList = _UYIFJ7U3cjs.createHook.call(void 0,
       (state) => state.orientation === "both" ? void 0 : state.orientation
     );
     const isHorizontal = orientation !== "vertical";
-    const isMenuBarHorizontal = !!_F6IOE5QTcjs.useStoreState.call(void 0, 
+    const isMenuBarHorizontal = !!_TQ3ZXPQLcjs.useStoreState.call(void 0, 
       parentMenuBar,
       (state) => state.orientation !== "vertical"
     );

package/cjs/checkbox/checkbox-store.cjs

@@ -2,12 +2,12 @@
 
 
 
-var _NJHMO3XKcjs = require('../__chunks/NJHMO3XK.cjs');
-require('../__chunks/F6IOE5QT.cjs');
+var _Z5OM7SNBcjs = require('../__chunks/Z5OM7SNB.cjs');
+require('../__chunks/TQ3ZXPQL.cjs');
 require('../__chunks/5QY4WCTR.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 
 
 
 
-exports.useCheckboxStore = _NJHMO3XKcjs.useCheckboxStore; exports.useCheckboxStoreOptions = _NJHMO3XKcjs.useCheckboxStoreOptions; exports.useCheckboxStoreProps = _NJHMO3XKcjs.useCheckboxStoreProps;
+exports.useCheckboxStore = _Z5OM7SNBcjs.useCheckboxStore; exports.useCheckboxStoreOptions = _Z5OM7SNBcjs.useCheckboxStoreOptions; exports.useCheckboxStoreProps = _Z5OM7SNBcjs.useCheckboxStoreProps;

package/cjs/checkbox/checkbox.cjs

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _NYVIJAIXcjs = require('../__chunks/NYVIJAIX.cjs');
+var _3CPBCP3Fcjs = require('../__chunks/3CPBCP3F.cjs');
 require('../__chunks/FO6MB5HF.cjs');
 require('../__chunks/EWCMH6G3.cjs');
 require('../__chunks/44UMDBZE.cjs');
 require('../__chunks/UYIFJ7U3.cjs');
-require('../__chunks/F6IOE5QT.cjs');
+require('../__chunks/TQ3ZXPQL.cjs');
 require('../__chunks/5QY4WCTR.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 
 
 
-exports.Checkbox = _NYVIJAIXcjs.Checkbox; exports.useCheckbox = _NYVIJAIXcjs.useCheckbox;
+exports.Checkbox = _3CPBCP3Fcjs.Checkbox; exports.useCheckbox = _3CPBCP3Fcjs.useCheckbox;

package/cjs/collection/collection-item.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _3QEUUQVBcjs = require('../__chunks/3QEUUQVB.cjs');
+var _NKZKDBARcjs = require('../__chunks/NKZKDBAR.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
 require('../__chunks/UYIFJ7U3.cjs');
 require('../__chunks/5QY4WCTR.cjs');
@@ -9,4 +9,4 @@ require('../__chunks/2X5K3J7Y.cjs');
 
 
 
-exports.CollectionItem = _3QEUUQVBcjs.CollectionItem; exports.useCollectionItem = _3QEUUQVBcjs.useCollectionItem;
+exports.CollectionItem = _NKZKDBARcjs.CollectionItem; exports.useCollectionItem = _NKZKDBARcjs.useCollectionItem;

package/cjs/collection/collection-store.cjs

@@ -2,12 +2,12 @@
 
 
 
-var _5LMWS5O4cjs = require('../__chunks/5LMWS5O4.cjs');
-require('../__chunks/F6IOE5QT.cjs');
+var _KPYDIKOYcjs = require('../__chunks/KPYDIKOY.cjs');
+require('../__chunks/TQ3ZXPQL.cjs');
 require('../__chunks/5QY4WCTR.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 
 
 
 
-exports.useCollectionStore = _5LMWS5O4cjs.useCollectionStore; exports.useCollectionStoreOptions = _5LMWS5O4cjs.useCollectionStoreOptions; exports.useCollectionStoreProps = _5LMWS5O4cjs.useCollectionStoreProps;
+exports.useCollectionStore = _KPYDIKOYcjs.useCollectionStore; exports.useCollectionStoreOptions = _KPYDIKOYcjs.useCollectionStoreOptions; exports.useCollectionStoreProps = _KPYDIKOYcjs.useCollectionStoreProps;

package/cjs/combobox/combobox-item.cjs

@@ -7,9 +7,9 @@ var _2WZVSPAIcjs = require('../__chunks/2WZVSPAI.cjs');
 var _TBYPXZ5Hcjs = require('../__chunks/TBYPXZ5H.cjs');
 
 
-var _TIVUAJD3cjs = require('../__chunks/TIVUAJD3.cjs');
+var _TZBXRN4Ucjs = require('../__chunks/TZBXRN4U.cjs');
 require('../__chunks/EWCMH6G3.cjs');
-require('../__chunks/3QEUUQVB.cjs');
+require('../__chunks/NKZKDBAR.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
 require('../__chunks/6622YWGR.cjs');
 require('../__chunks/44UMDBZE.cjs');
@@ -19,6 +19,7 @@ require('../__chunks/NVMBKFRB.cjs');
 
 
 var _UYIFJ7U3cjs = require('../__chunks/UYIFJ7U3.cjs');
+require('../__chunks/TQ3ZXPQL.cjs');
 
 
 
@@ -115,7 +116,7 @@ var useComboboxItem = _UYIFJ7U3cjs.createHook.call(void 0,
     const shouldRegister = store.useState(
       (state) => state.mounted && shouldRegisterItem
     );
-    props = _TIVUAJD3cjs.useCompositeItem.call(void 0, {
+    props = _TZBXRN4Ucjs.useCompositeItem.call(void 0, {
       store,
       ...props,
       getItem,

package/cjs/combobox/combobox-popover.cjs

@@ -4,26 +4,25 @@ var _DARNBOHZcjs = require('../__chunks/DARNBOHZ.cjs');
 require('../__chunks/2WZVSPAI.cjs');
 
 
-var _LH4INSYScjs = require('../__chunks/LH4INSYS.cjs');
-require('../__chunks/HJTX27PU.cjs');
+var _UYAQKYEJcjs = require('../__chunks/UYAQKYEJ.cjs');
+require('../__chunks/GSMEXLDS.cjs');
 require('../__chunks/2ZU7T6CD.cjs');
-require('../__chunks/XKBGBOWQ.cjs');
-require('../__chunks/ORRE4SVW.cjs');
+require('../__chunks/MWKUZW4E.cjs');
 require('../__chunks/5EIZ4QQ7.cjs');
-require('../__chunks/RDNP4FTV.cjs');
+require('../__chunks/OKPDB2ZM.cjs');
 require('../__chunks/XFVLDGPP.cjs');
 require('../__chunks/ZNVMDYMM.cjs');
 require('../__chunks/YHG3KGFW.cjs');
 require('../__chunks/X2GXTE3P.cjs');
-require('../__chunks/CMHDB7LY.cjs');
-require('../__chunks/KWHAB2F2.cjs');
-require('../__chunks/T4TB3AAZ.cjs');
+require('../__chunks/CP6M4POZ.cjs');
+require('../__chunks/ZDO3DQPW.cjs');
+require('../__chunks/UK7WFIG4.cjs');
 require('../__chunks/SOPRUU56.cjs');
 require('../__chunks/CQSUIL2D.cjs');
 require('../__chunks/N2VCZZLP.cjs');
 require('../__chunks/W5PBA4D6.cjs');
 require('../__chunks/44UMDBZE.cjs');
-require('../__chunks/IVRU7X3P.cjs');
+require('../__chunks/KUXCWMWW.cjs');
 require('../__chunks/MAH7ORCZ.cjs');
 require('../__chunks/NS56XHXG.cjs');
 require('../__chunks/SWSQUGVG.cjs');
@@ -53,7 +52,7 @@ var useComboboxPopover = _UYIFJ7U3cjs.createHook.call(void 0,
   ({ store, tabIndex, hideOnInteractOutside = true, ...props }) => {
     const baseElement = store.useState("baseElement");
     props = _DARNBOHZcjs.useComboboxList.call(void 0, { store, ...props });
-    props = _LH4INSYScjs.usePopover.call(void 0, {
+    props = _UYAQKYEJcjs.usePopover.call(void 0, {
       store,
       autoFocusOnShow: false,
       autoFocusOnHide: false,

package/cjs/combobox/combobox-store.cjs

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
 
-var _RG6JXX7Tcjs = require('../__chunks/RG6JXX7T.cjs');
-require('../__chunks/5LMWS5O4.cjs');
+var _EZLBMRYScjs = require('../__chunks/EZLBMRYS.cjs');
+require('../__chunks/KPYDIKOY.cjs');
 
 
 
-var _WYGT6WVDcjs = require('../__chunks/WYGT6WVD.cjs');
-require('../__chunks/H5Z2A5K2.cjs');
-require('../__chunks/ND6THRTE.cjs');
+var _BJ6S3SB5cjs = require('../__chunks/BJ6S3SB5.cjs');
+require('../__chunks/FJEN5XPE.cjs');
+require('../__chunks/EQUPHBKX.cjs');
 
 
 
-var _F6IOE5QTcjs = require('../__chunks/F6IOE5QT.cjs');
+var _TQ3ZXPQLcjs = require('../__chunks/TQ3ZXPQL.cjs');
 require('../__chunks/5QY4WCTR.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 
@@ -20,19 +20,19 @@ require('../__chunks/2X5K3J7Y.cjs');
 var _comboboxstore = require('@ariakit/core/combobox/combobox-store'); var Core = _interopRequireWildcard(_comboboxstore);
 function useComboboxStoreOptions(props) {
   return {
-    ..._RG6JXX7Tcjs.useCompositeStoreOptions.call(void 0, props),
-    ..._WYGT6WVDcjs.usePopoverStoreOptions.call(void 0, props)
+    ..._EZLBMRYScjs.useCompositeStoreOptions.call(void 0, props),
+    ..._BJ6S3SB5cjs.usePopoverStoreOptions.call(void 0, props)
   };
 }
 function useComboboxStoreProps(store, props) {
-  store = _RG6JXX7Tcjs.useCompositeStoreProps.call(void 0, store, props);
-  store = _WYGT6WVDcjs.usePopoverStoreProps.call(void 0, store, props);
-  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
+  store = _EZLBMRYScjs.useCompositeStoreProps.call(void 0, store, props);
+  store = _BJ6S3SB5cjs.usePopoverStoreProps.call(void 0, store, props);
+  _TQ3ZXPQLcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
   return store;
 }
 function useComboboxStore(props = {}) {
   const options = useComboboxStoreOptions(props);
-  const store = _F6IOE5QTcjs.useStore.call(void 0, 
+  const store = _TQ3ZXPQLcjs.useStore.call(void 0, 
     () => Core.createComboboxStore({ ...props, ...options })
   );
   return useComboboxStoreProps(store, props);

package/cjs/combobox/combobox.cjs

@@ -66,6 +66,7 @@ var useCombobox = _UYIFJ7U3cjs.createHook.call(void 0,
     const ref = _react.useRef.call(void 0, null);
     const [valueUpdated, forceValueUpdate] = _5QY4WCTRcjs.useForceUpdate.call(void 0, );
     const valueChangedRef = _react.useRef.call(void 0, false);
+    const composingRef = _react.useRef.call(void 0, false);
     const autoSelect = store.useState(
       (state) => !!autoSelectProp && state.virtualFocus
     );
@@ -127,10 +128,12 @@ var useCombobox = _UYIFJ7U3cjs.createHook.call(void 0,
         return;
       if (!hasCompletionString(storeValue, activeValue))
         return;
-      const element = ref.current;
-      if (!element)
-        return;
-      element.setSelectionRange(storeValue.length, activeValue.length);
+      queueMicrotask(() => {
+        const element = ref.current;
+        if (!element)
+          return;
+        element.setSelectionRange(storeValue.length, activeValue.length);
+      });
     }, [
       valueUpdated,
       inline,
@@ -143,6 +146,8 @@ var useCombobox = _UYIFJ7U3cjs.createHook.call(void 0,
     _5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => {
       if (!storeValue)
         return;
+      if (composingRef.current)
+        return;
       valueChangedRef.current = true;
     }, [storeValue]);
     _5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => {
@@ -190,10 +195,16 @@ var useCombobox = _UYIFJ7U3cjs.createHook.call(void 0,
       const { target } = event;
       const nativeEvent = event.nativeEvent;
       valueChangedRef.current = true;
-      if (isInputEvent(nativeEvent) && inline) {
-        const textInserted = nativeEvent.inputType === "insertText";
-        const caretAtEnd = target.selectionStart === target.value.length;
-        setCanInline(textInserted && caretAtEnd);
+      if (isInputEvent(nativeEvent)) {
+        if (nativeEvent.isComposing) {
+          valueChangedRef.current = false;
+          composingRef.current = true;
+        }
+        if (inline) {
+          const textInserted = nativeEvent.inputType === "insertText" || nativeEvent.inputType === "insertCompositionText";
+          const caretAtEnd = target.selectionStart === target.value.length;
+          setCanInline(textInserted && caretAtEnd);
+        }
       }
       if (showOnChangeProp(event)) {
         store.show();
@@ -215,6 +226,7 @@ var useCombobox = _UYIFJ7U3cjs.createHook.call(void 0,
         if (event.defaultPrevented)
           return;
         valueChangedRef.current = true;
+        composingRef.current = false;
         if (!autoSelect)
           return;
         forceValueUpdate();

package/cjs/composite/composite-container.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _ABU7PK6Gcjs = require('../__chunks/ABU7PK6G.cjs');
+var _PZ72QR7Pcjs = require('../__chunks/PZ72QR7P.cjs');
 require('../__chunks/6622YWGR.cjs');
 require('../__chunks/NVMBKFRB.cjs');
 require('../__chunks/UYIFJ7U3.cjs');
-require('../__chunks/F6IOE5QT.cjs');
+require('../__chunks/TQ3ZXPQL.cjs');
 require('../__chunks/5QY4WCTR.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 
 
 
-exports.CompositeContainer = _ABU7PK6Gcjs.CompositeContainer; exports.useCompositeContainer = _ABU7PK6Gcjs.useCompositeContainer;
+exports.CompositeContainer = _PZ72QR7Pcjs.CompositeContainer; exports.useCompositeContainer = _PZ72QR7Pcjs.useCompositeContainer;

package/cjs/composite/composite-item.cjs

@@ -1,17 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _TIVUAJD3cjs = require('../__chunks/TIVUAJD3.cjs');
+var _TZBXRN4Ucjs = require('../__chunks/TZBXRN4U.cjs');
 require('../__chunks/EWCMH6G3.cjs');
-require('../__chunks/3QEUUQVB.cjs');
+require('../__chunks/NKZKDBAR.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
 require('../__chunks/6622YWGR.cjs');
 require('../__chunks/44UMDBZE.cjs');
 require('../__chunks/NVMBKFRB.cjs');
 require('../__chunks/UYIFJ7U3.cjs');
+require('../__chunks/TQ3ZXPQL.cjs');
 require('../__chunks/5QY4WCTR.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 
 
 
-exports.CompositeItem = _TIVUAJD3cjs.CompositeItem; exports.useCompositeItem = _TIVUAJD3cjs.useCompositeItem;
+exports.CompositeItem = _TZBXRN4Ucjs.CompositeItem; exports.useCompositeItem = _TZBXRN4Ucjs.useCompositeItem;

package/cjs/composite/composite-overflow-disclosure.cjs

@@ -8,9 +8,9 @@ require('../__chunks/W5PBA4D6.cjs');
 require('../__chunks/BJTWNJAP.cjs');
 
 
-var _TIVUAJD3cjs = require('../__chunks/TIVUAJD3.cjs');
+var _TZBXRN4Ucjs = require('../__chunks/TZBXRN4U.cjs');
 require('../__chunks/EWCMH6G3.cjs');
-require('../__chunks/3QEUUQVB.cjs');
+require('../__chunks/NKZKDBAR.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
 require('../__chunks/6622YWGR.cjs');
 require('../__chunks/44UMDBZE.cjs');
@@ -20,6 +20,7 @@ require('../__chunks/NVMBKFRB.cjs');
 
 
 var _UYIFJ7U3cjs = require('../__chunks/UYIFJ7U3.cjs');
+require('../__chunks/TQ3ZXPQL.cjs');
 
 
 
@@ -57,7 +58,7 @@ var useCompositeOverflowDisclosure = _UYIFJ7U3cjs.createHook.call(void 0, ({ sto
     onFocus,
     onBlur
   };
-  props = _TIVUAJD3cjs.useCompositeItem.call(void 0, { ...props, shouldRegisterItem });
+  props = _TZBXRN4Ucjs.useCompositeItem.call(void 0, { ...props, shouldRegisterItem });
   props = _LICOAFSXcjs.usePopoverDisclosure.call(void 0, { store, ...props });
   return props;
 });

package/cjs/composite/composite-overflow-store.cjs

@@ -1,26 +1,26 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
 
-var _WYGT6WVDcjs = require('../__chunks/WYGT6WVD.cjs');
-require('../__chunks/H5Z2A5K2.cjs');
-require('../__chunks/ND6THRTE.cjs');
+var _BJ6S3SB5cjs = require('../__chunks/BJ6S3SB5.cjs');
+require('../__chunks/FJEN5XPE.cjs');
+require('../__chunks/EQUPHBKX.cjs');
 
 
-var _F6IOE5QTcjs = require('../__chunks/F6IOE5QT.cjs');
+var _TQ3ZXPQLcjs = require('../__chunks/TQ3ZXPQL.cjs');
 require('../__chunks/5QY4WCTR.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 
 // src/composite/composite-overflow-store.ts
 var _compositeoverflowstore = require('@ariakit/core/composite/composite-overflow-store'); var Core = _interopRequireWildcard(_compositeoverflowstore);
 function useCompositeOverflowStoreOptions(props) {
-  return _WYGT6WVDcjs.usePopoverStoreOptions.call(void 0, props);
+  return _BJ6S3SB5cjs.usePopoverStoreOptions.call(void 0, props);
 }
 function useCompositeOverflowStoreProps(store, props) {
-  return _WYGT6WVDcjs.usePopoverStoreProps.call(void 0, store, props);
+  return _BJ6S3SB5cjs.usePopoverStoreProps.call(void 0, store, props);
 }
 function useCompositeOverflowStore(props = {}) {
   const options = useCompositeOverflowStoreOptions(props);
-  const store = _F6IOE5QTcjs.useStore.call(void 0, 
+  const store = _TQ3ZXPQLcjs.useStore.call(void 0, 
     () => Core.createCompositeOverflowStore({ ...props, ...options })
   );
   return useCompositeOverflowStoreProps(store, props);