@ariakit/react-core 0.4.16 → 0.4.18

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @ariakit/react-core
 
+## 0.4.18
+
+### Improved Combobox performance
+
+Thanks to [@iamakulov](https://github.com/iamakulov), the [Combobox](https://ariakit.org/components/combobox) component now opens ~30% faster by removing unnecessary calls to an internal function that adds global event listeners. See the [pull request](https://github.com/ariakit/ariakit/pull/4860) for more details.
+
+### Other updates
+
+- Improved [`PopoverArrow`](https://ariakit.org/reference/popover-arrow) default appearance when using semi-transparent borders.
+
+## 0.4.17
+
+- Restored support for React 17 in [`PopoverArrow`](https://ariakit.org/reference/popover-arrow).
+
 ## 0.4.16
 
 ### Improved `PopoverArrow`

package/cjs/__chunks/{76LCMKUI.cjs → 25BPIGZH.cjs}

@@ -2,7 +2,7 @@
 
 
 
-var _L5A2ID7Scjs = require('./L5A2ID7S.cjs');
+var _OZM4QA2Vcjs = require('./OZM4QA2V.cjs');
 
 
 
@@ -80,8 +80,8 @@ function useStoreStateObject(store, object) {
 function useStoreProps(store, props, key, setKey) {
   const value = _misc.hasOwnProperty.call(void 0, props, key) ? props[key] : void 0;
   const setValue = setKey ? props[setKey] : void 0;
-  const propsRef = _L5A2ID7Scjs.useLiveRef.call(void 0, { value, setValue });
-  _L5A2ID7Scjs.useSafeLayoutEffect.call(void 0, () => {
+  const propsRef = _OZM4QA2Vcjs.useLiveRef.call(void 0, { value, setValue });
+  _OZM4QA2Vcjs.useSafeLayoutEffect.call(void 0, () => {
     return _store.sync.call(void 0, store, [key], (state, prev) => {
       const { value: value2, setValue: setValue2 } = propsRef.current;
       if (!setValue2) return;
@@ -90,7 +90,7 @@ function useStoreProps(store, props, key, setKey) {
       setValue2(state[key]);
     });
   }, [store, key]);
-  _L5A2ID7Scjs.useSafeLayoutEffect.call(void 0, () => {
+  _OZM4QA2Vcjs.useSafeLayoutEffect.call(void 0, () => {
     if (value === void 0) return;
     store.setState(key, value);
     return _store.batch.call(void 0, store, [key], () => {
@@ -101,7 +101,7 @@ function useStoreProps(store, props, key, setKey) {
 }
 function useStore(createStore, props) {
   const [store, setStore] = React.useState(() => createStore(props));
-  _L5A2ID7Scjs.useSafeLayoutEffect.call(void 0, () => _store.init.call(void 0, store), [store]);
+  _OZM4QA2Vcjs.useSafeLayoutEffect.call(void 0, () => _store.init.call(void 0, store), [store]);
   const useState2 = React.useCallback(
     (keyOrSelector) => useStoreState(store, keyOrSelector),
     [store]
@@ -110,7 +110,7 @@ function useStore(createStore, props) {
     () => _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, store), { useState: useState2 }),
     [store, useState2]
   );
-  const updateStore = _L5A2ID7Scjs.useEvent.call(void 0, () => {
+  const updateStore = _OZM4QA2Vcjs.useEvent.call(void 0, () => {
     setStore((store2) => createStore(_7EQBAZ46cjs.__spreadValues.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, props), store2.getState())));
   });
   return [memoizedStore, updateStore];

package/cjs/__chunks/{VTSH7DET.cjs → 3G3CT65A.cjs}

@@ -1,27 +1,27 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _YZ2JOUIAcjs = require('./YZ2JOUIA.cjs');
+var _65FJLYG7cjs = require('./65FJLYG7.cjs');
 
 
 
 
-var _6TI3NXX6cjs = require('./6TI3NXX6.cjs');
+var _WULEED4Qcjs = require('./WULEED4Q.cjs');
 
 
 var _7EQBAZ46cjs = require('./7EQBAZ46.cjs');
 
 // src/form/form-group.tsx
 var TagName = "div";
-var useFormGroup = _6TI3NXX6cjs.createHook.call(void 0, 
+var useFormGroup = _WULEED4Qcjs.createHook.call(void 0, 
   function useFormGroup2(_a) {
     var _b = _a, { store } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, ["store"]);
-    props = _YZ2JOUIAcjs.useGroup.call(void 0, props);
+    props = _65FJLYG7cjs.useGroup.call(void 0, props);
     return props;
   }
 );
-var FormGroup = _6TI3NXX6cjs.forwardRef.call(void 0, function FormGroup2(props) {
+var FormGroup = _WULEED4Qcjs.forwardRef.call(void 0, function FormGroup2(props) {
   const htmlProps = useFormGroup(props);
-  return _6TI3NXX6cjs.createElement.call(void 0, TagName, htmlProps);
+  return _WULEED4Qcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{4FJIAISO.cjs → 4EED5SUU.cjs}

@@ -1,20 +1,20 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _KPH4LMZOcjs = require('./KPH4LMZO.cjs');
+var _6F6SPO63cjs = require('./6F6SPO63.cjs');
 
 
-var _PDQXLIRFcjs = require('./PDQXLIRF.cjs');
+var _YUGKYIYYcjs = require('./YUGKYIYY.cjs');
 
 
 
 
-var _6TI3NXX6cjs = require('./6TI3NXX6.cjs');
+var _WULEED4Qcjs = require('./WULEED4Q.cjs');
 
 
 
 
 
-var _L5A2ID7Scjs = require('./L5A2ID7S.cjs');
+var _OZM4QA2Vcjs = require('./OZM4QA2V.cjs');
 
 
 
@@ -26,10 +26,10 @@ var _events = require('@ariakit/core/utils/events');
 var _misc = require('@ariakit/core/utils/misc');
 var _react = require('react');
 var TagName = "a";
-var useHovercardAnchor = _6TI3NXX6cjs.createHook.call(void 0, 
+var useHovercardAnchor = _WULEED4Qcjs.createHook.call(void 0, 
   function useHovercardAnchor2(_a) {
     var _b = _a, { store, showOnHover = true } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, ["store", "showOnHover"]);
-    const context = _KPH4LMZOcjs.useHovercardProviderContext.call(void 0, );
+    const context = _6F6SPO63cjs.useHovercardProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -50,9 +50,9 @@ var useHovercardAnchor = _6TI3NXX6cjs.createHook.call(void 0,
       return _events.addGlobalEventListener.call(void 0, "mouseleave", onMouseLeave, true);
     }, [store]);
     const onMouseMoveProp = props.onMouseMove;
-    const showOnHoverProp = _L5A2ID7Scjs.useBooleanEvent.call(void 0, showOnHover);
-    const isMouseMoving = _L5A2ID7Scjs.useIsMouseMoving.call(void 0, );
-    const onMouseMove = _L5A2ID7Scjs.useEvent.call(void 0, (event) => {
+    const showOnHoverProp = _OZM4QA2Vcjs.useBooleanEvent.call(void 0, showOnHover);
+    const isMouseMoving = _OZM4QA2Vcjs.useIsMouseMoving.call(void 0, );
+    const onMouseMove = _OZM4QA2Vcjs.useEvent.call(void 0, (event) => {
       onMouseMoveProp == null ? void 0 : onMouseMoveProp(event);
       if (disabled) return;
       if (!store) return;
@@ -81,7 +81,7 @@ var useHovercardAnchor = _6TI3NXX6cjs.createHook.call(void 0,
       }
     });
     const onClickProp = props.onClick;
-    const onClick = _L5A2ID7Scjs.useEvent.call(void 0, (event) => {
+    const onClick = _OZM4QA2Vcjs.useEvent.call(void 0, (event) => {
       onClickProp == null ? void 0 : onClickProp(event);
       if (!store) return;
       window.clearTimeout(showTimeoutRef.current);
@@ -97,17 +97,17 @@ var useHovercardAnchor = _6TI3NXX6cjs.createHook.call(void 0,
       [store]
     );
     props = _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, props), {
-      ref: _L5A2ID7Scjs.useMergeRefs.call(void 0, ref, props.ref),
+      ref: _OZM4QA2Vcjs.useMergeRefs.call(void 0, ref, props.ref),
       onMouseMove,
       onClick
     });
-    props = _PDQXLIRFcjs.useFocusable.call(void 0, props);
+    props = _YUGKYIYYcjs.useFocusable.call(void 0, props);
     return props;
   }
 );
-var HovercardAnchor = _6TI3NXX6cjs.forwardRef.call(void 0, function HovercardAnchor2(props) {
+var HovercardAnchor = _WULEED4Qcjs.forwardRef.call(void 0, function HovercardAnchor2(props) {
   const htmlProps = useHovercardAnchor(props);
-  return _6TI3NXX6cjs.createElement.call(void 0, TagName, htmlProps);
+  return _WULEED4Qcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{POYGXPFD.cjs → 4HGJKYZ7.cjs}

@@ -3,19 +3,19 @@
 var _MIBORXQWcjs = require('./MIBORXQW.cjs');
 
 
-var _CWQU4R75cjs = require('./CWQU4R75.cjs');
+var _D6FV6EYScjs = require('./D6FV6EYS.cjs');
 
 
-var _76LCMKUIcjs = require('./76LCMKUI.cjs');
+var _25BPIGZHcjs = require('./25BPIGZH.cjs');
 
 
 
 
-var _6TI3NXX6cjs = require('./6TI3NXX6.cjs');
+var _WULEED4Qcjs = require('./WULEED4Q.cjs');
 
 
 
-var _L5A2ID7Scjs = require('./L5A2ID7S.cjs');
+var _OZM4QA2Vcjs = require('./OZM4QA2V.cjs');
 
 
 
@@ -39,9 +39,9 @@ function getFirstTabbable(container) {
   _focus.disableFocusIn.call(void 0, container);
   return tabbable;
 }
-var useCompositeContainer = _6TI3NXX6cjs.createHook.call(void 0, function useCompositeContainer2(_a) {
+var useCompositeContainer = _WULEED4Qcjs.createHook.call(void 0, function useCompositeContainer2(_a) {
   var _b = _a, { store } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, ["store"]);
-  const context = _CWQU4R75cjs.useCompositeContext.call(void 0, );
+  const context = _D6FV6EYScjs.useCompositeContext.call(void 0, );
   store = store || context;
   const ref = _react.useRef.call(void 0, null);
   const isOpenRef = _react.useRef.call(void 0, false);
@@ -68,7 +68,7 @@ var useCompositeContainer = _6TI3NXX6cjs.createHook.call(void 0, function useCom
     isOpenRef.current = false;
     _focus.disableFocusIn.call(void 0, container);
   };
-  const renderedItems = _76LCMKUIcjs.useStoreState.call(void 0, store, "renderedItems");
+  const renderedItems = _25BPIGZHcjs.useStoreState.call(void 0, store, "renderedItems");
   _react.useEffect.call(void 0, () => {
     const container = ref.current;
     if (!container) return;
@@ -78,7 +78,7 @@ var useCompositeContainer = _6TI3NXX6cjs.createHook.call(void 0, function useCom
     }
   }, [renderedItems]);
   const onFocusProp = props.onFocus;
-  const onFocus = _L5A2ID7Scjs.useEvent.call(void 0, (event) => {
+  const onFocus = _OZM4QA2Vcjs.useEvent.call(void 0, (event) => {
     onFocusProp == null ? void 0 : onFocusProp(event);
     if (event.defaultPrevented) return;
     if (!store) return;
@@ -101,7 +101,7 @@ var useCompositeContainer = _6TI3NXX6cjs.createHook.call(void 0, function useCom
     }
   });
   const onBlurProp = props.onBlur;
-  const onBlur = _L5A2ID7Scjs.useEvent.call(void 0, (event) => {
+  const onBlur = _OZM4QA2Vcjs.useEvent.call(void 0, (event) => {
     onBlurProp == null ? void 0 : onBlurProp(event);
     if (event.defaultPrevented) return;
     if (_events.isFocusEventOutside.call(void 0, event)) {
@@ -109,7 +109,7 @@ var useCompositeContainer = _6TI3NXX6cjs.createHook.call(void 0, function useCom
     }
   });
   const onKeyDownProp = props.onKeyDown;
-  const onKeyDown = _L5A2ID7Scjs.useEvent.call(void 0, (event) => {
+  const onKeyDown = _OZM4QA2Vcjs.useEvent.call(void 0, (event) => {
     onKeyDownProp == null ? void 0 : onKeyDownProp(event);
     if (event.defaultPrevented) return;
     if (event.altKey) return;
@@ -146,7 +146,7 @@ var useCompositeContainer = _6TI3NXX6cjs.createHook.call(void 0, function useCom
     }
   });
   const onClickProp = props.onClick;
-  const onClick = _L5A2ID7Scjs.useEvent.call(void 0, (event) => {
+  const onClick = _OZM4QA2Vcjs.useEvent.call(void 0, (event) => {
     onClickProp == null ? void 0 : onClickProp(event);
     if (event.defaultPrevented) return;
     if (_events.isSelfTarget.call(void 0, event) && !event.detail) {
@@ -156,7 +156,7 @@ var useCompositeContainer = _6TI3NXX6cjs.createHook.call(void 0, function useCom
   props = _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
     "data-composite-container": ""
   }, props), {
-    ref: _L5A2ID7Scjs.useMergeRefs.call(void 0, ref, props.ref),
+    ref: _OZM4QA2Vcjs.useMergeRefs.call(void 0, ref, props.ref),
     onFocus,
     onBlur,
     onKeyDown,
@@ -164,9 +164,9 @@ var useCompositeContainer = _6TI3NXX6cjs.createHook.call(void 0, function useCom
   });
   return _misc.removeUndefinedValues.call(void 0, props);
 });
-var CompositeContainer = _6TI3NXX6cjs.forwardRef.call(void 0, function CompositeContainer2(props) {
+var CompositeContainer = _WULEED4Qcjs.forwardRef.call(void 0, function CompositeContainer2(props) {
   const htmlProps = useCompositeContainer(props);
-  return _6TI3NXX6cjs.createElement.call(void 0, TagName, htmlProps);
+  return _WULEED4Qcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{44ZWQTBB.cjs → 4R2KFV2F.cjs}

@@ -1,20 +1,20 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _ZVS6SBRRcjs = require('./ZVS6SBRR.cjs');
+var _ZVJRPAXYcjs = require('./ZVJRPAXY.cjs');
 
 
 
-var _CWQU4R75cjs = require('./CWQU4R75.cjs');
+var _D6FV6EYScjs = require('./D6FV6EYS.cjs');
 
 
-var _6TI3NXX6cjs = require('./6TI3NXX6.cjs');
+var _WULEED4Qcjs = require('./WULEED4Q.cjs');
 
 // src/select/select-context.tsx
 var _react = require('react');
-var ctx = _6TI3NXX6cjs.createStoreContext.call(void 0, 
-  [_ZVS6SBRRcjs.PopoverContextProvider, _CWQU4R75cjs.CompositeContextProvider],
-  [_ZVS6SBRRcjs.PopoverScopedContextProvider, _CWQU4R75cjs.CompositeScopedContextProvider]
+var ctx = _WULEED4Qcjs.createStoreContext.call(void 0, 
+  [_ZVJRPAXYcjs.PopoverContextProvider, _D6FV6EYScjs.CompositeContextProvider],
+  [_ZVJRPAXYcjs.PopoverScopedContextProvider, _D6FV6EYScjs.CompositeScopedContextProvider]
 );
 var useSelectContext = ctx.useContext;
 var useSelectScopedContext = ctx.useScopedContext;

package/cjs/__chunks/{ZCS6RONR.cjs → 52OIQPAO.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _FVVTEJ4Kcjs = require('./FVVTEJ4K.cjs');
+var _6HKL3JR2cjs = require('./6HKL3JR2.cjs');
 
 
-var _6TI3NXX6cjs = require('./6TI3NXX6.cjs');
+var _WULEED4Qcjs = require('./WULEED4Q.cjs');
 
 // src/form/form-context.tsx
-var ctx = _6TI3NXX6cjs.createStoreContext.call(void 0, 
-  [_FVVTEJ4Kcjs.CollectionContextProvider],
-  [_FVVTEJ4Kcjs.CollectionScopedContextProvider]
+var ctx = _WULEED4Qcjs.createStoreContext.call(void 0, 
+  [_6HKL3JR2cjs.CollectionContextProvider],
+  [_6HKL3JR2cjs.CollectionScopedContextProvider]
 );
 var useFormContext = ctx.useContext;
 var useFormScopedContext = ctx.useScopedContext;

package/cjs/__chunks/{TCS5AW76.cjs → 5EGBO5CV.cjs}

@@ -1,17 +1,17 @@
 "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 _RVRXLUKNcjs = require('./RVRXLUKN.cjs');
+var _HWGKYR5Tcjs = require('./HWGKYR5T.cjs');
 
 
-var _76LCMKUIcjs = require('./76LCMKUI.cjs');
+var _25BPIGZHcjs = require('./25BPIGZH.cjs');
 
 // src/toolbar/toolbar-store.ts
 var _toolbarstore = require('@ariakit/core/toolbar/toolbar-store'); var Core = _interopRequireWildcard(_toolbarstore);
 function useToolbarStoreProps(store, update, props) {
-  return _RVRXLUKNcjs.useCompositeStoreProps.call(void 0, store, update, props);
+  return _HWGKYR5Tcjs.useCompositeStoreProps.call(void 0, store, update, props);
 }
 function useToolbarStore(props = {}) {
-  const [store, update] = _76LCMKUIcjs.useStore.call(void 0, Core.createToolbarStore, props);
+  const [store, update] = _25BPIGZHcjs.useStore.call(void 0, Core.createToolbarStore, props);
   return useToolbarStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{6S5BXGBN.cjs → 5KYMGCKZ.cjs}

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _CWQU4R75cjs = require('./CWQU4R75.cjs');
+var _D6FV6EYScjs = require('./D6FV6EYS.cjs');
 
 
 
 
-var _6TI3NXX6cjs = require('./6TI3NXX6.cjs');
+var _WULEED4Qcjs = require('./WULEED4Q.cjs');
 
 
 
-var _L5A2ID7Scjs = require('./L5A2ID7S.cjs');
+var _OZM4QA2Vcjs = require('./OZM4QA2V.cjs');
 
 
 
@@ -21,7 +21,7 @@ var _misc = require('@ariakit/core/utils/misc');
 var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
 var TagName = "div";
-var useCompositeRow = _6TI3NXX6cjs.createHook.call(void 0, 
+var useCompositeRow = _WULEED4Qcjs.createHook.call(void 0, 
   function useCompositeRow2(_a) {
     var _b = _a, {
       store,
@@ -32,13 +32,13 @@ var useCompositeRow = _6TI3NXX6cjs.createHook.call(void 0,
       "aria-setsize",
       "aria-posinset"
     ]);
-    const context = _CWQU4R75cjs.useCompositeContext.call(void 0, );
+    const context = _D6FV6EYScjs.useCompositeContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "CompositeRow must be wrapped in a Composite component."
     );
-    const id = _L5A2ID7Scjs.useId.call(void 0, props.id);
+    const id = _OZM4QA2Vcjs.useId.call(void 0, props.id);
     const baseElement = store.useState(
       (state) => state.baseElement || void 0
     );
@@ -46,18 +46,18 @@ var useCompositeRow = _6TI3NXX6cjs.createHook.call(void 0,
       () => ({ id, baseElement, ariaSetSize, ariaPosInSet }),
       [id, baseElement, ariaSetSize, ariaPosInSet]
     );
-    props = _L5A2ID7Scjs.useWrapElement.call(void 0, 
+    props = _OZM4QA2Vcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _CWQU4R75cjs.CompositeRowContext.Provider, { value: providerValue, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _D6FV6EYScjs.CompositeRowContext.Provider, { value: providerValue, children: element }),
       [providerValue]
     );
     props = _7EQBAZ46cjs.__spreadValues.call(void 0, { id }, props);
     return _misc.removeUndefinedValues.call(void 0, props);
   }
 );
-var CompositeRow = _6TI3NXX6cjs.forwardRef.call(void 0, function CompositeRow2(props) {
+var CompositeRow = _WULEED4Qcjs.forwardRef.call(void 0, function CompositeRow2(props) {
   const htmlProps = useCompositeRow(props);
-  return _6TI3NXX6cjs.createElement.call(void 0, TagName, htmlProps);
+  return _WULEED4Qcjs.createElement.call(void 0, TagName, htmlProps);
 });