@ariakit/react-core 0.4.23 → 0.4.25

package/cjs/__chunks/{HJXE25KH.cjs → LITSDAU3.cjs}

@@ -1,20 +1,20 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _S62V5F35cjs = require('./S62V5F35.cjs');
+var _KF66C5NZcjs = require('./KF66C5NZ.cjs');
 
 
-var _WI7QXQL7cjs = require('./WI7QXQL7.cjs');
+var _UCZW3OGHcjs = require('./UCZW3OGH.cjs');
 
 
-var _YY2UXBEBcjs = require('./YY2UXBEB.cjs');
+var _FH6HQ5JNcjs = require('./FH6HQ5JN.cjs');
 
 
 
-var _743QABRAcjs = require('./743QABRA.cjs');
+var _PTOCUU2Dcjs = require('./PTOCUU2D.cjs');
 
 
-var _KGFTRA3Ccjs = require('./KGFTRA3C.cjs');
+var _3BSDKDKDcjs = require('./3BSDKDKD.cjs');
 
 // src/composite/composite-renderer.tsx
 var _react = require('react');
@@ -60,7 +60,7 @@ function findLast(items) {
 function findById(items, id, baseId) {
   return items.findIndex((item, index) => {
     var _a;
-    const itemId = _S62V5F35cjs.getCollectionRendererItemId.call(void 0, item, index, baseId);
+    const itemId = _KF66C5NZcjs.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;
@@ -78,19 +78,19 @@ function useCompositeRenderer({
   "aria-posinset": ariaPosInSet = 1,
   ...props
 }) {
-  const context = _WI7QXQL7cjs.useCompositeContext.call(void 0, );
+  const context = _UCZW3OGHcjs.useCompositeContext.call(void 0, );
   store = store || context;
-  const orientation = _YY2UXBEBcjs.useStoreState.call(void 0, 
+  const orientation = _FH6HQ5JNcjs.useStoreState.call(void 0, 
     store,
     (state) => (orientationProp != null ? orientationProp : (state == null ? void 0 : state.orientation) === "both") ? "vertical" : state == null ? void 0 : state.orientation
   );
-  const items = _YY2UXBEBcjs.useStoreState.call(void 0, store, (state) => {
+  const items = _FH6HQ5JNcjs.useStoreState.call(void 0, store, (state) => {
     var _a;
     if (!state) return props.items;
     if ("mounted" in state && !state.mounted) return 0;
     return (_a = props.items) != null ? _a : state.items;
   });
-  const id = _KGFTRA3Ccjs.useId.call(void 0, props.id);
+  const id = _3BSDKDKDcjs.useId.call(void 0, props.id);
   const itemsCount = _react.useMemo.call(void 0, () => countItems(items), [items]);
   const setSize = _react.useMemo.call(void 0, 
     () => {
@@ -111,7 +111,7 @@ function useCompositeRenderer({
     if (!items.length) return -1;
     return findLast(items);
   }, [items]);
-  const activeId = _YY2UXBEBcjs.useStoreState.call(void 0, store, "activeId");
+  const activeId = _FH6HQ5JNcjs.useStoreState.call(void 0, store, "activeId");
   const activeIndex = _react.useMemo.call(void 0, () => {
     if (!id) return -1;
     if (!items) return -1;
@@ -129,7 +129,7 @@ function useCompositeRenderer({
     }
     return indices;
   }, [firstIndex, activeIndex, lastIndex, persistentIndicesProp]);
-  return _S62V5F35cjs.useCollectionRenderer.call(void 0, {
+  return _KF66C5NZcjs.useCollectionRenderer.call(void 0, {
     id,
     store,
     orientation,
@@ -137,18 +137,17 @@ function useCompositeRenderer({
     ...props,
     children: (item) => {
       var _a;
-      const nextItem = {
-        ...item,
+      const nextItem = Object.assign({}, item, {
         "aria-setsize": setSize,
         "aria-posinset": ariaPosInSet + ((_a = itemsCount[item.index - 1]) != null ? _a : 0)
-      };
+      });
       return renderItem == null ? void 0 : renderItem(nextItem);
     }
   });
 }
-var CompositeRenderer = _743QABRAcjs.forwardRef.call(void 0, function CompositeRenderer2(props) {
+var CompositeRenderer = _PTOCUU2Dcjs.forwardRef.call(void 0, function CompositeRenderer2(props) {
   const htmlProps = useCompositeRenderer(props);
-  return _743QABRAcjs.createElement.call(void 0, TagName, htmlProps);
+  return _PTOCUU2Dcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{TIQJZGMO.cjs → MKJKL65R.cjs}

@@ -1,36 +1,36 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _5BVSKVUNcjs = require('./5BVSKVUN.cjs');
+var _PFM4PJSGcjs = require('./PFM4PJSG.cjs');
 
 
 
 
-var _743QABRAcjs = require('./743QABRA.cjs');
+var _PTOCUU2Dcjs = require('./PTOCUU2D.cjs');
 
 
 
-var _KGFTRA3Ccjs = require('./KGFTRA3C.cjs');
+var _3BSDKDKDcjs = require('./3BSDKDKD.cjs');
 
 // src/dialog/dialog-description.tsx
 var _misc = require('@ariakit/core/utils/misc');
 var _react = require('react');
 var TagName = "p";
-var useDialogDescription = _743QABRAcjs.createHook.call(void 0, function useDialogDescription2({ store, ...props }) {
-  const setDescriptionId = _react.useContext.call(void 0, _5BVSKVUNcjs.DialogDescriptionContext);
-  const id = _KGFTRA3Ccjs.useId.call(void 0, props.id);
-  _KGFTRA3Ccjs.useSafeLayoutEffect.call(void 0, () => {
+var useDialogDescription = _PTOCUU2Dcjs.createHook.call(void 0, function useDialogDescription2({ store, ...props }) {
+  const setDescriptionId = _react.useContext.call(void 0, _PFM4PJSGcjs.DialogDescriptionContext);
+  const id = _3BSDKDKDcjs.useId.call(void 0, props.id);
+  _3BSDKDKDcjs.useSafeLayoutEffect.call(void 0, () => {
     setDescriptionId == null ? void 0 : setDescriptionId(id);
     return () => setDescriptionId == null ? void 0 : setDescriptionId(void 0);
   }, [setDescriptionId, id]);
   props = {
-    id,
-    ...props
+    ...props,
+    id
   };
   return _misc.removeUndefinedValues.call(void 0, props);
 });
-var DialogDescription = _743QABRAcjs.forwardRef.call(void 0, function DialogDescription2(props) {
+var DialogDescription = _PTOCUU2Dcjs.forwardRef.call(void 0, function DialogDescription2(props) {
   const htmlProps = useDialogDescription(props);
-  return _743QABRAcjs.createElement.call(void 0, TagName, htmlProps);
+  return _PTOCUU2Dcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{CZKPX6W7.cjs → MLKK6UGO.cjs}

@@ -1,35 +1,35 @@
 "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 _SDXRA2A6cjs = require('./SDXRA2A6.cjs');
+var _MMSR5JSJcjs = require('./MMSR5JSJ.cjs');
 
 
 
-var _YY2UXBEBcjs = require('./YY2UXBEB.cjs');
+var _FH6HQ5JNcjs = require('./FH6HQ5JN.cjs');
 
 
-var _KGFTRA3Ccjs = require('./KGFTRA3C.cjs');
+var _3BSDKDKDcjs = require('./3BSDKDKD.cjs');
 
 // src/composite/composite-store.ts
 var _compositestore = require('@ariakit/core/composite/composite-store'); var Core = _interopRequireWildcard(_compositestore);
 function useCompositeStoreOptions(props) {
-  const id = _KGFTRA3Ccjs.useId.call(void 0, props.id);
+  const id = _3BSDKDKDcjs.useId.call(void 0, props.id);
   return { id, ...props };
 }
 function useCompositeStoreProps(store, update, props) {
-  store = _SDXRA2A6cjs.useCollectionStoreProps.call(void 0, store, update, props);
-  _YY2UXBEBcjs.useStoreProps.call(void 0, store, props, "activeId", "setActiveId");
-  _YY2UXBEBcjs.useStoreProps.call(void 0, store, props, "includesBaseElement");
-  _YY2UXBEBcjs.useStoreProps.call(void 0, store, props, "virtualFocus");
-  _YY2UXBEBcjs.useStoreProps.call(void 0, store, props, "orientation");
-  _YY2UXBEBcjs.useStoreProps.call(void 0, store, props, "rtl");
-  _YY2UXBEBcjs.useStoreProps.call(void 0, store, props, "focusLoop");
-  _YY2UXBEBcjs.useStoreProps.call(void 0, store, props, "focusWrap");
-  _YY2UXBEBcjs.useStoreProps.call(void 0, store, props, "focusShift");
+  store = _MMSR5JSJcjs.useCollectionStoreProps.call(void 0, store, update, props);
+  _FH6HQ5JNcjs.useStoreProps.call(void 0, store, props, "activeId", "setActiveId");
+  _FH6HQ5JNcjs.useStoreProps.call(void 0, store, props, "includesBaseElement");
+  _FH6HQ5JNcjs.useStoreProps.call(void 0, store, props, "virtualFocus");
+  _FH6HQ5JNcjs.useStoreProps.call(void 0, store, props, "orientation");
+  _FH6HQ5JNcjs.useStoreProps.call(void 0, store, props, "rtl");
+  _FH6HQ5JNcjs.useStoreProps.call(void 0, store, props, "focusLoop");
+  _FH6HQ5JNcjs.useStoreProps.call(void 0, store, props, "focusWrap");
+  _FH6HQ5JNcjs.useStoreProps.call(void 0, store, props, "focusShift");
   return store;
 }
 function useCompositeStore(props = {}) {
   props = useCompositeStoreOptions(props);
-  const [store, update] = _YY2UXBEBcjs.useStore.call(void 0, Core.createCompositeStore, props);
+  const [store, update] = _FH6HQ5JNcjs.useStore.call(void 0, Core.createCompositeStore, props);
   return useCompositeStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{SDXRA2A6.cjs → MMSR5JSJ.cjs}

@@ -1,20 +1,20 @@
 "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 _YY2UXBEBcjs = require('./YY2UXBEB.cjs');
+var _FH6HQ5JNcjs = require('./FH6HQ5JN.cjs');
 
 
-var _KGFTRA3Ccjs = require('./KGFTRA3C.cjs');
+var _3BSDKDKDcjs = require('./3BSDKDKD.cjs');
 
 // src/collection/collection-store.ts
 var _collectionstore = require('@ariakit/core/collection/collection-store'); var Core = _interopRequireWildcard(_collectionstore);
 function useCollectionStoreProps(store, update, props) {
-  _KGFTRA3Ccjs.useUpdateEffect.call(void 0, update, [props.store]);
-  _YY2UXBEBcjs.useStoreProps.call(void 0, store, props, "items", "setItems");
+  _3BSDKDKDcjs.useUpdateEffect.call(void 0, update, [props.store]);
+  _FH6HQ5JNcjs.useStoreProps.call(void 0, store, props, "items", "setItems");
   return store;
 }
 function useCollectionStore(props = {}) {
-  const [store, update] = _YY2UXBEBcjs.useStore.call(void 0, Core.createCollectionStore, props);
+  const [store, update] = _FH6HQ5JNcjs.useStore.call(void 0, Core.createCollectionStore, props);
   return useCollectionStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{DIWKSV34.cjs → MPIQVHCB.cjs}

@@ -1,24 +1,24 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _CFNQ2EAVcjs = require('./CFNQ2EAV.cjs');
+var _ITCIC2TCcjs = require('./ITCIC2TC.cjs');
 
 
 
 
-var _743QABRAcjs = require('./743QABRA.cjs');
+var _PTOCUU2Dcjs = require('./PTOCUU2D.cjs');
 
 
 
-var _KGFTRA3Ccjs = require('./KGFTRA3C.cjs');
+var _3BSDKDKDcjs = require('./3BSDKDKD.cjs');
 
 // src/button/button.tsx
 var _dom = require('@ariakit/core/utils/dom');
 var _react = require('react');
 var TagName = "button";
-var useButton = _743QABRAcjs.createHook.call(void 0, 
+var useButton = _PTOCUU2Dcjs.createHook.call(void 0, 
   function useButton2(props) {
     const ref = _react.useRef.call(void 0, null);
-    const tagName = _KGFTRA3Ccjs.useTagName.call(void 0, ref, TagName);
+    const tagName = _3BSDKDKDcjs.useTagName.call(void 0, ref, TagName);
     const [isNativeButton, setIsNativeButton] = _react.useState.call(void 0, 
       () => !!tagName && _dom.isButton.call(void 0, { tagName, type: props.type })
     );
@@ -29,15 +29,15 @@ var useButton = _743QABRAcjs.createHook.call(void 0,
     props = {
       role: !isNativeButton && tagName !== "a" ? "button" : void 0,
       ...props,
-      ref: _KGFTRA3Ccjs.useMergeRefs.call(void 0, ref, props.ref)
+      ref: _3BSDKDKDcjs.useMergeRefs.call(void 0, ref, props.ref)
     };
-    props = _CFNQ2EAVcjs.useCommand.call(void 0, props);
+    props = _ITCIC2TCcjs.useCommand.call(void 0, props);
     return props;
   }
 );
-var Button = _743QABRAcjs.forwardRef.call(void 0, function Button2(props) {
+var Button = _PTOCUU2Dcjs.forwardRef.call(void 0, function Button2(props) {
   const htmlProps = useButton(props);
-  return _743QABRAcjs.createElement.call(void 0, TagName, htmlProps);
+  return _PTOCUU2Dcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{KDJ6FXQQ.cjs → MSN6U3HD.cjs}

@@ -1,20 +1,20 @@
 "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 _YY2UXBEBcjs = require('./YY2UXBEB.cjs');
+var _FH6HQ5JNcjs = require('./FH6HQ5JN.cjs');
 
 
-var _KGFTRA3Ccjs = require('./KGFTRA3C.cjs');
+var _3BSDKDKDcjs = require('./3BSDKDKD.cjs');
 
 // src/checkbox/checkbox-store.ts
 var _checkboxstore = require('@ariakit/core/checkbox/checkbox-store'); var Core = _interopRequireWildcard(_checkboxstore);
 function useCheckboxStoreProps(store, update, props) {
-  _KGFTRA3Ccjs.useUpdateEffect.call(void 0, update, [props.store]);
-  _YY2UXBEBcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
+  _3BSDKDKDcjs.useUpdateEffect.call(void 0, update, [props.store]);
+  _FH6HQ5JNcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
   return store;
 }
 function useCheckboxStore(props = {}) {
-  const [store, update] = _YY2UXBEBcjs.useStore.call(void 0, Core.createCheckboxStore, props);
+  const [store, update] = _FH6HQ5JNcjs.useStore.call(void 0, Core.createCheckboxStore, props);
   return useCheckboxStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{4JH5Q6AQ.cjs → MWXEIKZX.cjs}

@@ -5,27 +5,21 @@ var _T3QB4FR3cjs = require('./T3QB4FR3.cjs');
 
 
 
-var _743QABRAcjs = require('./743QABRA.cjs');
+var _PTOCUU2Dcjs = require('./PTOCUU2D.cjs');
 
 
 
 
-var _KGFTRA3Ccjs = require('./KGFTRA3C.cjs');
 
-// src/focusable/focusable.tsx
-var _dom = require('@ariakit/core/utils/dom');
+var _3BSDKDKDcjs = require('./3BSDKDKD.cjs');
 
+// src/focusable/focusable.tsx
 
 
 
 
 
 var _events = require('@ariakit/core/utils/events');
-
-
-
-
-
 var _focus = require('@ariakit/core/utils/focus');
 
 
@@ -34,6 +28,7 @@ var _misc = require('@ariakit/core/utils/misc');
 var _platform = require('@ariakit/core/utils/platform');
 var _react = require('react');
 var TagName = "div";
+var accessibleWhenDisabledSymbol = /* @__PURE__ */ Symbol("accessibleWhenDisabled");
 var isSafariBrowser = _platform.isSafari.call(void 0, );
 var alwaysFocusVisibleInputTypes = [
   "text",
@@ -50,15 +45,6 @@ var alwaysFocusVisibleInputTypes = [
   "datetime",
   "datetime-local"
 ];
-var safariFocusAncestorSymbol = Symbol("safariFocusAncestor");
-function isSafariFocusAncestor(element) {
-  if (!element) return false;
-  return !!element[safariFocusAncestorSymbol];
-}
-function markSafariFocusAncestor(element, value) {
-  if (!element) return;
-  element[safariFocusAncestorSymbol] = value;
-}
 function isAlwaysFocusVisible(element) {
   const { tagName, readOnly, type } = element;
   if (tagName === "TEXTAREA" && !readOnly) return true;
@@ -73,19 +59,6 @@ function isAlwaysFocusVisible(element) {
   }
   return false;
 }
-function getLabels(element) {
-  if ("labels" in element) {
-    return element.labels;
-  }
-  return null;
-}
-function isNativeCheckboxOrRadio(element) {
-  const tagName = element.tagName.toLowerCase();
-  if (tagName === "input" && element.type) {
-    return element.type === "radio" || element.type === "checkbox";
-  }
-  return false;
-}
 function isNativeTabbable(tagName) {
   if (!tagName) return true;
   return tagName === "button" || tagName === "summary" || tagName === "input" || tagName === "select" || tagName === "textarea" || tagName === "a";
@@ -94,10 +67,31 @@ function supportsDisabledAttribute(tagName) {
   if (!tagName) return true;
   return tagName === "button" || tagName === "input" || tagName === "select" || tagName === "textarea";
 }
-function getTabIndex(focusable, trulyDisabled, nativeTabbable, supportsDisabled, tabIndexProp) {
-  if (!focusable) {
-    return tabIndexProp;
+var buttonInputTypes = [
+  "button",
+  "color",
+  "file",
+  "image",
+  "reset",
+  "submit"
+];
+function needsSafariTabIndex(tagName, inputType) {
+  if (tagName === "button") return true;
+  if (tagName === "input" && inputType) {
+    if (inputType === "checkbox" || inputType === "radio") return true;
+    return buttonInputTypes.includes(inputType);
   }
+  return false;
+}
+function getTabIndex({
+  focusable,
+  trulyDisabled,
+  nativeTabbable,
+  supportsDisabled,
+  safariTabIndex,
+  tabIndexProp
+}) {
+  if (!focusable) return tabIndexProp;
   if (trulyDisabled) {
     if (nativeTabbable && !supportsDisabled) {
       return -1;
@@ -105,12 +99,15 @@ function getTabIndex(focusable, trulyDisabled, nativeTabbable, supportsDisabled,
     return;
   }
   if (nativeTabbable) {
+    if (safariTabIndex && tabIndexProp == null) {
+      return 0;
+    }
     return tabIndexProp;
   }
-  return tabIndexProp || 0;
+  return tabIndexProp != null ? tabIndexProp : 0;
 }
 function useDisableEvent(onEvent, disabled) {
-  return _KGFTRA3Ccjs.useEvent.call(void 0, (event) => {
+  return _3BSDKDKDcjs.useEvent.call(void 0, (event) => {
     onEvent == null ? void 0 : onEvent(event);
     if (event.defaultPrevented) return;
     if (disabled) {
@@ -135,7 +132,7 @@ function onGlobalKeyDown(event) {
   if (event.altKey) return;
   isKeyboardModality = true;
 }
-var useFocusable = _743QABRAcjs.createHook.call(void 0, 
+var useFocusable = _PTOCUU2Dcjs.createHook.call(void 0, 
   function useFocusable2({
     focusable = true,
     accessibleWhenDisabled,
@@ -144,6 +141,12 @@ var useFocusable = _743QABRAcjs.createHook.call(void 0,
     ...props
   }) {
     const ref = _react.useRef.call(void 0, null);
+    const [parentAccessibleWhenDisabled, metadataProps] = _3BSDKDKDcjs.useMetadataProps.call(void 0, 
+      props,
+      accessibleWhenDisabledSymbol,
+      accessibleWhenDisabled
+    );
+    accessibleWhenDisabled != null ? accessibleWhenDisabled : accessibleWhenDisabled = parentAccessibleWhenDisabled;
     _react.useEffect.call(void 0, () => {
       if (!focusable) return;
       if (hasInstalledGlobalEventListeners) return;
@@ -151,25 +154,6 @@ var useFocusable = _743QABRAcjs.createHook.call(void 0,
       _events.addGlobalEventListener.call(void 0, "keydown", onGlobalKeyDown, true);
       hasInstalledGlobalEventListeners = true;
     }, [focusable]);
-    if (isSafariBrowser) {
-      _react.useEffect.call(void 0, () => {
-        if (!focusable) return;
-        const element = ref.current;
-        if (!element) return;
-        if (!isNativeCheckboxOrRadio(element)) return;
-        const labels = getLabels(element);
-        if (!labels) return;
-        const onMouseUp = () => queueMicrotask(() => element.focus());
-        for (const label of labels) {
-          label.addEventListener("mouseup", onMouseUp);
-        }
-        return () => {
-          for (const label of labels) {
-            label.removeEventListener("mouseup", onMouseUp);
-          }
-        };
-      }, [focusable]);
-    }
     const disabled = focusable && _misc.disabledFromProps.call(void 0, props);
     const trulyDisabled = !!disabled && !accessibleWhenDisabled;
     const [focusVisible, setFocusVisible] = _react.useState.call(void 0, false);
@@ -202,30 +186,6 @@ var useFocusable = _743QABRAcjs.createHook.call(void 0,
       disabled
     );
     const onClickCapture = useDisableEvent(props.onClickCapture, disabled);
-    const onMouseDownProp = props.onMouseDown;
-    const onMouseDown = _KGFTRA3Ccjs.useEvent.call(void 0, (event) => {
-      onMouseDownProp == null ? void 0 : onMouseDownProp(event);
-      if (event.defaultPrevented) return;
-      if (!focusable) return;
-      const element = event.currentTarget;
-      if (!isSafariBrowser) return;
-      if (_events.isPortalEvent.call(void 0, event)) return;
-      if (!_dom.isButton.call(void 0, element) && !isNativeCheckboxOrRadio(element)) return;
-      let receivedFocus = false;
-      const onFocus = () => {
-        receivedFocus = true;
-      };
-      const options = { capture: true, once: true };
-      element.addEventListener("focusin", onFocus, options);
-      const focusableContainer = _focus.getClosestFocusable.call(void 0, element.parentElement);
-      markSafariFocusAncestor(focusableContainer, true);
-      _events.queueBeforeEvent.call(void 0, element, "mouseup", () => {
-        element.removeEventListener("focusin", onFocus, true);
-        markSafariFocusAncestor(focusableContainer, false);
-        if (receivedFocus) return;
-        _focus.focusIfNeeded.call(void 0, element);
-      });
-    });
     const handleFocusVisible = (event, currentTarget) => {
       if (currentTarget) {
         event.currentTarget = currentTarget;
@@ -240,7 +200,7 @@ var useFocusable = _743QABRAcjs.createHook.call(void 0,
       setFocusVisible(true);
     };
     const onKeyDownCaptureProp = props.onKeyDownCapture;
-    const onKeyDownCapture = _KGFTRA3Ccjs.useEvent.call(void 0, (event) => {
+    const onKeyDownCapture = _3BSDKDKDcjs.useEvent.call(void 0, (event) => {
       onKeyDownCaptureProp == null ? void 0 : onKeyDownCaptureProp(event);
       if (event.defaultPrevented) return;
       if (!focusable) return;
@@ -254,7 +214,7 @@ var useFocusable = _743QABRAcjs.createHook.call(void 0,
       _events.queueBeforeEvent.call(void 0, element, "focusout", applyFocusVisible);
     });
     const onFocusCaptureProp = props.onFocusCapture;
-    const onFocusCapture = _KGFTRA3Ccjs.useEvent.call(void 0, (event) => {
+    const onFocusCapture = _3BSDKDKDcjs.useEvent.call(void 0, (event) => {
       onFocusCaptureProp == null ? void 0 : onFocusCaptureProp(event);
       if (event.defaultPrevented) return;
       if (!focusable) return;
@@ -271,7 +231,7 @@ var useFocusable = _743QABRAcjs.createHook.call(void 0,
       }
     });
     const onBlurProp = props.onBlur;
-    const onBlur = _KGFTRA3Ccjs.useEvent.call(void 0, (event) => {
+    const onBlur = _3BSDKDKDcjs.useEvent.call(void 0, (event) => {
       onBlurProp == null ? void 0 : onBlurProp(event);
       if (!focusable) return;
       if (!_events.isFocusEventOutside.call(void 0, event)) return;
@@ -279,7 +239,7 @@ var useFocusable = _743QABRAcjs.createHook.call(void 0,
       setFocusVisible(false);
     });
     const autoFocusOnShow = _react.useContext.call(void 0, _T3QB4FR3cjs.FocusableContext);
-    const autoFocusRef = _KGFTRA3Ccjs.useEvent.call(void 0, (element) => {
+    const autoFocusRef = _3BSDKDKDcjs.useEvent.call(void 0, (element) => {
       if (!focusable) return;
       if (!autoFocus) return;
       if (!element) return;
@@ -290,9 +250,20 @@ var useFocusable = _743QABRAcjs.createHook.call(void 0,
         element.focus();
       });
     });
-    const tagName = _KGFTRA3Ccjs.useTagName.call(void 0, ref);
+    const tagName = _3BSDKDKDcjs.useTagName.call(void 0, ref);
     const nativeTabbable = focusable && isNativeTabbable(tagName);
     const supportsDisabled = focusable && supportsDisabledAttribute(tagName);
+    const [safariTabIndex, setSafariTabIndex] = _react.useState.call(void 0, false);
+    if (isSafariBrowser) {
+      _react.useEffect.call(void 0, () => {
+        if (!focusable) return;
+        const element = ref.current;
+        if (!element) return;
+        const tag = element.tagName.toLowerCase();
+        const type = element.type;
+        setSafariTabIndex(needsSafariTabIndex(tag, type));
+      }, [focusable]);
+    }
     const styleProp = props.style;
     const style = _react.useMemo.call(void 0, () => {
       if (trulyDisabled) {
@@ -305,22 +276,23 @@ var useFocusable = _743QABRAcjs.createHook.call(void 0,
       "data-autofocus": autoFocus || void 0,
       "aria-disabled": disabled || void 0,
       ...props,
-      ref: _KGFTRA3Ccjs.useMergeRefs.call(void 0, ref, autoFocusRef, props.ref),
+      ...metadataProps,
+      ref: _3BSDKDKDcjs.useMergeRefs.call(void 0, ref, autoFocusRef, props.ref),
       style,
-      tabIndex: getTabIndex(
+      tabIndex: getTabIndex({
         focusable,
         trulyDisabled,
         nativeTabbable,
         supportsDisabled,
-        props.tabIndex
-      ),
+        safariTabIndex,
+        tabIndexProp: props.tabIndex
+      }),
       disabled: supportsDisabled && trulyDisabled ? true : void 0,
       // TODO: Test Focusable contentEditable.
       contentEditable: disabled ? void 0 : props.contentEditable,
       onKeyPressCapture,
       onClickCapture,
       onMouseDownCapture,
-      onMouseDown,
       onKeyDownCapture,
       onFocusCapture,
       onBlur
@@ -328,13 +300,12 @@ var useFocusable = _743QABRAcjs.createHook.call(void 0,
     return _misc.removeUndefinedValues.call(void 0, props);
   }
 );
-var Focusable = _743QABRAcjs.forwardRef.call(void 0, function Focusable2(props) {
+var Focusable = _PTOCUU2Dcjs.forwardRef.call(void 0, function Focusable2(props) {
   const htmlProps = useFocusable(props);
-  return _743QABRAcjs.createElement.call(void 0, TagName, htmlProps);
+  return _PTOCUU2Dcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 
 
 
-
-exports.isSafariFocusAncestor = isSafariFocusAncestor; exports.useFocusable = useFocusable; exports.Focusable = Focusable;
+exports.useFocusable = useFocusable; exports.Focusable = Focusable;

package/cjs/__chunks/{6GWYBIDM.cjs → MXJUUCSD.cjs}

@@ -1,28 +1,28 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _5BVSKVUNcjs = require('./5BVSKVUN.cjs');
+var _PFM4PJSGcjs = require('./PFM4PJSG.cjs');
 
 
-var _DIWKSV34cjs = require('./DIWKSV34.cjs');
+var _MPIQVHCBcjs = require('./MPIQVHCB.cjs');
 
 
 
 
-var _743QABRAcjs = require('./743QABRA.cjs');
+var _PTOCUU2Dcjs = require('./PTOCUU2D.cjs');
 
 
-var _KGFTRA3Ccjs = require('./KGFTRA3C.cjs');
+var _3BSDKDKDcjs = require('./3BSDKDKD.cjs');
 
 // src/dialog/dialog-dismiss.tsx
 var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
 var TagName = "button";
-var useDialogDismiss = _743QABRAcjs.createHook.call(void 0, 
+var useDialogDismiss = _PTOCUU2Dcjs.createHook.call(void 0, 
   function useDialogDismiss2({ store, ...props }) {
-    const context = _5BVSKVUNcjs.useDialogScopedContext.call(void 0, );
+    const context = _PFM4PJSGcjs.useDialogScopedContext.call(void 0, );
     store = store || context;
     const onClickProp = props.onClick;
-    const onClick = _KGFTRA3Ccjs.useEvent.call(void 0, (event) => {
+    const onClick = _3BSDKDKDcjs.useEvent.call(void 0, (event) => {
       onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented) return;
       store == null ? void 0 : store.hide();
@@ -55,13 +55,13 @@ var useDialogDismiss = _743QABRAcjs.createHook.call(void 0,
       ...props,
       onClick
     };
-    props = _DIWKSV34cjs.useButton.call(void 0, props);
+    props = _MPIQVHCBcjs.useButton.call(void 0, props);
     return props;
   }
 );
-var DialogDismiss = _743QABRAcjs.forwardRef.call(void 0, function DialogDismiss2(props) {
+var DialogDismiss = _PTOCUU2Dcjs.forwardRef.call(void 0, function DialogDismiss2(props) {
   const htmlProps = useDialogDismiss(props);
-  return _743QABRAcjs.createElement.call(void 0, TagName, htmlProps);
+  return _PTOCUU2Dcjs.createElement.call(void 0, TagName, htmlProps);
 });