@ariakit/react-core 0.1.6 → 0.1.8

package/cjs/dialog/utils/is-backdrop.cjs

@@ -0,0 +1,21 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../../__chunks/6455U47T.cjs');
+
+// src/dialog/utils/is-backdrop.ts
+function isBackdrop(element, dialog) {
+  if (!element)
+    return false;
+  const backdrop = element.getAttribute("data-backdrop");
+  if (backdrop == null)
+    return false;
+  if (backdrop === "")
+    return true;
+  if (backdrop === "true")
+    return true;
+  const id = dialog == null ? void 0 : dialog.id;
+  if (!id)
+    return false;
+  return backdrop === id;
+}
+
+
+exports.isBackdrop = isBackdrop;

package/cjs/dialog/utils/is-backdrop.d.ts

@@ -0,0 +1 @@
+export declare function isBackdrop(element?: Element | null, dialog?: HTMLElement | null): boolean;

package/cjs/dialog/utils/mark-tree-outside.cjs

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+var _CARNFZQTcjs = require('../../__chunks/CARNFZQT.cjs');
+require('../../__chunks/NR3SJH64.cjs');
+require('../../__chunks/EE6OIU6X.cjs');
+require('../../__chunks/6455U47T.cjs');
+
+
+
+
+
+exports.isElementMarked = _CARNFZQTcjs.isElementMarked; exports.markAncestor = _CARNFZQTcjs.markAncestor; exports.markElement = _CARNFZQTcjs.markElement; exports.markTreeOutside = _CARNFZQTcjs.markTreeOutside;

package/cjs/dialog/utils/mark-tree-outside.d.ts

@@ -0,0 +1,6 @@
+type Elements = Array<Element | null>;
+export declare function markElement(element: Element, id?: string): () => void;
+export declare function markAncestor(element: Element, id?: string): () => void;
+export declare function isElementMarked(element: Element, id?: string): boolean;
+export declare function markTreeOutside(dialogId: string, ...elements: Elements): () => void;
+export {};

package/cjs/dialog/utils/orchestrate.cjs

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+var _NR3SJH64cjs = require('../../__chunks/NR3SJH64.cjs');
+require('../../__chunks/6455U47T.cjs');
+
+
+
+
+
+exports.assignStyle = _NR3SJH64cjs.assignStyle; exports.setAttribute = _NR3SJH64cjs.setAttribute; exports.setCSSProperty = _NR3SJH64cjs.setCSSProperty; exports.setProperty = _NR3SJH64cjs.setProperty;

package/cjs/dialog/utils/orchestrate.d.ts

@@ -0,0 +1,9 @@
+declare const setups: unique symbol;
+type Element$ = Element & {
+    [setups]?: Map<string, () => void>;
+};
+export declare function setAttribute(element: Element$, attr: string, value: string): () => void;
+export declare function setProperty<T extends Element$, K extends keyof T & string>(element: T, property: K, value: T[K]): () => void;
+export declare function assignStyle(element: HTMLElement | null | undefined, style: Partial<CSSStyleDeclaration>): () => void;
+export declare function setCSSProperty(element: HTMLElement | null | undefined, property: string, value: string): () => void;
+export {};

package/cjs/dialog/utils/prepend-hidden-dismiss.cjs

@@ -1,6 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _5EIZ4QQ7cjs = require('../../__chunks/5EIZ4QQ7.cjs');
+var _W32FX7DMcjs = require('../../__chunks/W32FX7DM.cjs');
+require('../../__chunks/6455U47T.cjs');
 
 
-exports.prependHiddenDismiss = _5EIZ4QQ7cjs.prependHiddenDismiss;
+exports.prependHiddenDismiss = _W32FX7DMcjs.prependHiddenDismiss;

package/cjs/dialog/utils/supports-inert.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _56NPFF7Pcjs = require('../../__chunks/56NPFF7P.cjs');
+require('../../__chunks/6455U47T.cjs');
+
+
+exports.supportsInert = _56NPFF7Pcjs.supportsInert;

package/cjs/dialog/utils/supports-inert.d.ts

@@ -0,0 +1 @@
+export declare function supportsInert(): boolean;

package/cjs/dialog/utils/use-hide-on-interact-outside.cjs

@@ -1,9 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _MWKUZW4Ecjs = require('../../__chunks/MWKUZW4E.cjs');
+var _E5VOJWDRcjs = require('../../__chunks/E5VOJWDR.cjs');
+require('../../__chunks/CARNFZQT.cjs');
+require('../../__chunks/NR3SJH64.cjs');
+require('../../__chunks/EE6OIU6X.cjs');
 require('../../__chunks/X2GXTE3P.cjs');
-require('../../__chunks/5QY4WCTR.cjs');
+require('../../__chunks/NREUHWTU.cjs');
 require('../../__chunks/2X5K3J7Y.cjs');
+require('../../__chunks/6455U47T.cjs');
 
 
-exports.useHideOnInteractOutside = _MWKUZW4Ecjs.useHideOnInteractOutside;
+exports.useHideOnInteractOutside = _E5VOJWDRcjs.useHideOnInteractOutside;

package/cjs/dialog/utils/use-hide-on-interact-outside.d.ts

@@ -1,6 +1,2 @@
 import type { DialogOptions } from "../dialog.js";
-type Options = Pick<DialogOptions, "store" | "modal" | "hideOnInteractOutside"> & {
-    nestedDialogs: HTMLElement[];
-};
-export declare function useHideOnInteractOutside({ store, modal, hideOnInteractOutside, nestedDialogs, }: Options): void;
-export {};
+export declare function useHideOnInteractOutside(store: DialogOptions["store"], hideOnInteractOutside: DialogOptions["hideOnInteractOutside"]): void;

package/cjs/dialog/utils/use-nested-dialogs.cjs

@@ -1,8 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _UK7WFIG4cjs = require('../../__chunks/UK7WFIG4.cjs');
-require('../../__chunks/5QY4WCTR.cjs');
+var _NZYGNCZLcjs = require('../../__chunks/NZYGNCZL.cjs');
+require('../../__chunks/NREUHWTU.cjs');
 require('../../__chunks/2X5K3J7Y.cjs');
+require('../../__chunks/6455U47T.cjs');
 
 
-exports.useNestedDialogs = _UK7WFIG4cjs.useNestedDialogs;
+exports.useNestedDialogs = _NZYGNCZLcjs.useNestedDialogs;

package/cjs/dialog/utils/use-nested-dialogs.d.ts

@@ -1,10 +1,6 @@
 import type { WrapElement } from "../../utils/types.js";
 import type { DialogStore } from "../dialog-store.js";
-/**
- * Handles nested dialogs.
- */
-export declare function useNestedDialogs(store: DialogStore, modal?: boolean): {
-    nestedDialogs: HTMLElement[];
-    openModals: HTMLElement[];
+export declare function useNestedDialogs(store: DialogStore): {
     wrapElement: WrapElement;
+    nestedDialogs: HTMLElement[];
 };

package/cjs/dialog/utils/use-prevent-body-scroll.cjs

@@ -1,9 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _CP6M4POZcjs = require('../../__chunks/CP6M4POZ.cjs');
-require('../../__chunks/ZDO3DQPW.cjs');
-require('../../__chunks/5QY4WCTR.cjs');
+var _QRAQT522cjs = require('../../__chunks/QRAQT522.cjs');
+require('../../__chunks/NR3SJH64.cjs');
+require('../../__chunks/NREUHWTU.cjs');
 require('../../__chunks/2X5K3J7Y.cjs');
+require('../../__chunks/6455U47T.cjs');
 
 
-exports.usePreventBodyScroll = _CP6M4POZcjs.usePreventBodyScroll;
+exports.usePreventBodyScroll = _QRAQT522cjs.usePreventBodyScroll;

package/cjs/dialog/utils/use-previous-mouse-down-ref.cjs

@@ -1,6 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 var _X2GXTE3Pcjs = require('../../__chunks/X2GXTE3P.cjs');
+require('../../__chunks/6455U47T.cjs');
 
 
 exports.usePreviousMouseDownRef = _X2GXTE3Pcjs.usePreviousMouseDownRef;

package/cjs/dialog/utils/walk-tree-outside.cjs

@@ -1,8 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _YHG3KGFWcjs = require('../../__chunks/YHG3KGFW.cjs');
+var _EE6OIU6Xcjs = require('../../__chunks/EE6OIU6X.cjs');
+require('../../__chunks/6455U47T.cjs');
 
 
 
-exports.isValidElement = _YHG3KGFWcjs.isValidElement; exports.walkTreeOutside = _YHG3KGFWcjs.walkTreeOutside;
+exports.isValidElement = _EE6OIU6Xcjs.isValidElement; exports.walkTreeOutside = _EE6OIU6Xcjs.walkTreeOutside;

package/cjs/dialog/utils/walk-tree-outside.d.ts

@@ -1,4 +1,4 @@
 type Elements = Array<Element | null>;
 export declare function isValidElement(element: Element, ignoredElements: Elements): boolean;
-export declare function walkTreeOutside(elements: Elements, callback: (element: Element) => void): void;
+export declare function walkTreeOutside(elements: Elements, callback: (element: Element) => void, ancestorCallback?: (element: Element) => void): void;
 export {};

package/cjs/disclosure/disclosure-content.cjs

@@ -1,11 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _SWSQUGVGcjs = require('../__chunks/SWSQUGVG.cjs');
-require('../__chunks/UYIFJ7U3.cjs');
-require('../__chunks/5QY4WCTR.cjs');
+var _EM2PMFEWcjs = require('../__chunks/EM2PMFEW.cjs');
+require('../__chunks/7NAIPZYN.cjs');
+require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
+require('../__chunks/6455U47T.cjs');
 
 
 
-exports.DisclosureContent = _SWSQUGVGcjs.DisclosureContent; exports.useDisclosureContent = _SWSQUGVGcjs.useDisclosureContent;
+exports.DisclosureContent = _EM2PMFEWcjs.DisclosureContent; exports.useDisclosureContent = _EM2PMFEWcjs.useDisclosureContent;

package/cjs/disclosure/disclosure-store.cjs

@@ -2,12 +2,13 @@
 
 
 
-var _QVX74QFTcjs = require('../__chunks/QVX74QFT.cjs');
-require('../__chunks/SXSNI6QA.cjs');
-require('../__chunks/5QY4WCTR.cjs');
+var _P7TWEJ6Icjs = require('../__chunks/P7TWEJ6I.cjs');
+require('../__chunks/F7HVNVHQ.cjs');
+require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
+require('../__chunks/6455U47T.cjs');
 
 
 
 
-exports.useDisclosureStore = _QVX74QFTcjs.useDisclosureStore; exports.useDisclosureStoreOptions = _QVX74QFTcjs.useDisclosureStoreOptions; exports.useDisclosureStoreProps = _QVX74QFTcjs.useDisclosureStoreProps;
+exports.useDisclosureStore = _P7TWEJ6Icjs.useDisclosureStore; exports.useDisclosureStoreOptions = _P7TWEJ6Icjs.useDisclosureStoreOptions; exports.useDisclosureStoreProps = _P7TWEJ6Icjs.useDisclosureStoreProps;

package/cjs/disclosure/disclosure.cjs

@@ -1,15 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _6THZKJIBcjs = require('../__chunks/6THZKJIB.cjs');
-require('../__chunks/3X3VOT2M.cjs');
-require('../__chunks/WMRNXISU.cjs');
-require('../__chunks/X5PL2AHY.cjs');
+var _GE4P5OCBcjs = require('../__chunks/GE4P5OCB.cjs');
+require('../__chunks/2DVMVYK2.cjs');
+require('../__chunks/DASOL6J2.cjs');
+require('../__chunks/NVBNDB5B.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/UYIFJ7U3.cjs');
-require('../__chunks/5QY4WCTR.cjs');
+require('../__chunks/7NAIPZYN.cjs');
+require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
+require('../__chunks/6455U47T.cjs');
 
 
 
-exports.Disclosure = _6THZKJIBcjs.Disclosure; exports.useDisclosure = _6THZKJIBcjs.useDisclosure;
+exports.Disclosure = _GE4P5OCBcjs.Disclosure; exports.useDisclosure = _GE4P5OCBcjs.useDisclosure;

package/cjs/focus-trap/focus-trap-region.cjs

@@ -1,13 +1,84 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
+var _C7Y26CUVcjs = require('../__chunks/C7Y26CUV.cjs');
+require('../__chunks/QTPUX3NM.cjs');
 
-var _ZNVMDYMMcjs = require('../__chunks/ZNVMDYMM.cjs');
-require('../__chunks/MAH7ORCZ.cjs');
-require('../__chunks/DGBC5VB4.cjs');
-require('../__chunks/UYIFJ7U3.cjs');
-require('../__chunks/5QY4WCTR.cjs');
+
+
+
+var _7NAIPZYNcjs = require('../__chunks/7NAIPZYN.cjs');
+
+
+
+var _NREUHWTUcjs = require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 
 
 
-exports.FocusTrapRegion = _ZNVMDYMMcjs.FocusTrapRegion; exports.useFocusTrapRegion = _ZNVMDYMMcjs.useFocusTrapRegion;
+
+var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
+
+// src/focus-trap/focus-trap-region.tsx
+var _react = require('react');
+var _focus = require('@ariakit/core/utils/focus');
+var _jsxruntime = require('react/jsx-runtime');
+var useFocusTrapRegion = _7NAIPZYNcjs.createHook.call(void 0, 
+  (_a) => {
+    var _b = _a, { enabled = false } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["enabled"]);
+    const ref = _react.useRef.call(void 0, null);
+    props = _NREUHWTUcjs.useWrapElement.call(void 0, 
+      props,
+      (element) => {
+        const renderFocusTrap = () => {
+          if (!enabled)
+            return null;
+          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _C7Y26CUVcjs.FocusTrap,
+            {
+              onFocus: (event) => {
+                const container = ref.current;
+                if (!container)
+                  return;
+                const tabbables = _focus.getAllTabbableIn.call(void 0, container, true);
+                const first = tabbables[0];
+                const last = tabbables[tabbables.length - 1];
+                if (!tabbables.length) {
+                  container.focus();
+                  return;
+                }
+                if (event.relatedTarget === first) {
+                  last == null ? void 0 : last.focus();
+                } else {
+                  first == null ? void 0 : first.focus();
+                }
+              }
+            }
+          );
+        };
+        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          renderFocusTrap(),
+          element,
+          renderFocusTrap()
+        ] });
+      },
+      [enabled]
+    );
+    props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
+      ref: _NREUHWTUcjs.useForkRef.call(void 0, ref, props.ref)
+    });
+    return props;
+  }
+);
+var FocusTrapRegion = _7NAIPZYNcjs.createComponent.call(void 0, 
+  (props) => {
+    const htmlProps = useFocusTrapRegion(props);
+    return _7NAIPZYNcjs.createElement.call(void 0, "div", htmlProps);
+  }
+);
+if (process.env.NODE_ENV !== "production") {
+  FocusTrapRegion.displayName = "FocusTrapRegion";
+}
+
+
+
+exports.FocusTrapRegion = FocusTrapRegion; exports.useFocusTrapRegion = useFocusTrapRegion;

package/cjs/focus-trap/focus-trap.cjs

@@ -1,10 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _MAH7ORCZcjs = require('../__chunks/MAH7ORCZ.cjs');
-require('../__chunks/DGBC5VB4.cjs');
-require('../__chunks/UYIFJ7U3.cjs');
+var _C7Y26CUVcjs = require('../__chunks/C7Y26CUV.cjs');
+require('../__chunks/QTPUX3NM.cjs');
+require('../__chunks/7NAIPZYN.cjs');
+require('../__chunks/6455U47T.cjs');
 
 
 
-exports.FocusTrap = _MAH7ORCZcjs.FocusTrap; exports.useFocusTrap = _MAH7ORCZcjs.useFocusTrap;
+exports.FocusTrap = _C7Y26CUVcjs.FocusTrap; exports.useFocusTrap = _C7Y26CUVcjs.useFocusTrap;

package/cjs/focusable/focusable-container.cjs

@@ -1,12 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _OISXSXPDcjs = require('../__chunks/OISXSXPD.cjs');
+var _GHWBKA6Hcjs = require('../__chunks/GHWBKA6H.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/UYIFJ7U3.cjs');
-require('../__chunks/5QY4WCTR.cjs');
+require('../__chunks/7NAIPZYN.cjs');
+require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
+require('../__chunks/6455U47T.cjs');
 
 
 
-exports.FocusableContainer = _OISXSXPDcjs.FocusableContainer; exports.useFocusableContainer = _OISXSXPDcjs.useFocusableContainer;
+exports.FocusableContainer = _GHWBKA6Hcjs.FocusableContainer; exports.useFocusableContainer = _GHWBKA6Hcjs.useFocusableContainer;

package/cjs/focusable/focusable-context.cjs

@@ -1,6 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 var _LHHW5ZQPcjs = require('../__chunks/LHHW5ZQP.cjs');
+require('../__chunks/6455U47T.cjs');
 
 
 exports.FocusableContext = _LHHW5ZQPcjs.FocusableContext;

package/cjs/focusable/focusable.cjs

@@ -1,12 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _X5PL2AHYcjs = require('../__chunks/X5PL2AHY.cjs');
+var _NVBNDB5Bcjs = require('../__chunks/NVBNDB5B.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/UYIFJ7U3.cjs');
-require('../__chunks/5QY4WCTR.cjs');
+require('../__chunks/7NAIPZYN.cjs');
+require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
+require('../__chunks/6455U47T.cjs');
 
 
 
-exports.Focusable = _X5PL2AHYcjs.Focusable; exports.useFocusable = _X5PL2AHYcjs.useFocusable;
+exports.Focusable = _NVBNDB5Bcjs.Focusable; exports.useFocusable = _NVBNDB5Bcjs.useFocusable;

package/cjs/focusable/focusable.d.ts

@@ -32,6 +32,10 @@ export interface FocusableOptions<T extends As = "div"> extends Options<T> {
      * Automatically focus the element when it is mounted. It works similarly to
      * the native `autoFocus` prop, but solves an issue where the element is given
      * focus before React effects can run.
+     *
+     * Live examples:
+     * - [Dialog with React
+     *   Router](https://ariakit.org/examples/dialog-react-router)
      * @default false
      */
     autoFocus?: boolean;

package/cjs/form/form-checkbox.cjs

@@ -1,35 +1,40 @@
-"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 _YTLECYPScjs = require('../__chunks/YTLECYPS.cjs');
+var _IUMXLBMBcjs = require('../__chunks/IUMXLBMB.cjs');
 
 
 var _OTRABJ4Ycjs = require('../__chunks/OTRABJ4Y.cjs');
 
 
-var _URF73P5Icjs = require('../__chunks/URF73P5I.cjs');
+var _NUMCUPYTcjs = require('../__chunks/NUMCUPYT.cjs');
 
 
-var _XXDYPCCBcjs = require('../__chunks/XXDYPCCB.cjs');
+var _M72BOABWcjs = require('../__chunks/M72BOABW.cjs');
 require('../__chunks/FO6MB5HF.cjs');
-require('../__chunks/WMRNXISU.cjs');
-require('../__chunks/NKZKDBAR.cjs');
+require('../__chunks/DASOL6J2.cjs');
+require('../__chunks/3FTPSHLH.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
-require('../__chunks/X5PL2AHY.cjs');
+require('../__chunks/NVBNDB5B.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 
 
 
 
-var _UYIFJ7U3cjs = require('../__chunks/UYIFJ7U3.cjs');
-require('../__chunks/SXSNI6QA.cjs');
-require('../__chunks/5QY4WCTR.cjs');
+var _7NAIPZYNcjs = require('../__chunks/7NAIPZYN.cjs');
+require('../__chunks/F7HVNVHQ.cjs');
+require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 
+
+
+var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
+
 // src/form/form-checkbox.ts
 var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
-var useFormCheckbox = _UYIFJ7U3cjs.createHook.call(void 0, 
-  ({ store, name: nameProp, value, checked, defaultChecked, ...props }) => {
+var useFormCheckbox = _7NAIPZYNcjs.createHook.call(void 0, 
+  (_a) => {
+    var _b = _a, { store, name: nameProp, value, checked, defaultChecked } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store", "name", "value", "checked", "defaultChecked"]);
     const context = _react.useContext.call(void 0, _OTRABJ4Ycjs.FormContext);
     store = store || context;
     _misc.invariant.call(void 0, 
@@ -37,24 +42,23 @@ var useFormCheckbox = _UYIFJ7U3cjs.createHook.call(void 0,
       process.env.NODE_ENV !== "production" && "FormCheckbox must be wrapped in a Form component"
     );
     const name = `${nameProp}`;
-    const checkboxStore = _XXDYPCCBcjs.useCheckboxStore.call(void 0, {
+    const checkboxStore = _M72BOABWcjs.useCheckboxStore.call(void 0, {
       value: store.useValue(name),
-      setValue: (value2) => _optionalChain([store, 'optionalAccess', _ => _.setValue, 'call', _2 => _2(name, value2)])
+      setValue: (value2) => store == null ? void 0 : store.setValue(name, value2)
     });
-    props = _URF73P5Icjs.useCheckbox.call(void 0, { store: checkboxStore, value, checked, ...props });
-    props = _YTLECYPScjs.useFormField.call(void 0, {
+    props = _NUMCUPYTcjs.useCheckbox.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store: checkboxStore, value, checked }, props));
+    props = _IUMXLBMBcjs.useFormField.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       store,
       name,
-      "aria-labelledby": void 0,
-      ...props
-    });
+      "aria-labelledby": void 0
+    }, props));
     return props;
   }
 );
-var FormCheckbox = _UYIFJ7U3cjs.createMemoComponent.call(void 0, 
+var FormCheckbox = _7NAIPZYNcjs.createMemoComponent.call(void 0, 
   (props) => {
     const htmlProps = useFormCheckbox(props);
-    return _UYIFJ7U3cjs.createElement.call(void 0, "input", htmlProps);
+    return _7NAIPZYNcjs.createElement.call(void 0, "input", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/form/form-context.cjs

@@ -1,6 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 var _OTRABJ4Ycjs = require('../__chunks/OTRABJ4Y.cjs');
+require('../__chunks/6455U47T.cjs');
 
 
 exports.FormContext = _OTRABJ4Ycjs.FormContext;

package/cjs/form/form-description.cjs

@@ -3,41 +3,46 @@
 var _OTRABJ4Ycjs = require('../__chunks/OTRABJ4Y.cjs');
 
 
-var _NKZKDBARcjs = require('../__chunks/NKZKDBAR.cjs');
+var _3FTPSHLHcjs = require('../__chunks/3FTPSHLH.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
 
 
 
 
-var _UYIFJ7U3cjs = require('../__chunks/UYIFJ7U3.cjs');
+var _7NAIPZYNcjs = require('../__chunks/7NAIPZYN.cjs');
 
 
 
-var _5QY4WCTRcjs = require('../__chunks/5QY4WCTR.cjs');
+var _NREUHWTUcjs = require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 
+
+
+
+var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
+
 // src/form/form-description.ts
 var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
-var useFormDescription = _UYIFJ7U3cjs.createHook.call(void 0, 
-  ({ store, name: nameProp, getItem: getItemProp, ...props }) => {
+var useFormDescription = _7NAIPZYNcjs.createHook.call(void 0, 
+  (_a) => {
+    var _b = _a, { store, name: nameProp, getItem: getItemProp } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store", "name", "getItem"]);
     const context = _react.useContext.call(void 0, _OTRABJ4Ycjs.FormContext);
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "FormDescription must be wrapped in a Form component"
     );
-    const id = _5QY4WCTRcjs.useId.call(void 0, props.id);
+    const id = _NREUHWTUcjs.useId.call(void 0, props.id);
     const ref = _react.useRef.call(void 0, null);
     const name = `${nameProp}`;
     const getItem = _react.useCallback.call(void 0, 
       (item) => {
-        const nextItem = {
-          ...item,
+        const nextItem = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, item), {
           id: id || item.id,
           name,
           type: "description"
-        };
+        });
         if (getItemProp) {
           return getItemProp(nextItem);
         }
@@ -45,19 +50,19 @@ var useFormDescription = _UYIFJ7U3cjs.createHook.call(void 0,
       },
       [id, name, getItemProp]
     );
-    props = {
-      id,
-      ...props,
-      ref: _5QY4WCTRcjs.useForkRef.call(void 0, ref, props.ref)
-    };
-    props = _NKZKDBARcjs.useCollectionItem.call(void 0, { store, ...props, getItem });
+    props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
+      id
+    }, props), {
+      ref: _NREUHWTUcjs.useForkRef.call(void 0, ref, props.ref)
+    });
+    props = _3FTPSHLHcjs.useCollectionItem.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props), { getItem }));
     return props;
   }
 );
-var FormDescription = _UYIFJ7U3cjs.createMemoComponent.call(void 0, 
+var FormDescription = _7NAIPZYNcjs.createMemoComponent.call(void 0, 
   (props) => {
     const htmlProps = useFormDescription(props);
-    return _UYIFJ7U3cjs.createElement.call(void 0, "div", htmlProps);
+    return _7NAIPZYNcjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {