: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
const role = contentElement.getAttribute("role");
const parentRole = parentContentElement.getAttribute("role");
const parentIsMenuOrMenubar = parentRole === "menu" || parentRole === "menubar";
if (parentIsMenuOrMenubar && role === "menu")
return parentContentElement;
}, [contentElement, parentContentElement]);
if (preserveTabOrderAnchor !== void 0) {
props = _4R3V3JGP_spreadValues({
props = useHovercard(_4R3V3JGP_spreadProps(_4R3V3JGP_spreadValues({
initialFocus: initialFocusRef,
autoFocusOnShow: mayAutoFocusOnShow ? canAutoFocusOnShow && autoFocusOnShow : autoFocusOnShowState || !!modal
hideOnEscape: (event) => {
if (isFalsyBooleanCallback(hideOnEscape, event))
store == null ? void 0 : store.hideAll();
hideOnHoverOutside: (event) => {
const disclosureElement = store == null ? void 0 : store.getState().disclosureElement;
const getHideOnHoverOutside = () => {
if (typeof hideOnHoverOutside === "function") {
return hideOnHoverOutside(event);
if (hideOnHoverOutside != null)
return hideOnHoverOutside;
if (hasFocusWithin(disclosureElement))
if (!getHideOnHoverOutside())
if (event.defaultPrevented)
fireEvent(disclosureElement, "mouseout", event);
if (!hasFocusWithin(disclosureElement))
requestAnimationFrame(() => {
if (hasFocusWithin(disclosureElement))
store == null ? void 0 : store.hide();
backdrop: hasParentMenu ? false : props.backdrop
props = _4R3V3JGP_spreadValues({
"aria-labelledby": ariaLabelledBy
var Menu = createDialogComponent(
createComponent((props) => {
const htmlProps = useMenu(props);
return _3ORBWXWF_createElement("div", htmlProps);
;// CONCATENATED MODULE: ./node_modules/@ariakit/react-core/esm/__chunks/G6ONQ5EH.js
// src/composite/composite-hover.ts
function getMouseDestination(event) {
const relatedTarget = event.relatedTarget;
if ((relatedTarget == null ? void 0 : relatedTarget.nodeType) === Node.ELEMENT_NODE) {
function hoveringInside(event) {
const nextElement = getMouseDestination(event);
return contains(event.currentTarget, nextElement);
var G6ONQ5EH_symbol = Symbol("composite-hover");
function movingToAnotherItem(event) {
let dest = getMouseDestination(event);
if (Y3OOHFCN_hasOwnProperty(dest, G6ONQ5EH_symbol) && dest[G6ONQ5EH_symbol])
dest = dest.parentElement;
var useCompositeHover = createHook(
blurOnHoverEnd = !!focusOnHover
} = _b, props = __objRest(_b, [
const context = useCompositeContext();
store = store || context;
const isMouseMoving = useIsMouseMoving();
const onMouseMoveProp = props.onMouseMove;
const focusOnHoverProp = useBooleanEvent(focusOnHover);
const onMouseMove = useEvent((event) => {
onMouseMoveProp == null ? void 0 : onMouseMoveProp(event);
if (event.defaultPrevented)
if (!focusOnHoverProp(event))
if (!hasFocusWithin(event.currentTarget)) {
const baseElement = store == null ? void 0 : store.getState().baseElement;
if (baseElement && !hasFocus(baseElement)) {
store == null ? void 0 : store.setActiveId(event.currentTarget.id);
const onMouseLeaveProp = props.onMouseLeave;
const blurOnHoverEndProp = useBooleanEvent(blurOnHoverEnd);
const onMouseLeave = useEvent((event) => {
onMouseLeaveProp == null ? void 0 : onMouseLeaveProp(event);
if (event.defaultPrevented)
if (hoveringInside(event))
if (movingToAnotherItem(event))
if (!focusOnHoverProp(event))
if (!blurOnHoverEndProp(event))
store == null ? void 0 : store.setActiveId(null);
(_a2 = store == null ? void 0 : store.getState().baseElement) == null ? void 0 : _a2.focus();
const ref = (0,external_React_.useCallback)((element) => {
element[G6ONQ5EH_symbol] = true;
props = _4R3V3JGP_spreadProps(_4R3V3JGP_spreadValues({}, props), {
ref: useMergeRefs(ref, props.ref),
var CompositeHover = createMemoComponent(
const htmlProps = useCompositeHover(props);
return _3ORBWXWF_createElement("div", htmlProps);
;// CONCATENATED MODULE: ./node_modules/@ariakit/react-core/esm/__chunks/Y6467XPW.js
function menuHasFocus(baseElement, items, currentTarget) {
if (hasFocusWithin(baseElement))
const expandedItem = items == null ? void 0 : items.find((item) => {
if (item.element === currentTarget)
return ((_a2 = item.element) == null ? void 0 : _a2.getAttribute("aria-expanded")) === "true";
const expandedMenuId = (_a = expandedItem == null ? void 0 : expandedItem.element) == null ? void 0 : _a.getAttribute("aria-controls");
const doc = DLOEKDPY_getDocument(baseElement);
const expandedMenu = doc.getElementById(expandedMenuId);
if (hasFocusWithin(expandedMenu))
return !!expandedMenu.querySelector("[role=menuitem][aria-expanded=true]");
var useMenuItem = createHook(
preventScrollOnKeyDown = true,
} = _b, props = __objRest(_b, [
"preventScrollOnKeyDown",
const menuContext = useMenuScopedContext(true);
const menubarContext = KA4GX64Z_useMenubarScopedContext();
store = store || menuContext || menubarContext;
const onClickProp = props.onClick;
const hideOnClickProp = useBooleanEvent(hideOnClick);
const hideMenu = "hideAll" in store ? store.hideAll : void 0;
const isWithinMenu = !!hideMenu;
const onClick = useEvent((event) => {
onClickProp == null ? void 0 : onClickProp(event);
if (event.defaultPrevented)
if (isDownloading(event))
if (isOpeningInNewTab(event))
const popupType = event.currentTarget.getAttribute("aria-haspopup");
if (popupType === "menu")
if (!hideOnClickProp(event))
const contentElement = useStoreState(
(state) => "contentElement" in state ? state.contentElement : null
const role = getPopupItemRole(contentElement, "menuitem");
props = _4R3V3JGP_spreadProps(_4R3V3JGP_spreadValues({
props = useCompositeItem(_4R3V3JGP_spreadValues({ store, preventScrollOnKeyDown }, props));
props = useCompositeHover(_4R3V3JGP_spreadProps(_4R3V3JGP_spreadValues({
const getFocusOnHover = () => {
if (typeof focusOnHover === "function")
return focusOnHover(event);
if (focusOnHover != null)
const { baseElement, items } = store.getState();
if (event.currentTarget.hasAttribute("aria-expanded")) {
event.currentTarget.focus();
if (menuHasFocus(baseElement, items, event.currentTarget)) {
event.currentTarget.focus();
if (typeof blurOnHoverEnd === "function")
return blurOnHoverEnd(event);
if (blurOnHoverEnd != null)
var Y6467XPW_MenuItem = createMemoComponent((props) => {
const htmlProps = useMenuItem(props);
return _3ORBWXWF_createElement("div", htmlProps);
;// CONCATENATED MODULE: ./node_modules/@ariakit/core/esm/checkbox/checkbox-store.js
// src/checkbox/checkbox-store.ts
function createCheckboxStore(props = {}) {
throwOnConflictingProps(props, props.store);
const syncState = (_a = props.store) == null ? void 0 : _a.getState();
syncState == null ? void 0 : syncState.value,
const checkbox = createStore(initialState, props.store);
return _chunks_4R3V3JGP_spreadProps(_chunks_4R3V3JGP_spreadValues({}, checkbox), {
setValue: (value) => checkbox.setState("value", value)
;// CONCATENATED MODULE: ./node_modules/@ariakit/react-core/esm/__chunks/JIZ5C2JK.js
// src/checkbox/checkbox-store.ts
function useCheckboxStoreProps(store, update, props) {
useUpdateEffect(update, [props.store]);
useStoreProps(store, props, "value", "setValue");
function useCheckboxStore(props = {}) {
const [store, update] = EKQEJRUF_useStore(createCheckboxStore, props);
return useCheckboxStoreProps(store, update, props);
;// CONCATENATED MODULE: ./node_modules/@ariakit/react-core/esm/__chunks/VPR2WHQV.js
// src/checkbox/checkbox-context.tsx
var VPR2WHQV_ctx = createStoreContext();
var useCheckboxContext = VPR2WHQV_ctx.useContext;
var useCheckboxScopedContext = VPR2WHQV_ctx.useScopedContext;
var useCheckboxProviderContext = VPR2WHQV_ctx.useProviderContext;
var CheckboxContextProvider = VPR2WHQV_ctx.ContextProvider;
var CheckboxScopedContextProvider = VPR2WHQV_ctx.ScopedContextProvider;
;// CONCATENATED MODULE: ./node_modules/@ariakit/react-core/esm/__chunks/3AHQ6JCP.js
// src/checkbox/checkbox.tsx
function setMixed(element, mixed) {
element.indeterminate = true;
} else if (element.indeterminate) {
element.indeterminate = false;
function isNativeCheckbox(tagName, type) {
return tagName === "input" && (!type || type === "checkbox");
function getPrimitiveValue(value) {
if (Array.isArray(value)) {
var useCheckbox = createHook(
} = _b, props = __objRest(_b, [
const context = useCheckboxContext();
store = store || context;
const [_checked, setChecked] = (0,external_React_.useState)(defaultChecked != null ? defaultChecked : false);
const checked = useStoreState(store, (state) => {
if (checkedProp !== void 0)
if ((state == null ? void 0 : state.value) === void 0)
if (Array.isArray(state.value)) {
const primitiveValue = getPrimitiveValue(valueProp);
return state.value.includes(primitiveValue);
return state.value === valueProp;
if (Array.isArray(state.value))
if (typeof state.value === "boolean")
const ref = (0,external_React_.useRef)(null);
const tagName = useTagName(ref, props.as || "input");
const nativeCheckbox = isNativeCheckbox(tagName, props.type);
const mixed = checked ? checked === "mixed" : void 0;
const isChecked = checked === "mixed" ? false : checked;
const disabled = disabledFromProps(props);
const [propertyUpdated, schedulePropertyUpdate] = useForceUpdate();
(0,external_React_.useEffect)(() => {
const element = ref.current;
setMixed(element, mixed);
element.checked = isChecked;
if (valueProp !== void 0) {
element.value = `${valueProp}`;
}, [propertyUpdated, mixed, nativeCheckbox, isChecked, name, valueProp]);
const onChangeProp = props.onChange;
const onChange = useEvent((event) => {
setMixed(event.currentTarget, mixed);
event.currentTarget.checked = !event.currentTarget.checked;
schedulePropertyUpdate();
onChangeProp == null ? void 0 : onChangeProp(event);
if (event.defaultPrevented)