@ariakit/react-core 0.3.4 → 0.3.5

package/cjs/__chunks/{EVNF7KMT.cjs → WLJVTO7A.cjs}

@@ -1,12 +1,13 @@
-"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; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+"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; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client";
 
 
 
-var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
 
+var _JTVNRMACcjs = require('./JTVNRMAC.cjs');
 
 
-var _72I2GWXFcjs = require('./72I2GWXF.cjs');
+
+var _WYXAWBLEcjs = require('./WYXAWBLE.cjs');
 
 // src/utils/store.tsx
 var _react = require('react'); var React = _interopRequireWildcard(_react);
@@ -44,9 +45,9 @@ function useStoreState(store, keyOrSelector = _misc.identity) {
 function useStoreProps(store, props, key, setKey) {
   const value = _misc.hasOwnProperty.call(void 0, props, key) ? props[key] : void 0;
   const setValue = setKey ? props[setKey] : void 0;
-  const propsRef = _5WLTMVVQcjs.useLiveRef.call(void 0, { value, setValue });
+  const propsRef = _JTVNRMACcjs.useLiveRef.call(void 0, { value, setValue });
   const canSyncValue = React.useRef(true);
-  _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
+  _JTVNRMACcjs.useSafeLayoutEffect.call(void 0, () => {
     return _store.sync.call(void 0, store, [key], (state, prev) => {
       const { value: value2, setValue: setValue2 } = propsRef.current;
       if (!setValue2)
@@ -59,11 +60,13 @@ function useStoreProps(store, props, key, setKey) {
       setValue2(state[key]);
     });
   }, [store, key]);
-  _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
+  _JTVNRMACcjs.useSafeLayoutEffect.call(void 0, () => {
     if (value === void 0)
       return;
     canSyncValue.current = true;
     return _store.sync.call(void 0, store, [key], () => {
+      if (value === void 0)
+        return;
       if (!canSyncValue.current)
         return;
       store.setState(key, value);
@@ -72,17 +75,17 @@ function useStoreProps(store, props, key, setKey) {
 }
 function useStore(createStore, props) {
   const [store, setStore] = React.useState(() => createStore(props));
-  _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => _store.init.call(void 0, store), [store]);
+  _JTVNRMACcjs.useSafeLayoutEffect.call(void 0, () => _store.init.call(void 0, store), [store]);
   const useState2 = React.useCallback(
     (keyOrSelector) => useStoreState(store, keyOrSelector),
     [store]
   );
   const memoizedStore = React.useMemo(
-    () => _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, store), { useState: useState2 }),
+    () => _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {}, store), { useState: useState2 }),
     [store, useState2]
   );
-  const updateStore = _5WLTMVVQcjs.useEvent.call(void 0, () => {
-    setStore((store2) => createStore(_72I2GWXFcjs.__spreadValues.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), store2.getState())));
+  const updateStore = _JTVNRMACcjs.useEvent.call(void 0, () => {
+    setStore((store2) => createStore(_WYXAWBLEcjs.__spreadValues.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {}, props), store2.getState())));
   });
   return [memoizedStore, updateStore];
 }

package/cjs/__chunks/WP7ZSALI.cjs

@@ -0,0 +1,39 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _AIPLRMQMcjs = require('./AIPLRMQM.cjs');
+
+
+var _M3F5A3H5cjs = require('./M3F5A3H5.cjs');
+
+
+
+
+var _VKYTJKYNcjs = require('./VKYTJKYN.cjs');
+
+
+
+var _WYXAWBLEcjs = require('./WYXAWBLE.cjs');
+
+// src/select/select-arrow.ts
+var useSelectArrow = _VKYTJKYNcjs.createHook.call(void 0, 
+  (_a) => {
+    var _b = _a, { store } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _M3F5A3H5cjs.useSelectContext.call(void 0, );
+    store = store || context;
+    props = _AIPLRMQMcjs.usePopoverDisclosureArrow.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, { store }, props));
+    return props;
+  }
+);
+var SelectArrow = _VKYTJKYNcjs.createComponent.call(void 0, (props) => {
+  const htmlProps = useSelectArrow(props);
+  return _VKYTJKYNcjs.createElement.call(void 0, "span", htmlProps);
+});
+if (process.env.NODE_ENV !== "production") {
+  SelectArrow.displayName = "SelectArrow";
+}
+
+
+
+
+exports.useSelectArrow = useSelectArrow; exports.SelectArrow = SelectArrow;

package/cjs/__chunks/{QMFZ4CLT.cjs → WQHSXOMF.cjs}

@@ -1,41 +1,42 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _DC66R2NYcjs = require('./DC66R2NY.cjs');
 
+var _TUYB72LLcjs = require('./TUYB72LL.cjs');
 
 
-var _I2EPCLS6cjs = require('./I2EPCLS6.cjs');
 
+var _M3F5A3H5cjs = require('./M3F5A3H5.cjs');
 
-var _SELCJFCBcjs = require('./SELCJFCB.cjs');
 
+var _6MOJZWMLcjs = require('./6MOJZWML.cjs');
 
-var _L2VQ4YLNcjs = require('./L2VQ4YLN.cjs');
 
+var _RXGXI75Ncjs = require('./RXGXI75N.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 
+var _VKYTJKYNcjs = require('./VKYTJKYN.cjs');
 
 
 
 
 
 
-var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
 
+var _JTVNRMACcjs = require('./JTVNRMAC.cjs');
 
 
 
-var _72I2GWXFcjs = require('./72I2GWXF.cjs');
+
+var _WYXAWBLEcjs = require('./WYXAWBLE.cjs');
 
 // src/select/select-list.tsx
 var _react = require('react');
 var _events = require('@ariakit/core/utils/events');
 var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
-var useSelectList = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useSelectList = _VKYTJKYNcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
@@ -44,7 +45,7 @@ var useSelectList = _Z5PUIG6Acjs.createHook.call(void 0,
       focusOnMove = true,
       composite,
       alwaysVisible
-    } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, [
+    } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, [
       "store",
       "resetOnEscape",
       "hideOnEnter",
@@ -52,14 +53,14 @@ var useSelectList = _Z5PUIG6Acjs.createHook.call(void 0,
       "composite",
       "alwaysVisible"
     ]);
-    const context = _I2EPCLS6cjs.useSelectProviderContext.call(void 0, );
+    const context = _M3F5A3H5cjs.useSelectProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "SelectList must receive a `store` prop or be wrapped in a SelectProvider component."
     );
     const ref = _react.useRef.call(void 0, null);
-    const id = _5WLTMVVQcjs.useId.call(void 0, props.id);
+    const id = _JTVNRMACcjs.useId.call(void 0, props.id);
     const value = store.useState("value");
     const multiSelectable = Array.isArray(value);
     const [defaultValue, setDefaultValue] = _react.useState.call(void 0, value);
@@ -71,9 +72,9 @@ var useSelectList = _Z5PUIG6Acjs.createHook.call(void 0,
     }, [mounted, value]);
     resetOnEscape = resetOnEscape && !multiSelectable;
     const onKeyDownProp = props.onKeyDown;
-    const resetOnEscapeProp = _5WLTMVVQcjs.useBooleanEvent.call(void 0, resetOnEscape);
-    const hideOnEnterProp = _5WLTMVVQcjs.useBooleanEvent.call(void 0, hideOnEnter);
-    const onKeyDown = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
+    const resetOnEscapeProp = _JTVNRMACcjs.useBooleanEvent.call(void 0, resetOnEscape);
+    const hideOnEnterProp = _JTVNRMACcjs.useBooleanEvent.call(void 0, hideOnEnter);
+    const onKeyDown = _JTVNRMACcjs.useEvent.call(void 0, (event) => {
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (event.defaultPrevented)
         return;
@@ -87,9 +88,9 @@ var useSelectList = _Z5PUIG6Acjs.createHook.call(void 0,
         }
       }
     });
-    props = _5WLTMVVQcjs.useWrapElement.call(void 0, 
+    props = _JTVNRMACcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _I2EPCLS6cjs.SelectScopedContextProvider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _M3F5A3H5cjs.SelectScopedContextProvider, { value: store, children: element }),
       [store]
     );
     const labelId = store.useState((state) => {
@@ -99,31 +100,31 @@ var useSelectList = _Z5PUIG6Acjs.createHook.call(void 0,
     const hasCombobox = !!store.combobox;
     composite = composite != null ? composite : !hasCombobox;
     if (composite) {
-      props = _72I2GWXFcjs.__spreadValues.call(void 0, { role: "listbox" }, props);
+      props = _WYXAWBLEcjs.__spreadValues.call(void 0, { role: "listbox" }, props);
     }
-    const role = _5WLTMVVQcjs.useAttribute.call(void 0, ref, "role", props.role);
+    const role = _JTVNRMACcjs.useAttribute.call(void 0, ref, "role", props.role);
     const isCompositeRole = role === "listbox" || role === "menu" || role === "tree" || role === "grid";
     const ariaMultiSelectable = composite || isCompositeRole ? multiSelectable || void 0 : void 0;
-    const hidden = _L2VQ4YLNcjs.isHidden.call(void 0, mounted, props.hidden, alwaysVisible);
-    const style = hidden ? _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props.style), { display: "none" }) : props.style;
-    props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    const hidden = _RXGXI75Ncjs.isHidden.call(void 0, mounted, props.hidden, alwaysVisible);
+    const style = hidden ? _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {}, props.style), { display: "none" }) : props.style;
+    props = _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {
       id,
       "aria-labelledby": labelId,
       "aria-multiselectable": ariaMultiSelectable,
       hidden
     }, props), {
-      ref: _5WLTMVVQcjs.useMergeRefs.call(void 0, id ? store.setContentElement : null, ref, props.ref),
+      ref: _JTVNRMACcjs.useMergeRefs.call(void 0, id ? store.setContentElement : null, ref, props.ref),
       style,
       onKeyDown
     });
-    props = _SELCJFCBcjs.useComposite.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props), { composite }));
-    props = _DC66R2NYcjs.useCompositeTypeahead.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, typeahead: !hasCombobox }, props));
+    props = _6MOJZWMLcjs.useComposite.call(void 0, _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, { store }, props), { composite }));
+    props = _TUYB72LLcjs.useCompositeTypeahead.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, { store, typeahead: !hasCombobox }, props));
     return props;
   }
 );
-var SelectList = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
+var SelectList = _VKYTJKYNcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useSelectList(props);
-  return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
+  return _VKYTJKYNcjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   SelectList.displayName = "SelectList";

package/cjs/__chunks/{72I2GWXF.cjs → WYXAWBLE.cjs}

@@ -1,4 +1,5 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var __defProp = Object.defineProperty;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;

package/cjs/__chunks/{EZKYHQVF.cjs → XCM6Y3AX.cjs}

@@ -1,26 +1,27 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _HWZH54NBcjs = require('./HWZH54NB.cjs');
 
+var _F7HB6RYGcjs = require('./F7HB6RYG.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 
+var _VKYTJKYNcjs = require('./VKYTJKYN.cjs');
 
 
-var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
 
+var _JTVNRMACcjs = require('./JTVNRMAC.cjs');
 
 
-var _72I2GWXFcjs = require('./72I2GWXF.cjs');
+
+var _WYXAWBLEcjs = require('./WYXAWBLE.cjs');
 
 // src/button/button.ts
 var _react = require('react');
 var _dom = require('@ariakit/core/utils/dom');
-var useButton = _Z5PUIG6Acjs.createHook.call(void 0, (props) => {
+var useButton = _VKYTJKYNcjs.createHook.call(void 0, (props) => {
   const ref = _react.useRef.call(void 0, null);
-  const tagName = _5WLTMVVQcjs.useTagName.call(void 0, ref, props.as || "button");
+  const tagName = _JTVNRMACcjs.useTagName.call(void 0, ref, props.as || "button");
   const [isNativeButton, setIsNativeButton] = _react.useState.call(void 0, 
     () => !!tagName && _dom.isButton.call(void 0, { tagName, type: props.type })
   );
@@ -29,17 +30,17 @@ var useButton = _Z5PUIG6Acjs.createHook.call(void 0, (props) => {
       return;
     setIsNativeButton(_dom.isButton.call(void 0, ref.current));
   }, []);
-  props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+  props = _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {
     role: !isNativeButton && tagName !== "a" ? "button" : void 0
   }, props), {
-    ref: _5WLTMVVQcjs.useMergeRefs.call(void 0, ref, props.ref)
+    ref: _JTVNRMACcjs.useMergeRefs.call(void 0, ref, props.ref)
   });
-  props = _HWZH54NBcjs.useCommand.call(void 0, props);
+  props = _F7HB6RYGcjs.useCommand.call(void 0, props);
   return props;
 });
-var Button = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
+var Button = _VKYTJKYNcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useButton(props);
-  return _Z5PUIG6Acjs.createElement.call(void 0, "button", htmlProps);
+  return _VKYTJKYNcjs.createElement.call(void 0, "button", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Button.displayName = "Button";

package/cjs/__chunks/{6RYSMHQY.cjs → YRDDHZT7.cjs}

@@ -1,29 +1,30 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _H7R5D2FRcjs = require('./H7R5D2FR.cjs');
 
+var _FQGSRSYDcjs = require('./FQGSRSYD.cjs');
 
 
-var _Q6W7IWNJcjs = require('./Q6W7IWNJ.cjs');
 
+var _ORT5QOHHcjs = require('./ORT5QOHH.cjs');
 
-var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
+
+var _VKYTJKYNcjs = require('./VKYTJKYN.cjs');
 
 // src/menu/menu-context.ts
 var _react = require('react');
-var menu = _Z5PUIG6Acjs.createStoreContext.call(void 0, 
-  [_H7R5D2FRcjs.CompositeContextProvider, _Q6W7IWNJcjs.HovercardContextProvider],
-  [_H7R5D2FRcjs.CompositeScopedContextProvider, _Q6W7IWNJcjs.HovercardScopedContextProvider]
+var menu = _VKYTJKYNcjs.createStoreContext.call(void 0, 
+  [_FQGSRSYDcjs.CompositeContextProvider, _ORT5QOHHcjs.HovercardContextProvider],
+  [_FQGSRSYDcjs.CompositeScopedContextProvider, _ORT5QOHHcjs.HovercardScopedContextProvider]
 );
 var useMenuContext = menu.useContext;
 var useMenuScopedContext = menu.useScopedContext;
 var useMenuProviderContext = menu.useProviderContext;
 var MenuContextProvider = menu.ContextProvider;
 var MenuScopedContextProvider = menu.ScopedContextProvider;
-var menubar = _Z5PUIG6Acjs.createStoreContext.call(void 0, 
-  [_H7R5D2FRcjs.CompositeContextProvider],
-  [_H7R5D2FRcjs.CompositeScopedContextProvider]
+var menubar = _VKYTJKYNcjs.createStoreContext.call(void 0, 
+  [_FQGSRSYDcjs.CompositeContextProvider],
+  [_FQGSRSYDcjs.CompositeScopedContextProvider]
 );
 var useMenuBarContext = menubar.useContext;
 var useMenuBarScopedContext = menubar.useScopedContext;

package/cjs/__chunks/{R7CSCUVW.cjs → YREZ6S36.cjs}

@@ -1,23 +1,24 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _QK4GI6B3cjs = require('./QK4GI6B3.cjs');
 
+var _VV6WA3I6cjs = require('./VV6WA3I6.cjs');
 
-var _OAEUR56Wcjs = require('./OAEUR56W.cjs');
 
+var _2TEJFTKYcjs = require('./2TEJFTKY.cjs');
 
-var _L2VQ4YLNcjs = require('./L2VQ4YLN.cjs');
 
+var _RXGXI75Ncjs = require('./RXGXI75N.cjs');
 
-var _HSOKUBYYcjs = require('./HSOKUBYY.cjs');
 
+var _4H55S5YCcjs = require('./4H55S5YC.cjs');
 
 
-var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
 
+var _JTVNRMACcjs = require('./JTVNRMAC.cjs');
 
 
-var _72I2GWXFcjs = require('./72I2GWXF.cjs');
+
+var _WYXAWBLEcjs = require('./WYXAWBLE.cjs');
 
 // src/dialog/dialog-backdrop.tsx
 var _react = require('react');
@@ -30,9 +31,9 @@ function DialogBackdrop({
   hidden
 }) {
   const ref = _react.useRef.call(void 0, null);
-  const disclosure = _HSOKUBYYcjs.useDisclosureStore.call(void 0, { disclosure: store });
+  const disclosure = _4H55S5YCcjs.useDisclosureStore.call(void 0, { disclosure: store });
   const contentElement = store.useState("contentElement");
-  _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
+  _JTVNRMACcjs.useSafeLayoutEffect.call(void 0, () => {
     const backdrop2 = ref.current;
     const dialog = contentElement;
     if (!backdrop2)
@@ -41,26 +42,26 @@ function DialogBackdrop({
       return;
     backdrop2.style.zIndex = getComputedStyle(dialog).zIndex;
   }, [contentElement]);
-  _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
+  _JTVNRMACcjs.useSafeLayoutEffect.call(void 0, () => {
     const id = contentElement == null ? void 0 : contentElement.id;
     if (!id)
       return;
     const backdrop2 = ref.current;
     if (!backdrop2)
       return;
-    return _QK4GI6B3cjs.markAncestor.call(void 0, backdrop2, id);
+    return _VV6WA3I6cjs.markAncestor.call(void 0, backdrop2, id);
   }, [contentElement]);
   if (hidden != null) {
-    backdropProps = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, backdropProps), { hidden });
+    backdropProps = _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {}, backdropProps), { hidden });
   }
-  const props = _L2VQ4YLNcjs.useDisclosureContent.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+  const props = _RXGXI75Ncjs.useDisclosureContent.call(void 0, _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {
     store: disclosure,
     role: "presentation",
     "data-backdrop": (contentElement == null ? void 0 : contentElement.id) || "",
     alwaysVisible
   }, backdropProps), {
-    ref: _5WLTMVVQcjs.useMergeRefs.call(void 0, backdropProps == null ? void 0 : backdropProps.ref, ref),
-    style: _72I2GWXFcjs.__spreadValues.call(void 0, {
+    ref: _JTVNRMACcjs.useMergeRefs.call(void 0, backdropProps == null ? void 0 : backdropProps.ref, ref),
+    style: _WYXAWBLEcjs.__spreadValues.call(void 0, {
       position: "fixed",
       top: 0,
       right: 0,
@@ -71,10 +72,10 @@ function DialogBackdrop({
   if (!backdrop)
     return null;
   if (_react.isValidElement.call(void 0, backdrop)) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _OAEUR56Wcjs.Role, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), { render: backdrop }));
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _2TEJFTKYcjs.Role, _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {}, props), { render: backdrop }));
   }
   const Component = typeof backdrop !== "boolean" ? backdrop : "div";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _OAEUR56Wcjs.Role, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), { render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, {}) }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _2TEJFTKYcjs.Role, _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {}, props), { render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, {}) }));
 }
 
 

package/cjs/__chunks/{ZHMGQCNX.cjs → ZDTJSOSW.cjs}

@@ -1,23 +1,24 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _4K6QJIPXcjs = require('./4K6QJIPX.cjs');
 
+var _AH3CUB6Ncjs = require('./AH3CUB6N.cjs');
 
-var _AKOG5S2Tcjs = require('./AKOG5S2T.cjs');
 
+var _KZA6P235cjs = require('./KZA6P235.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 
+var _VKYTJKYNcjs = require('./VKYTJKYN.cjs');
 
 
-var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
 
+var _JTVNRMACcjs = require('./JTVNRMAC.cjs');
 
 
 
-var _72I2GWXFcjs = require('./72I2GWXF.cjs');
+
+var _WYXAWBLEcjs = require('./WYXAWBLE.cjs');
 
 // src/popover/popover-arrow.tsx
 var _react = require('react');
@@ -35,7 +36,7 @@ var rotateMap = {
 function useComputedStyle(store) {
   const [style, setStyle] = _react.useState.call(void 0, );
   const contentElement = store.useState("contentElement");
-  _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
+  _JTVNRMACcjs.useSafeLayoutEffect.call(void 0, () => {
     if (!contentElement)
       return;
     const win = _dom.getWindow.call(void 0, contentElement);
@@ -44,10 +45,10 @@ function useComputedStyle(store) {
   }, [contentElement]);
   return style;
 }
-var usePopoverArrow = _Z5PUIG6Acjs.createHook.call(void 0, 
+var usePopoverArrow = _VKYTJKYNcjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store, size = defaultSize } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store", "size"]);
-    const context = _AKOG5S2Tcjs.usePopoverContext.call(void 0, );
+    var _b = _a, { store, size = defaultSize } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, ["store", "size"]);
+    const context = _KZA6P235cjs.usePopoverContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -64,17 +65,17 @@ var usePopoverArrow = _Z5PUIG6Acjs.createHook.call(void 0,
     const transform = rotateMap[dir];
     const children = _react.useMemo.call(void 0, 
       () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { display: "block", viewBox: "0 0 30 30", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { transform, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fill: "none", d: _4K6QJIPXcjs.POPOVER_ARROW_PATH }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { stroke: "none", d: _4K6QJIPXcjs.POPOVER_ARROW_PATH })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fill: "none", d: _AH3CUB6Ncjs.POPOVER_ARROW_PATH }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { stroke: "none", d: _AH3CUB6Ncjs.POPOVER_ARROW_PATH })
       ] }) }),
       [transform]
     );
-    props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {
       children,
       "aria-hidden": true
     }, props), {
-      ref: _5WLTMVVQcjs.useMergeRefs.call(void 0, store.setArrowElement, props.ref),
-      style: _72I2GWXFcjs.__spreadValues.call(void 0, {
+      ref: _JTVNRMACcjs.useMergeRefs.call(void 0, store.setArrowElement, props.ref),
+      style: _WYXAWBLEcjs.__spreadValues.call(void 0, {
         // server side rendering
         position: "absolute",
         fontSize: size,
@@ -89,9 +90,9 @@ var usePopoverArrow = _Z5PUIG6Acjs.createHook.call(void 0,
     return props;
   }
 );
-var PopoverArrow = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
+var PopoverArrow = _VKYTJKYNcjs.createComponent.call(void 0, (props) => {
   const htmlProps = usePopoverArrow(props);
-  return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
+  return _VKYTJKYNcjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   PopoverArrow.displayName = "PopoverArrow";

package/cjs/button/button.cjs

@@ -1,15 +1,16 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _EZKYHQVFcjs = require('../__chunks/EZKYHQVF.cjs');
-require('../__chunks/HWZH54NB.cjs');
-require('../__chunks/GQAB4M3B.cjs');
-require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _XCM6Y3AXcjs = require('../__chunks/XCM6Y3AX.cjs');
+require('../__chunks/F7HB6RYG.cjs');
+require('../__chunks/7ARL6QHN.cjs');
+require('../__chunks/75KXQZJX.cjs');
+require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 
-exports.Button = _EZKYHQVFcjs.Button; exports.useButton = _EZKYHQVFcjs.useButton;
+
+exports.Button = _XCM6Y3AXcjs.Button; exports.useButton = _XCM6Y3AXcjs.useButton;

package/cjs/button/button.d.cts

@@ -0,0 +1,26 @@
+import type { CommandOptions } from "../command/command.js";
+import type { As, Props } from "../utils/types.js";
+/**
+ * Returns props to create a `Button` component. If the element is not a native
+ * button, the hook will return additional props to make sure it's accessible.
+ * @see https://ariakit.org/components/button
+ * @example
+ * ```jsx
+ * const props = useButton({ render: <div /> });
+ * <Role {...props}>Accessible button</Role>
+ * ```
+ */
+export declare const useButton: import("../utils/types.js").Hook<ButtonOptions<"button">>;
+/**
+ * Renders an accessible button element. If the underlying element is not a
+ * native button, this component will pass additional attributes to make sure
+ * it's accessible.
+ * @see https://ariakit.org/components/button
+ * @example
+ * ```jsx
+ * <Button render={<div />}>Accessible button</Button>
+ * ```
+ */
+export declare const Button: import("../utils/types.js").Component<ButtonOptions<"button">>;
+export type ButtonOptions<T extends As = "button"> = CommandOptions<T>;
+export type ButtonProps<T extends As = "button"> = Props<ButtonOptions<T>>;

package/cjs/checkbox/checkbox-check.cjs

@@ -1,13 +1,14 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _P4F26HLTcjs = require('../__chunks/P4F26HLT.cjs');
-require('../__chunks/FO6MB5HF.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _Q4NPNRJZcjs = require('../__chunks/Q4NPNRJZ.cjs');
+require('../__chunks/ERFHNHON.cjs');
+require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 
-exports.CheckboxCheck = _P4F26HLTcjs.CheckboxCheck; exports.useCheckboxCheck = _P4F26HLTcjs.useCheckboxCheck;
+
+exports.CheckboxCheck = _Q4NPNRJZcjs.CheckboxCheck; exports.useCheckboxCheck = _Q4NPNRJZcjs.useCheckboxCheck;

package/cjs/checkbox/checkbox-check.d.cts

@@ -0,0 +1,37 @@
+import type { As, Options, Props } from "../utils/types.js";
+import type { CheckboxStore } from "./checkbox-store.js";
+/**
+ * Returns props to create a `CheckboxCheck` component, that's usually rendered
+ * inside a `Checkbox` component.
+ * @see https://ariakit.org/components/checkbox
+ * @example
+ * ```jsx
+ * const props = useCheckboxCheck({ checked: true });
+ * <Role {...props} />
+ * ```
+ */
+export declare const useCheckboxCheck: import("../utils/types.js").Hook<CheckboxCheckOptions<"span">>;
+/**
+ * Renders a check mark icon, usually inside a `Checkbox` component.
+ * @see https://ariakit.org/components/checkbox
+ * @example
+ * ```jsx
+ * <CheckboxCheck checked />
+ * ```
+ */
+export declare const CheckboxCheck: import("../utils/types.js").Component<CheckboxCheckOptions<"span">>;
+export interface CheckboxCheckOptions<T extends As = "span"> extends Options<T> {
+    /**
+     * Object returned by the `useCheckboxStore` hook. If not provided, the parent
+     * `Checkbox` component's context will be used. If the `checked` prop is
+     * provided, it will override this prop.
+     */
+    store?: CheckboxStore;
+    /**
+     * Whether the check mark should be shown. This value is automatically
+     * inferred from the `store` prop or the parent `Checkbox` component. Manually
+     * setting this prop will override the inferred value.
+     */
+    checked?: boolean;
+}
+export type CheckboxCheckProps<T extends As = "span"> = Props<CheckboxCheckOptions<T>>;