@ariakit/react 0.4.26 → 0.4.27

package/cjs/__chunks/QYDAT3QF.cjs

@@ -0,0 +1 @@
+"use strict";

package/cjs/__chunks/QYLMYWKV.cjs

@@ -0,0 +1 @@
+"use strict";

package/cjs/__chunks/RGH2H3WL.cjs

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+var _QAUJZR6Ycjs = require('./QAUJZR6Y.cjs');
+
+// ../ariakit-react-components/dist/visually-hidden/visually-hidden.js
+var TagName = "span";
+var useVisuallyHidden = _QAUJZR6Ycjs.createHook.call(void 0, function useVisuallyHidden2(props) {
+  props = {
+    ...props,
+    style: {
+      border: 0,
+      clip: "rect(0 0 0 0)",
+      height: "1px",
+      margin: "-1px",
+      overflow: "hidden",
+      padding: 0,
+      position: "absolute",
+      whiteSpace: "nowrap",
+      width: "1px",
+      ...props.style
+    }
+  };
+  return props;
+});
+var VisuallyHidden = _QAUJZR6Ycjs.forwardRef.call(void 0, function VisuallyHidden2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName, useVisuallyHidden(props));
+});
+
+
+
+
+exports.useVisuallyHidden = useVisuallyHidden; exports.VisuallyHidden = VisuallyHidden;

package/cjs/__chunks/RLKC7JVT.cjs

@@ -0,0 +1,19 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _NMUCJYMRcjs = require('./NMUCJYMR.cjs');
+
+
+var _L2IFVMDUcjs = require('./L2IFVMDU.cjs');
+
+// ../ariakit-react-components/dist/composite/composite-provider.js
+var _jsxruntime = require('react/jsx-runtime');
+function CompositeProvider(props = {}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _L2IFVMDUcjs.CompositeContextProvider, {
+    value: _NMUCJYMRcjs.useCompositeStore.call(void 0, props),
+    children: props.children
+  });
+}
+
+
+
+exports.CompositeProvider = CompositeProvider;

package/cjs/__chunks/RR46KI45.cjs

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _7POA4244cjs = require('./7POA4244.cjs');
+
+// ../ariakit-react-components/dist/checkbox/checkbox-provider.js
+var _jsxruntime = require('react/jsx-runtime');
+function CheckboxProvider(props = {}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _7POA4244cjs.CheckboxContextProvider, {
+    value: _7POA4244cjs.useCheckboxStore.call(void 0, props),
+    children: props.children
+  });
+}
+
+
+
+exports.CheckboxProvider = CheckboxProvider;

package/cjs/__chunks/RVXPEX7O.cjs

@@ -0,0 +1,150 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _FIPBE5IXcjs = require('./FIPBE5IX.cjs');
+
+
+var _D4HCGWOUcjs = require('./D4HCGWOU.cjs');
+
+
+
+
+
+
+
+
+
+
+
+var _QAUJZR6Ycjs = require('./QAUJZR6Y.cjs');
+
+// ../ariakit-react-components/dist/popover/popover-arrow-path.js
+var POPOVER_ARROW_PATH = "M23 27.8C24.1 29 26.4 30 28 30H30H0H2C3.7 30 5.9 29 7 27.8L14 20.6C14.7 19.8 15.3 19.8 16 20.6L23 27.8Z";
+
+// ../ariakit-react-components/dist/popover/popover-arrow.js
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var TagName = "div";
+var defaultSize = 30;
+var halfDefaultSize = defaultSize / 2;
+var rotateMap = {
+  top: `rotate(180 ${halfDefaultSize} ${halfDefaultSize})`,
+  right: `rotate(-90 ${halfDefaultSize} ${halfDefaultSize})`,
+  bottom: `rotate(0 ${halfDefaultSize} ${halfDefaultSize})`,
+  left: `rotate(90 ${halfDefaultSize} ${halfDefaultSize})`
+};
+function useComputedStyle(store) {
+  const [style, setStyle] = _react.useState.call(void 0, );
+  const contentElement = _D4HCGWOUcjs.useStoreState.call(void 0, store, "contentElement");
+  _QAUJZR6Ycjs.useSafeLayoutEffect.call(void 0, () => {
+    if (!contentElement) return;
+    setStyle(_QAUJZR6Ycjs.getWindow.call(void 0, contentElement).getComputedStyle(contentElement));
+  }, [contentElement]);
+  return style;
+}
+function getRingWidth(style) {
+  var _a;
+  if (!style) return;
+  return (_a = style.getPropertyValue("box-shadow").match(/0px 0px 0px ([^0]+px)/)) == null ? void 0 : _a[1];
+}
+function getBorderColor(dir, style) {
+  if (!style) return;
+  const borderColor = style.getPropertyValue(`border-${dir}-color`);
+  if (borderColor) return borderColor;
+  const match = style.getPropertyValue("box-shadow").match(/0px 0px 0px [^,]+/);
+  if (!match) return;
+  return match[0].replace(/^0px 0px 0px\s+[^\s,]+/, "").trim() || void 0;
+}
+var usePopoverArrow = _QAUJZR6Ycjs.createHook.call(void 0, function usePopoverArrow2({ store, size = defaultSize, borderWidth: borderWidthProp, ...props }) {
+  const context = _FIPBE5IXcjs.usePopoverContext.call(void 0, );
+  store = store || context;
+  _QAUJZR6Ycjs.invariant.call(void 0, store, "PopoverArrow must be wrapped in a Popover component.");
+  const dir = _D4HCGWOUcjs.useStoreState.call(void 0, store, (state) => state.currentPlacement.split("-")[0]);
+  const maskId = _QAUJZR6Ycjs.useId.call(void 0, );
+  const style = useComputedStyle(store);
+  const stroke = getBorderColor(dir, style) || "none";
+  const fill = (style == null ? void 0 : style.getPropertyValue("background-color")) || "none";
+  const [borderWidth, isRing] = _react.useMemo.call(void 0, () => {
+    if (borderWidthProp != null) return [borderWidthProp, false];
+    if (!style) return [0, false];
+    const ringWidth = getRingWidth(style);
+    if (ringWidth) return [Number.parseInt(ringWidth, 10), true];
+    const borderWidth2 = style.getPropertyValue(`border-${dir}-width`);
+    if (borderWidth2) {
+      const parsed = Number.parseFloat(borderWidth2);
+      if (!Number.isNaN(parsed)) return [Math.ceil(parsed), false];
+    }
+    return [0, false];
+  }, [
+    borderWidthProp,
+    style,
+    dir
+  ]);
+  const strokeWidth = borderWidth * 2 * (defaultSize / size);
+  const transform = rotateMap[dir];
+  props = {
+    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: [
+          !isRing && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", {
+            fill: "none",
+            stroke: `var(--ak-layer, ${fill})`,
+            d: "M23 27.8C24.1 29 26.4 30 28 30H30H0H2C3.7 30 5.9 29 7 27.8L14 20.6C14.7 19.8 15.3 19.8 16 20.6L23 27.8Z",
+            mask: `url(#${maskId})`
+          }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", {
+            fill: "none",
+            d: POPOVER_ARROW_PATH,
+            mask: `url(#${maskId})`
+          }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", {
+            stroke: "none",
+            d: POPOVER_ARROW_PATH
+          }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "mask", {
+            id: maskId,
+            maskUnits: "userSpaceOnUse",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", {
+              x: "-15",
+              y: "0",
+              width: "60",
+              height: "30",
+              fill: "white",
+              stroke: "black"
+            })
+          })
+        ]
+      })
+    }), [
+      transform,
+      isRing,
+      fill,
+      maskId
+    ]),
+    "aria-hidden": true,
+    ...props,
+    ref: _QAUJZR6Ycjs.useMergeRefs.call(void 0, store.setArrowElement, props.ref),
+    style: {
+      position: "absolute",
+      fontSize: size,
+      width: "1em",
+      height: "1em",
+      pointerEvents: "none",
+      fill: `var(--ak-layer, ${fill})`,
+      stroke: `var(--ak-layer-border, ${stroke})`,
+      strokeWidth,
+      ...props.style
+    }
+  };
+  return _QAUJZR6Ycjs.removeUndefinedValues.call(void 0, props);
+});
+var PopoverArrow = _QAUJZR6Ycjs.memo.call(void 0, _QAUJZR6Ycjs.forwardRef.call(void 0, function PopoverArrow2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName, usePopoverArrow(props));
+}));
+
+
+
+
+exports.usePopoverArrow = usePopoverArrow; exports.PopoverArrow = PopoverArrow;

package/cjs/__chunks/RXZPZPJX.cjs

@@ -0,0 +1,95 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+var _5NTEPQ2Ucjs = require('./5NTEPQ2U.cjs');
+
+
+
+
+
+var _NMUCJYMRcjs = require('./NMUCJYMR.cjs');
+
+
+
+
+var _D4HCGWOUcjs = require('./D4HCGWOU.cjs');
+
+
+
+
+
+
+
+var _QAUJZR6Ycjs = require('./QAUJZR6Y.cjs');
+
+// ../ariakit-react-components/dist/radio/radio-group.js
+var _jsxruntime = require('react/jsx-runtime');
+var TagName = "div";
+var useRadioGroup = _QAUJZR6Ycjs.createHook.call(void 0, function useRadioGroup2({ store, ...props }) {
+  const context = _5NTEPQ2Ucjs.useRadioProviderContext.call(void 0, );
+  store = store || context;
+  _QAUJZR6Ycjs.invariant.call(void 0, store, "RadioGroup must receive a `store` prop or be wrapped in a RadioProvider component.");
+  props = _QAUJZR6Ycjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5NTEPQ2Ucjs.RadioScopedContextProvider, {
+    value: store,
+    children: element
+  }), [store]);
+  props = {
+    role: "radiogroup",
+    ...props
+  };
+  props = _NMUCJYMRcjs.useComposite.call(void 0, {
+    store,
+    ...props
+  });
+  return props;
+});
+var RadioGroup = _QAUJZR6Ycjs.forwardRef.call(void 0, function RadioGroup2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName, useRadioGroup(props));
+});
+
+// ../ariakit-components/dist/radio/radio-store.js
+function createRadioStore({ ...props } = {}) {
+  var _a;
+  const syncState = (_a = props.store) == null ? void 0 : _a.getState();
+  const composite = _NMUCJYMRcjs.createCompositeStore.call(void 0, {
+    ...props,
+    focusLoop: _QAUJZR6Ycjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
+  });
+  const radio = _D4HCGWOUcjs.createStore.call(void 0, {
+    ...composite.getState(),
+    value: _QAUJZR6Ycjs.defaultValue.call(void 0, props.value, syncState == null ? void 0 : syncState.value, props.defaultValue, null)
+  }, composite, props.store);
+  return {
+    ...composite,
+    ...radio,
+    setValue: (value) => radio.setState("value", value)
+  };
+}
+
+// ../ariakit-react-components/dist/radio/radio-store.js
+function useRadioStoreProps(store, update, props) {
+  store = _NMUCJYMRcjs.useCompositeStoreProps.call(void 0, store, update, props);
+  _D4HCGWOUcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
+  return store;
+}
+function useRadioStore(props = {}) {
+  props = _NMUCJYMRcjs.useCompositeStoreOptions.call(void 0, props);
+  const [store, update] = _D4HCGWOUcjs.useStore.call(void 0, createRadioStore, props);
+  return useRadioStoreProps(store, update, props);
+}
+
+// ../ariakit-react-components/dist/radio/radio-provider.js
+
+function RadioProvider(props = {}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5NTEPQ2Ucjs.RadioContextProvider, {
+    value: useRadioStore(props),
+    children: props.children
+  });
+}
+
+
+
+
+
+exports.RadioGroup = RadioGroup; exports.useRadioStore = useRadioStore; exports.RadioProvider = RadioProvider;

package/cjs/__chunks/SIF7IN4L.cjs

@@ -0,0 +1,62 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+
+var _QAUJZR6Ycjs = require('./QAUJZR6Y.cjs');
+
+// ../ariakit-react-components/dist/group/group-label-context.js
+var _react = require('react');
+var GroupLabelContext = _react.createContext.call(void 0, void 0);
+
+// ../ariakit-react-components/dist/group/group.js
+
+var _jsxruntime = require('react/jsx-runtime');
+var TagName = "div";
+var useGroup = _QAUJZR6Ycjs.createHook.call(void 0, function useGroup2(props) {
+  const [labelId, setLabelId] = _react.useState.call(void 0, );
+  props = _QAUJZR6Ycjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, GroupLabelContext.Provider, {
+    value: setLabelId,
+    children: element
+  }), []);
+  props = {
+    role: "group",
+    "aria-labelledby": props["aria-label"] != null ? void 0 : labelId,
+    ...props
+  };
+  return _QAUJZR6Ycjs.removeUndefinedValues.call(void 0, props);
+});
+var Group = _QAUJZR6Ycjs.forwardRef.call(void 0, function Group2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName, useGroup(props));
+});
+
+// ../ariakit-react-components/dist/group/group-label.js
+
+var TagName2 = "div";
+var useGroupLabel = _QAUJZR6Ycjs.createHook.call(void 0, function useGroupLabel2(props) {
+  const setLabelId = _react.useContext.call(void 0, GroupLabelContext);
+  const id = _QAUJZR6Ycjs.useId.call(void 0, props.id);
+  _QAUJZR6Ycjs.useSafeLayoutEffect.call(void 0, () => {
+    setLabelId == null ? void 0 : setLabelId(id);
+    return () => setLabelId == null ? void 0 : setLabelId(void 0);
+  }, [setLabelId, id]);
+  props = {
+    "aria-hidden": true,
+    ...props,
+    id
+  };
+  return _QAUJZR6Ycjs.removeUndefinedValues.call(void 0, props);
+});
+var GroupLabel = _QAUJZR6Ycjs.forwardRef.call(void 0, function GroupLabel2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName2, useGroupLabel(props));
+});
+
+
+
+
+
+
+exports.useGroup = useGroup; exports.Group = Group; exports.useGroupLabel = useGroupLabel; exports.GroupLabel = GroupLabel;

package/cjs/__chunks/SQ72MZ63.cjs

@@ -0,0 +1,294 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+
+var _L2IFVMDUcjs = require('./L2IFVMDU.cjs');
+
+
+var _GUB6WHB6cjs = require('./GUB6WHB6.cjs');
+
+
+var _D4HCGWOUcjs = require('./D4HCGWOU.cjs');
+
+
+var _LVHC4DSBcjs = require('./LVHC4DSB.cjs');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _QAUJZR6Ycjs = require('./QAUJZR6Y.cjs');
+
+// ../ariakit-react-components/dist/composite/composite-item.js
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var TagName = "button";
+function isEditableElement(element) {
+  if (_QAUJZR6Ycjs.isTextbox.call(void 0, element)) return true;
+  return element.tagName === "INPUT" && !_QAUJZR6Ycjs.isButton.call(void 0, element);
+}
+function getNextPageOffset(scrollingElement, pageUp = false) {
+  const height = scrollingElement.clientHeight;
+  const { top } = scrollingElement.getBoundingClientRect();
+  const pageSize = Math.max(height * 0.875, height - 40) * 1.5;
+  const pageOffset = pageUp ? height - pageSize + top : pageSize + top;
+  if (scrollingElement.tagName === "HTML") return pageOffset + scrollingElement.scrollTop;
+  return pageOffset;
+}
+function getItemOffset(itemElement, pageUp = false) {
+  const { top } = itemElement.getBoundingClientRect();
+  if (pageUp) return top + itemElement.clientHeight;
+  return top;
+}
+function findNextPageItemId(element, store, next, pageUp = false) {
+  var _a;
+  if (!store) return;
+  if (!next) return;
+  const { renderedItems } = store.getState();
+  const scrollingElement = _QAUJZR6Ycjs.getScrollingElement.call(void 0, element);
+  if (!scrollingElement) return;
+  const nextPageOffset = getNextPageOffset(scrollingElement, pageUp);
+  let id;
+  let prevDifference;
+  for (let i = 0; i < renderedItems.length; i += 1) {
+    const previousId = id;
+    id = next(i);
+    if (!id) break;
+    if (id === previousId) continue;
+    const itemElement = (_a = _L2IFVMDUcjs.getEnabledItem.call(void 0, store, id)) == null ? void 0 : _a.element;
+    if (!itemElement) continue;
+    const difference = getItemOffset(itemElement, pageUp) - nextPageOffset;
+    const absDifference = Math.abs(difference);
+    if (pageUp && difference <= 0 || !pageUp && difference >= 0) {
+      if (prevDifference !== void 0 && prevDifference < absDifference) id = previousId;
+      break;
+    }
+    prevDifference = absDifference;
+  }
+  return id;
+}
+function targetIsAnotherItem(event, store) {
+  if (_QAUJZR6Ycjs.isSelfTarget.call(void 0, event)) return false;
+  return _L2IFVMDUcjs.isItem.call(void 0, store, event.target);
+}
+var useCompositeItem = _QAUJZR6Ycjs.createHook.call(void 0, function useCompositeItem2({ store, rowId: rowIdProp, preventScrollOnKeyDown = false, moveOnKeyPress = true, tabbable = false, getItem: getItemProp, "aria-setsize": ariaSetSizeProp, "aria-posinset": ariaPosInSetProp, ...props }) {
+  const context = _L2IFVMDUcjs.useCompositeContext.call(void 0, );
+  store = store || context;
+  const id = _QAUJZR6Ycjs.useId.call(void 0, props.id);
+  const ref = _react.useRef.call(void 0, null);
+  const row = _react.useContext.call(void 0, _L2IFVMDUcjs.CompositeRowContext);
+  const trulyDisabled = _QAUJZR6Ycjs.disabledFromProps.call(void 0, props) && !props.accessibleWhenDisabled;
+  const { rowId, baseElement, isActiveItem, ariaSetSize, ariaPosInSet, isTabbable } = _D4HCGWOUcjs.useStoreStateObject.call(void 0, store, {
+    rowId(state) {
+      if (rowIdProp) return rowIdProp;
+      if (!state) return;
+      if (!(row == null ? void 0 : row.baseElement)) return;
+      if (row.baseElement !== state.baseElement) return;
+      return row.id;
+    },
+    baseElement(state) {
+      return (state == null ? void 0 : state.baseElement) || void 0;
+    },
+    isActiveItem(state) {
+      return !!state && state.activeId === id;
+    },
+    ariaSetSize(state) {
+      if (ariaSetSizeProp != null) return ariaSetSizeProp;
+      if (!state) return;
+      if (!(row == null ? void 0 : row.ariaSetSize)) return;
+      if (row.baseElement !== state.baseElement) return;
+      return row.ariaSetSize;
+    },
+    ariaPosInSet(state) {
+      if (ariaPosInSetProp != null) return ariaPosInSetProp;
+      if (!state) return;
+      if (!(row == null ? void 0 : row.ariaPosInSet)) return;
+      if (row.baseElement !== state.baseElement) return;
+      const itemsInRow = state.renderedItems.filter((item) => item.rowId === rowId);
+      return row.ariaPosInSet + itemsInRow.findIndex((item) => item.id === id);
+    },
+    isTabbable(state) {
+      if (!(state == null ? void 0 : state.renderedItems.length)) return true;
+      if (state.virtualFocus) return false;
+      if (tabbable) return true;
+      if (state.activeId === null) return false;
+      const item = store == null ? void 0 : store.item(state.activeId);
+      if (item == null ? void 0 : item.disabled) return true;
+      if (!(item == null ? void 0 : item.element)) return true;
+      return state.activeId === id;
+    }
+  });
+  const getItem = _react.useCallback.call(void 0, (item) => {
+    var _a;
+    const nextItem = {
+      ...item,
+      id: id || item.id,
+      rowId,
+      disabled: trulyDisabled,
+      children: (_a = item.element) == null ? void 0 : _a.textContent
+    };
+    if (getItemProp) return getItemProp(nextItem);
+    return nextItem;
+  }, [
+    id,
+    rowId,
+    trulyDisabled,
+    getItemProp
+  ]);
+  const onFocusProp = props.onFocus;
+  const hasFocusedComposite = _react.useRef.call(void 0, false);
+  const onFocus = _QAUJZR6Ycjs.useEvent.call(void 0, (event) => {
+    onFocusProp == null ? void 0 : onFocusProp(event);
+    if (event.defaultPrevented) return;
+    if (_QAUJZR6Ycjs.isPortalEvent.call(void 0, event)) return;
+    if (!id) return;
+    if (!store) return;
+    if (targetIsAnotherItem(event, store)) return;
+    const { virtualFocus, baseElement: baseElement2 } = store.getState();
+    store.setActiveId(id);
+    if (_QAUJZR6Ycjs.isTextbox.call(void 0, event.currentTarget)) _L2IFVMDUcjs.selectTextField.call(void 0, event.currentTarget);
+    if (!virtualFocus) return;
+    if (!_QAUJZR6Ycjs.isSelfTarget.call(void 0, event)) return;
+    if (isEditableElement(event.currentTarget)) return;
+    if (!(baseElement2 == null ? void 0 : baseElement2.isConnected)) return;
+    if (_QAUJZR6Ycjs.isSafari.call(void 0, ) && event.currentTarget.hasAttribute("data-autofocus")) event.currentTarget.scrollIntoView({
+      block: "nearest",
+      inline: "nearest"
+    });
+    hasFocusedComposite.current = true;
+    if (event.relatedTarget === baseElement2 || _L2IFVMDUcjs.isItem.call(void 0, store, event.relatedTarget)) _L2IFVMDUcjs.focusSilently.call(void 0, baseElement2);
+    else baseElement2.focus();
+  });
+  const onBlurCaptureProp = props.onBlurCapture;
+  const onBlurCapture = _QAUJZR6Ycjs.useEvent.call(void 0, (event) => {
+    var _a;
+    onBlurCaptureProp == null ? void 0 : onBlurCaptureProp(event);
+    if (event.defaultPrevented) return;
+    if (((_a = store == null ? void 0 : store.getState()) == null ? void 0 : _a.virtualFocus) && hasFocusedComposite.current) {
+      hasFocusedComposite.current = false;
+      event.preventDefault();
+      event.stopPropagation();
+    }
+  });
+  const onKeyDownProp = props.onKeyDown;
+  const preventScrollOnKeyDownProp = _QAUJZR6Ycjs.useBooleanEvent.call(void 0, preventScrollOnKeyDown);
+  const moveOnKeyPressProp = _QAUJZR6Ycjs.useBooleanEvent.call(void 0, moveOnKeyPress);
+  const onKeyDown = _QAUJZR6Ycjs.useEvent.call(void 0, (event) => {
+    var _a;
+    onKeyDownProp == null ? void 0 : onKeyDownProp(event);
+    if (event.defaultPrevented) return;
+    if (!_QAUJZR6Ycjs.isSelfTarget.call(void 0, event)) return;
+    if (!store) return;
+    const { currentTarget } = event;
+    const state = store.getState();
+    const isGrid = !!((_a = store.item(id)) == null ? void 0 : _a.rowId);
+    const isVertical = state.orientation !== "horizontal";
+    const isHorizontal = state.orientation !== "vertical";
+    const canHomeEnd = () => {
+      if (isGrid) return true;
+      if (isHorizontal) return true;
+      if (!state.baseElement) return true;
+      if (!_QAUJZR6Ycjs.isTextField.call(void 0, state.baseElement)) return true;
+      return false;
+    };
+    const action = {
+      ArrowUp: (isGrid || isVertical) && store.up,
+      ArrowRight: (isGrid || isHorizontal) && store.next,
+      ArrowDown: (isGrid || isVertical) && store.down,
+      ArrowLeft: (isGrid || isHorizontal) && store.previous,
+      Home: () => {
+        if (!canHomeEnd()) return;
+        if (!isGrid || event.ctrlKey) return store == null ? void 0 : store.first();
+        return store == null ? void 0 : store.previous(-1);
+      },
+      End: () => {
+        if (!canHomeEnd()) return;
+        if (!isGrid || event.ctrlKey) return store == null ? void 0 : store.last();
+        return store == null ? void 0 : store.next(-1);
+      },
+      PageUp: () => {
+        return findNextPageItemId(currentTarget, store, store == null ? void 0 : store.up, true);
+      },
+      PageDown: () => {
+        return findNextPageItemId(currentTarget, store, store == null ? void 0 : store.down);
+      }
+    }[event.key];
+    if (action) {
+      if (_QAUJZR6Ycjs.isTextbox.call(void 0, currentTarget)) {
+        const selection = _QAUJZR6Ycjs.getTextboxSelection.call(void 0, currentTarget);
+        const isLeft = isHorizontal && event.key === "ArrowLeft";
+        const isRight = isHorizontal && event.key === "ArrowRight";
+        const isUp = isVertical && event.key === "ArrowUp";
+        const isDown = isVertical && event.key === "ArrowDown";
+        if (isRight || isDown) {
+          const { length: valueLength } = _QAUJZR6Ycjs.getTextboxValue.call(void 0, currentTarget);
+          if (selection.end !== valueLength) return;
+        } else if ((isLeft || isUp) && selection.start !== 0) return;
+      }
+      const nextId = action();
+      if (preventScrollOnKeyDownProp(event) || nextId !== void 0) {
+        if (!moveOnKeyPressProp(event)) return;
+        event.preventDefault();
+        store.move(nextId);
+      }
+    }
+  });
+  const providerValue = _react.useMemo.call(void 0, () => ({
+    id,
+    baseElement
+  }), [id, baseElement]);
+  props = _QAUJZR6Ycjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _L2IFVMDUcjs.CompositeItemContext.Provider, {
+    value: providerValue,
+    children: element
+  }), [providerValue]);
+  props = {
+    "data-active-item": isActiveItem || void 0,
+    ...props,
+    id,
+    ref: _QAUJZR6Ycjs.useMergeRefs.call(void 0, ref, props.ref),
+    tabIndex: isTabbable ? props.tabIndex : -1,
+    onFocus,
+    onBlurCapture,
+    onKeyDown
+  };
+  props = _LVHC4DSBcjs.useCommand.call(void 0, props);
+  props = _GUB6WHB6cjs.useCollectionItem.call(void 0, {
+    store,
+    ...props,
+    getItem,
+    shouldRegisterItem: id ? props.shouldRegisterItem : false
+  });
+  return _QAUJZR6Ycjs.removeUndefinedValues.call(void 0, {
+    ...props,
+    "aria-setsize": ariaSetSize,
+    "aria-posinset": ariaPosInSet
+  });
+});
+var CompositeItem = _QAUJZR6Ycjs.memo.call(void 0, _QAUJZR6Ycjs.forwardRef.call(void 0, function CompositeItem2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName, useCompositeItem(props));
+}));
+
+
+
+
+exports.useCompositeItem = useCompositeItem; exports.CompositeItem = CompositeItem;