@ariakit/react-core 0.1.8 → 0.2.1

package/cjs/dialog/dialog-dismiss.cjs

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _KJ6JFZDMcjs = require('../__chunks/KJ6JFZDM.cjs');
-require('../__chunks/2DVMVYK2.cjs');
+var _D7ZKK4V4cjs = require('../__chunks/D7ZKK4V4.cjs');
+require('../__chunks/UXA5NJZK.cjs');
+require('../__chunks/Y7U2HALI.cjs');
 require('../__chunks/N2VCZZLP.cjs');
-require('../__chunks/DASOL6J2.cjs');
-require('../__chunks/NVBNDB5B.cjs');
+require('../__chunks/FXWXPSLI.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/7NAIPZYN.cjs');
+require('../__chunks/5U7AP6Y2.cjs');
 require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 require('../__chunks/6455U47T.cjs');
 
 
 
-exports.DialogDismiss = _KJ6JFZDMcjs.DialogDismiss; exports.useDialogDismiss = _KJ6JFZDMcjs.useDialogDismiss;
+exports.DialogDismiss = _D7ZKK4V4cjs.DialogDismiss; exports.useDialogDismiss = _D7ZKK4V4cjs.useDialogDismiss;

package/cjs/dialog/dialog-heading.cjs

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _242GTPETcjs = require('../__chunks/242GTPET.cjs');
-require('../__chunks/SN6W6IRB.cjs');
+var _WUPGDPVYcjs = require('../__chunks/WUPGDPVY.cjs');
+require('../__chunks/6KWLOLVX.cjs');
 require('../__chunks/CQSUIL2D.cjs');
 require('../__chunks/N2VCZZLP.cjs');
-require('../__chunks/7NAIPZYN.cjs');
+require('../__chunks/5U7AP6Y2.cjs');
 require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 require('../__chunks/6455U47T.cjs');
 
 
 
-exports.DialogHeading = _242GTPETcjs.DialogHeading; exports.useDialogHeading = _242GTPETcjs.useDialogHeading;
+exports.DialogHeading = _WUPGDPVYcjs.DialogHeading; exports.useDialogHeading = _WUPGDPVYcjs.useDialogHeading;

package/cjs/dialog/dialog.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _IRSBF3C5cjs = require('../__chunks/IRSBF3C5.cjs');
-require('../__chunks/OMM6PC3A.cjs');
+var _TUFFT567cjs = require('../__chunks/TUFFT567.cjs');
+require('../__chunks/XUWGEELZ.cjs');
 require('../__chunks/O45IXGJW.cjs');
 require('../__chunks/TVZPJJTX.cjs');
 require('../__chunks/QRAQT522.cjs');
@@ -12,24 +12,25 @@ require('../__chunks/56NPFF7P.cjs');
 require('../__chunks/W32FX7DM.cjs');
 require('../__chunks/CARNFZQT.cjs');
 require('../__chunks/NR3SJH64.cjs');
-require('../__chunks/GHWBKA6H.cjs');
+require('../__chunks/4OQMTZXW.cjs');
 require('../__chunks/EE6OIU6X.cjs');
 require('../__chunks/X2GXTE3P.cjs');
 require('../__chunks/SOPRUU56.cjs');
+require('../__chunks/UVIQSLIV.cjs');
+require('../__chunks/E33OSNZR.cjs');
+require('../__chunks/NS56XHXG.cjs');
 require('../__chunks/CQSUIL2D.cjs');
 require('../__chunks/N2VCZZLP.cjs');
-require('../__chunks/NVBNDB5B.cjs');
+require('../__chunks/245ESIYY.cjs');
+require('../__chunks/BICG74YF.cjs');
+require('../__chunks/FXWXPSLI.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/PFD4TS6B.cjs');
-require('../__chunks/C7Y26CUV.cjs');
-require('../__chunks/NS56XHXG.cjs');
-require('../__chunks/EM2PMFEW.cjs');
-require('../__chunks/QTPUX3NM.cjs');
-require('../__chunks/7NAIPZYN.cjs');
+require('../__chunks/VYKCWICK.cjs');
+require('../__chunks/5U7AP6Y2.cjs');
 require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 require('../__chunks/6455U47T.cjs');
 
 
 
-exports.Dialog = _IRSBF3C5cjs.Dialog; exports.useDialog = _IRSBF3C5cjs.useDialog;
+exports.Dialog = _TUFFT567cjs.Dialog; exports.useDialog = _TUFFT567cjs.useDialog;

package/cjs/dialog/dialog.d.ts

@@ -1,6 +1,6 @@
-import type { ComponentProps, ElementType, KeyboardEvent as ReactKeyboardEvent, RefObject, SyntheticEvent } from "react";
+import type { ComponentPropsWithRef, ElementType, ReactElement, KeyboardEvent as ReactKeyboardEvent, RefObject, SyntheticEvent } from "react";
 import type { BooleanOrCallback } from "@ariakit/core/utils/types";
-import type { DisclosureContentOptions, DisclosureContentProps } from "../disclosure/disclosure-content.js";
+import type { DisclosureContentOptions } from "../disclosure/disclosure-content.js";
 import type { FocusableOptions } from "../focusable/focusable.js";
 import type { PortalOptions } from "../portal/portal.js";
 import type { As, Props } from "../utils/types.js";
@@ -49,17 +49,30 @@ export interface DialogOptions<T extends As = "div"> extends FocusableOptions<T>
     /**
      * Determines whether there will be a backdrop behind the dialog. On modal
      * dialogs, this is `true` by default. Besides a `boolean`, this prop can also
-     * be a React component that will be rendered as the backdrop.
+     * be a React component or JSX element that will be rendered as the backdrop.
+     *
+     * **If a custom component is used, it must accept ref and spread all props to
+     * its underlying DOM element**, the same way a native element would.
+     *
+     * Live examples:
+     * - [Animated Dialog](https://ariakit.org/examples/dialog-animated)
+     * - [Dialog with Framer
+     *   Motion](https://ariakit.org/examples/dialog-framer-motion)
+     * - [Dialog with Menu](https://ariakit.org/examples/dialog-menu)
+     * - [Nested Dialog](https://ariakit.org/examples/dialog-nested)
+     * - [Dialog with Next.js App
+     *   Router](https://ariakit.org/examples/dialog-next-router)
      * @example
      * ```jsx
-     * <Dialog backdrop={StyledBackdrop} />
+     * <Dialog backdrop={<div className="backdrop" />} />
      * ```
      */
-    backdrop?: boolean | ElementType<ComponentProps<"div">>;
+    backdrop?: boolean | ReactElement<ComponentPropsWithRef<"div">> | ElementType<ComponentPropsWithRef<"div">>;
     /**
      * Props that will be passed to the backdrop element if `backdrop` is `true`.
+     * @deprecated Use the `backdrop` prop instead.
      */
-    backdropProps?: Omit<DisclosureContentProps, "store">;
+    backdropProps?: ComponentPropsWithRef<"div">;
     /**
      * Determines whether the dialog will be hidden when the user presses the
      * Escape key.

package/cjs/disclosure/disclosure-content.cjs

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

package/cjs/disclosure/disclosure.cjs

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _GE4P5OCBcjs = require('../__chunks/GE4P5OCB.cjs');
-require('../__chunks/2DVMVYK2.cjs');
-require('../__chunks/DASOL6J2.cjs');
-require('../__chunks/NVBNDB5B.cjs');
+var _5Z5H5L5Kcjs = require('../__chunks/5Z5H5L5K.cjs');
+require('../__chunks/UXA5NJZK.cjs');
+require('../__chunks/Y7U2HALI.cjs');
+require('../__chunks/FXWXPSLI.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/7NAIPZYN.cjs');
+require('../__chunks/5U7AP6Y2.cjs');
 require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 require('../__chunks/6455U47T.cjs');
 
 
 
-exports.Disclosure = _GE4P5OCBcjs.Disclosure; exports.useDisclosure = _GE4P5OCBcjs.useDisclosure;
+exports.Disclosure = _5Z5H5L5Kcjs.Disclosure; exports.useDisclosure = _5Z5H5L5Kcjs.useDisclosure;

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

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _C7Y26CUVcjs = require('../__chunks/C7Y26CUV.cjs');
-require('../__chunks/QTPUX3NM.cjs');
+var _E33OSNZRcjs = require('../__chunks/E33OSNZR.cjs');
+require('../__chunks/VYKCWICK.cjs');
 
 
 
 
-var _7NAIPZYNcjs = require('../__chunks/7NAIPZYN.cjs');
+var _5U7AP6Y2cjs = require('../__chunks/5U7AP6Y2.cjs');
 
 
 
@@ -22,7 +22,7 @@ var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
 var _react = require('react');
 var _focus = require('@ariakit/core/utils/focus');
 var _jsxruntime = require('react/jsx-runtime');
-var useFocusTrapRegion = _7NAIPZYNcjs.createHook.call(void 0, 
+var useFocusTrapRegion = _5U7AP6Y2cjs.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);
@@ -33,7 +33,7 @@ var useFocusTrapRegion = _7NAIPZYNcjs.createHook.call(void 0,
           if (!enabled)
             return null;
           return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _C7Y26CUVcjs.FocusTrap,
+            _E33OSNZRcjs.FocusTrap,
             {
               onFocus: (event) => {
                 const container = ref.current;
@@ -69,10 +69,10 @@ var useFocusTrapRegion = _7NAIPZYNcjs.createHook.call(void 0,
     return props;
   }
 );
-var FocusTrapRegion = _7NAIPZYNcjs.createComponent.call(void 0, 
+var FocusTrapRegion = _5U7AP6Y2cjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useFocusTrapRegion(props);
-    return _7NAIPZYNcjs.createElement.call(void 0, "div", htmlProps);
+    return _5U7AP6Y2cjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

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

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _C7Y26CUVcjs = require('../__chunks/C7Y26CUV.cjs');
-require('../__chunks/QTPUX3NM.cjs');
-require('../__chunks/7NAIPZYN.cjs');
+var _E33OSNZRcjs = require('../__chunks/E33OSNZR.cjs');
+require('../__chunks/VYKCWICK.cjs');
+require('../__chunks/5U7AP6Y2.cjs');
 require('../__chunks/6455U47T.cjs');
 
 
 
-exports.FocusTrap = _C7Y26CUVcjs.FocusTrap; exports.useFocusTrap = _C7Y26CUVcjs.useFocusTrap;
+exports.FocusTrap = _E33OSNZRcjs.FocusTrap; exports.useFocusTrap = _E33OSNZRcjs.useFocusTrap;

package/cjs/focusable/focusable-container.cjs

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

package/cjs/focusable/focusable.cjs

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

package/cjs/form/form-checkbox.cjs

@@ -1,26 +1,26 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _IUMXLBMBcjs = require('../__chunks/IUMXLBMB.cjs');
+var _RJLMJD4Ucjs = require('../__chunks/RJLMJD4U.cjs');
 
 
 var _OTRABJ4Ycjs = require('../__chunks/OTRABJ4Y.cjs');
 
 
-var _NUMCUPYTcjs = require('../__chunks/NUMCUPYT.cjs');
+var _NOCSLP5Tcjs = require('../__chunks/NOCSLP5T.cjs');
 
 
 var _M72BOABWcjs = require('../__chunks/M72BOABW.cjs');
 require('../__chunks/FO6MB5HF.cjs');
-require('../__chunks/DASOL6J2.cjs');
-require('../__chunks/3FTPSHLH.cjs');
+require('../__chunks/Y7U2HALI.cjs');
+require('../__chunks/VBOBU7EM.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
-require('../__chunks/NVBNDB5B.cjs');
+require('../__chunks/FXWXPSLI.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 
 
 
 
-var _7NAIPZYNcjs = require('../__chunks/7NAIPZYN.cjs');
+var _5U7AP6Y2cjs = require('../__chunks/5U7AP6Y2.cjs');
 require('../__chunks/F7HVNVHQ.cjs');
 require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
@@ -32,7 +32,7 @@ var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
 // src/form/form-checkbox.ts
 var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
-var useFormCheckbox = _7NAIPZYNcjs.createHook.call(void 0, 
+var useFormCheckbox = _5U7AP6Y2cjs.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);
@@ -46,8 +46,8 @@ var useFormCheckbox = _7NAIPZYNcjs.createHook.call(void 0,
       value: store.useValue(name),
       setValue: (value2) => store == null ? void 0 : store.setValue(name, value2)
     });
-    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, {
+    props = _NOCSLP5Tcjs.useCheckbox.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store: checkboxStore, value, checked }, props));
+    props = _RJLMJD4Ucjs.useFormField.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       store,
       name,
       "aria-labelledby": void 0
@@ -55,10 +55,10 @@ var useFormCheckbox = _7NAIPZYNcjs.createHook.call(void 0,
     return props;
   }
 );
-var FormCheckbox = _7NAIPZYNcjs.createMemoComponent.call(void 0, 
+var FormCheckbox = _5U7AP6Y2cjs.createMemoComponent.call(void 0, 
   (props) => {
     const htmlProps = useFormCheckbox(props);
-    return _7NAIPZYNcjs.createElement.call(void 0, "input", htmlProps);
+    return _5U7AP6Y2cjs.createElement.call(void 0, "input", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/form/form-description.cjs

@@ -3,13 +3,13 @@
 var _OTRABJ4Ycjs = require('../__chunks/OTRABJ4Y.cjs');
 
 
-var _3FTPSHLHcjs = require('../__chunks/3FTPSHLH.cjs');
+var _VBOBU7EMcjs = require('../__chunks/VBOBU7EM.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
 
 
 
 
-var _7NAIPZYNcjs = require('../__chunks/7NAIPZYN.cjs');
+var _5U7AP6Y2cjs = require('../__chunks/5U7AP6Y2.cjs');
 
 
 
@@ -24,7 +24,7 @@ var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
 // src/form/form-description.ts
 var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
-var useFormDescription = _7NAIPZYNcjs.createHook.call(void 0, 
+var useFormDescription = _5U7AP6Y2cjs.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);
@@ -55,14 +55,14 @@ var useFormDescription = _7NAIPZYNcjs.createHook.call(void 0,
     }, 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 }));
+    props = _VBOBU7EMcjs.useCollectionItem.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props), { getItem }));
     return props;
   }
 );
-var FormDescription = _7NAIPZYNcjs.createMemoComponent.call(void 0, 
+var FormDescription = _5U7AP6Y2cjs.createMemoComponent.call(void 0, 
   (props) => {
     const htmlProps = useFormDescription(props);
-    return _7NAIPZYNcjs.createElement.call(void 0, "div", htmlProps);
+    return _5U7AP6Y2cjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/form/form-error.cjs

@@ -3,13 +3,13 @@
 var _OTRABJ4Ycjs = require('../__chunks/OTRABJ4Y.cjs');
 
 
-var _3FTPSHLHcjs = require('../__chunks/3FTPSHLH.cjs');
+var _VBOBU7EMcjs = require('../__chunks/VBOBU7EM.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
 
 
 
 
-var _7NAIPZYNcjs = require('../__chunks/7NAIPZYN.cjs');
+var _5U7AP6Y2cjs = require('../__chunks/5U7AP6Y2.cjs');
 
 
 
@@ -24,7 +24,7 @@ var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
 // src/form/form-error.ts
 var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
-var useFormError = _7NAIPZYNcjs.createHook.call(void 0, 
+var useFormError = _5U7AP6Y2cjs.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);
@@ -61,13 +61,13 @@ var useFormError = _7NAIPZYNcjs.createHook.call(void 0,
     }, 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 }));
+    props = _VBOBU7EMcjs.useCollectionItem.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props), { getItem }));
     return props;
   }
 );
-var FormError = _7NAIPZYNcjs.createMemoComponent.call(void 0, (props) => {
+var FormError = _5U7AP6Y2cjs.createMemoComponent.call(void 0, (props) => {
   const htmlProps = useFormError(props);
-  return _7NAIPZYNcjs.createElement.call(void 0, "div", htmlProps);
+  return _5U7AP6Y2cjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   FormError.displayName = "FormError";

package/cjs/form/form-field.cjs

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _IUMXLBMBcjs = require('../__chunks/IUMXLBMB.cjs');
+var _RJLMJD4Ucjs = require('../__chunks/RJLMJD4U.cjs');
 require('../__chunks/OTRABJ4Y.cjs');
-require('../__chunks/3FTPSHLH.cjs');
+require('../__chunks/VBOBU7EM.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
-require('../__chunks/7NAIPZYN.cjs');
+require('../__chunks/5U7AP6Y2.cjs');
 require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 require('../__chunks/6455U47T.cjs');
 
 
 
-exports.FormField = _IUMXLBMBcjs.FormField; exports.useFormField = _IUMXLBMBcjs.useFormField;
+exports.FormField = _RJLMJD4Ucjs.FormField; exports.useFormField = _RJLMJD4Ucjs.useFormField;

package/cjs/form/form-group-label.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _OEMSRXCMcjs = require('../__chunks/OEMSRXCM.cjs');
+var _FYQRNJDCcjs = require('../__chunks/FYQRNJDC.cjs');
 require('../__chunks/K56WQU76.cjs');
 
 
 
 
-var _7NAIPZYNcjs = require('../__chunks/7NAIPZYN.cjs');
+var _5U7AP6Y2cjs = require('../__chunks/5U7AP6Y2.cjs');
 require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 
@@ -14,17 +14,17 @@ require('../__chunks/2X5K3J7Y.cjs');
 var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
 
 // src/form/form-group-label.ts
-var useFormGroupLabel = _7NAIPZYNcjs.createHook.call(void 0, 
+var useFormGroupLabel = _5U7AP6Y2cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
-    props = _OEMSRXCMcjs.useGroupLabel.call(void 0, props);
+    props = _FYQRNJDCcjs.useGroupLabel.call(void 0, props);
     return props;
   }
 );
-var FormGroupLabel = _7NAIPZYNcjs.createComponent.call(void 0, 
+var FormGroupLabel = _5U7AP6Y2cjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useFormGroupLabel(props);
-    return _7NAIPZYNcjs.createElement.call(void 0, "div", htmlProps);
+    return _5U7AP6Y2cjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/form/form-group.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _ESIFH6RKcjs = require('../__chunks/ESIFH6RK.cjs');
-require('../__chunks/2G35RG62.cjs');
+var _LCZFJFABcjs = require('../__chunks/LCZFJFAB.cjs');
+require('../__chunks/C4JVXWWX.cjs');
 require('../__chunks/K56WQU76.cjs');
-require('../__chunks/7NAIPZYN.cjs');
+require('../__chunks/5U7AP6Y2.cjs');
 require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 require('../__chunks/6455U47T.cjs');
 
 
 
-exports.FormGroup = _ESIFH6RKcjs.FormGroup; exports.useFormGroup = _ESIFH6RKcjs.useFormGroup;
+exports.FormGroup = _LCZFJFABcjs.FormGroup; exports.useFormGroup = _LCZFJFABcjs.useFormGroup;

package/cjs/form/form-input.cjs

@@ -1,20 +1,20 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _IUMXLBMBcjs = require('../__chunks/IUMXLBMB.cjs');
+var _RJLMJD4Ucjs = require('../__chunks/RJLMJD4U.cjs');
 
 
 var _OTRABJ4Ycjs = require('../__chunks/OTRABJ4Y.cjs');
-require('../__chunks/3FTPSHLH.cjs');
+require('../__chunks/VBOBU7EM.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
 
 
-var _NVBNDB5Bcjs = require('../__chunks/NVBNDB5B.cjs');
+var _FXWXPSLIcjs = require('../__chunks/FXWXPSLI.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 
 
 
 
-var _7NAIPZYNcjs = require('../__chunks/7NAIPZYN.cjs');
+var _5U7AP6Y2cjs = require('../__chunks/5U7AP6Y2.cjs');
 
 
 var _NREUHWTUcjs = require('../__chunks/NREUHWTU.cjs');
@@ -28,7 +28,7 @@ var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
 // src/form/form-input.ts
 var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
-var useFormInput = _7NAIPZYNcjs.createHook.call(void 0, 
+var useFormInput = _5U7AP6Y2cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store, name: nameProp } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store", "name"]);
     const context = _react.useContext.call(void 0, _OTRABJ4Ycjs.FormContext);
@@ -51,14 +51,14 @@ var useFormInput = _7NAIPZYNcjs.createHook.call(void 0,
     }, props), {
       onChange
     });
-    props = _NVBNDB5Bcjs.useFocusable.call(void 0, props);
-    props = _IUMXLBMBcjs.useFormField.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store, name }, props));
+    props = _FXWXPSLIcjs.useFocusable.call(void 0, props);
+    props = _RJLMJD4Ucjs.useFormField.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store, name }, props));
     return props;
   }
 );
-var FormInput = _7NAIPZYNcjs.createMemoComponent.call(void 0, (props) => {
+var FormInput = _5U7AP6Y2cjs.createMemoComponent.call(void 0, (props) => {
   const htmlProps = useFormInput(props);
-  return _7NAIPZYNcjs.createElement.call(void 0, "input", htmlProps);
+  return _5U7AP6Y2cjs.createElement.call(void 0, "input", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   FormInput.displayName = "FormInput";

package/cjs/form/form-label.cjs

@@ -3,13 +3,13 @@
 var _OTRABJ4Ycjs = require('../__chunks/OTRABJ4Y.cjs');
 
 
-var _3FTPSHLHcjs = require('../__chunks/3FTPSHLH.cjs');
+var _VBOBU7EMcjs = require('../__chunks/VBOBU7EM.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
 
 
 
 
-var _7NAIPZYNcjs = require('../__chunks/7NAIPZYN.cjs');
+var _5U7AP6Y2cjs = require('../__chunks/5U7AP6Y2.cjs');
 
 
 
@@ -30,7 +30,7 @@ var _misc = require('@ariakit/core/utils/misc');
 function supportsNativeLabel(tagName) {
   return tagName === "input" || tagName === "textarea" || tagName === "select" || tagName === "meter" || tagName === "progress";
 }
-var useFormLabel = _7NAIPZYNcjs.createHook.call(void 0, 
+var useFormLabel = _5U7AP6Y2cjs.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);
@@ -89,13 +89,13 @@ var useFormLabel = _7NAIPZYNcjs.createHook.call(void 0,
         }, props.style)
       });
     }
-    props = _3FTPSHLHcjs.useCollectionItem.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props), { getItem }));
+    props = _VBOBU7EMcjs.useCollectionItem.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props), { getItem }));
     return props;
   }
 );
-var FormLabel = _7NAIPZYNcjs.createMemoComponent.call(void 0, (props) => {
+var FormLabel = _5U7AP6Y2cjs.createMemoComponent.call(void 0, (props) => {
   const htmlProps = useFormLabel(props);
-  return _7NAIPZYNcjs.createElement.call(void 0, "label", htmlProps);
+  return _5U7AP6Y2cjs.createElement.call(void 0, "label", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   FormLabel.displayName = "FormLabel";