@ariakit/react-core 0.1.6 → 0.1.8

package/cjs/__chunks/{MWKUZW4E.cjs → E5VOJWDR.cjs}

@@ -1,10 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
+var _CARNFZQTcjs = require('./CARNFZQT.cjs');
+
+
 var _X2GXTE3Pcjs = require('./X2GXTE3P.cjs');
 
 
+var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+
+
 
-var _5QY4WCTRcjs = require('./5QY4WCTR.cjs');
+var _6455U47Tcjs = require('./6455U47T.cjs');
 
 // src/dialog/utils/use-hide-on-interact-outside.ts
 var _react = require('react');
@@ -16,6 +22,8 @@ function isInDocument(target) {
   return _dom.contains.call(void 0, _dom.getDocument.call(void 0, target).body, target);
 }
 function isDisclosure(disclosure, target) {
+  if (!disclosure)
+    return false;
   if (_dom.contains.call(void 0, disclosure, target))
     return true;
   const activeId = target.getAttribute("aria-activedescendant");
@@ -27,52 +35,43 @@ function isDisclosure(disclosure, target) {
   }
   return false;
 }
-function isBackdrop(dialog, target) {
-  if (!dialog)
-    return false;
-  if (!target)
+function isMouseEventOnDialog(event, dialog) {
+  if (!("clientY" in event))
     return false;
-  return target.hasAttribute("data-backdrop") && target.getAttribute("data-backdrop") === dialog.id;
-}
-function dialogContains(target) {
-  return (dialog) => {
-    if (_dom.contains.call(void 0, dialog, target))
-      return true;
-    if (isBackdrop(dialog, target))
-      return true;
+  const rect = dialog.getBoundingClientRect();
+  if (rect.width === 0 || rect.height === 0)
     return false;
-  };
+  return rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width;
 }
 function useEventOutside({
   store,
   type,
   listener,
-  nestedDialogs,
   capture
 }) {
-  const callListener = _5QY4WCTRcjs.useEvent.call(void 0, listener);
-  const nestedDialogsRef = _5QY4WCTRcjs.useLiveRef.call(void 0, nestedDialogs);
+  const callListener = _NREUHWTUcjs.useEvent.call(void 0, listener);
   const open = store.useState("open");
   _react.useEffect.call(void 0, () => {
     if (!open)
       return;
     const onEvent = (event) => {
-      const dialog = store.getState().contentElement;
-      const disclosure = store.getState().disclosureElement;
+      const { contentElement, disclosureElement } = store.getState();
       const target = event.target;
-      if (!dialog)
+      if (!contentElement)
         return;
       if (!target)
         return;
       if (!isInDocument(target))
         return;
-      if (_dom.contains.call(void 0, dialog, target))
+      if (_dom.contains.call(void 0, contentElement, target))
         return;
-      if (disclosure && isDisclosure(disclosure, target))
+      if (isDisclosure(disclosureElement, target))
         return;
       if (target.hasAttribute("data-focus-trap"))
         return;
-      if (nestedDialogsRef.current.some(dialogContains(target)))
+      if (isMouseEventOnDialog(event, contentElement))
+        return;
+      if (!_CARNFZQTcjs.isElementMarked.call(void 0, target, contentElement.id))
         return;
       callListener(event);
     };
@@ -85,90 +84,47 @@ function shouldHideOnInteractOutside(hideOnInteractOutside, event) {
   }
   return !!hideOnInteractOutside;
 }
-function useHideOnInteractOutside({
-  store,
-  modal,
-  hideOnInteractOutside,
-  nestedDialogs
-}) {
+function useHideOnInteractOutside(store, hideOnInteractOutside) {
   const open = store.useState("open");
   const previousMouseDownRef = _X2GXTE3Pcjs.usePreviousMouseDownRef.call(void 0, open);
-  const props = { store, nestedDialogs, capture: true };
-  useEventOutside({
-    ...props,
-    type: "mousedown",
-    listener: (event) => {
-      const dialog = store.getState().contentElement;
-      if (!dialog)
-        return;
-      if (modal && !shouldHideOnInteractOutside(hideOnInteractOutside, event)) {
-        dialog.focus();
-        event.preventDefault();
-        event.stopPropagation();
-      }
-    }
-  });
-  useEventOutside({
-    ...props,
+  const props = { store, capture: true };
+  useEventOutside(_6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
     type: "click",
     listener: (event) => {
+      const { contentElement } = store.getState();
       const previousMouseDown = previousMouseDownRef.current;
       if (!previousMouseDown)
         return;
       if (!_dom.isVisible.call(void 0, previousMouseDown))
         return;
-      if (!shouldHideOnInteractOutside(hideOnInteractOutside, event)) {
-        if (!modal)
-          return;
-        event.preventDefault();
-        event.stopPropagation();
+      if (!_CARNFZQTcjs.isElementMarked.call(void 0, previousMouseDown, contentElement == null ? void 0 : contentElement.id))
         return;
-      }
-      const dialog = store.getState().contentElement;
-      const draggingFromDialog = dialog && _dom.contains.call(void 0, dialog, previousMouseDown);
-      if (draggingFromDialog)
+      if (!shouldHideOnInteractOutside(hideOnInteractOutside, event))
         return;
       store.hide();
     }
-  });
-  useEventOutside({
-    ...props,
+  }));
+  useEventOutside(_6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
     type: "focusin",
     listener: (event) => {
-      const dialog = store.getState().contentElement;
-      if (!dialog)
+      const { contentElement } = store.getState();
+      if (!contentElement)
         return;
-      if (!shouldHideOnInteractOutside(hideOnInteractOutside, event)) {
-        if (!modal)
-          return;
-        dialog.focus();
-        event.preventDefault();
-        event.stopPropagation();
+      if (event.target === _dom.getDocument.call(void 0, contentElement))
         return;
-      }
-      if (event.target === _dom.getDocument.call(void 0, dialog))
+      if (!shouldHideOnInteractOutside(hideOnInteractOutside, event))
         return;
       store.hide();
     }
-  });
-  useEventOutside({
-    ...props,
+  }));
+  useEventOutside(_6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
     type: "contextmenu",
     listener: (event) => {
-      const dialog = store.getState().contentElement;
-      if (!dialog)
-        return;
-      if (!shouldHideOnInteractOutside(hideOnInteractOutside, event)) {
-        if (!modal)
-          return;
-        dialog.focus();
-        event.preventDefault();
-        event.stopPropagation();
+      if (!shouldHideOnInteractOutside(hideOnInteractOutside, event))
         return;
-      }
       store.hide();
     }
-  });
+  }));
 }
 
 

package/cjs/__chunks/EE6OIU6X.cjs

@@ -0,0 +1,40 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/dialog/utils/walk-tree-outside.ts
+var _dom = require('@ariakit/core/utils/dom');
+var ignoreTags = ["SCRIPT", "STYLE"];
+function isValidElement(element, ignoredElements) {
+  if (ignoreTags.includes(element.tagName))
+    return false;
+  return !ignoredElements.some(
+    (enabledElement) => enabledElement && _dom.contains.call(void 0, element, enabledElement)
+  );
+}
+function walkTreeOutside(elements, callback, ancestorCallback) {
+  for (let element of elements) {
+    if (!(element == null ? void 0 : element.isConnected))
+      continue;
+    const hasAncestorAlready = elements.some((maybeAncestor) => {
+      if (!maybeAncestor)
+        return false;
+      if (maybeAncestor === element)
+        return false;
+      return maybeAncestor.contains(element);
+    });
+    if (hasAncestorAlready)
+      continue;
+    const doc = _dom.getDocument.call(void 0, element);
+    while (element.parentElement && element !== doc.body) {
+      ancestorCallback == null ? void 0 : ancestorCallback(element.parentElement);
+      for (const child of element.parentElement.children) {
+        if (isValidElement(child, elements)) {
+          callback(child);
+        }
+      }
+      element = element.parentElement;
+    }
+  }
+}
+
+
+
+
+exports.isValidElement = isValidElement; exports.walkTreeOutside = walkTreeOutside;

package/cjs/__chunks/{SWSQUGVG.cjs → EM2PMFEW.cjs}

@@ -1,13 +1,18 @@
-"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; }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
 
-var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
+var _7NAIPZYNcjs = require('./7NAIPZYN.cjs');
 
 
 
 
-var _5QY4WCTRcjs = require('./5QY4WCTR.cjs');
+var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+
+
+
+
+var _6455U47Tcjs = require('./6455U47T.cjs');
 
 // src/disclosure/disclosure-content.ts
 var _react = require('react');
@@ -29,18 +34,19 @@ function parseCSSTime(...times) {
     return longestTime;
   }, 0);
 }
-var useDisclosureContent = _UYIFJ7U3cjs.createHook.call(void 0, 
-  ({ store, ...props }) => {
-    const id = _5QY4WCTRcjs.useId.call(void 0, props.id);
+var useDisclosureContent = _7NAIPZYNcjs.createHook.call(void 0, 
+  (_a) => {
+    var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
+    const id = _NREUHWTUcjs.useId.call(void 0, props.id);
     const [transition, setTransition] = _react.useState.call(void 0, null);
     const open = store.useState("open");
     const mounted = store.useState("mounted");
     const animated = store.useState("animated");
     const contentElement = store.useState("contentElement");
-    _5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => {
+    _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
       if (!animated)
         return;
-      if (!_optionalChain([contentElement, 'optionalAccess', _ => _.isConnected])) {
+      if (!(contentElement == null ? void 0 : contentElement.isConnected)) {
         setTransition(null);
         return;
       }
@@ -48,7 +54,7 @@ var useDisclosureContent = _UYIFJ7U3cjs.createHook.call(void 0,
         setTransition(open ? "enter" : "leave");
       });
     }, [animated, contentElement, open]);
-    _5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => {
+    _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
       if (!animated)
         return;
       if (!contentElement)
@@ -78,24 +84,24 @@ var useDisclosureContent = _UYIFJ7U3cjs.createHook.call(void 0,
     }, [animated, contentElement, open, transition]);
     const style = (
       // TODO: props.hidden !== true see combobox-textarea example
-      mounted && props.hidden !== true || props.hidden === false ? props.style : { ...props.style, display: "none" }
+      mounted && props.hidden !== true || props.hidden === false ? props.style : _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props.style), { display: "none" })
     );
-    props = {
+    props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       id,
       "data-enter": transition === "enter" ? "" : void 0,
       "data-leave": transition === "leave" ? "" : void 0,
-      hidden: !mounted,
-      ...props,
-      ref: _5QY4WCTRcjs.useForkRef.call(void 0, id ? store.setContentElement : null, props.ref),
+      hidden: !mounted
+    }, props), {
+      ref: _NREUHWTUcjs.useForkRef.call(void 0, id ? store.setContentElement : null, props.ref),
       style
-    };
+    });
     return props;
   }
 );
-var DisclosureContent = _UYIFJ7U3cjs.createComponent.call(void 0, 
+var DisclosureContent = _7NAIPZYNcjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useDisclosureContent(props);
-    return _UYIFJ7U3cjs.createElement.call(void 0, "div", htmlProps);
+    return _7NAIPZYNcjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/__chunks/ESIFH6RK.cjs

@@ -0,0 +1,32 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _2G35RG62cjs = require('./2G35RG62.cjs');
+
+
+
+
+var _7NAIPZYNcjs = require('./7NAIPZYN.cjs');
+
+
+var _6455U47Tcjs = require('./6455U47T.cjs');
+
+// src/form/form-group.ts
+var useFormGroup = _7NAIPZYNcjs.createHook.call(void 0, 
+  (_a) => {
+    var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
+    props = _2G35RG62cjs.useGroup.call(void 0, props);
+    return props;
+  }
+);
+var FormGroup = _7NAIPZYNcjs.createComponent.call(void 0, (props) => {
+  const htmlProps = useFormGroup(props);
+  return _7NAIPZYNcjs.createElement.call(void 0, "div", htmlProps);
+});
+if (process.env.NODE_ENV !== "production") {
+  FormGroup.displayName = "FormGroup";
+}
+
+
+
+
+exports.useFormGroup = useFormGroup; exports.FormGroup = FormGroup;

package/cjs/__chunks/{IONDNL4F.cjs → EXKBMUPC.cjs}

@@ -1,33 +1,36 @@
 "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 _IBJDDWWUcjs = require('./IBJDDWWU.cjs');
+var _KZLZWIJNcjs = require('./KZLZWIJN.cjs');
 
 
 
-var _SXSNI6QAcjs = require('./SXSNI6QA.cjs');
+var _F7HVNVHQcjs = require('./F7HVNVHQ.cjs');
+
+
+var _6455U47Tcjs = require('./6455U47T.cjs');
 
 // src/composite/composite-store.ts
 var _compositestore = require('@ariakit/core/composite/composite-store'); var Core = _interopRequireWildcard(_compositestore);
 function useCompositeStoreOptions(props) {
-  return _IBJDDWWUcjs.useCollectionStoreOptions.call(void 0, props);
+  return _KZLZWIJNcjs.useCollectionStoreOptions.call(void 0, props);
 }
 function useCompositeStoreProps(store, props) {
-  store = _IBJDDWWUcjs.useCollectionStoreProps.call(void 0, store, props);
-  _SXSNI6QAcjs.useStoreProps.call(void 0, store, props, "activeId", "setActiveId");
-  _SXSNI6QAcjs.useStoreProps.call(void 0, store, props, "includesBaseElement");
-  _SXSNI6QAcjs.useStoreProps.call(void 0, store, props, "virtualFocus");
-  _SXSNI6QAcjs.useStoreProps.call(void 0, store, props, "orientation");
-  _SXSNI6QAcjs.useStoreProps.call(void 0, store, props, "rtl");
-  _SXSNI6QAcjs.useStoreProps.call(void 0, store, props, "focusLoop");
-  _SXSNI6QAcjs.useStoreProps.call(void 0, store, props, "focusWrap");
-  _SXSNI6QAcjs.useStoreProps.call(void 0, store, props, "focusShift");
+  store = _KZLZWIJNcjs.useCollectionStoreProps.call(void 0, store, props);
+  _F7HVNVHQcjs.useStoreProps.call(void 0, store, props, "activeId", "setActiveId");
+  _F7HVNVHQcjs.useStoreProps.call(void 0, store, props, "includesBaseElement");
+  _F7HVNVHQcjs.useStoreProps.call(void 0, store, props, "virtualFocus");
+  _F7HVNVHQcjs.useStoreProps.call(void 0, store, props, "orientation");
+  _F7HVNVHQcjs.useStoreProps.call(void 0, store, props, "rtl");
+  _F7HVNVHQcjs.useStoreProps.call(void 0, store, props, "focusLoop");
+  _F7HVNVHQcjs.useStoreProps.call(void 0, store, props, "focusWrap");
+  _F7HVNVHQcjs.useStoreProps.call(void 0, store, props, "focusShift");
   return store;
 }
 function useCompositeStore(props = {}) {
   const options = useCompositeStoreOptions(props);
-  const store = _SXSNI6QAcjs.useStore.call(void 0, 
-    () => Core.createCompositeStore({ ...props, ...options })
+  const store = _F7HVNVHQcjs.useStore.call(void 0, 
+    () => Core.createCompositeStore(_6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), options))
   );
   return useCompositeStoreProps(store, props);
 }

package/cjs/__chunks/{SXSNI6QA.cjs → F7HVNVHQ.cjs}

@@ -1,9 +1,13 @@
-"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; }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
 
 
-var _5QY4WCTRcjs = require('./5QY4WCTR.cjs');
+var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+
+
+
+var _6455U47Tcjs = require('./6455U47T.cjs');
 
 // src/utils/store.tsx
 var _react = require('react');
@@ -27,18 +31,18 @@ function useStoreState(store, keyOrSelector = _misc.identity) {
     return state[key];
   };
   return _indexjs.useSyncExternalStore.call(void 0, 
-    _optionalChain([store, 'optionalAccess', _ => _.subscribe]) || noopSubscribe,
+    (store == null ? void 0 : store.subscribe) || noopSubscribe,
     getSnapshot,
     getSnapshot
   );
 }
 function useStoreProps(store, props, key, setKey) {
   const value = _misc.hasOwnProperty.call(void 0, props, key) ? props[key] : void 0;
-  const propsRef = _5QY4WCTRcjs.useLiveRef.call(void 0, {
+  const propsRef = _NREUHWTUcjs.useLiveRef.call(void 0, {
     value,
     setValue: setKey ? props[setKey] : void 0
   });
-  _5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => {
+  _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
     return store.sync(
       (state, prev) => {
         const { value: value2, setValue } = propsRef.current;
@@ -53,7 +57,7 @@ function useStoreProps(store, props, key, setKey) {
       [key]
     );
   }, [store, key]);
-  _5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => {
+  _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
     return store.sync(() => {
       const { value: value2 } = propsRef.current;
       if (value2 === void 0)
@@ -61,20 +65,20 @@ function useStoreProps(store, props, key, setKey) {
       store.setState(key, value2);
     }, [key]);
   }, [store, key]);
-  _5QY4WCTRcjs.useUpdateLayoutEffect.call(void 0, () => {
+  _NREUHWTUcjs.useUpdateLayoutEffect.call(void 0, () => {
     if (value === void 0)
       return;
     store.setState(key, value);
   }, [store, key, value]);
 }
 function useStore(createStore) {
-  const store = _5QY4WCTRcjs.useLazyValue.call(void 0, createStore);
-  _5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => store.init(), [store]);
+  const store = _NREUHWTUcjs.useLazyValue.call(void 0, createStore);
+  _NREUHWTUcjs.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 }), [store, useState]);
+  return _react.useMemo.call(void 0, () => _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, store), { useState }), [store, useState]);
 }
 
 

package/cjs/__chunks/{6THZKJIB.cjs → GE4P5OCB.cjs}

@@ -1,27 +1,33 @@
-"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; }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _3X3VOT2Mcjs = require('./3X3VOT2M.cjs');
+var _2DVMVYK2cjs = require('./2DVMVYK2.cjs');
 
 
 
 
-var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
+var _7NAIPZYNcjs = require('./7NAIPZYN.cjs');
 
 
 
 
 
-var _5QY4WCTRcjs = require('./5QY4WCTR.cjs');
+var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+
+
+
+
+var _6455U47Tcjs = require('./6455U47T.cjs');
 
 // src/disclosure/disclosure.ts
 var _react = require('react');
-var useDisclosure = _UYIFJ7U3cjs.createHook.call(void 0, 
-  ({ store, toggleOnClick = true, ...props }) => {
+var useDisclosure = _7NAIPZYNcjs.createHook.call(void 0, 
+  (_a) => {
+    var _b = _a, { store, toggleOnClick = true } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store", "toggleOnClick"]);
     const ref = _react.useRef.call(void 0, null);
     const [expanded, setExpanded] = _react.useState.call(void 0, false);
     const disclosureElement = store.useState("disclosureElement");
     const open = store.useState("open");
-    _5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => {
+    _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
       let isCurrentDisclosure = disclosureElement === ref.current;
       if (!disclosureElement || !disclosureElement.isConnected) {
         store.setDisclosureElement(ref.current);
@@ -30,16 +36,16 @@ var useDisclosure = _UYIFJ7U3cjs.createHook.call(void 0,
       setExpanded(open && isCurrentDisclosure);
     }, [disclosureElement, open]);
     const onMouseDownProp = props.onMouseDown;
-    const onMouseDown = _5QY4WCTRcjs.useEvent.call(void 0, (event) => {
+    const onMouseDown = _NREUHWTUcjs.useEvent.call(void 0, (event) => {
       store.setDisclosureElement(event.currentTarget);
-      _optionalChain([onMouseDownProp, 'optionalCall', _ => _(event)]);
+      onMouseDownProp == null ? void 0 : onMouseDownProp(event);
     });
     const onClickProp = props.onClick;
-    const toggleOnClickProp = _5QY4WCTRcjs.useBooleanEvent.call(void 0, toggleOnClick);
+    const toggleOnClickProp = _NREUHWTUcjs.useBooleanEvent.call(void 0, toggleOnClick);
     const isDuplicate = "data-disclosure" in props;
-    const onClick = _5QY4WCTRcjs.useEvent.call(void 0, (event) => {
+    const onClick = _NREUHWTUcjs.useEvent.call(void 0, (event) => {
       store.setDisclosureElement(event.currentTarget);
-      _optionalChain([onClickProp, 'optionalCall', _2 => _2(event)]);
+      onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
       if (isDuplicate)
@@ -49,22 +55,22 @@ var useDisclosure = _UYIFJ7U3cjs.createHook.call(void 0,
       store.toggle();
     });
     const contentElement = store.useState("contentElement");
-    props = {
+    props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       "data-disclosure": "",
       "aria-expanded": expanded,
-      "aria-controls": _optionalChain([contentElement, 'optionalAccess', _3 => _3.id]),
-      ...props,
-      ref: _5QY4WCTRcjs.useForkRef.call(void 0, ref, props.ref),
+      "aria-controls": contentElement == null ? void 0 : contentElement.id
+    }, props), {
+      ref: _NREUHWTUcjs.useForkRef.call(void 0, ref, props.ref),
       onMouseDown,
       onClick
-    };
-    props = _3X3VOT2Mcjs.useButton.call(void 0, props);
+    });
+    props = _2DVMVYK2cjs.useButton.call(void 0, props);
     return props;
   }
 );
-var Disclosure = _UYIFJ7U3cjs.createComponent.call(void 0, (props) => {
+var Disclosure = _7NAIPZYNcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useDisclosure(props);
-  return _UYIFJ7U3cjs.createElement.call(void 0, "button", htmlProps);
+  return _7NAIPZYNcjs.createElement.call(void 0, "button", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Disclosure.displayName = "Disclosure";

package/cjs/__chunks/{OISXSXPD.cjs → GHWBKA6H.cjs}

@@ -5,16 +5,20 @@ var _LHHW5ZQPcjs = require('./LHHW5ZQP.cjs');
 
 
 
-var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
+var _7NAIPZYNcjs = require('./7NAIPZYN.cjs');
 
 
-var _5QY4WCTRcjs = require('./5QY4WCTR.cjs');
+var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+
+
+var _6455U47Tcjs = require('./6455U47T.cjs');
 
 // src/focusable/focusable-container.tsx
 var _jsxruntime = require('react/jsx-runtime');
-var useFocusableContainer = _UYIFJ7U3cjs.createHook.call(void 0, 
-  ({ autoFocusOnShow = true, ...props }) => {
-    props = _5QY4WCTRcjs.useWrapElement.call(void 0, 
+var useFocusableContainer = _7NAIPZYNcjs.createHook.call(void 0, 
+  (_a) => {
+    var _b = _a, { autoFocusOnShow = true } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["autoFocusOnShow"]);
+    props = _NREUHWTUcjs.useWrapElement.call(void 0, 
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _LHHW5ZQPcjs.FocusableContext.Provider, { value: autoFocusOnShow, children: element }),
       [autoFocusOnShow]
@@ -22,10 +26,10 @@ var useFocusableContainer = _UYIFJ7U3cjs.createHook.call(void 0,
     return props;
   }
 );
-var FocusableContainer = _UYIFJ7U3cjs.createComponent.call(void 0, 
+var FocusableContainer = _7NAIPZYNcjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useFocusableContainer(props);
-    return _UYIFJ7U3cjs.createElement.call(void 0, "div", htmlProps);
+    return _7NAIPZYNcjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/__chunks/GRHIGAKK.cjs

@@ -0,0 +1,48 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _N2VCZZLPcjs = require('./N2VCZZLP.cjs');
+
+
+
+
+var _7NAIPZYNcjs = require('./7NAIPZYN.cjs');
+
+
+
+var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+
+
+
+var _6455U47Tcjs = require('./6455U47T.cjs');
+
+// src/dialog/dialog-description.ts
+var _react = require('react');
+var useDialogDescription = _7NAIPZYNcjs.createHook.call(void 0, 
+  (_a) => {
+    var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
+    const setDescriptionId = _react.useContext.call(void 0, _N2VCZZLPcjs.DialogDescriptionContext);
+    const id = _NREUHWTUcjs.useId.call(void 0, props.id);
+    _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
+      setDescriptionId == null ? void 0 : setDescriptionId(id);
+      return () => setDescriptionId == null ? void 0 : setDescriptionId(void 0);
+    }, [setDescriptionId, id]);
+    props = _6455U47Tcjs.__spreadValues.call(void 0, {
+      id
+    }, props);
+    return props;
+  }
+);
+var DialogDescription = _7NAIPZYNcjs.createComponent.call(void 0, 
+  (props) => {
+    const htmlProps = useDialogDescription(props);
+    return _7NAIPZYNcjs.createElement.call(void 0, "p", htmlProps);
+  }
+);
+if (process.env.NODE_ENV !== "production") {
+  DialogDescription.displayName = "DialogDescription";
+}
+
+
+
+
+exports.useDialogDescription = useDialogDescription; exports.DialogDescription = DialogDescription;