@sparrowengg/integrations-templates-frontend 8.0.2 → 8.0.3

package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/node_modules/@radix-ui/react-menu/dist/index.js

@@ -19,6 +19,37 @@ import { hideOthers } from '../../../aria-hidden/dist/es2015/index.js';
 import RemoveScroll from '../../../react-remove-scroll/dist/es2015/Combination.js';
 import { jsx } from 'react/jsx-runtime';
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var SELECTION_KEYS = ["Enter", " "];
 var FIRST_KEYS = ["ArrowDown", "PageUp", "Home"];
 var LAST_KEYS = ["ArrowUp", "PageDown", "End"];
@@ -63,7 +94,7 @@ var Menu = (props) => {
       document.removeEventListener("pointermove", handlePointer, { capture: true });
     };
   }, []);
-  return /* @__PURE__ */ jsx(Root2, { ...popperScope, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Root2, __spreadProps(__spreadValues({}, popperScope), { children: /* @__PURE__ */ jsx(
     MenuProvider,
     {
       scope: __scopeMenu,
@@ -83,15 +114,15 @@ var Menu = (props) => {
         }
       )
     }
-  ) });
+  ) }));
 };
 Menu.displayName = MENU_NAME;
 var ANCHOR_NAME = "MenuAnchor";
 var MenuAnchor = React.forwardRef(
   (props, forwardedRef) => {
-    const { __scopeMenu, ...anchorProps } = props;
+    const _a = props, { __scopeMenu } = _a, anchorProps = __objRest(_a, ["__scopeMenu"]);
     const popperScope = usePopperScope(__scopeMenu);
-    return /* @__PURE__ */ jsx(Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Anchor, __spreadProps(__spreadValues(__spreadValues({}, popperScope), anchorProps), { ref: forwardedRef }));
   }
 );
 MenuAnchor.displayName = ANCHOR_NAME;
@@ -110,10 +141,10 @@ var [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAM
 var MenuContent = React.forwardRef(
   (props, forwardedRef) => {
     const portalContext = usePortalContext(CONTENT_NAME, props.__scopeMenu);
-    const { forceMount = portalContext.forceMount, ...contentProps } = props;
+    const _a = props, { forceMount = portalContext.forceMount } = _a, contentProps = __objRest(_a, ["forceMount"]);
     const context = useMenuContext(CONTENT_NAME, props.__scopeMenu);
     const rootContext = useMenuRootContext(CONTENT_NAME, props.__scopeMenu);
-    return /* @__PURE__ */ jsx(Collection.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Collection.Slot, { scope: props.__scopeMenu, children: rootContext.modal ? /* @__PURE__ */ jsx(MenuRootContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx(MenuRootContentNonModal, { ...contentProps, ref: forwardedRef }) }) }) });
+    return /* @__PURE__ */ jsx(Collection.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Collection.Slot, { scope: props.__scopeMenu, children: rootContext.modal ? /* @__PURE__ */ jsx(MenuRootContentModal, __spreadProps(__spreadValues({}, contentProps), { ref: forwardedRef })) : /* @__PURE__ */ jsx(MenuRootContentNonModal, __spreadProps(__spreadValues({}, contentProps), { ref: forwardedRef })) }) }) });
   }
 );
 var MenuRootContentModal = React.forwardRef(
@@ -123,12 +154,12 @@ var MenuRootContentModal = React.forwardRef(
     const composedRefs = useComposedRefs(forwardedRef, ref);
     React.useEffect(() => {
       const content = ref.current;
-      if (content) return hideOthers(content);
+      if (content)
+        return hideOthers(content);
     }, []);
     return /* @__PURE__ */ jsx(
       MenuContentImpl,
-      {
-        ...props,
+      __spreadProps(__spreadValues({}, props), {
         ref: composedRefs,
         trapFocus: context.open,
         disableOutsidePointerEvents: context.open,
@@ -139,7 +170,7 @@ var MenuRootContentModal = React.forwardRef(
           { checkForDefaultPrevented: false }
         ),
         onDismiss: () => context.onOpenChange(false)
-      }
+      })
     );
   }
 );
@@ -147,20 +178,19 @@ var MenuRootContentNonModal = React.forwardRef((props, forwardedRef) => {
   const context = useMenuContext(CONTENT_NAME, props.__scopeMenu);
   return /* @__PURE__ */ jsx(
     MenuContentImpl,
-    {
-      ...props,
+    __spreadProps(__spreadValues({}, props), {
       ref: forwardedRef,
       trapFocus: false,
       disableOutsidePointerEvents: false,
       disableOutsideScroll: false,
       onDismiss: () => context.onOpenChange(false)
-    }
+    })
   );
 });
 var Slot = createSlot("MenuContent.ScrollLock");
 var MenuContentImpl = React.forwardRef(
   (props, forwardedRef) => {
-    const {
+    const _a = props, {
       __scopeMenu,
       loop = false,
       trapFocus,
@@ -173,9 +203,22 @@ var MenuContentImpl = React.forwardRef(
       onFocusOutside,
       onInteractOutside,
       onDismiss,
-      disableOutsideScroll,
-      ...contentProps
-    } = props;
+      disableOutsideScroll
+    } = _a, contentProps = __objRest(_a, [
+      "__scopeMenu",
+      "loop",
+      "trapFocus",
+      "onOpenAutoFocus",
+      "onCloseAutoFocus",
+      "disableOutsidePointerEvents",
+      "onEntryFocus",
+      "onEscapeKeyDown",
+      "onPointerDownOutside",
+      "onFocusOutside",
+      "onInteractOutside",
+      "onDismiss",
+      "disableOutsideScroll"
+    ]);
     const context = useMenuContext(CONTENT_NAME, __scopeMenu);
     const rootContext = useMenuRootContext(CONTENT_NAME, __scopeMenu);
     const popperScope = usePopperScope(__scopeMenu);
@@ -193,17 +236,19 @@ var MenuContentImpl = React.forwardRef(
     const ScrollLockWrapper = disableOutsideScroll ? RemoveScroll : React.Fragment;
     const scrollLockWrapperProps = disableOutsideScroll ? { as: Slot, allowPinchZoom: true } : void 0;
     const handleTypeaheadSearch = (key) => {
+      var _a2, _b;
       const search = searchRef.current + key;
       const items = getItems().filter((item) => !item.disabled);
       const currentItem = document.activeElement;
-      const currentMatch = items.find((item) => item.ref.current === currentItem)?.textValue;
+      const currentMatch = (_a2 = items.find((item) => item.ref.current === currentItem)) == null ? void 0 : _a2.textValue;
       const values = items.map((item) => item.textValue);
       const nextMatch = getNextMatch(values, search, currentMatch);
-      const newItem = items.find((item) => item.textValue === nextMatch)?.ref.current;
+      const newItem = (_b = items.find((item) => item.textValue === nextMatch)) == null ? void 0 : _b.ref.current;
       (function updateSearch(value) {
         searchRef.current = value;
         window.clearTimeout(timerRef.current);
-        if (value !== "") timerRef.current = window.setTimeout(() => updateSearch(""), 1e3);
+        if (value !== "")
+          timerRef.current = window.setTimeout(() => updateSearch(""), 1e3);
       })(search);
       if (newItem) {
         setTimeout(() => newItem.focus());
@@ -214,8 +259,9 @@ var MenuContentImpl = React.forwardRef(
     }, []);
     useFocusGuards();
     const isPointerMovingToSubmenu = React.useCallback((event) => {
-      const isMovingTowards = pointerDirRef.current === pointerGraceIntentRef.current?.side;
-      return isMovingTowards && isPointerInGraceArea(event, pointerGraceIntentRef.current?.area);
+      var _a2, _b;
+      const isMovingTowards = pointerDirRef.current === ((_a2 = pointerGraceIntentRef.current) == null ? void 0 : _a2.side);
+      return isMovingTowards && isPointerInGraceArea(event, (_b = pointerGraceIntentRef.current) == null ? void 0 : _b.area);
     }, []);
     return /* @__PURE__ */ jsx(
       MenuContentProvider,
@@ -224,21 +270,25 @@ var MenuContentImpl = React.forwardRef(
         searchRef,
         onItemEnter: React.useCallback(
           (event) => {
-            if (isPointerMovingToSubmenu(event)) event.preventDefault();
+            if (isPointerMovingToSubmenu(event))
+              event.preventDefault();
           },
           [isPointerMovingToSubmenu]
         ),
         onItemLeave: React.useCallback(
           (event) => {
-            if (isPointerMovingToSubmenu(event)) return;
-            contentRef.current?.focus();
+            var _a2;
+            if (isPointerMovingToSubmenu(event))
+              return;
+            (_a2 = contentRef.current) == null ? void 0 : _a2.focus();
             setCurrentItemId(null);
           },
           [isPointerMovingToSubmenu]
         ),
         onTriggerLeave: React.useCallback(
           (event) => {
-            if (isPointerMovingToSubmenu(event)) event.preventDefault();
+            if (isPointerMovingToSubmenu(event))
+              event.preventDefault();
           },
           [isPointerMovingToSubmenu]
         ),
@@ -246,14 +296,15 @@ var MenuContentImpl = React.forwardRef(
         onPointerGraceIntentChange: React.useCallback((intent) => {
           pointerGraceIntentRef.current = intent;
         }, []),
-        children: /* @__PURE__ */ jsx(ScrollLockWrapper, { ...scrollLockWrapperProps, children: /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsx(ScrollLockWrapper, __spreadProps(__spreadValues({}, scrollLockWrapperProps), { children: /* @__PURE__ */ jsx(
           FocusScope,
           {
             asChild: true,
             trapped: trapFocus,
             onMountAutoFocus: composeEventHandlers(onOpenAutoFocus, (event) => {
+              var _a2;
               event.preventDefault();
-              contentRef.current?.focus({ preventScroll: true });
+              (_a2 = contentRef.current) == null ? void 0 : _a2.focus({ preventScroll: true });
             }),
             onUnmountAutoFocus: onCloseAutoFocus,
             children: /* @__PURE__ */ jsx(
@@ -268,46 +319,51 @@ var MenuContentImpl = React.forwardRef(
                 onDismiss,
                 children: /* @__PURE__ */ jsx(
                   Root,
-                  {
-                    asChild: true,
-                    ...rovingFocusGroupScope,
+                  __spreadProps(__spreadValues({
+                    asChild: true
+                  }, rovingFocusGroupScope), {
                     dir: rootContext.dir,
                     orientation: "vertical",
                     loop,
                     currentTabStopId: currentItemId,
                     onCurrentTabStopIdChange: setCurrentItemId,
                     onEntryFocus: composeEventHandlers(onEntryFocus, (event) => {
-                      if (!rootContext.isUsingKeyboardRef.current) event.preventDefault();
+                      if (!rootContext.isUsingKeyboardRef.current)
+                        event.preventDefault();
                     }),
                     preventScrollOnEntryFocus: true,
                     children: /* @__PURE__ */ jsx(
                       Content,
-                      {
+                      __spreadProps(__spreadValues(__spreadValues({
                         role: "menu",
                         "aria-orientation": "vertical",
                         "data-state": getOpenState(context.open),
                         "data-radix-menu-content": "",
-                        dir: rootContext.dir,
-                        ...popperScope,
-                        ...contentProps,
+                        dir: rootContext.dir
+                      }, popperScope), contentProps), {
                         ref: composedRefs,
-                        style: { outline: "none", ...contentProps.style },
+                        style: __spreadValues({ outline: "none" }, contentProps.style),
                         onKeyDown: composeEventHandlers(contentProps.onKeyDown, (event) => {
                           const target = event.target;
                           const isKeyDownInside = target.closest("[data-radix-menu-content]") === event.currentTarget;
                           const isModifierKey = event.ctrlKey || event.altKey || event.metaKey;
                           const isCharacterKey = event.key.length === 1;
                           if (isKeyDownInside) {
-                            if (event.key === "Tab") event.preventDefault();
-                            if (!isModifierKey && isCharacterKey) handleTypeaheadSearch(event.key);
+                            if (event.key === "Tab")
+                              event.preventDefault();
+                            if (!isModifierKey && isCharacterKey)
+                              handleTypeaheadSearch(event.key);
                           }
                           const content = contentRef.current;
-                          if (event.target !== content) return;
-                          if (!FIRST_LAST_KEYS.includes(event.key)) return;
+                          if (event.target !== content)
+                            return;
+                          if (!FIRST_LAST_KEYS.includes(event.key))
+                            return;
                           event.preventDefault();
                           const items = getItems().filter((item) => !item.disabled);
                           const candidateNodes = items.map((item) => item.ref.current);
-                          if (LAST_KEYS.includes(event.key)) candidateNodes.reverse();
+                          if (LAST_KEYS.includes(event.key))
+                            candidateNodes.reverse();
                           focusFirst(candidateNodes);
                         }),
                         onBlur: composeEventHandlers(props.onBlur, (event) => {
@@ -328,14 +384,14 @@ var MenuContentImpl = React.forwardRef(
                             }
                           })
                         )
-                      }
+                      })
                     )
-                  }
+                  })
                 )
               }
             )
           }
-        ) })
+        ) }))
       }
     );
   }
@@ -344,16 +400,16 @@ MenuContent.displayName = CONTENT_NAME;
 var GROUP_NAME = "MenuGroup";
 var MenuGroup = React.forwardRef(
   (props, forwardedRef) => {
-    const { __scopeMenu, ...groupProps } = props;
-    return /* @__PURE__ */ jsx(Primitive.div, { role: "group", ...groupProps, ref: forwardedRef });
+    const _a = props, { __scopeMenu } = _a, groupProps = __objRest(_a, ["__scopeMenu"]);
+    return /* @__PURE__ */ jsx(Primitive.div, __spreadProps(__spreadValues({ role: "group" }, groupProps), { ref: forwardedRef }));
   }
 );
 MenuGroup.displayName = GROUP_NAME;
 var LABEL_NAME = "MenuLabel";
 var MenuLabel = React.forwardRef(
   (props, forwardedRef) => {
-    const { __scopeMenu, ...labelProps } = props;
-    return /* @__PURE__ */ jsx(Primitive.div, { ...labelProps, ref: forwardedRef });
+    const _a = props, { __scopeMenu } = _a, labelProps = __objRest(_a, ["__scopeMenu"]);
+    return /* @__PURE__ */ jsx(Primitive.div, __spreadProps(__spreadValues({}, labelProps), { ref: forwardedRef }));
   }
 );
 MenuLabel.displayName = LABEL_NAME;
@@ -361,7 +417,7 @@ var ITEM_NAME = "MenuItem";
 var ITEM_SELECT = "menu.itemSelect";
 var MenuItem = React.forwardRef(
   (props, forwardedRef) => {
-    const { disabled = false, onSelect, ...itemProps } = props;
+    const _a = props, { disabled = false, onSelect } = _a, itemProps = __objRest(_a, ["disabled", "onSelect"]);
     const ref = React.useRef(null);
     const rootContext = useMenuRootContext(ITEM_NAME, props.__scopeMenu);
     const contentContext = useMenuContentContext(ITEM_NAME, props.__scopeMenu);
@@ -371,7 +427,7 @@ var MenuItem = React.forwardRef(
       const menuItem = ref.current;
       if (!disabled && menuItem) {
         const itemSelectEvent = new CustomEvent(ITEM_SELECT, { bubbles: true, cancelable: true });
-        menuItem.addEventListener(ITEM_SELECT, (event) => onSelect?.(event), { once: true });
+        menuItem.addEventListener(ITEM_SELECT, (event) => onSelect == null ? void 0 : onSelect(event), { once: true });
         dispatchDiscreteCustomEvent(menuItem, itemSelectEvent);
         if (itemSelectEvent.defaultPrevented) {
           isPointerDownRef.current = false;
@@ -382,34 +438,37 @@ var MenuItem = React.forwardRef(
     };
     return /* @__PURE__ */ jsx(
       MenuItemImpl,
-      {
-        ...itemProps,
+      __spreadProps(__spreadValues({}, itemProps), {
         ref: composedRefs,
         disabled,
         onClick: composeEventHandlers(props.onClick, handleSelect),
         onPointerDown: (event) => {
-          props.onPointerDown?.(event);
+          var _a2;
+          (_a2 = props.onPointerDown) == null ? void 0 : _a2.call(props, event);
           isPointerDownRef.current = true;
         },
         onPointerUp: composeEventHandlers(props.onPointerUp, (event) => {
-          if (!isPointerDownRef.current) event.currentTarget?.click();
+          var _a2;
+          if (!isPointerDownRef.current)
+            (_a2 = event.currentTarget) == null ? void 0 : _a2.click();
         }),
         onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
           const isTypingAhead = contentContext.searchRef.current !== "";
-          if (disabled || isTypingAhead && event.key === " ") return;
+          if (disabled || isTypingAhead && event.key === " ")
+            return;
           if (SELECTION_KEYS.includes(event.key)) {
             event.currentTarget.click();
             event.preventDefault();
           }
         })
-      }
+      })
     );
   }
 );
 MenuItem.displayName = ITEM_NAME;
 var MenuItemImpl = React.forwardRef(
   (props, forwardedRef) => {
-    const { __scopeMenu, disabled = false, textValue, ...itemProps } = props;
+    const _a = props, { __scopeMenu, disabled = false, textValue } = _a, itemProps = __objRest(_a, ["__scopeMenu", "disabled", "textValue"]);
     const contentContext = useMenuContentContext(ITEM_NAME, __scopeMenu);
     const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenu);
     const ref = React.useRef(null);
@@ -417,9 +476,10 @@ var MenuItemImpl = React.forwardRef(
     const [isFocused, setIsFocused] = React.useState(false);
     const [textContent, setTextContent] = React.useState("");
     React.useEffect(() => {
+      var _a2;
       const menuItem = ref.current;
       if (menuItem) {
-        setTextContent((menuItem.textContent ?? "").trim());
+        setTextContent(((_a2 = menuItem.textContent) != null ? _a2 : "").trim());
       }
     }, [itemProps.children]);
     return /* @__PURE__ */ jsx(
@@ -427,15 +487,15 @@ var MenuItemImpl = React.forwardRef(
       {
         scope: __scopeMenu,
         disabled,
-        textValue: textValue ?? textContent,
-        children: /* @__PURE__ */ jsx(Item, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled, children: /* @__PURE__ */ jsx(
+        textValue: textValue != null ? textValue : textContent,
+        children: /* @__PURE__ */ jsx(Item, __spreadProps(__spreadValues({ asChild: true }, rovingFocusGroupScope), { focusable: !disabled, children: /* @__PURE__ */ jsx(
           Primitive.div,
-          {
+          __spreadProps(__spreadValues({
             role: "menuitem",
             "data-highlighted": isFocused ? "" : void 0,
             "aria-disabled": disabled || void 0,
-            "data-disabled": disabled ? "" : void 0,
-            ...itemProps,
+            "data-disabled": disabled ? "" : void 0
+          }, itemProps), {
             ref: composedRefs,
             onPointerMove: composeEventHandlers(
               props.onPointerMove,
@@ -457,8 +517,8 @@ var MenuItemImpl = React.forwardRef(
             ),
             onFocus: composeEventHandlers(props.onFocus, () => setIsFocused(true)),
             onBlur: composeEventHandlers(props.onBlur, () => setIsFocused(false))
-          }
-        ) })
+          })
+        ) }))
       }
     );
   }
@@ -466,21 +526,21 @@ var MenuItemImpl = React.forwardRef(
 var CHECKBOX_ITEM_NAME = "MenuCheckboxItem";
 var MenuCheckboxItem = React.forwardRef(
   (props, forwardedRef) => {
-    const { checked = false, onCheckedChange, ...checkboxItemProps } = props;
+    const _a = props, { checked = false, onCheckedChange } = _a, checkboxItemProps = __objRest(_a, ["checked", "onCheckedChange"]);
     return /* @__PURE__ */ jsx(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ jsx(
       MenuItem,
-      {
+      __spreadProps(__spreadValues({
         role: "menuitemcheckbox",
-        "aria-checked": isIndeterminate(checked) ? "mixed" : checked,
-        ...checkboxItemProps,
+        "aria-checked": isIndeterminate(checked) ? "mixed" : checked
+      }, checkboxItemProps), {
         ref: forwardedRef,
         "data-state": getCheckedState(checked),
         onSelect: composeEventHandlers(
           checkboxItemProps.onSelect,
-          () => onCheckedChange?.(isIndeterminate(checked) ? true : !checked),
+          () => onCheckedChange == null ? void 0 : onCheckedChange(isIndeterminate(checked) ? true : !checked),
           { checkForDefaultPrevented: false }
         )
-      }
+      })
     ) });
   }
 );
@@ -493,32 +553,35 @@ var [RadioGroupProvider, useRadioGroupContext] = createMenuContext(
 );
 var MenuRadioGroup = React.forwardRef(
   (props, forwardedRef) => {
-    const { value, onValueChange, ...groupProps } = props;
+    const _a = props, { value, onValueChange } = _a, groupProps = __objRest(_a, ["value", "onValueChange"]);
     const handleValueChange = useCallbackRef(onValueChange);
-    return /* @__PURE__ */ jsx(RadioGroupProvider, { scope: props.__scopeMenu, value, onValueChange: handleValueChange, children: /* @__PURE__ */ jsx(MenuGroup, { ...groupProps, ref: forwardedRef }) });
+    return /* @__PURE__ */ jsx(RadioGroupProvider, { scope: props.__scopeMenu, value, onValueChange: handleValueChange, children: /* @__PURE__ */ jsx(MenuGroup, __spreadProps(__spreadValues({}, groupProps), { ref: forwardedRef })) });
   }
 );
 MenuRadioGroup.displayName = RADIO_GROUP_NAME;
 var RADIO_ITEM_NAME = "MenuRadioItem";
 var MenuRadioItem = React.forwardRef(
   (props, forwardedRef) => {
-    const { value, ...radioItemProps } = props;
+    const _a = props, { value } = _a, radioItemProps = __objRest(_a, ["value"]);
     const context = useRadioGroupContext(RADIO_ITEM_NAME, props.__scopeMenu);
     const checked = value === context.value;
     return /* @__PURE__ */ jsx(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ jsx(
       MenuItem,
-      {
+      __spreadProps(__spreadValues({
         role: "menuitemradio",
-        "aria-checked": checked,
-        ...radioItemProps,
+        "aria-checked": checked
+      }, radioItemProps), {
         ref: forwardedRef,
         "data-state": getCheckedState(checked),
         onSelect: composeEventHandlers(
           radioItemProps.onSelect,
-          () => context.onValueChange?.(value),
+          () => {
+            var _a2;
+            return (_a2 = context.onValueChange) == null ? void 0 : _a2.call(context, value);
+          },
           { checkForDefaultPrevented: false }
         )
-      }
+      })
     ) });
   }
 );
@@ -530,7 +593,7 @@ var [ItemIndicatorProvider, useItemIndicatorContext] = createMenuContext(
 );
 var MenuItemIndicator = React.forwardRef(
   (props, forwardedRef) => {
-    const { __scopeMenu, forceMount, ...itemIndicatorProps } = props;
+    const _a = props, { __scopeMenu, forceMount } = _a, itemIndicatorProps = __objRest(_a, ["__scopeMenu", "forceMount"]);
     const indicatorContext = useItemIndicatorContext(ITEM_INDICATOR_NAME, __scopeMenu);
     return /* @__PURE__ */ jsx(
       Presence,
@@ -538,11 +601,10 @@ var MenuItemIndicator = React.forwardRef(
         present: forceMount || isIndeterminate(indicatorContext.checked) || indicatorContext.checked === true,
         children: /* @__PURE__ */ jsx(
           Primitive.span,
-          {
-            ...itemIndicatorProps,
+          __spreadProps(__spreadValues({}, itemIndicatorProps), {
             ref: forwardedRef,
             "data-state": getCheckedState(indicatorContext.checked)
-          }
+          })
         )
       }
     );
@@ -552,15 +614,15 @@ MenuItemIndicator.displayName = ITEM_INDICATOR_NAME;
 var SEPARATOR_NAME = "MenuSeparator";
 var MenuSeparator = React.forwardRef(
   (props, forwardedRef) => {
-    const { __scopeMenu, ...separatorProps } = props;
+    const _a = props, { __scopeMenu } = _a, separatorProps = __objRest(_a, ["__scopeMenu"]);
     return /* @__PURE__ */ jsx(
       Primitive.div,
-      {
+      __spreadProps(__spreadValues({
         role: "separator",
-        "aria-orientation": "horizontal",
-        ...separatorProps,
+        "aria-orientation": "horizontal"
+      }, separatorProps), {
         ref: forwardedRef
-      }
+      })
     );
   }
 );
@@ -568,9 +630,9 @@ MenuSeparator.displayName = SEPARATOR_NAME;
 var ARROW_NAME = "MenuArrow";
 var MenuArrow = React.forwardRef(
   (props, forwardedRef) => {
-    const { __scopeMenu, ...arrowProps } = props;
+    const _a = props, { __scopeMenu } = _a, arrowProps = __objRest(_a, ["__scopeMenu"]);
     const popperScope = usePopperScope(__scopeMenu);
-    return /* @__PURE__ */ jsx(Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Arrow, __spreadProps(__spreadValues(__spreadValues({}, popperScope), arrowProps), { ref: forwardedRef }));
   }
 );
 MenuArrow.displayName = ARROW_NAME;
@@ -584,10 +646,11 @@ var MenuSub = (props) => {
   const [content, setContent] = React.useState(null);
   const handleOpenChange = useCallbackRef(onOpenChange);
   React.useEffect(() => {
-    if (parentMenuContext.open === false) handleOpenChange(false);
+    if (parentMenuContext.open === false)
+      handleOpenChange(false);
     return () => handleOpenChange(false);
   }, [parentMenuContext.open, handleOpenChange]);
-  return /* @__PURE__ */ jsx(Root2, { ...popperScope, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Root2, __spreadProps(__spreadValues({}, popperScope), { children: /* @__PURE__ */ jsx(
     MenuProvider,
     {
       scope: __scopeMenu,
@@ -607,7 +670,7 @@ var MenuSub = (props) => {
         }
       )
     }
-  ) });
+  ) }));
 };
 MenuSub.displayName = SUB_NAME;
 var SUB_TRIGGER_NAME = "MenuSubTrigger";
@@ -621,7 +684,8 @@ var MenuSubTrigger = React.forwardRef(
     const { pointerGraceTimerRef, onPointerGraceIntentChange } = contentContext;
     const scope = { __scopeMenu: props.__scopeMenu };
     const clearOpenTimer = React.useCallback(() => {
-      if (openTimerRef.current) window.clearTimeout(openTimerRef.current);
+      if (openTimerRef.current)
+        window.clearTimeout(openTimerRef.current);
       openTimerRef.current = null;
     }, []);
     React.useEffect(() => clearOpenTimer, [clearOpenTimer]);
@@ -632,27 +696,31 @@ var MenuSubTrigger = React.forwardRef(
         onPointerGraceIntentChange(null);
       };
     }, [pointerGraceTimerRef, onPointerGraceIntentChange]);
-    return /* @__PURE__ */ jsx(MenuAnchor, { asChild: true, ...scope, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(MenuAnchor, __spreadProps(__spreadValues({ asChild: true }, scope), { children: /* @__PURE__ */ jsx(
       MenuItemImpl,
-      {
+      __spreadProps(__spreadValues({
         id: subContext.triggerId,
         "aria-haspopup": "menu",
         "aria-expanded": context.open,
         "aria-controls": subContext.contentId,
-        "data-state": getOpenState(context.open),
-        ...props,
+        "data-state": getOpenState(context.open)
+      }, props), {
         ref: composeRefs(forwardedRef, subContext.onTriggerChange),
         onClick: (event) => {
-          props.onClick?.(event);
-          if (props.disabled || event.defaultPrevented) return;
+          var _a;
+          (_a = props.onClick) == null ? void 0 : _a.call(props, event);
+          if (props.disabled || event.defaultPrevented)
+            return;
           event.currentTarget.focus();
-          if (!context.open) context.onOpenChange(true);
+          if (!context.open)
+            context.onOpenChange(true);
         },
         onPointerMove: composeEventHandlers(
           props.onPointerMove,
           whenMouse((event) => {
             contentContext.onItemEnter(event);
-            if (event.defaultPrevented) return;
+            if (event.defaultPrevented)
+              return;
             if (!props.disabled && !context.open && !openTimerRef.current) {
               contentContext.onPointerGraceIntentChange(null);
               openTimerRef.current = window.setTimeout(() => {
@@ -665,10 +733,11 @@ var MenuSubTrigger = React.forwardRef(
         onPointerLeave: composeEventHandlers(
           props.onPointerLeave,
           whenMouse((event) => {
+            var _a, _b;
             clearOpenTimer();
-            const contentRect = context.content?.getBoundingClientRect();
+            const contentRect = (_a = context.content) == null ? void 0 : _a.getBoundingClientRect();
             if (contentRect) {
-              const side = context.content?.dataset.side;
+              const side = (_b = context.content) == null ? void 0 : _b.dataset.side;
               const rightSide = side === "right";
               const bleed = rightSide ? -5 : 5;
               const contentNearEdge = contentRect[rightSide ? "left" : "right"];
@@ -692,22 +761,25 @@ var MenuSubTrigger = React.forwardRef(
               );
             } else {
               contentContext.onTriggerLeave(event);
-              if (event.defaultPrevented) return;
+              if (event.defaultPrevented)
+                return;
               contentContext.onPointerGraceIntentChange(null);
             }
           })
         ),
         onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
+          var _a;
           const isTypingAhead = contentContext.searchRef.current !== "";
-          if (props.disabled || isTypingAhead && event.key === " ") return;
+          if (props.disabled || isTypingAhead && event.key === " ")
+            return;
           if (SUB_OPEN_KEYS[rootContext.dir].includes(event.key)) {
             context.onOpenChange(true);
-            context.content?.focus();
+            (_a = context.content) == null ? void 0 : _a.focus();
             event.preventDefault();
           }
         })
-      }
-    ) });
+      })
+    ) }));
   }
 );
 MenuSubTrigger.displayName = SUB_TRIGGER_NAME;
@@ -715,7 +787,7 @@ var SUB_CONTENT_NAME = "MenuSubContent";
 var MenuSubContent = React.forwardRef(
   (props, forwardedRef) => {
     const portalContext = usePortalContext(CONTENT_NAME, props.__scopeMenu);
-    const { forceMount = portalContext.forceMount, ...subContentProps } = props;
+    const _a = props, { forceMount = portalContext.forceMount } = _a, subContentProps = __objRest(_a, ["forceMount"]);
     const context = useMenuContext(CONTENT_NAME, props.__scopeMenu);
     const rootContext = useMenuRootContext(CONTENT_NAME, props.__scopeMenu);
     const subContext = useMenuSubContext(SUB_CONTENT_NAME, props.__scopeMenu);
@@ -723,10 +795,10 @@ var MenuSubContent = React.forwardRef(
     const composedRefs = useComposedRefs(forwardedRef, ref);
     return /* @__PURE__ */ jsx(Collection.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Collection.Slot, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx(
       MenuContentImpl,
-      {
+      __spreadProps(__spreadValues({
         id: subContext.contentId,
-        "aria-labelledby": subContext.triggerId,
-        ...subContentProps,
+        "aria-labelledby": subContext.triggerId
+      }, subContentProps), {
         ref: composedRefs,
         align: "start",
         side: rootContext.dir === "rtl" ? "left" : "right",
@@ -734,27 +806,31 @@ var MenuSubContent = React.forwardRef(
         disableOutsideScroll: false,
         trapFocus: false,
         onOpenAutoFocus: (event) => {
-          if (rootContext.isUsingKeyboardRef.current) ref.current?.focus();
+          var _a2;
+          if (rootContext.isUsingKeyboardRef.current)
+            (_a2 = ref.current) == null ? void 0 : _a2.focus();
           event.preventDefault();
         },
         onCloseAutoFocus: (event) => event.preventDefault(),
         onFocusOutside: composeEventHandlers(props.onFocusOutside, (event) => {
-          if (event.target !== subContext.trigger) context.onOpenChange(false);
+          if (event.target !== subContext.trigger)
+            context.onOpenChange(false);
         }),
         onEscapeKeyDown: composeEventHandlers(props.onEscapeKeyDown, (event) => {
           rootContext.onClose();
           event.preventDefault();
         }),
         onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
+          var _a2;
           const isKeyDownInside = event.currentTarget.contains(event.target);
           const isCloseKey = SUB_CLOSE_KEYS[rootContext.dir].includes(event.key);
           if (isKeyDownInside && isCloseKey) {
             context.onOpenChange(false);
-            subContext.trigger?.focus();
+            (_a2 = subContext.trigger) == null ? void 0 : _a2.focus();
             event.preventDefault();
           }
         })
-      }
+      })
     ) }) }) });
   }
 );
@@ -771,9 +847,11 @@ function getCheckedState(checked) {
 function focusFirst(candidates) {
   const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
   for (const candidate of candidates) {
-    if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
+    if (candidate === PREVIOUSLY_FOCUSED_ELEMENT)
+      return;
     candidate.focus();
-    if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
+    if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT)
+      return;
   }
 }
 function wrapArray(array, startIndex) {
@@ -785,7 +863,8 @@ function getNextMatch(values, search, currentMatch) {
   const currentMatchIndex = currentMatch ? values.indexOf(currentMatch) : -1;
   let wrappedValues = wrapArray(values, Math.max(currentMatchIndex, 0));
   const excludeCurrentMatch = normalizedSearch.length === 1;
-  if (excludeCurrentMatch) wrappedValues = wrappedValues.filter((v) => v !== currentMatch);
+  if (excludeCurrentMatch)
+    wrappedValues = wrappedValues.filter((v) => v !== currentMatch);
   const nextMatch = wrappedValues.find(
     (value) => value.toLowerCase().startsWith(normalizedSearch.toLowerCase())
   );
@@ -802,12 +881,14 @@ function isPointInPolygon(point, polygon) {
     const xj = jj.x;
     const yj = jj.y;
     const intersect = yi > y !== yj > y && x < (xj - xi) * (y - yi) / (yj - yi) + xi;
-    if (intersect) inside = !inside;
+    if (intersect)
+      inside = !inside;
   }
   return inside;
 }
 function isPointerInGraceArea(event, area) {
-  if (!area) return false;
+  if (!area)
+    return false;
   const cursorPos = { x: event.clientX, y: event.clientY };
   return isPointInPolygon(cursorPos, area);
 }