@ariakit/react-core 0.3.14 → 0.4.1

package/cjs/__chunks/{7ZVTEFD7.cjs → X3YXQESW.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _5UTRYT6Ecjs = require('./5UTRYT6E.cjs');
+var _M7WN4XJHcjs = require('./M7WN4XJH.cjs');
 
 
-var _F2A2ZQDBcjs = require('./F2A2ZQDB.cjs');
+var _OLPMMKKOcjs = require('./OLPMMKKO.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
 
 
 var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
@@ -22,10 +22,11 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 // src/dialog/dialog-dismiss.tsx
 var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
-var useDialogDismiss = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var TagName = "button";
+var useDialogDismiss = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useDialogDismiss2(_a) {
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _F2A2ZQDBcjs.useDialogScopedContext.call(void 0, );
+    const context = _OLPMMKKOcjs.useDialogScopedContext.call(void 0, );
     store = store || context;
     const onClickProp = props.onClick;
     const onClick = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
@@ -62,17 +63,14 @@ var useDialogDismiss = _RNZNGEL4cjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _5UTRYT6Ecjs.useButton.call(void 0, props);
+    props = _M7WN4XJHcjs.useButton.call(void 0, props);
     return props;
   }
 );
-var DialogDismiss = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
+var DialogDismiss = _Q67LZMDTcjs.forwardRef.call(void 0, function DialogDismiss2(props) {
   const htmlProps = useDialogDismiss(props);
-  return _RNZNGEL4cjs.createElement.call(void 0, "button", htmlProps);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
 });
-if (process.env.NODE_ENV !== "production") {
-  DialogDismiss.displayName = "DialogDismiss";
-}
 
 
 

package/cjs/__chunks/XAEBGC7D.cjs

@@ -0,0 +1,51 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _2BIO7R5Ncjs = require('./2BIO7R5N.cjs');
+
+
+
+
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
+
+
+
+var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
+
+
+
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
+
+// src/heading/heading.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var TagName = "h1";
+var useHeading = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useHeading2(props) {
+    const ref = _react.useRef.call(void 0, null);
+    const level = _react.useContext.call(void 0, _2BIO7R5Ncjs.HeadingContext) || 1;
+    const Element = `h${level}`;
+    const tagName = _EO6LS72Hcjs.useTagName.call(void 0, ref, Element);
+    const isNativeHeading = _react.useMemo.call(void 0, 
+      () => !!tagName && /^h\d$/.test(tagName),
+      [tagName]
+    );
+    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+      render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Element, {}),
+      role: !isNativeHeading ? "heading" : void 0,
+      "aria-level": !isNativeHeading ? level : void 0
+    }, props), {
+      ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref)
+    });
+    return props;
+  }
+);
+var Heading = _Q67LZMDTcjs.forwardRef.call(void 0, function Heading2(props) {
+  const htmlProps = useHeading(props);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+});
+
+
+
+
+exports.useHeading = useHeading; exports.Heading = Heading;

package/cjs/__chunks/{NONPPWSF.cjs → XPNDTO4N.cjs}

@@ -1,13 +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; } }"use client";
 
 
-var _3WCBE6SUcjs = require('./3WCBE6SU.cjs');
+var _OBT2YMBCcjs = require('./OBT2YMBC.cjs');
 
 
 var _LUL2YWZ3cjs = require('./LUL2YWZ3.cjs');
 
 
-var _NRGWVSB5cjs = require('./NRGWVSB5.cjs');
+var _GOS3JJKQcjs = require('./GOS3JJKQ.cjs');
 
 
 
@@ -24,14 +24,19 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 var _selectstore = require('@ariakit/core/select/select-store'); var Core = _interopRequireWildcard(_selectstore);
 function useSelectStoreProps(store, update, props) {
   _EO6LS72Hcjs.useUpdateEffect.call(void 0, update, [props.combobox]);
-  store = _LUL2YWZ3cjs.useCompositeStoreProps.call(void 0, store, update, props);
-  store = _NRGWVSB5cjs.usePopoverStoreProps.call(void 0, store, update, props);
   _OLOZ5JT2cjs.useStoreProps.call(void 0, store, props, "value", "setValue");
   _OLOZ5JT2cjs.useStoreProps.call(void 0, store, props, "setValueOnMove");
-  return Object.assign(store, { combobox: props.combobox });
+  return Object.assign(
+    _GOS3JJKQcjs.usePopoverStoreProps.call(void 0, 
+      _LUL2YWZ3cjs.useCompositeStoreProps.call(void 0, store, update, props),
+      update,
+      props
+    ),
+    { combobox: props.combobox }
+  );
 }
 function useSelectStore(props = {}) {
-  const combobox = _3WCBE6SUcjs.useComboboxProviderContext.call(void 0, );
+  const combobox = _OBT2YMBCcjs.useComboboxProviderContext.call(void 0, );
   props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
     combobox: props.combobox !== void 0 ? props.combobox : combobox
   });

package/cjs/__chunks/{S6UU7NA4.cjs → XRJBC7H7.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
 
 // src/disclosure/disclosure-context.tsx
-var ctx = _RNZNGEL4cjs.createStoreContext.call(void 0, );
+var ctx = _Q67LZMDTcjs.createStoreContext.call(void 0, );
 var useDisclosureContext = ctx.useContext;
 var useDisclosureScopedContext = ctx.useScopedContext;
 var useDisclosureProviderContext = ctx.useProviderContext;

package/cjs/__chunks/{Z3GCTNW4.cjs → XRZ2L7EA.cjs}

@@ -6,7 +6,7 @@ var _75KXQZJXcjs = require('./75KXQZJX.cjs');
 
 
 
-var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
 
 
 
@@ -33,8 +33,12 @@ var _events = require('@ariakit/core/utils/events');
 
 
 var _focus = require('@ariakit/core/utils/focus');
+
+
+
 var _misc = require('@ariakit/core/utils/misc');
 var _platform = require('@ariakit/core/utils/platform');
+var TagName = "div";
 var isSafariBrowser = _platform.isSafari.call(void 0, );
 var alwaysFocusVisibleInputTypes = [
   "text",
@@ -137,8 +141,8 @@ function onGlobalKeyDown(event) {
     return;
   isKeyboardModality = true;
 }
-var useFocusable = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var useFocusable = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useFocusable2(_a) {
     var _b = _a, {
       focusable = true,
       accessibleWhenDisabled,
@@ -259,27 +263,25 @@ var useFocusable = _RNZNGEL4cjs.createHook.call(void 0,
       setFocusVisible(true);
     };
     const onKeyDownCaptureProp = props.onKeyDownCapture;
-    const onKeyDownCapture = _EO6LS72Hcjs.useEvent.call(void 0, 
-      (event) => {
-        onKeyDownCaptureProp == null ? void 0 : onKeyDownCaptureProp(event);
-        if (event.defaultPrevented)
-          return;
-        if (!focusable)
-          return;
-        if (focusVisible)
-          return;
-        if (event.metaKey)
-          return;
-        if (event.altKey)
-          return;
-        if (event.ctrlKey)
-          return;
-        if (!_events.isSelfTarget.call(void 0, event))
-          return;
-        const element = event.currentTarget;
-        queueMicrotask(() => handleFocusVisible(event, element));
-      }
-    );
+    const onKeyDownCapture = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
+      onKeyDownCaptureProp == null ? void 0 : onKeyDownCaptureProp(event);
+      if (event.defaultPrevented)
+        return;
+      if (!focusable)
+        return;
+      if (focusVisible)
+        return;
+      if (event.metaKey)
+        return;
+      if (event.altKey)
+        return;
+      if (event.ctrlKey)
+        return;
+      if (!_events.isSelfTarget.call(void 0, event))
+        return;
+      const element = event.currentTarget;
+      queueMicrotask(() => handleFocusVisible(event, element));
+    });
     const onFocusCaptureProp = props.onFocusCapture;
     const onFocusCapture = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
       onFocusCaptureProp == null ? void 0 : onFocusCaptureProp(event);
@@ -328,14 +330,20 @@ var useFocusable = _RNZNGEL4cjs.createHook.call(void 0,
         element.focus();
       });
     });
-    const tagName = _EO6LS72Hcjs.useTagName.call(void 0, ref, props.as);
+    const tagName = _EO6LS72Hcjs.useTagName.call(void 0, ref);
     const nativeTabbable = focusable && isNativeTabbable(tagName);
     const supportsDisabled = focusable && supportsDisabledAttribute(tagName);
-    const style = trulyDisabled ? _AV6KTKLEcjs.__spreadValues.call(void 0, { pointerEvents: "none" }, props.style) : props.style;
+    const styleProp = props.style;
+    const style = _react.useMemo.call(void 0, () => {
+      if (trulyDisabled) {
+        return _AV6KTKLEcjs.__spreadValues.call(void 0, { pointerEvents: "none" }, styleProp);
+      }
+      return styleProp;
+    }, [trulyDisabled, styleProp]);
     props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
-      "data-focus-visible": focusable && focusVisible ? "" : void 0,
-      "data-autofocus": autoFocus ? true : void 0,
-      "aria-disabled": disabled ? true : void 0
+      "data-focus-visible": focusable && focusVisible || void 0,
+      "data-autofocus": autoFocus || void 0,
+      "aria-disabled": disabled || void 0
     }, props), {
       ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, autoFocusRef, props.ref),
       style,
@@ -357,16 +365,13 @@ var useFocusable = _RNZNGEL4cjs.createHook.call(void 0,
       onFocusCapture,
       onBlur
     });
-    return props;
+    return _misc.removeUndefinedValues.call(void 0, props);
   }
 );
-var Focusable = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
-  props = useFocusable(props);
-  return _RNZNGEL4cjs.createElement.call(void 0, "div", props);
+var Focusable = _Q67LZMDTcjs.forwardRef.call(void 0, function Focusable2(props) {
+  const htmlProps = useFocusable(props);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
 });
-if (process.env.NODE_ENV !== "production") {
-  Focusable.displayName = "Focusable";
-}
 
 
 

package/cjs/__chunks/XSRQB4KO.cjs

@@ -0,0 +1,131 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _6ZZYUFPWcjs = require('./6ZZYUFPW.cjs');
+
+
+var _4XFLDG56cjs = require('./4XFLDG56.cjs');
+
+
+
+
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
+
+
+var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
+
+
+
+
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
+
+// src/composite/composite-typeahead.ts
+var _react = require('react');
+var _dom = require('@ariakit/core/utils/dom');
+var _events = require('@ariakit/core/utils/events');
+
+
+
+
+var _misc = require('@ariakit/core/utils/misc');
+var TagName = "div";
+var chars = "";
+function clearChars() {
+  chars = "";
+}
+function isValidTypeaheadEvent(event) {
+  const target = event.target;
+  if (target && _dom.isTextField.call(void 0, target))
+    return false;
+  if (event.key === " " && chars.length)
+    return true;
+  return event.key.length === 1 && !event.ctrlKey && !event.altKey && !event.metaKey && /^[\p{Letter}\p{Number}]$/u.test(event.key);
+}
+function isSelfTargetOrItem(event, items) {
+  if (_events.isSelfTarget.call(void 0, event))
+    return true;
+  const target = event.target;
+  if (!target)
+    return false;
+  const isItem = items.some((item) => item.element === target);
+  return isItem;
+}
+function getEnabledItems(items) {
+  return items.filter((item) => !item.disabled);
+}
+function itemTextStartsWith(item, text) {
+  var _a;
+  const itemText = ((_a = item.element) == null ? void 0 : _a.textContent) || item.children;
+  if (!itemText)
+    return false;
+  return _misc.normalizeString.call(void 0, itemText).trim().toLowerCase().startsWith(text.toLowerCase());
+}
+function getSameInitialItems(items, char, activeId) {
+  if (!activeId)
+    return items;
+  const activeItem = items.find((item) => item.id === activeId);
+  if (!activeItem)
+    return items;
+  if (!itemTextStartsWith(activeItem, char))
+    return items;
+  if (chars !== char && itemTextStartsWith(activeItem, chars))
+    return items;
+  chars = char;
+  return _6ZZYUFPWcjs.flipItems.call(void 0, 
+    items.filter((item) => itemTextStartsWith(item, chars)),
+    activeId
+  ).filter((item) => item.id !== activeId);
+}
+var useCompositeTypeahead = _Q67LZMDTcjs.createHook.call(void 0, function useCompositeTypeahead2(_a) {
+  var _b = _a, { store, typeahead = true } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store", "typeahead"]);
+  const context = _4XFLDG56cjs.useCompositeContext.call(void 0, );
+  store = store || context;
+  _misc.invariant.call(void 0, 
+    store,
+    process.env.NODE_ENV !== "production" && "CompositeTypeahead must be a Composite component"
+  );
+  const onKeyDownCaptureProp = props.onKeyDownCapture;
+  const cleanupTimeoutRef = _react.useRef.call(void 0, 0);
+  const onKeyDownCapture = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
+    onKeyDownCaptureProp == null ? void 0 : onKeyDownCaptureProp(event);
+    if (event.defaultPrevented)
+      return;
+    if (!typeahead)
+      return;
+    if (!store)
+      return;
+    const { items, activeId } = store.getState();
+    if (!isValidTypeaheadEvent(event))
+      return clearChars();
+    let enabledItems = getEnabledItems(items);
+    if (!isSelfTargetOrItem(event, enabledItems))
+      return clearChars();
+    event.preventDefault();
+    window.clearTimeout(cleanupTimeoutRef.current);
+    cleanupTimeoutRef.current = window.setTimeout(() => {
+      chars = "";
+    }, 500);
+    const char = event.key.toLowerCase();
+    chars += char;
+    enabledItems = getSameInitialItems(enabledItems, char, activeId);
+    const item = enabledItems.find((item2) => itemTextStartsWith(item2, chars));
+    if (item) {
+      store.move(item.id);
+    } else {
+      clearChars();
+    }
+  });
+  props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+    onKeyDownCapture
+  });
+  return _misc.removeUndefinedValues.call(void 0, props);
+});
+var CompositeTypeahead = _Q67LZMDTcjs.forwardRef.call(void 0, function CompositeTypeahead2(props) {
+  const htmlProps = useCompositeTypeahead(props);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+});
+
+
+
+
+exports.useCompositeTypeahead = useCompositeTypeahead; exports.CompositeTypeahead = CompositeTypeahead;

package/cjs/__chunks/{R5A2WTWB.cjs → XWCNZ2IP.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _BZTDJIVTcjs = require('./BZTDJIVT.cjs');
+var _Q6CVYJBOcjs = require('./Q6CVYJBO.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
 
 
 
@@ -20,8 +20,9 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 // src/collection/collection-item.ts
 var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
-var useCollectionItem = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var TagName = "div";
+var useCollectionItem = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useCollectionItem2(_a) {
     var _b = _a, {
       store,
       shouldRegisterItem = true,
@@ -34,7 +35,7 @@ var useCollectionItem = _RNZNGEL4cjs.createHook.call(void 0,
       // @ts-expect-error This prop may come from a collection renderer.
       "element"
     ]);
-    const context = _BZTDJIVTcjs.useCollectionContext.call(void 0, );
+    const context = _Q6CVYJBOcjs.useCollectionContext.call(void 0, );
     store = store || context;
     const id = _EO6LS72Hcjs.useId.call(void 0, props.id);
     const ref = _react.useRef.call(void 0, element);
@@ -52,18 +53,13 @@ var useCollectionItem = _RNZNGEL4cjs.createHook.call(void 0,
     props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
       ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref)
     });
-    return props;
+    return _misc.removeUndefinedValues.call(void 0, props);
   }
 );
-var CollectionItem = _RNZNGEL4cjs.createComponent.call(void 0, 
-  (props) => {
-    const htmlProps = useCollectionItem(props);
-    return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  CollectionItem.displayName = "CollectionItem";
-}
+var CollectionItem = _Q67LZMDTcjs.forwardRef.call(void 0, function CollectionItem2(props) {
+  const htmlProps = useCollectionItem(props);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+});
 
 
 

package/cjs/__chunks/{T7WLYFYV.cjs → YDATFQCD.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _7LBZXSLYcjs = require('./7LBZXSLY.cjs');
+var _GAHLF3OIcjs = require('./GAHLF3OI.cjs');
 
 
 var _EUHOCOY2cjs = require('./EUHOCOY2.cjs');
@@ -10,7 +10,7 @@ var _EUHOCOY2cjs = require('./EUHOCOY2.cjs');
 var _jsxruntime = require('react/jsx-runtime');
 function MenubarProvider(props = {}) {
   const store = _EUHOCOY2cjs.useMenubarStore.call(void 0, props);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _7LBZXSLYcjs.MenubarContextProvider, { value: store, children: props.children });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _GAHLF3OIcjs.MenubarContextProvider, { value: store, children: props.children });
 }
 
 

package/cjs/__chunks/Z3JYZ4IW.cjs

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _X3YXQESWcjs = require('./X3YXQESW.cjs');
+
+
+var _FNVFJ5AFcjs = require('./FNVFJ5AF.cjs');
+
+
+
+
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
+
+
+
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
+
+// src/popover/popover-dismiss.ts
+var TagName = "button";
+var usePopoverDismiss = _Q67LZMDTcjs.createHook.call(void 0, 
+  function usePopoverDismiss2(_a) {
+    var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _FNVFJ5AFcjs.usePopoverScopedContext.call(void 0, );
+    store = store || context;
+    props = _X3YXQESWcjs.useDialogDismiss.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    return props;
+  }
+);
+var PopoverDismiss = _Q67LZMDTcjs.forwardRef.call(void 0, function PopoverDismiss2(props) {
+  const htmlProps = usePopoverDismiss(props);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+});
+
+
+
+
+exports.usePopoverDismiss = usePopoverDismiss; exports.PopoverDismiss = PopoverDismiss;

package/cjs/__chunks/{DAJUUBUI.cjs → Z7QK7V4M.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _Z3GCTNW4cjs = require('./Z3GCTNW4.cjs');
+var _XRZ2L7EAcjs = require('./XRZ2L7EA.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
 
 
 
@@ -29,6 +29,7 @@ var _dom = require('@ariakit/core/utils/dom');
 var _events = require('@ariakit/core/utils/events');
 var _misc = require('@ariakit/core/utils/misc');
 var _platform = require('@ariakit/core/utils/platform');
+var TagName = "button";
 function isNativeClick(event) {
   if (!event.isTrusted)
     return false;
@@ -42,11 +43,11 @@ function isNativeClick(event) {
   return false;
 }
 var symbol = Symbol("command");
-var useCommand = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var useCommand = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useCommand2(_a) {
     var _b = _a, { clickOnEnter = true, clickOnSpace = true } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["clickOnEnter", "clickOnSpace"]);
     const ref = _react.useRef.call(void 0, null);
-    const tagName = _EO6LS72Hcjs.useTagName.call(void 0, ref, props.as);
+    const tagName = _EO6LS72Hcjs.useTagName.call(void 0, ref);
     const type = props.type;
     const [isNativeButton, setIsNativeButton] = _react.useState.call(void 0, 
       () => !!tagName && _dom.isButton.call(void 0, { tagName, type })
@@ -130,24 +131,21 @@ var useCommand = _RNZNGEL4cjs.createHook.call(void 0,
       }
     });
     props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
-      "data-active": active ? "" : void 0,
+      "data-active": active || void 0,
       type: isNativeButton ? "button" : void 0
     }, metadataProps), props), {
       ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref),
       onKeyDown,
       onKeyUp
     });
-    props = _Z3GCTNW4cjs.useFocusable.call(void 0, props);
+    props = _XRZ2L7EAcjs.useFocusable.call(void 0, props);
     return props;
   }
 );
-var Command = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
-  props = useCommand(props);
-  return _RNZNGEL4cjs.createElement.call(void 0, "button", props);
+var Command = _Q67LZMDTcjs.forwardRef.call(void 0, function Command2(props) {
+  const htmlProps = useCommand(props);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
 });
-if (process.env.NODE_ENV !== "production") {
-  Command.displayName = "Command";
-}
 
 
 

package/cjs/button/button.cjs

@@ -2,15 +2,15 @@
 
 
 
-var _5UTRYT6Ecjs = require('../__chunks/5UTRYT6E.cjs');
-require('../__chunks/DAJUUBUI.cjs');
-require('../__chunks/Z3GCTNW4.cjs');
+var _M7WN4XJHcjs = require('../__chunks/M7WN4XJH.cjs');
+require('../__chunks/Z7QK7V4M.cjs');
+require('../__chunks/XRZ2L7EA.cjs');
 require('../__chunks/75KXQZJX.cjs');
-require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/Q67LZMDT.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.Button = _5UTRYT6Ecjs.Button; exports.useButton = _5UTRYT6Ecjs.useButton;
+exports.Button = _M7WN4XJHcjs.Button; exports.useButton = _M7WN4XJHcjs.useButton;

package/cjs/button/button.d.cts

@@ -1,5 +1,8 @@
+import type { ElementType } from "react";
 import type { CommandOptions } from "../command/command.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
+declare const TagName = "button";
+type TagName = typeof TagName;
 /**
  * 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.
@@ -10,7 +13,7 @@ import type { As, Props } from "../utils/types.js";
  * <Role {...props}>Accessible button</Role>
  * ```
  */
-export declare const useButton: import("../utils/types.js").Hook<ButtonOptions<"button">>;
+export declare const useButton: import("../utils/types.js").Hook<"button", 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
@@ -21,6 +24,8 @@ export declare const useButton: import("../utils/types.js").Hook<ButtonOptions<"
  * <Button>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>>;
+export declare const Button: (props: ButtonProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface ButtonOptions<T extends ElementType = TagName> extends CommandOptions<T> {
+}
+export type ButtonProps<T extends ElementType = TagName> = Props<T, ButtonOptions<T>>;
+export {};