@ariakit/react-core 0.3.14 → 0.4.0

package/cjs/__chunks/{Z3GCTNW4.cjs → 5QD55NKL.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,19 @@ 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 style = _react.useMemo.call(void 0, () => {
+      if (trulyDisabled) {
+        return _AV6KTKLEcjs.__spreadValues.call(void 0, { pointerEvents: "none" }, props.style);
+      }
+      return props.style;
+    }, [trulyDisabled, props.style]);
     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 +364,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/5SRODZ4B.cjs

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _75KXQZJXcjs = require('./75KXQZJX.cjs');
+
+
+
+
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
+
+
+var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
+
+
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
+
+// src/focusable/focusable-container.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var TagName = "div";
+var useFocusableContainer = _Q67LZMDTcjs.createHook.call(void 0, function useFocusableContainer2(_a) {
+  var _b = _a, { autoFocusOnShow = true } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["autoFocusOnShow"]);
+  props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
+    props,
+    (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _75KXQZJXcjs.FocusableContext.Provider, { value: autoFocusOnShow, children: element }),
+    [autoFocusOnShow]
+  );
+  return props;
+});
+var FocusableContainer = _Q67LZMDTcjs.forwardRef.call(void 0, function FocusableContainer2(props) {
+  const htmlProps = useFocusableContainer(props);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+});
+
+
+
+
+exports.useFocusableContainer = useFocusableContainer; exports.FocusableContainer = FocusableContainer;

package/cjs/__chunks/5W6JBMZ4.cjs

@@ -0,0 +1,40 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _QWP2WC6Ecjs = require('./QWP2WC6E.cjs');
+
+
+var _VNRUW2L6cjs = require('./VNRUW2L6.cjs');
+
+
+
+
+
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
+
+
+
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
+
+// src/toolbar/toolbar-item.ts
+var TagName = "button";
+var useToolbarItem = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useToolbarItem2(_a) {
+    var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _VNRUW2L6cjs.useToolbarContext.call(void 0, );
+    store = store || context;
+    props = _QWP2WC6Ecjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    return props;
+  }
+);
+var ToolbarItem = _Q67LZMDTcjs.memo.call(void 0, 
+  _Q67LZMDTcjs.forwardRef.call(void 0, function ToolbarItem2(props) {
+    const htmlProps = useToolbarItem(props);
+    return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+  })
+);
+
+
+
+
+exports.useToolbarItem = useToolbarItem; exports.ToolbarItem = ToolbarItem;

package/cjs/__chunks/{LY6FB2NE.cjs → 6772TC3F.cjs}

@@ -2,14 +2,14 @@
 
 
 
-var _6LVRCU4Jcjs = require('./6LVRCU4J.cjs');
+var _C6G4FIVIcjs = require('./C6G4FIVI.cjs');
 
 
-var _UZNYSPKPcjs = require('./UZNYSPKP.cjs');
+var _4XFLDG56cjs = require('./4XFLDG56.cjs');
 
 
 
-var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
 
 
 var _OLOZ5JT2cjs = require('./OLOZ5JT2.cjs');
@@ -24,6 +24,7 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/composite/composite-renderer.tsx
 var _react = require('react');
+var TagName = "div";
 function getItemObject(item) {
   if (!item || typeof item !== "object") {
     return { value: item };
@@ -68,7 +69,7 @@ function findLast(items) {
 function findById(items, id, baseId) {
   return items.findIndex((item, index) => {
     var _a;
-    const itemId = _6LVRCU4Jcjs.getCollectionRendererItemId.call(void 0, item, index, baseId);
+    const itemId = _C6G4FIVIcjs.getCollectionRendererItemId.call(void 0, item, index, baseId);
     if (itemId === id)
       return true;
     const object = getItemObject(item);
@@ -96,7 +97,7 @@ function useCompositeRenderer(_a) {
     "aria-setsize",
     "aria-posinset"
   ]);
-  const context = _UZNYSPKPcjs.useCompositeContext.call(void 0, );
+  const context = _4XFLDG56cjs.useCompositeContext.call(void 0, );
   store = store || context;
   const orientation = _OLOZ5JT2cjs.useStoreState.call(void 0, 
     store,
@@ -160,7 +161,7 @@ function useCompositeRenderer(_a) {
     }
     return indices;
   }, [firstIndex, activeIndex, lastIndex, persistentIndicesProp]);
-  return _6LVRCU4Jcjs.useCollectionRenderer.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+  return _C6G4FIVIcjs.useCollectionRenderer.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
     id,
     store,
     orientation,
@@ -176,9 +177,9 @@ function useCompositeRenderer(_a) {
     }
   }));
 }
-var CompositeRenderer = _RNZNGEL4cjs.forwardRef.call(void 0, function CompositeRenderer2(props) {
+var CompositeRenderer = _Q67LZMDTcjs.forwardRef.call(void 0, function CompositeRenderer2(props) {
   const htmlProps = useCompositeRenderer(props);
-  return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{WZ3DRKGP.cjs → 6RCPYDT6.cjs}

@@ -4,14 +4,13 @@
 var _VV6WA3I6cjs = require('./VV6WA3I6.cjs');
 
 
-var _LAUATD5Ocjs = require('./LAUATD5O.cjs');
+var _SFDUOV6Fcjs = require('./SFDUOV6F.cjs');
 
 
-var _YPVQYY4Jcjs = require('./YPVQYY4J.cjs');
+var _JFOUIQSFcjs = require('./JFOUIQSF.cjs');
 
 
-var _JAQJG42Rcjs = require('./JAQJG42R.cjs');
-
+var _QJZAESARcjs = require('./QJZAESAR.cjs');
 
 
 var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
@@ -26,12 +25,11 @@ var _jsxruntime = require('react/jsx-runtime');
 function DialogBackdrop({
   store,
   backdrop,
-  backdropProps,
   alwaysVisible,
   hidden
 }) {
   const ref = _react.useRef.call(void 0, null);
-  const disclosure = _JAQJG42Rcjs.useDisclosureStore.call(void 0, { disclosure: store });
+  const disclosure = _QJZAESARcjs.useDisclosureStore.call(void 0, { disclosure: store });
   const contentElement = store.useState("contentElement");
   _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
     const backdrop2 = ref.current;
@@ -51,31 +49,28 @@ function DialogBackdrop({
       return;
     return _VV6WA3I6cjs.markAncestor.call(void 0, backdrop2, id);
   }, [contentElement]);
-  if (hidden != null) {
-    backdropProps = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, backdropProps), { hidden });
-  }
-  const props = _YPVQYY4Jcjs.useDisclosureContent.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+  const props = _JFOUIQSFcjs.useDisclosureContent.call(void 0, {
+    ref,
     store: disclosure,
     role: "presentation",
     "data-backdrop": (contentElement == null ? void 0 : contentElement.id) || "",
-    alwaysVisible
-  }, backdropProps), {
-    ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, backdropProps == null ? void 0 : backdropProps.ref, ref),
-    style: _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    alwaysVisible,
+    hidden: hidden != null ? hidden : void 0,
+    style: {
       position: "fixed",
       top: 0,
       right: 0,
       bottom: 0,
       left: 0
-    }, backdropProps == null ? void 0 : backdropProps.style)
-  }));
+    }
+  });
   if (!backdrop)
     return null;
   if (_react.isValidElement.call(void 0, backdrop)) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _LAUATD5Ocjs.Role, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { render: backdrop }));
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SFDUOV6Fcjs.Role, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { render: backdrop }));
   }
   const Component = typeof backdrop !== "boolean" ? backdrop : "div";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _LAUATD5Ocjs.Role, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, {}) }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SFDUOV6Fcjs.Role, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, {}) }));
 }
 
 

package/cjs/__chunks/6U7MUWYL.cjs

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _TTVVUWIYcjs = require('./TTVVUWIY.cjs');
+
+
+var _M5PQIWTWcjs = require('./M5PQIWTW.cjs');
+
+
+
+
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
+
+
+
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
+
+// src/hovercard/hovercard-dismiss.ts
+var TagName = "button";
+var useHovercardDismiss = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useHovercardDismiss2(_a) {
+    var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _M5PQIWTWcjs.useHovercardScopedContext.call(void 0, );
+    store = store || context;
+    props = _TTVVUWIYcjs.usePopoverDismiss.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    return props;
+  }
+);
+var HovercardDismiss = _Q67LZMDTcjs.forwardRef.call(void 0, function HovercardDismiss2(props) {
+  const htmlProps = useHovercardDismiss(props);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+});
+
+
+
+
+exports.useHovercardDismiss = useHovercardDismiss; exports.HovercardDismiss = HovercardDismiss;

package/cjs/__chunks/7UBOHCYJ.cjs

@@ -0,0 +1,78 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _FNVFJ5AFcjs = require('./FNVFJ5AF.cjs');
+
+
+
+
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
+
+
+
+
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
+
+// src/popover/popover-disclosure-arrow.tsx
+var _react = require('react');
+var _misc = require('@ariakit/core/utils/misc');
+var _jsxruntime = require('react/jsx-runtime');
+var TagName = "span";
+var pointsMap = {
+  top: "4,10 8,6 12,10",
+  right: "6,4 10,8 6,12",
+  bottom: "4,6 8,10 12,6",
+  left: "10,4 6,8 10,12"
+};
+var usePopoverDisclosureArrow = _Q67LZMDTcjs.createHook.call(void 0, function usePopoverDisclosureArrow2(_a) {
+  var _b = _a, { store, placement } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store", "placement"]);
+  const context = _FNVFJ5AFcjs.usePopoverContext.call(void 0, );
+  store = store || context;
+  _misc.invariant.call(void 0, 
+    store,
+    process.env.NODE_ENV !== "production" && "PopoverDisclosureArrow must be wrapped in a PopoverDisclosure component."
+  );
+  const position = store.useState((state) => placement || state.placement);
+  const dir = position.split("-")[0];
+  const points = pointsMap[dir];
+  const children = _react.useMemo.call(void 0, 
+    () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "svg",
+      {
+        display: "block",
+        fill: "none",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "1.5pt",
+        viewBox: "0 0 16 16",
+        height: "1em",
+        width: "1em",
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "polyline", { points })
+      }
+    ),
+    [points]
+  );
+  props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    children,
+    "aria-hidden": true
+  }, props), {
+    style: _AV6KTKLEcjs.__spreadValues.call(void 0, {
+      width: "1em",
+      height: "1em",
+      pointerEvents: "none"
+    }, props.style)
+  });
+  return _misc.removeUndefinedValues.call(void 0, props);
+});
+var PopoverDisclosureArrow = _Q67LZMDTcjs.forwardRef.call(void 0, 
+  function PopoverDisclosureArrow2(props) {
+    const htmlProps = usePopoverDisclosureArrow(props);
+    return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+  }
+);
+
+
+
+
+exports.usePopoverDisclosureArrow = usePopoverDisclosureArrow; exports.PopoverDisclosureArrow = PopoverDisclosureArrow;

package/cjs/__chunks/{W5LJEMLB.cjs → AD7LA3CE.cjs}

@@ -1,7 +1,7 @@
 "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 _JAQJG42Rcjs = require('./JAQJG42R.cjs');
+var _QJZAESARcjs = require('./QJZAESAR.cjs');
 
 
 var _OLOZ5JT2cjs = require('./OLOZ5JT2.cjs');
@@ -9,7 +9,7 @@ var _OLOZ5JT2cjs = require('./OLOZ5JT2.cjs');
 // src/dialog/dialog-store.ts
 var _dialogstore = require('@ariakit/core/dialog/dialog-store'); var Core = _interopRequireWildcard(_dialogstore);
 function useDialogStoreProps(store, update, props) {
-  return _JAQJG42Rcjs.useDisclosureStoreProps.call(void 0, store, update, props);
+  return _QJZAESARcjs.useDisclosureStoreProps.call(void 0, store, update, props);
 }
 function useDialogStore(props = {}) {
   const [store, update] = _OLOZ5JT2cjs.useStore.call(void 0, Core.createDialogStore, props);

package/cjs/__chunks/AIKNQVVL.cjs

@@ -0,0 +1,44 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _FG4Y7VYMcjs = require('./FG4Y7VYM.cjs');
+
+
+var _4XFLDG56cjs = require('./4XFLDG56.cjs');
+
+
+
+
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
+
+
+
+
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
+
+// src/composite/composite-separator.ts
+var _misc = require('@ariakit/core/utils/misc');
+var TagName = "hr";
+var useCompositeSeparator = _Q67LZMDTcjs.createHook.call(void 0, function useCompositeSeparator2(_a) {
+  var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
+  const context = _4XFLDG56cjs.useCompositeContext.call(void 0, );
+  store = store || context;
+  _misc.invariant.call(void 0, 
+    store,
+    process.env.NODE_ENV !== "production" && "CompositeSeparator must be wrapped in a Composite component."
+  );
+  const orientation = store.useState(
+    (state) => state.orientation === "horizontal" ? "vertical" : "horizontal"
+  );
+  props = _FG4Y7VYMcjs.useSeparator.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { orientation }));
+  return props;
+});
+var CompositeSeparator = _Q67LZMDTcjs.forwardRef.call(void 0, function CompositeSeparator2(props) {
+  const htmlProps = useCompositeSeparator(props);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+});
+
+
+
+
+exports.useCompositeSeparator = useCompositeSeparator; exports.CompositeSeparator = CompositeSeparator;

package/cjs/__chunks/{XW252ITL.cjs → ANKK6ORZ.cjs}

@@ -6,7 +6,8 @@ var _6ZZYUFPWcjs = require('./6ZZYUFPW.cjs');
 
 
 
-var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
+
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
 
 
 var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
@@ -22,6 +23,8 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 
 var _dom = require('@ariakit/core/utils/dom');
+var _misc = require('@ariakit/core/utils/misc');
+var TagName = "input";
 function getValueLength(element) {
   if (_dom.isTextField.call(void 0, element)) {
     return element.value.length;
@@ -32,30 +35,28 @@ function getValueLength(element) {
   }
   return 0;
 }
-var useCompositeInput = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var useCompositeInput = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useCompositeInput2(_a) {
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
     const onKeyDownCaptureProp = props.onKeyDownCapture;
-    const onKeyDownCapture = _EO6LS72Hcjs.useEvent.call(void 0, 
-      (event) => {
-        onKeyDownCaptureProp == null ? void 0 : onKeyDownCaptureProp(event);
-        if (event.defaultPrevented)
-          return;
-        const element = event.currentTarget;
-        if (!element.isContentEditable && !_dom.isTextField.call(void 0, element))
-          return;
-        const selection = _dom.getTextboxSelection.call(void 0, element);
-        if (event.key === "ArrowRight" || event.key === "ArrowDown") {
-          if (selection.end !== getValueLength(element)) {
-            event.stopPropagation();
-          }
-        } else if (event.key === "ArrowLeft" || event.key === "ArrowUp") {
-          if (selection.start !== 0) {
-            event.stopPropagation();
-          }
+    const onKeyDownCapture = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
+      onKeyDownCaptureProp == null ? void 0 : onKeyDownCaptureProp(event);
+      if (event.defaultPrevented)
+        return;
+      const element = event.currentTarget;
+      if (!element.isContentEditable && !_dom.isTextField.call(void 0, element))
+        return;
+      const selection = _dom.getTextboxSelection.call(void 0, element);
+      if (event.key === "ArrowRight" || event.key === "ArrowDown") {
+        if (selection.end !== getValueLength(element)) {
+          event.stopPropagation();
+        }
+      } else if (event.key === "ArrowLeft" || event.key === "ArrowUp") {
+        if (selection.start !== 0) {
+          event.stopPropagation();
         }
       }
-    );
+    });
     const onFocusProp = props.onFocus;
     const onFocus = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
       onFocusProp == null ? void 0 : onFocusProp(event);
@@ -67,18 +68,15 @@ var useCompositeInput = _RNZNGEL4cjs.createHook.call(void 0,
       onKeyDownCapture,
       onFocus
     });
-    return props;
+    return _misc.removeUndefinedValues.call(void 0, props);
   }
 );
-var CompositeInput = _RNZNGEL4cjs.createComponent.call(void 0, 
-  (props) => {
+var CompositeInput = _Q67LZMDTcjs.memo.call(void 0, 
+  _Q67LZMDTcjs.forwardRef.call(void 0, function CompositeInput2(props) {
     const htmlProps = useCompositeInput(props);
-    return _RNZNGEL4cjs.createElement.call(void 0, "input", htmlProps);
-  }
+    return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+  })
 );
-if (process.env.NODE_ENV !== "production") {
-  CompositeInput.displayName = "CompositeInput";
-}