@ariakit/react-core 0.4.15 → 0.4.17

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @ariakit/react-core
 
+## 0.4.17
+
+- Restored support for React 17 in [`PopoverArrow`](https://ariakit.org/reference/popover-arrow).
+
+## 0.4.16
+
+### Improved `PopoverArrow`
+
+The [`PopoverArrow`](https://ariakit.org/reference/popover-arrow) component now attempts to infer its border width from the popover’s `box-shadow` style when all lengths are `0px` and the spread radius exceeds `0px` (e.g., `box-shadow: 0 0 0 1px black`), which is commonly known as a "ring". If the border width cannot be inferred, you can use the new [`borderWidth`](https://ariakit.org/reference/popover-arrow#borderwidth) prop to define it. This ensures a consistent size regardless of the arrow's size, which wasn't achievable before when manually setting the CSS `stroke-width` property.
+
+In addition, the arrow’s SVG path has been slightly modified to be more angled in the pointing direction. Note that you can always provide your own SVG using the `children` prop.
+
+### Scrolling behavior when closing dialogs and popovers
+
+When hiding a dialog or popover, the [`finalFocus`](https://ariakit.org/reference/dialog#finalfocus) element will no longer scroll into view. This change prevents scrolling issues when the element lies outside the viewport and mirrors the behavior of native HTML dialog and popover elements.
+
+### Other updates
+
+- Fixed [`data-focus-visible`](https://ariakit.org/guide/styling#data-focus-visible) attribute removal on lower-end devices.
+- Fixed [Select](https://ariakit.org/components/select) not passing down the [`disabled`](https://ariakit.org/reference/select#disabled) prop to the native select element.
+- Fixed [Dialog](https://ariakit.org/components/dialog) initial focus behavior in Safari for non-focusable elements.
+- Fixed `valid` state not updating on [Form](https://ariakit.org/components/form).
+- Fixed [`moveOnKeyPress`](https://ariakit.org/reference/composite#moveonkeypress) being triggered with composition text commands.
+- Updated dependencies: `@ariakit/core@0.4.15`
+
 ## 0.4.15
 
 - Fixed a regression on [Hovercard](https://ariakit.org/components/hovercard) that sometimes prevented it from closing when other popups were opened.

package/cjs/__chunks/{5ENGRSQK.cjs → 22BA7ARO.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _WWQLUY5Wcjs = require('./WWQLUY5W.cjs');
+var _ENNAUHNHcjs = require('./ENNAUHNH.cjs');
 
 
-var _ENNAUHNHcjs = require('./ENNAUHNH.cjs');
+var _26P4PLHIcjs = require('./26P4PLHI.cjs');
 
 
-var _KYD66ZXYcjs = require('./KYD66ZXY.cjs');
+var _PDQXLIRFcjs = require('./PDQXLIRF.cjs');
 
 
 var _76LCMKUIcjs = require('./76LCMKUI.cjs');
@@ -79,8 +79,8 @@ function useEventOutside({
       if (target.hasAttribute("data-focus-trap")) return;
       if (isMouseEventOnDialog(event, contentElement)) return;
       const focused = focusedRef.current;
-      if (focused && !_WWQLUY5Wcjs.isElementMarked.call(void 0, target, contentElement.id)) return;
-      if (_KYD66ZXYcjs.isSafariFocusAncestor.call(void 0, target)) return;
+      if (focused && !_26P4PLHIcjs.isElementMarked.call(void 0, target, contentElement.id)) return;
+      if (_PDQXLIRFcjs.isSafariFocusAncestor.call(void 0, target)) return;
       callListener(event);
     };
     return _events.addGlobalEventListener.call(void 0, type, onEvent, capture);
@@ -103,7 +103,7 @@ function useHideOnInteractOutside(store, hideOnInteractOutside, domReady) {
       const previousMouseDown = previousMouseDownRef.current;
       if (!previousMouseDown) return;
       if (!_dom.isVisible.call(void 0, previousMouseDown)) return;
-      if (!_WWQLUY5Wcjs.isElementMarked.call(void 0, previousMouseDown, contentElement == null ? void 0 : contentElement.id)) return;
+      if (!_26P4PLHIcjs.isElementMarked.call(void 0, previousMouseDown, contentElement == null ? void 0 : contentElement.id)) return;
       if (!shouldHideOnInteractOutside(hideOnInteractOutside, event)) return;
       store.hide();
     }

package/cjs/__chunks/{3DQRN2JU.cjs → 3TETLQVN.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _26CLTSY6cjs = require('./26CLTSY6.cjs');
+var _LM5J3TJ3cjs = require('./LM5J3TJ3.cjs');
 
 
 
@@ -362,7 +362,7 @@ var usePopover = _6TI3NXX6cjs.createHook.call(void 0,
         position: "relative"
       }, props.style)
     });
-    props = _26CLTSY6cjs.useDialog.call(void 0, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
+    props = _LM5J3TJ3cjs.useDialog.call(void 0, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
       store,
       modal,
       portal,
@@ -375,7 +375,7 @@ var usePopover = _6TI3NXX6cjs.createHook.call(void 0,
     return props;
   }
 );
-var Popover = _26CLTSY6cjs.createDialogComponent.call(void 0, 
+var Popover = _LM5J3TJ3cjs.createDialogComponent.call(void 0, 
   _6TI3NXX6cjs.forwardRef.call(void 0, function Popover2(props) {
     const htmlProps = usePopover(props);
     return _6TI3NXX6cjs.createElement.call(void 0, TagName, htmlProps);

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

@@ -3,7 +3,7 @@
 var _KPH4LMZOcjs = require('./KPH4LMZO.cjs');
 
 
-var _KYD66ZXYcjs = require('./KYD66ZXY.cjs');
+var _PDQXLIRFcjs = require('./PDQXLIRF.cjs');
 
 
 
@@ -101,7 +101,7 @@ var useHovercardAnchor = _6TI3NXX6cjs.createHook.call(void 0,
       onMouseMove,
       onClick
     });
-    props = _KYD66ZXYcjs.useFocusable.call(void 0, props);
+    props = _PDQXLIRFcjs.useFocusable.call(void 0, props);
     return props;
   }
 );

package/cjs/__chunks/{LBJ5Z57O.cjs → 67YN7FNG.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _JLUMKCNRcjs = require('./JLUMKCNR.cjs');
+var _5NYO4PEPcjs = require('./5NYO4PEP.cjs');
 
 
 var _HLFPESUHcjs = require('./HLFPESUH.cjs');
@@ -9,16 +9,16 @@ var _HLFPESUHcjs = require('./HLFPESUH.cjs');
 var _KUPB4YJ5cjs = require('./KUPB4YJ5.cjs');
 
 
-var _MNH5LHM4cjs = require('./MNH5LHM4.cjs');
+var _ZVWIHFYJcjs = require('./ZVWIHFYJ.cjs');
 
 
+var _76LCMKUIcjs = require('./76LCMKUI.cjs');
 
 
 
-var _6TI3NXX6cjs = require('./6TI3NXX6.cjs');
 
 
-var _76LCMKUIcjs = require('./76LCMKUI.cjs');
+var _6TI3NXX6cjs = require('./6TI3NXX6.cjs');
 
 
 
@@ -67,7 +67,7 @@ var useMenuItem = _6TI3NXX6cjs.createHook.call(void 0,
       "focusOnHover",
       "blurOnHoverEnd"
     ]);
-    const menuContext = _JLUMKCNRcjs.useMenuScopedContext.call(void 0, true);
+    const menuContext = _5NYO4PEPcjs.useMenuScopedContext.call(void 0, true);
     const menubarContext = _HLFPESUHcjs.useMenubarScopedContext.call(void 0, );
     store = store || menuContext || menubarContext;
     _misc.invariant.call(void 0, 
@@ -99,7 +99,7 @@ var useMenuItem = _6TI3NXX6cjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _MNH5LHM4cjs.useCompositeItem.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
+    props = _ZVWIHFYJcjs.useCompositeItem.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
       store,
       preventScrollOnKeyDown
     }, props));

package/cjs/__chunks/{UDHK7OES.cjs → 6EQNSSQQ.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 _JLUMKCNRcjs = require('./JLUMKCNR.cjs');
+var _5NYO4PEPcjs = require('./5NYO4PEP.cjs');
 
 
 var _HLFPESUHcjs = require('./HLFPESUH.cjs');
 
 
-var _SQHULPZ2cjs = require('./SQHULPZ2.cjs');
+var _PV4FS33Bcjs = require('./PV4FS33B.cjs');
 
 
 var _RVRXLUKNcjs = require('./RVRXLUKN.cjs');
 
 
-var _PV4FS33Bcjs = require('./PV4FS33B.cjs');
+var _K3X5TQGKcjs = require('./K3X5TQGK.cjs');
 
 
 
@@ -44,9 +44,9 @@ function useMenuStoreProps(store, update, props) {
   );
 }
 function useMenuStore(props = {}) {
-  const parent = _JLUMKCNRcjs.useMenuContext.call(void 0, );
+  const parent = _5NYO4PEPcjs.useMenuContext.call(void 0, );
   const menubar = _HLFPESUHcjs.useMenubarContext.call(void 0, );
-  const combobox = _SQHULPZ2cjs.useComboboxProviderContext.call(void 0, );
+  const combobox = _K3X5TQGKcjs.useComboboxProviderContext.call(void 0, );
   props = _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, props), {
     parent: props.parent !== void 0 ? props.parent : parent,
     menubar: props.menubar !== void 0 ? props.menubar : menubar,

package/cjs/__chunks/{JGBR5ILF.cjs → 6MMPGHH3.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _MNH5LHM4cjs = require('./MNH5LHM4.cjs');
+var _VNWH75QIcjs = require('./VNWH75QI.cjs');
 
 
-var _VNWH75QIcjs = require('./VNWH75QI.cjs');
+var _ZVWIHFYJcjs = require('./ZVWIHFYJ.cjs');
 
 
 
@@ -22,7 +22,7 @@ var useToolbarItem = _6TI3NXX6cjs.createHook.call(void 0,
     var _b = _a, { store } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, ["store"]);
     const context = _VNWH75QIcjs.useToolbarContext.call(void 0, );
     store = store || context;
-    props = _MNH5LHM4cjs.useCompositeItem.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, { store }, props));
+    props = _ZVWIHFYJcjs.useCompositeItem.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/__chunks/{4KJXPBQL.cjs → 7XKXG56Q.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _6BDNEU4Ncjs = require('./6BDNEU4N.cjs');
+var _BXFYYO4Ccjs = require('./BXFYYO4C.cjs');
 
 
 var _KPH4LMZOcjs = require('./KPH4LMZO.cjs');
@@ -21,7 +21,7 @@ var useHovercardDismiss = _6TI3NXX6cjs.createHook.call(void 0,
     var _b = _a, { store } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, ["store"]);
     const context = _KPH4LMZOcjs.useHovercardScopedContext.call(void 0, );
     store = store || context;
-    props = _6BDNEU4Ncjs.usePopoverDismiss.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, { store }, props));
+    props = _BXFYYO4Ccjs.usePopoverDismiss.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/__chunks/{7CIOCRZD.cjs → AU5QYTLM.cjs}

@@ -3,22 +3,22 @@
 var _KUPB4YJ5cjs = require('./KUPB4YJ5.cjs');
 
 
+var _ZVWIHFYJcjs = require('./ZVWIHFYJ.cjs');
 
 
 
-var _SQHULPZ2cjs = require('./SQHULPZ2.cjs');
 
 
-var _MNH5LHM4cjs = require('./MNH5LHM4.cjs');
+var _K3X5TQGKcjs = require('./K3X5TQGK.cjs');
 
 
+var _76LCMKUIcjs = require('./76LCMKUI.cjs');
 
 
 
-var _6TI3NXX6cjs = require('./6TI3NXX6.cjs');
 
 
-var _76LCMKUIcjs = require('./76LCMKUI.cjs');
+var _6TI3NXX6cjs = require('./6TI3NXX6.cjs');
 
 
 
@@ -80,7 +80,7 @@ var useComboboxItem = _6TI3NXX6cjs.createHook.call(void 0,
       "getItem"
     ]);
     var _a2;
-    const context = _SQHULPZ2cjs.useComboboxScopedContext.call(void 0, );
+    const context = _K3X5TQGKcjs.useComboboxScopedContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -162,10 +162,10 @@ var useComboboxItem = _6TI3NXX6cjs.createHook.call(void 0,
     }
     props = _L5A2ID7Scjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SQHULPZ2cjs.ComboboxItemValueContext.Provider, { value, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SQHULPZ2cjs.ComboboxItemCheckedContext.Provider, { value: selected != null ? selected : false, children: element }) }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _K3X5TQGKcjs.ComboboxItemValueContext.Provider, { value, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _K3X5TQGKcjs.ComboboxItemCheckedContext.Provider, { value: selected != null ? selected : false, children: element }) }),
       [value, selected]
     );
-    const popupRole = _react.useContext.call(void 0, _SQHULPZ2cjs.ComboboxListRoleContext);
+    const popupRole = _react.useContext.call(void 0, _K3X5TQGKcjs.ComboboxListRoleContext);
     props = _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
       role: getItemRole(popupRole),
       children: value
@@ -174,7 +174,7 @@ var useComboboxItem = _6TI3NXX6cjs.createHook.call(void 0,
       onKeyDown
     });
     const moveOnKeyPressProp = _L5A2ID7Scjs.useBooleanEvent.call(void 0, moveOnKeyPress);
-    props = _MNH5LHM4cjs.useCompositeItem.call(void 0, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
+    props = _ZVWIHFYJcjs.useCompositeItem.call(void 0, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
       store
     }, props), {
       getItem,

package/cjs/__chunks/{CCN3I2PU.cjs → B63GYHML.cjs}

@@ -1,20 +1,20 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _RNDUOYINcjs = require('./RNDUOYIN.cjs');
+var _H5ZMZIC6cjs = require('./H5ZMZIC6.cjs');
 
 
 var _IRJEBRAWcjs = require('./IRJEBRAW.cjs');
 
 
-var _FME6FBOScjs = require('./FME6FBOS.cjs');
+var _RNDUOYINcjs = require('./RNDUOYIN.cjs');
 
 
+var _76LCMKUIcjs = require('./76LCMKUI.cjs');
 
 
-var _6TI3NXX6cjs = require('./6TI3NXX6.cjs');
 
 
-var _76LCMKUIcjs = require('./76LCMKUI.cjs');
+var _6TI3NXX6cjs = require('./6TI3NXX6.cjs');
 
 
 
@@ -156,7 +156,7 @@ var useCheckbox = _6TI3NXX6cjs.createHook.call(void 0,
       onChange,
       onClick
     });
-    props = _FME6FBOScjs.useCommand.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, { clickOnEnter: !nativeCheckbox }, props));
+    props = _H5ZMZIC6cjs.useCommand.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, { clickOnEnter: !nativeCheckbox }, props));
     return _misc.removeUndefinedValues.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
       name: nativeCheckbox ? name : void 0,
       value: nativeCheckbox ? valueProp : void 0,

package/cjs/__chunks/{MUURFTXX.cjs → BNH2W42C.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
+var _I3ICHD5Kcjs = require('./I3ICHD5K.cjs');
 
 
 
-var _SQHULPZ2cjs = require('./SQHULPZ2.cjs');
 
 
-var _53NM5U3Acjs = require('./53NM5U3A.cjs');
+var _K3X5TQGKcjs = require('./K3X5TQGK.cjs');
 
 
 
@@ -33,8 +33,8 @@ var TagName = "div";
 var useComboboxList = _6TI3NXX6cjs.createHook.call(void 0, 
   function useComboboxList2(_a) {
     var _b = _a, { store, alwaysVisible } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, ["store", "alwaysVisible"]);
-    const scopedContext = _SQHULPZ2cjs.useComboboxScopedContext.call(void 0, true);
-    const context = _SQHULPZ2cjs.useComboboxContext.call(void 0, );
+    const scopedContext = _K3X5TQGKcjs.useComboboxScopedContext.call(void 0, true);
+    const context = _K3X5TQGKcjs.useComboboxContext.call(void 0, );
     store = store || context;
     const scopedContextSameStore = !!store && store === scopedContext;
     _misc.invariant.call(void 0, 
@@ -44,7 +44,7 @@ var useComboboxList = _6TI3NXX6cjs.createHook.call(void 0,
     const ref = _react.useRef.call(void 0, null);
     const id = _L5A2ID7Scjs.useId.call(void 0, props.id);
     const mounted = store.useState("mounted");
-    const hidden = _53NM5U3Acjs.isHidden.call(void 0, mounted, props.hidden, alwaysVisible);
+    const hidden = _I3ICHD5Kcjs.isHidden.call(void 0, mounted, props.hidden, alwaysVisible);
     const style = hidden ? _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, props.style), { display: "none" }) : props.style;
     const multiSelectable = store.useState(
       (state) => Array.isArray(state.selectedValue)
@@ -79,7 +79,7 @@ var useComboboxList = _6TI3NXX6cjs.createHook.call(void 0,
     }
     props = _L5A2ID7Scjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SQHULPZ2cjs.ComboboxScopedContextProvider, { value: store, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SQHULPZ2cjs.ComboboxListRoleContext.Provider, { value: role, children: element }) }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _K3X5TQGKcjs.ComboboxScopedContextProvider, { value: store, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _K3X5TQGKcjs.ComboboxListRoleContext.Provider, { value: role, children: element }) }),
       [store, role]
     );
     const setContentElement = id && (!scopedContext || !scopedContextSameStore) ? store.setContentElement : null;

package/cjs/__chunks/{6BDNEU4N.cjs → BXFYYO4C.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _EPZ3LJJNcjs = require('./EPZ3LJJN.cjs');
+var _UNTJTT2Qcjs = require('./UNTJTT2Q.cjs');
 
 
 var _ZVS6SBRRcjs = require('./ZVS6SBRR.cjs');
@@ -21,7 +21,7 @@ var usePopoverDismiss = _6TI3NXX6cjs.createHook.call(void 0,
     var _b = _a, { store } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, ["store"]);
     const context = _ZVS6SBRRcjs.usePopoverScopedContext.call(void 0, );
     store = store || context;
-    props = _EPZ3LJJNcjs.useDialogDismiss.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, { store }, props));
+    props = _UNTJTT2Qcjs.useDialogDismiss.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/__chunks/{LATVQMUK.cjs → DXUKYGZP.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _AU2M2UPYcjs = require('./AU2M2UPY.cjs');
+var _44ZWQTBBcjs = require('./44ZWQTBB.cjs');
 
 
-var _QZEXWZZZcjs = require('./QZEXWZZZ.cjs');
+var _AU2M2UPYcjs = require('./AU2M2UPY.cjs');
 
 
 
@@ -19,7 +19,7 @@ var TagName = "span";
 var useSelectArrow = _6TI3NXX6cjs.createHook.call(void 0, 
   function useSelectArrow2(_a) {
     var _b = _a, { store } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _QZEXWZZZcjs.useSelectContext.call(void 0, );
+    const context = _44ZWQTBBcjs.useSelectContext.call(void 0, );
     store = store || context;
     props = _AU2M2UPYcjs.usePopoverDisclosureArrow.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, { store }, props));
     return props;

package/cjs/__chunks/{PWR4OSNC.cjs → FEGBIZSM.cjs}

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _4WTKUZTYcjs = require('./4WTKUZTY.cjs');
+var _XYLFPE4Scjs = require('./XYLFPE4S.cjs');
 
 
 var _CWQU4R75cjs = require('./CWQU4R75.cjs');
 
 
+var _76LCMKUIcjs = require('./76LCMKUI.cjs');
 
-var _6TI3NXX6cjs = require('./6TI3NXX6.cjs');
 
 
-var _76LCMKUIcjs = require('./76LCMKUI.cjs');
+var _6TI3NXX6cjs = require('./6TI3NXX6.cjs');
 
 
 var _L5A2ID7Scjs = require('./L5A2ID7S.cjs');
@@ -65,7 +65,7 @@ function findLast(items) {
 function findById(items, id, baseId) {
   return items.findIndex((item, index) => {
     var _a;
-    const itemId = _4WTKUZTYcjs.getCollectionRendererItemId.call(void 0, item, index, baseId);
+    const itemId = _XYLFPE4Scjs.getCollectionRendererItemId.call(void 0, item, index, baseId);
     if (itemId === id) return true;
     const object = getItemObject(item);
     if ((_a = object.items) == null ? void 0 : _a.length) return findById(object.items, id, itemId) !== -1;
@@ -141,7 +141,7 @@ function useCompositeRenderer(_a) {
     }
     return indices;
   }, [firstIndex, activeIndex, lastIndex, persistentIndicesProp]);
-  return _4WTKUZTYcjs.useCollectionRenderer.call(void 0, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
+  return _XYLFPE4Scjs.useCollectionRenderer.call(void 0, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
     id,
     store,
     orientation,

package/cjs/__chunks/{W2B6FYHL.cjs → FZJCJS35.cjs}

@@ -7,7 +7,7 @@ var _HLFPESUHcjs = require('./HLFPESUH.cjs');
 var _UHDKHSPLcjs = require('./UHDKHSPL.cjs');
 
 
-var _JDIXK252cjs = require('./JDIXK252.cjs');
+var _W6NEGVNAcjs = require('./W6NEGVNA.cjs');
 
 
 
@@ -64,7 +64,7 @@ var useMenubar = _6TI3NXX6cjs.createHook.call(void 0,
         "aria-orientation": orientation
       }, props);
     }
-    props = _JDIXK252cjs.useComposite.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, { store, composite }, props));
+    props = _W6NEGVNAcjs.useComposite.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, { store, composite }, props));
     return props;
   }
 );

package/cjs/__chunks/{U7XCKA63.cjs → GHWOWBSZ.cjs}

@@ -1,12 +1,12 @@
 "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 _SQHULPZ2cjs = require('./SQHULPZ2.cjs');
+var _44ZWQTBBcjs = require('./44ZWQTBB.cjs');
 
 
-var _QZEXWZZZcjs = require('./QZEXWZZZ.cjs');
+var _RVRXLUKNcjs = require('./RVRXLUKN.cjs');
 
 
-var _RVRXLUKNcjs = require('./RVRXLUKN.cjs');
+var _K3X5TQGKcjs = require('./K3X5TQGK.cjs');
 
 
 
@@ -35,8 +35,8 @@ function useTabStoreProps(store, update, props) {
   );
 }
 function useTabStore(props = {}) {
-  const combobox = _SQHULPZ2cjs.useComboboxContext.call(void 0, );
-  const composite = _QZEXWZZZcjs.useSelectContext.call(void 0, ) || combobox;
+  const combobox = _K3X5TQGKcjs.useComboboxContext.call(void 0, );
+  const composite = _44ZWQTBBcjs.useSelectContext.call(void 0, ) || combobox;
   props = _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, props), {
     composite: props.composite !== void 0 ? props.composite : composite,
     combobox: props.combobox !== void 0 ? props.combobox : combobox

package/cjs/__chunks/{FME6FBOS.cjs → H5ZMZIC6.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _KYD66ZXYcjs = require('./KYD66ZXY.cjs');
+var _PDQXLIRFcjs = require('./PDQXLIRF.cjs');
 
 
 
@@ -120,7 +120,7 @@ var useCommand = _6TI3NXX6cjs.createHook.call(void 0,
       onKeyDown,
       onKeyUp
     });
-    props = _KYD66ZXYcjs.useFocusable.call(void 0, props);
+    props = _PDQXLIRFcjs.useFocusable.call(void 0, props);
     return props;
   }
 );

package/cjs/__chunks/{SOPB75ES.cjs → HSSJQ74C.cjs}

@@ -1,17 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _4K6QJIPXcjs = require('./4K6QJIPX.cjs');
+var _PLY2V46Gcjs = require('./PLY2V46G.cjs');
 
 
 var _ZVS6SBRRcjs = require('./ZVS6SBRR.cjs');
 
 
+var _76LCMKUIcjs = require('./76LCMKUI.cjs');
+
+
+
 
 
 var _6TI3NXX6cjs = require('./6TI3NXX6.cjs');
 
 
 
+
 var _L5A2ID7Scjs = require('./L5A2ID7S.cjs');
 
 
@@ -35,7 +40,7 @@ var rotateMap = {
 };
 function useComputedStyle(store) {
   const [style, setStyle] = _react.useState.call(void 0, );
-  const contentElement = store.useState("contentElement");
+  const contentElement = _76LCMKUIcjs.useStoreState.call(void 0, store, "contentElement");
   _L5A2ID7Scjs.useSafeLayoutEffect.call(void 0, () => {
     if (!contentElement) return;
     const win = _dom.getWindow.call(void 0, contentElement);
@@ -44,30 +49,66 @@ function useComputedStyle(store) {
   }, [contentElement]);
   return style;
 }
+function getRingWidth(style) {
+  var _a;
+  if (!style) return;
+  const boxShadow = style.getPropertyValue("box-shadow");
+  const ringWidth = (_a = boxShadow.match(/0px 0px 0px ([^0]+px)/)) == null ? void 0 : _a[1];
+  return ringWidth;
+}
 var usePopoverArrow = _6TI3NXX6cjs.createHook.call(void 0, 
   function usePopoverArrow2(_a) {
-    var _b = _a, { store, size = defaultSize } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, ["store", "size"]);
+    var _b = _a, {
+      store,
+      size = defaultSize,
+      borderWidth: borderWidthProp
+    } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, [
+      "store",
+      "size",
+      "borderWidth"
+    ]);
     const context = _ZVS6SBRRcjs.usePopoverContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "PopoverArrow must be wrapped in a Popover component."
     );
-    const dir = store.useState(
+    const dir = _76LCMKUIcjs.useStoreState.call(void 0, 
+      store,
       (state) => state.currentPlacement.split("-")[0]
     );
+    const maskId = _L5A2ID7Scjs.useId.call(void 0, );
     const style = useComputedStyle(store);
     const fill = (style == null ? void 0 : style.getPropertyValue("background-color")) || "none";
     const stroke = (style == null ? void 0 : style.getPropertyValue(`border-${dir}-color`)) || "none";
-    const borderWidth = (style == null ? void 0 : style.getPropertyValue(`border-${dir}-width`)) || "0px";
-    const strokeWidth = Number.parseInt(borderWidth) * 2 * (defaultSize / size);
+    const borderWidth = _react.useMemo.call(void 0, () => {
+      if (borderWidthProp != null) return borderWidthProp;
+      if (!style) return 0;
+      const ringWidth = getRingWidth(style);
+      if (ringWidth) return Number.parseInt(ringWidth);
+      const borderWidth2 = style.getPropertyValue(`border-${dir}-width`);
+      if (borderWidth2) return Number.parseInt(borderWidth2);
+      return 0;
+    }, [borderWidthProp, style, dir]);
+    const strokeWidth = borderWidth * 2 * (defaultSize / size);
     const transform = rotateMap[dir];
     const children = _react.useMemo.call(void 0, 
       () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { display: "block", viewBox: "0 0 30 30", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { transform, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fill: "none", d: _4K6QJIPXcjs.POPOVER_ARROW_PATH }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { stroke: "none", d: _4K6QJIPXcjs.POPOVER_ARROW_PATH })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fill: "none", d: _PLY2V46Gcjs.POPOVER_ARROW_PATH, mask: `url(#${maskId})` }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { stroke: "none", d: _PLY2V46Gcjs.POPOVER_ARROW_PATH }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "mask", { id: maskId, maskUnits: "userSpaceOnUse", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "rect",
+          {
+            x: "-15",
+            y: "0",
+            width: "60",
+            height: "30",
+            fill: "white",
+            stroke: "black"
+          }
+        ) })
       ] }) }),
-      [transform]
+      [transform, maskId]
     );
     props = _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
       children,
@@ -75,24 +116,25 @@ var usePopoverArrow = _6TI3NXX6cjs.createHook.call(void 0,
     }, props), {
       ref: _L5A2ID7Scjs.useMergeRefs.call(void 0, store.setArrowElement, props.ref),
       style: _7EQBAZ46cjs.__spreadValues.call(void 0, {
-        // server side rendering
         position: "absolute",
         fontSize: size,
         width: "1em",
         height: "1em",
         pointerEvents: "none",
-        fill,
-        stroke,
+        fill: `var(--ak-layer, ${fill})`,
+        stroke: `var(--ak-layer-border, ${stroke})`,
         strokeWidth
       }, props.style)
     });
     return _misc.removeUndefinedValues.call(void 0, props);
   }
 );
-var PopoverArrow = _6TI3NXX6cjs.forwardRef.call(void 0, function PopoverArrow2(props) {
-  const htmlProps = usePopoverArrow(props);
-  return _6TI3NXX6cjs.createElement.call(void 0, TagName, htmlProps);
-});
+var PopoverArrow = _6TI3NXX6cjs.memo.call(void 0, 
+  _6TI3NXX6cjs.forwardRef.call(void 0, function PopoverArrow2(props) {
+    const htmlProps = usePopoverArrow(props);
+    return _6TI3NXX6cjs.createElement.call(void 0, TagName, htmlProps);
+  })
+);