@ariakit/react 0.4.26 → 0.4.27

package/cjs/__chunks/VXUZM542.cjs

@@ -0,0 +1,789 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+
+var _IHVFJGGNcjs = require('./IHVFJGGN.cjs');
+
+
+
+var _DVWS2XPYcjs = require('./DVWS2XPY.cjs');
+
+
+
+var _LS5VO6AAcjs = require('./LS5VO6AA.cjs');
+
+
+var _FHQ5DVYQcjs = require('./FHQ5DVYQ.cjs');
+
+
+
+
+var _TSBEWPNTcjs = require('./TSBEWPNT.cjs');
+
+
+var _3FIXGHZ2cjs = require('./3FIXGHZ2.cjs');
+
+
+var _ZNW2LLWJcjs = require('./ZNW2LLWJ.cjs');
+
+
+var _GUY4MKX2cjs = require('./GUY4MKX2.cjs');
+
+
+
+
+var _MN5TONXWcjs = require('./MN5TONXW.cjs');
+
+
+var _TLUFYZC7cjs = require('./TLUFYZC7.cjs');
+
+
+
+
+
+var _NMUCJYMRcjs = require('./NMUCJYMR.cjs');
+
+
+var _SQ72MZ63cjs = require('./SQ72MZ63.cjs');
+
+
+var _PDPE2VAZcjs = require('./PDPE2VAZ.cjs');
+
+
+var _7M4GY5DScjs = require('./7M4GY5DS.cjs');
+
+
+
+
+
+
+
+
+
+
+
+
+var _D4HCGWOUcjs = require('./D4HCGWOU.cjs');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _QAUJZR6Ycjs = require('./QAUJZR6Y.cjs');
+
+// ../ariakit-react-components/dist/select/select-arrow.js
+var TagName = "span";
+var useSelectArrow = _QAUJZR6Ycjs.createHook.call(void 0, function useSelectArrow2({ store, ...props }) {
+  const context = _IHVFJGGNcjs.useSelectContext.call(void 0, );
+  store = store || context;
+  props = _DVWS2XPYcjs.usePopoverDisclosureArrow.call(void 0, {
+    store,
+    ...props
+  });
+  return props;
+});
+var SelectArrow = _QAUJZR6Ycjs.forwardRef.call(void 0, function SelectArrow2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName, useSelectArrow(props));
+});
+
+// ../ariakit-react-components/dist/select/select.js
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var TagName2 = "button";
+function getSelectedValues(select) {
+  return Array.from(select.selectedOptions).map((option) => option.value);
+}
+function nextWithValue(store, next) {
+  return () => {
+    const nextId = next();
+    if (!nextId) return;
+    let i = 0;
+    let nextItem = store.item(nextId);
+    const firstItem = nextItem;
+    while (nextItem && nextItem.value == null) {
+      const nextId2 = next(++i);
+      if (!nextId2) return;
+      nextItem = store.item(nextId2);
+      if (nextItem === firstItem) break;
+    }
+    return nextItem == null ? void 0 : nextItem.id;
+  };
+}
+var useSelect = _QAUJZR6Ycjs.createHook.call(void 0, function useSelect2({ store, name, form, required, showOnKeyDown = true, moveOnKeyDown = true, toggleOnPress = true, toggleOnClick = toggleOnPress, ...props }) {
+  const context = _IHVFJGGNcjs.useSelectProviderContext.call(void 0, );
+  store = store || context;
+  _QAUJZR6Ycjs.invariant.call(void 0, store, "Select must receive a `store` prop or be wrapped in a SelectProvider component.");
+  const onKeyDownProp = props.onKeyDown;
+  const showOnKeyDownProp = _QAUJZR6Ycjs.useBooleanEvent.call(void 0, showOnKeyDown);
+  const moveOnKeyDownProp = _QAUJZR6Ycjs.useBooleanEvent.call(void 0, moveOnKeyDown);
+  const dir = _D4HCGWOUcjs.useStoreState.call(void 0, store, "placement").split("-")[0];
+  const value = _D4HCGWOUcjs.useStoreState.call(void 0, store, "value");
+  const multiSelectable = Array.isArray(value);
+  const onKeyDown = _QAUJZR6Ycjs.useEvent.call(void 0, (event) => {
+    var _a;
+    onKeyDownProp == null ? void 0 : onKeyDownProp(event);
+    if (event.defaultPrevented) return;
+    if (!store) return;
+    const { orientation, items: items2, activeId } = store.getState();
+    const isVertical = orientation !== "horizontal";
+    const isHorizontal = orientation !== "vertical";
+    const isGrid = !!((_a = items2.find((item) => !item.disabled && item.value != null)) == null ? void 0 : _a.rowId);
+    const getId = {
+      ArrowUp: (isGrid || isVertical) && nextWithValue(store, store.up),
+      ArrowRight: (isGrid || isHorizontal) && nextWithValue(store, store.next),
+      ArrowDown: (isGrid || isVertical) && nextWithValue(store, store.down),
+      ArrowLeft: (isGrid || isHorizontal) && nextWithValue(store, store.previous)
+    }[event.key];
+    if (getId && moveOnKeyDownProp(event)) {
+      event.preventDefault();
+      store.move(getId());
+    }
+    const isTopOrBottom = dir === "top" || dir === "bottom";
+    if ({
+      ArrowDown: isTopOrBottom,
+      ArrowUp: isTopOrBottom,
+      ArrowLeft: dir === "left",
+      ArrowRight: dir === "right"
+    }[event.key] && showOnKeyDownProp(event)) {
+      event.preventDefault();
+      store.move(activeId);
+      _QAUJZR6Ycjs.queueBeforeEvent.call(void 0, event.currentTarget, "keyup", store.show);
+    }
+  });
+  props = _QAUJZR6Ycjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _IHVFJGGNcjs.SelectScopedContextProvider, {
+    value: store,
+    children: element
+  }), [store]);
+  const [autofill, setAutofill] = _react.useState.call(void 0, false);
+  const nativeSelectChangedRef = _react.useRef.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    const nativeSelectChanged = nativeSelectChangedRef.current;
+    nativeSelectChangedRef.current = false;
+    if (nativeSelectChanged) return;
+    setAutofill(false);
+  }, [value]);
+  const labelId = _D4HCGWOUcjs.useStoreState.call(void 0, store, (state) => {
+    var _a;
+    return (_a = state.labelElement) == null ? void 0 : _a.id;
+  });
+  const label = props["aria-label"];
+  const labelledBy = props["aria-labelledby"] || labelId;
+  const items = _D4HCGWOUcjs.useStoreState.call(void 0, store, (state) => {
+    if (!name) return;
+    return state.items;
+  });
+  const values = _react.useMemo.call(void 0, () => {
+    return [...new Set(items == null ? void 0 : items.map((i) => i.value).filter((v) => v != null))];
+  }, [items]);
+  props = _QAUJZR6Ycjs.useWrapElement.call(void 0, props, (element) => {
+    if (!name) return element;
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "select", {
+      style: {
+        border: 0,
+        clip: "rect(0 0 0 0)",
+        height: "1px",
+        margin: "-1px",
+        overflow: "hidden",
+        padding: 0,
+        position: "absolute",
+        whiteSpace: "nowrap",
+        width: "1px"
+      },
+      tabIndex: -1,
+      "aria-hidden": true,
+      "aria-label": label,
+      "aria-labelledby": label != null ? void 0 : labelledBy,
+      name,
+      form,
+      required,
+      disabled: props.disabled,
+      value,
+      multiple: multiSelectable,
+      onFocus: () => {
+        var _a;
+        return (_a = store == null ? void 0 : store.getState().selectElement) == null ? void 0 : _a.focus();
+      },
+      onChange: (event) => {
+        nativeSelectChangedRef.current = true;
+        setAutofill(true);
+        store == null ? void 0 : store.setValue(multiSelectable ? getSelectedValues(event.target) : event.target.value);
+      },
+      children: [_QAUJZR6Ycjs.toArray.call(void 0, value).map((value2) => {
+        if (value2 == null) return null;
+        if (values.includes(value2)) return null;
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", {
+          value: value2,
+          children: value2
+        }, value2);
+      }), values.map((value2) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", {
+        value: value2,
+        children: value2
+      }, value2))]
+    }), element] });
+  }, [
+    store,
+    label,
+    labelledBy,
+    name,
+    form,
+    required,
+    value,
+    multiSelectable,
+    values,
+    props.disabled
+  ]);
+  const children = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [value, /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectArrow, {})] });
+  const contentElement = _D4HCGWOUcjs.useStoreState.call(void 0, store, "contentElement");
+  props = {
+    role: "combobox",
+    "aria-autocomplete": "none",
+    "aria-labelledby": props["aria-label"] != null ? void 0 : labelId,
+    "aria-haspopup": _QAUJZR6Ycjs.getPopupRole.call(void 0, contentElement, "listbox"),
+    "data-autofill": autofill || void 0,
+    "data-name": name,
+    children,
+    ...props,
+    ref: _QAUJZR6Ycjs.useMergeRefs.call(void 0, store.setSelectElement, props.ref),
+    onKeyDown
+  };
+  props = _DVWS2XPYcjs.usePopoverDisclosure.call(void 0, {
+    store,
+    toggleOnClick,
+    ...props
+  });
+  props = _ZNW2LLWJcjs.useCompositeTypeahead.call(void 0, {
+    store,
+    ...props
+  });
+  return props;
+});
+var Select = _QAUJZR6Ycjs.forwardRef.call(void 0, function Select2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName2, useSelect(props));
+});
+
+// ../ariakit-react-components/dist/select/select-dismiss.js
+var TagName3 = "button";
+var useSelectDismiss = _QAUJZR6Ycjs.createHook.call(void 0, function useSelectDismiss2({ store, ...props }) {
+  const context = _IHVFJGGNcjs.useSelectScopedContext.call(void 0, );
+  store = store || context;
+  props = _LS5VO6AAcjs.usePopoverDismiss.call(void 0, {
+    store,
+    ...props
+  });
+  return props;
+});
+var SelectDismiss = _QAUJZR6Ycjs.forwardRef.call(void 0, function SelectDismiss2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName3, useSelectDismiss(props));
+});
+
+// ../ariakit-react-components/dist/select/select-group.js
+var TagName4 = "div";
+var useSelectGroup = _QAUJZR6Ycjs.createHook.call(void 0, function useSelectGroup2(props) {
+  props = _MN5TONXWcjs.useCompositeGroup.call(void 0, props);
+  return props;
+});
+var SelectGroup = _QAUJZR6Ycjs.forwardRef.call(void 0, function SelectGroup2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName4, useSelectGroup(props));
+});
+
+// ../ariakit-react-components/dist/select/select-group-label.js
+var TagName5 = "div";
+var useSelectGroupLabel = _QAUJZR6Ycjs.createHook.call(void 0, function useSelectGroupLabel2(props) {
+  props = _MN5TONXWcjs.useCompositeGroupLabel.call(void 0, props);
+  return props;
+});
+var SelectGroupLabel = _QAUJZR6Ycjs.forwardRef.call(void 0, function SelectGroupLabel2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName5, useSelectGroupLabel(props));
+});
+
+// ../ariakit-react-components/dist/select/select-heading.js
+
+var TagName6 = "h1";
+var useSelectHeading = _QAUJZR6Ycjs.createHook.call(void 0, function useSelectHeading2(props) {
+  const [, setHeadingId] = _react.useContext.call(void 0, _IHVFJGGNcjs.SelectHeadingContext) || [];
+  const id = _QAUJZR6Ycjs.useId.call(void 0, props.id);
+  _QAUJZR6Ycjs.useSafeLayoutEffect.call(void 0, () => {
+    setHeadingId == null ? void 0 : setHeadingId(id);
+    return () => setHeadingId == null ? void 0 : setHeadingId(void 0);
+  }, [setHeadingId, id]);
+  props = {
+    ...props,
+    id
+  };
+  props = _LS5VO6AAcjs.usePopoverHeading.call(void 0, props);
+  return props;
+});
+var SelectHeading = _QAUJZR6Ycjs.forwardRef.call(void 0, function SelectHeading2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName6, useSelectHeading(props));
+});
+
+// ../ariakit-react-components/dist/select/select-item.js
+
+
+var TagName7 = "div";
+function isSelected(storeValue, itemValue) {
+  if (itemValue == null) return;
+  if (storeValue == null) return false;
+  if (Array.isArray(storeValue)) return storeValue.includes(itemValue);
+  return storeValue === itemValue;
+}
+var useSelectItem = _QAUJZR6Ycjs.createHook.call(void 0, function useSelectItem2({ store, value, getItem: getItemProp, hideOnClick, setValueOnClick = value != null, preventScrollOnKeyDown = true, focusOnHover = true, ...props }) {
+  var _a;
+  const context = _IHVFJGGNcjs.useSelectScopedContext.call(void 0, );
+  store = store || context;
+  _QAUJZR6Ycjs.invariant.call(void 0, store, "SelectItem must be wrapped in a SelectList or SelectPopover component.");
+  const id = _QAUJZR6Ycjs.useId.call(void 0, props.id);
+  const disabled = _QAUJZR6Ycjs.disabledFromProps.call(void 0, props);
+  const { listElement, multiSelectable, selected, autoFocus } = _D4HCGWOUcjs.useStoreStateObject.call(void 0, store, {
+    listElement: "listElement",
+    multiSelectable(state) {
+      return Array.isArray(state.value);
+    },
+    selected(state) {
+      return isSelected(state.value, value);
+    },
+    autoFocus(state) {
+      if (value == null) return false;
+      if (state.value == null) return false;
+      if (state.activeId !== id && (store == null ? void 0 : store.item(state.activeId))) return false;
+      if (Array.isArray(state.value)) return state.value[state.value.length - 1] === value;
+      return state.value === value;
+    }
+  });
+  const virtualFocus = _D4HCGWOUcjs.useStoreState.call(void 0, store == null ? void 0 : store.combobox, "virtualFocus");
+  const getItem = _react.useCallback.call(void 0, (item) => {
+    const nextItem = {
+      ...item,
+      value: disabled ? void 0 : value
+    };
+    if (getItemProp) return getItemProp(nextItem);
+    return nextItem;
+  }, [
+    disabled,
+    value,
+    getItemProp
+  ]);
+  hideOnClick = hideOnClick != null ? hideOnClick : value != null && !multiSelectable;
+  const onClickProp = props.onClick;
+  const setValueOnClickProp = _QAUJZR6Ycjs.useBooleanEvent.call(void 0, setValueOnClick);
+  const hideOnClickProp = _QAUJZR6Ycjs.useBooleanEvent.call(void 0, hideOnClick);
+  const onClick = _QAUJZR6Ycjs.useEvent.call(void 0, (event) => {
+    onClickProp == null ? void 0 : onClickProp(event);
+    if (event.defaultPrevented) return;
+    if (_QAUJZR6Ycjs.isDownloading.call(void 0, event)) return;
+    if (_QAUJZR6Ycjs.isOpeningInNewTab.call(void 0, event)) return;
+    if (setValueOnClickProp(event) && value != null) store == null ? void 0 : store.setValue((prevValue) => {
+      if (!Array.isArray(prevValue)) return value;
+      if (prevValue.includes(value)) return prevValue.filter((v) => v !== value);
+      return [...prevValue, value];
+    });
+    if (hideOnClickProp(event)) store == null ? void 0 : store.hide();
+  });
+  props = _QAUJZR6Ycjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _IHVFJGGNcjs.SelectItemCheckedContext.Provider, {
+    value: selected != null ? selected : false,
+    children: element
+  }), [selected]);
+  const shouldAutoFocus = (_a = props.autoFocus) != null ? _a : autoFocus;
+  props = {
+    role: _QAUJZR6Ycjs.getPopupItemRole.call(void 0, listElement),
+    "aria-selected": selected,
+    children: value,
+    ...props,
+    id,
+    autoFocus: virtualFocus === false ? false : shouldAutoFocus,
+    "data-autofocus": shouldAutoFocus || void 0,
+    onClick
+  };
+  props = _SQ72MZ63cjs.useCompositeItem.call(void 0, {
+    store,
+    getItem,
+    preventScrollOnKeyDown,
+    ...props
+  });
+  const focusOnHoverProp = _QAUJZR6Ycjs.useBooleanEvent.call(void 0, focusOnHover);
+  props = _MN5TONXWcjs.useCompositeHover.call(void 0, {
+    store,
+    ...props,
+    focusOnHover(event) {
+      if (!focusOnHoverProp(event)) return false;
+      return store.getState().open;
+    }
+  });
+  return props;
+});
+var SelectItem = _QAUJZR6Ycjs.memo.call(void 0, _QAUJZR6Ycjs.forwardRef.call(void 0, function SelectItem2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName7, useSelectItem(props));
+}));
+
+// ../ariakit-react-components/dist/select/select-item-check.js
+
+var TagName8 = "span";
+var useSelectItemCheck = _QAUJZR6Ycjs.createHook.call(void 0, function useSelectItemCheck2({ store, checked, ...props }) {
+  const context = _react.useContext.call(void 0, _IHVFJGGNcjs.SelectItemCheckedContext);
+  checked = checked != null ? checked : context;
+  props = _3FIXGHZ2cjs.useCheckboxCheck.call(void 0, {
+    ...props,
+    checked
+  });
+  return props;
+});
+var SelectItemCheck = _QAUJZR6Ycjs.forwardRef.call(void 0, function SelectItemCheck2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName8, useSelectItemCheck(props));
+});
+
+// ../ariakit-react-components/dist/select/select-label.js
+var TagName9 = "div";
+var useSelectLabel = _QAUJZR6Ycjs.createHook.call(void 0, function useSelectLabel2({ store, ...props }) {
+  const context = _IHVFJGGNcjs.useSelectProviderContext.call(void 0, );
+  store = store || context;
+  _QAUJZR6Ycjs.invariant.call(void 0, store, "SelectLabel must receive a `store` prop or be wrapped in a SelectProvider component.");
+  const id = _QAUJZR6Ycjs.useId.call(void 0, props.id);
+  const onClickProp = props.onClick;
+  const onClick = _QAUJZR6Ycjs.useEvent.call(void 0, (event) => {
+    onClickProp == null ? void 0 : onClickProp(event);
+    if (event.defaultPrevented) return;
+    queueMicrotask(() => {
+      var _a;
+      (_a = store == null ? void 0 : store.getState().selectElement) == null ? void 0 : _a.focus();
+    });
+  });
+  props = {
+    ...props,
+    id,
+    ref: _QAUJZR6Ycjs.useMergeRefs.call(void 0, store.setLabelElement, props.ref),
+    onClick,
+    style: {
+      cursor: "default",
+      ...props.style
+    }
+  };
+  return _QAUJZR6Ycjs.removeUndefinedValues.call(void 0, props);
+});
+var SelectLabel = _QAUJZR6Ycjs.memo.call(void 0, _QAUJZR6Ycjs.forwardRef.call(void 0, function SelectLabel2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName9, useSelectLabel(props));
+}));
+
+// ../ariakit-react-components/dist/select/select-list.js
+
+
+var TagName10 = "div";
+var SelectListContext = _react.createContext.call(void 0, null);
+var useSelectList = _QAUJZR6Ycjs.createHook.call(void 0, function useSelectList2({ store, resetOnEscape = true, hideOnEnter = true, focusOnMove = true, composite, alwaysVisible, ...props }) {
+  const context = _IHVFJGGNcjs.useSelectContext.call(void 0, );
+  store = store || context;
+  _QAUJZR6Ycjs.invariant.call(void 0, store, "SelectList must receive a `store` prop or be wrapped in a SelectProvider component.");
+  const id = _QAUJZR6Ycjs.useId.call(void 0, props.id);
+  const value = _D4HCGWOUcjs.useStoreState.call(void 0, store, "value");
+  const multiSelectable = Array.isArray(value);
+  const [defaultValue2, setDefaultValue] = _react.useState.call(void 0, value);
+  const mounted = _D4HCGWOUcjs.useStoreState.call(void 0, store, "mounted");
+  _react.useEffect.call(void 0, () => {
+    if (mounted) return;
+    setDefaultValue(value);
+  }, [mounted, value]);
+  resetOnEscape = resetOnEscape && !multiSelectable;
+  const onKeyDownProp = props.onKeyDown;
+  const resetOnEscapeProp = _QAUJZR6Ycjs.useBooleanEvent.call(void 0, resetOnEscape);
+  const hideOnEnterProp = _QAUJZR6Ycjs.useBooleanEvent.call(void 0, hideOnEnter);
+  const onKeyDown = _QAUJZR6Ycjs.useEvent.call(void 0, (event) => {
+    onKeyDownProp == null ? void 0 : onKeyDownProp(event);
+    if (event.defaultPrevented) return;
+    if (event.key === "Escape" && resetOnEscapeProp(event)) store == null ? void 0 : store.setValue(defaultValue2);
+    if (event.key === " " || event.key === "Enter") {
+      if (_QAUJZR6Ycjs.isSelfTarget.call(void 0, event) && hideOnEnterProp(event)) {
+        event.preventDefault();
+        store == null ? void 0 : store.hide();
+      }
+    }
+  });
+  const headingContext = _react.useContext.call(void 0, _IHVFJGGNcjs.SelectHeadingContext);
+  const headingState = _react.useState.call(void 0, );
+  const [headingId, setHeadingId] = headingContext || headingState;
+  const headingContextValue = _react.useMemo.call(void 0, () => [headingId, setHeadingId], [headingId, setHeadingId]);
+  const [childStore, setChildStore] = _react.useState.call(void 0, null);
+  const setStore = _react.useContext.call(void 0, SelectListContext);
+  _react.useEffect.call(void 0, () => {
+    if (!setStore) return;
+    setStore(store);
+    return () => setStore(null);
+  }, [setStore, store]);
+  props = _QAUJZR6Ycjs.useWrapElement.call(void 0, props, (element2) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _IHVFJGGNcjs.SelectScopedContextProvider, {
+    value: store,
+    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectListContext.Provider, {
+      value: setChildStore,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _IHVFJGGNcjs.SelectHeadingContext.Provider, {
+        value: headingContextValue,
+        children: element2
+      })
+    })
+  }), [store, headingContextValue]);
+  const hasCombobox = !!store.combobox;
+  composite = composite != null ? composite : !hasCombobox && childStore !== store;
+  const [element, setElement] = _QAUJZR6Ycjs.useTransactionState.call(void 0, composite ? store.setListElement : null);
+  const role = _QAUJZR6Ycjs.useAttribute.call(void 0, element, "role", props.role);
+  const ariaMultiSelectable = composite || role === "listbox" || role === "menu" || role === "tree" || role === "grid" ? multiSelectable || void 0 : void 0;
+  const hidden = _7M4GY5DScjs.isHidden.call(void 0, mounted, props.hidden, alwaysVisible);
+  const style = hidden ? {
+    ...props.style,
+    display: "none"
+  } : props.style;
+  if (composite) props = {
+    role: "listbox",
+    "aria-multiselectable": ariaMultiSelectable,
+    ...props
+  };
+  const labelId = _D4HCGWOUcjs.useStoreState.call(void 0, store, (state) => {
+    var _a;
+    return headingId || ((_a = state.labelElement) == null ? void 0 : _a.id);
+  });
+  props = {
+    "aria-labelledby": props["aria-label"] != null ? void 0 : labelId,
+    hidden,
+    ...props,
+    id,
+    ref: _QAUJZR6Ycjs.useMergeRefs.call(void 0, setElement, props.ref),
+    style,
+    onKeyDown
+  };
+  props = _NMUCJYMRcjs.useComposite.call(void 0, {
+    store,
+    ...props,
+    composite
+  });
+  props = _ZNW2LLWJcjs.useCompositeTypeahead.call(void 0, {
+    store,
+    typeahead: !hasCombobox,
+    ...props
+  });
+  return props;
+});
+var SelectList = _QAUJZR6Ycjs.forwardRef.call(void 0, function SelectList2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName10, useSelectList(props));
+});
+
+// ../ariakit-react-components/dist/select/select-popover.js
+var TagName11 = "div";
+var useSelectPopover = _QAUJZR6Ycjs.createHook.call(void 0, function useSelectPopover2({ store, alwaysVisible, ...props }) {
+  const context = _IHVFJGGNcjs.useSelectProviderContext.call(void 0, );
+  store = store || context;
+  props = useSelectList({
+    store,
+    alwaysVisible,
+    ...props
+  });
+  props = _TSBEWPNTcjs.usePopover.call(void 0, {
+    store,
+    alwaysVisible,
+    ...props
+  });
+  return props;
+});
+var SelectPopover = _PDPE2VAZcjs.createDialogComponent.call(void 0, _QAUJZR6Ycjs.forwardRef.call(void 0, function SelectPopover2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName11, useSelectPopover(props));
+}), _IHVFJGGNcjs.useSelectProviderContext);
+
+// ../ariakit-components/dist/select/select-store.js
+function createSelectStore({ combobox, ...props } = {}) {
+  const store = _D4HCGWOUcjs.mergeStore.call(void 0, props.store, _D4HCGWOUcjs.omit.call(void 0, combobox, [
+    "value",
+    "items",
+    "renderedItems",
+    "baseElement",
+    "arrowElement",
+    "anchorElement",
+    "contentElement",
+    "popoverElement",
+    "disclosureElement"
+  ]));
+  _D4HCGWOUcjs.throwOnConflictingProps.call(void 0, props, store);
+  const syncState = store.getState();
+  const composite = _NMUCJYMRcjs.createCompositeStore.call(void 0, {
+    ...props,
+    store,
+    virtualFocus: _QAUJZR6Ycjs.defaultValue.call(void 0, props.virtualFocus, syncState.virtualFocus, true),
+    includesBaseElement: _QAUJZR6Ycjs.defaultValue.call(void 0, props.includesBaseElement, syncState.includesBaseElement, false),
+    activeId: _QAUJZR6Ycjs.defaultValue.call(void 0, props.activeId, syncState.activeId, props.defaultActiveId, null),
+    orientation: _QAUJZR6Ycjs.defaultValue.call(void 0, props.orientation, syncState.orientation, "vertical")
+  });
+  const popover = _TSBEWPNTcjs.createPopoverStore.call(void 0, {
+    ...props,
+    store,
+    placement: _QAUJZR6Ycjs.defaultValue.call(void 0, props.placement, syncState.placement, "bottom-start")
+  });
+  const initialValue = /* @__PURE__ */ new String("");
+  const initialState = {
+    ...composite.getState(),
+    ...popover.getState(),
+    value: _QAUJZR6Ycjs.defaultValue.call(void 0, props.value, syncState.value, props.defaultValue, initialValue),
+    setValueOnMove: _QAUJZR6Ycjs.defaultValue.call(void 0, props.setValueOnMove, syncState.setValueOnMove, false),
+    labelElement: _QAUJZR6Ycjs.defaultValue.call(void 0, syncState.labelElement, null),
+    selectElement: _QAUJZR6Ycjs.defaultValue.call(void 0, syncState.selectElement, null),
+    listElement: _QAUJZR6Ycjs.defaultValue.call(void 0, syncState.listElement, null)
+  };
+  const select = _D4HCGWOUcjs.createStore.call(void 0, initialState, composite, popover, store);
+  _D4HCGWOUcjs.setup.call(void 0, select, () => _D4HCGWOUcjs.sync.call(void 0, select, ["value", "items"], (state) => {
+    if (state.value !== initialValue) return;
+    if (!state.items.length) return;
+    const item = state.items.find((item2) => !item2.disabled && item2.value != null);
+    if ((item == null ? void 0 : item.value) == null) return;
+    select.setState("value", item.value);
+  }));
+  _D4HCGWOUcjs.setup.call(void 0, select, () => _D4HCGWOUcjs.sync.call(void 0, select, ["mounted"], (state) => {
+    if (state.mounted) return;
+    select.setState("activeId", initialState.activeId);
+  }));
+  _D4HCGWOUcjs.setup.call(void 0, select, () => _D4HCGWOUcjs.sync.call(void 0, select, [
+    "mounted",
+    "items",
+    "value"
+  ], (state) => {
+    if (combobox) return;
+    if (state.mounted) return;
+    const values = _QAUJZR6Ycjs.toArray.call(void 0, state.value);
+    const lastValue = values[values.length - 1];
+    if (lastValue == null) return;
+    const item = state.items.find((item2) => !item2.disabled && item2.value === lastValue);
+    if (!item) return;
+    select.setState("activeId", item.id);
+  }));
+  _D4HCGWOUcjs.setup.call(void 0, select, () => _D4HCGWOUcjs.batch.call(void 0, select, ["setValueOnMove", "moves"], (state) => {
+    const { mounted, value, activeId } = select.getState();
+    if (!state.setValueOnMove && mounted) return;
+    if (Array.isArray(value)) return;
+    if (!state.moves) return;
+    if (!activeId) return;
+    const item = composite.item(activeId);
+    if (!item || item.disabled || item.value == null) return;
+    select.setState("value", item.value);
+  }));
+  return {
+    ...composite,
+    ...popover,
+    ...select,
+    combobox,
+    setValue: (value) => select.setState("value", value),
+    setLabelElement: (element) => select.setState("labelElement", element),
+    setSelectElement: (element) => select.setState("selectElement", element),
+    setListElement: (element) => select.setState("listElement", element)
+  };
+}
+
+// ../ariakit-react-components/dist/select/select-store.js
+function useSelectStoreOptions(props) {
+  const combobox = _FHQ5DVYQcjs.useComboboxProviderContext.call(void 0, );
+  props = {
+    ...props,
+    combobox: props.combobox !== void 0 ? props.combobox : combobox
+  };
+  return _NMUCJYMRcjs.useCompositeStoreOptions.call(void 0, props);
+}
+function useSelectStoreProps(store, update, props) {
+  _QAUJZR6Ycjs.useUpdateEffect.call(void 0, update, [props.combobox]);
+  _D4HCGWOUcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
+  _D4HCGWOUcjs.useStoreProps.call(void 0, store, props, "setValueOnMove");
+  return Object.assign(_TSBEWPNTcjs.usePopoverStoreProps.call(void 0, _NMUCJYMRcjs.useCompositeStoreProps.call(void 0, store, update, props), update, props), { combobox: props.combobox });
+}
+function useSelectStore(props = {}) {
+  props = useSelectStoreOptions(props);
+  const [store, update] = _D4HCGWOUcjs.useStore.call(void 0, createSelectStore, props);
+  return useSelectStoreProps(store, update, props);
+}
+
+// ../ariakit-react-components/dist/select/select-provider.js
+
+function SelectProvider(props = {}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _IHVFJGGNcjs.SelectContextProvider, {
+    value: useSelectStore(props),
+    children: props.children
+  });
+}
+
+// ../ariakit-react-components/dist/select/select-row.js
+var TagName12 = "div";
+var useSelectRow = _QAUJZR6Ycjs.createHook.call(void 0, function useSelectRow2({ store, ...props }) {
+  const context = _IHVFJGGNcjs.useSelectContext.call(void 0, );
+  store = store || context;
+  _QAUJZR6Ycjs.invariant.call(void 0, store, "SelectRow must be wrapped in a SelectList or SelectPopover component");
+  props = {
+    role: _QAUJZR6Ycjs.getPopupRole.call(void 0, _D4HCGWOUcjs.useStoreState.call(void 0, store, "listElement")) === "grid" ? "row" : "presentation",
+    ...props
+  };
+  props = _GUY4MKX2cjs.useCompositeRow.call(void 0, {
+    store,
+    ...props
+  });
+  return props;
+});
+var SelectRow = _QAUJZR6Ycjs.forwardRef.call(void 0, function SelectRow2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName12, useSelectRow(props));
+});
+
+// ../ariakit-react-components/dist/select/select-separator.js
+var TagName13 = "hr";
+var useSelectSeparator = _QAUJZR6Ycjs.createHook.call(void 0, function useSelectSeparator2({ store, ...props }) {
+  const context = _IHVFJGGNcjs.useSelectContext.call(void 0, );
+  store = store || context;
+  props = _TLUFYZC7cjs.useCompositeSeparator.call(void 0, {
+    store,
+    ...props
+  });
+  return props;
+});
+var SelectSeparator = _QAUJZR6Ycjs.forwardRef.call(void 0, function SelectSeparator2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName13, useSelectSeparator(props));
+});
+
+// ../ariakit-react-components/dist/select/select-value.js
+function SelectValue({ store, fallback, children } = {}) {
+  const context = _IHVFJGGNcjs.useSelectContext.call(void 0, );
+  store = store || context;
+  const value = _D4HCGWOUcjs.useStoreState.call(void 0, store, (state) => {
+    if (!(state == null ? void 0 : state.value.length)) return fallback;
+    return state.value;
+  });
+  if (children) return children(value || "");
+  return value;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.SelectArrow = SelectArrow; exports.Select = Select; exports.SelectDismiss = SelectDismiss; exports.SelectGroup = SelectGroup; exports.SelectGroupLabel = SelectGroupLabel; exports.SelectHeading = SelectHeading; exports.SelectItem = SelectItem; exports.SelectItemCheck = SelectItemCheck; exports.SelectLabel = SelectLabel; exports.SelectList = SelectList; exports.SelectPopover = SelectPopover; exports.useSelectStore = useSelectStore; exports.SelectProvider = SelectProvider; exports.SelectRow = SelectRow; exports.SelectSeparator = SelectSeparator; exports.SelectValue = SelectValue;