@dmsi/wedgekit-react 0.0.82 → 0.0.84

package/dist/{chunk-6R2HCLEL.js → chunk-37TJJQL3.js}

@@ -1,9 +1,9 @@
 import {
   useMenuPosition
-} from "./chunk-B6PDZCU7.js";
+} from "./chunk-5GUW4DUY.js";
 import {
   useMatchesMobile
-} from "./chunk-SWA5WVQO.js";
+} from "./chunk-WNQ53SVY.js";
 import {
   findDocumentRoot
 } from "./chunk-4T7F5BZZ.js";

package/dist/{chunk-B6PDZCU7.js → chunk-5GUW4DUY.js}

@@ -1,6 +1,6 @@
 import {
   useMatchesMobile
-} from "./chunk-SWA5WVQO.js";
+} from "./chunk-WNQ53SVY.js";
 import {
   __spreadValues
 } from "./chunk-ORMEWXMH.js";

package/dist/{chunk-ATOEGP3V.js → chunk-CKSDMI2Q.js}

@@ -1,12 +1,12 @@
 import {
   Menu
-} from "./chunk-6R2HCLEL.js";
+} from "./chunk-37TJJQL3.js";
 import {
   useSubMenuSystem
-} from "./chunk-B6PDZCU7.js";
+} from "./chunk-5GUW4DUY.js";
 import {
   MenuOption
-} from "./chunk-FOC6LTSX.js";
+} from "./chunk-UPBBOZM3.js";
 import {
   Search
 } from "./chunk-LP6AZST2.js";
@@ -167,13 +167,15 @@ function DataCellHeader(_a) {
     children,
     setNodeRef,
     node,
-    id
+    id,
+    useMenuDefaultMinWidth
   } = _b, props = __objRest(_b, [
     "header",
     "children",
     "setNodeRef",
     "node",
-    "id"
+    "id",
+    "useMenuDefaultMinWidth"
   ]);
   var _a2;
   const [showMenu, setShowMenu] = useState(false);
@@ -194,7 +196,9 @@ function DataCellHeader(_a) {
     const columnPinning = (_a3 = header.getContext().table.options.initialState) == null ? void 0 : _a3.columnPinning;
     const left = (columnPinning == null ? void 0 : columnPinning.left) ? columnPinning.left : [];
     const right = (columnPinning == null ? void 0 : columnPinning.right) ? columnPinning.right : [];
-    predeterminedPinned.current = [...left, ...right].includes(header.column.id);
+    predeterminedPinned.current = [...left, ...right].includes(
+      header.column.id
+    );
   }, []);
   useEffect(() => {
     const handler = setTimeout(() => {
@@ -232,6 +236,7 @@ function DataCellHeader(_a) {
             show: showMenu,
             setShow: setShowMenu,
             mobileHide,
+            useDefaultMinWidth: useMenuDefaultMinWidth,
             children: [
               /* @__PURE__ */ jsx(
                 MenuOption,
@@ -249,6 +254,7 @@ function DataCellHeader(_a) {
                         ref: (el) => {
                           registerSubMenu(menuId, el);
                         },
+                        useDefaultMinWidth: useMenuDefaultMinWidth,
                         children: [
                           /* @__PURE__ */ jsx("div", { className: clsx(paddingUsingComponentGap), children: /* @__PURE__ */ jsx(
                             Search,
@@ -410,7 +416,8 @@ function DraggableCellHeader(_a) {
     whiteSpace: "nowrap",
     zIndex: isDragging ? 1 : 0,
     width: header.column.getSize(),
-    "--color-text-primary-normal": "var(--color-neutral-000)"
+    "--color-text-primary-normal": "var(--color-neutral-000)",
+    userSelect: "none"
   };
   return /* @__PURE__ */ jsx(
     DataCellHeader,

package/dist/{chunk-2DCVAATK.js → chunk-MQWWNAO3.js}

@@ -1,9 +1,6 @@
 import {
   useMounted
 } from "./chunk-4RJKB7LC.js";
-import {
-  ModalButtons
-} from "./chunk-QUPHLL7D.js";
 import {
   ModalContent
 } from "./chunk-FWPJ73IK.js";
@@ -13,9 +10,12 @@ import {
 import {
   ModalScrim
 } from "./chunk-4JLU7TAC.js";
+import {
+  ModalButtons
+} from "./chunk-QUPHLL7D.js";
 import {
   useMatchesMobile
-} from "./chunk-SWA5WVQO.js";
+} from "./chunk-WNQ53SVY.js";
 import {
   findDocumentRoot
 } from "./chunk-4T7F5BZZ.js";

package/dist/{chunk-FOC6LTSX.js → chunk-UPBBOZM3.js}

@@ -1,6 +1,6 @@
 import {
   useMatchesMobile
-} from "./chunk-SWA5WVQO.js";
+} from "./chunk-WNQ53SVY.js";
 import {
   Paragraph
 } from "./chunk-VG4EPHJA.js";

package/dist/{chunk-SWA5WVQO.js → chunk-WNQ53SVY.js}

@@ -27,6 +27,35 @@ function useKeydown(keys, isActive) {
   }, [keys, isActive]);
 }
 
+// src/hooks/useInfiniteScroll.tsx
+import { useEffect as useEffect2 } from "react";
+function useInfiniteScroll({
+  containerRef,
+  onLoadMore,
+  isLoading,
+  offset = 50,
+  enabled = true
+  // ✅ Add this
+}) {
+  useEffect2(() => {
+    if (!enabled) return;
+    const handleScroll = () => {
+      const el2 = containerRef.current;
+      if (!el2 || isLoading) return;
+      const { scrollTop, scrollHeight, clientHeight } = el2;
+      const isNearBottom = scrollTop + clientHeight >= scrollHeight - offset;
+      if (isNearBottom) {
+        onLoadMore();
+      }
+    };
+    const el = containerRef.current;
+    if (el) el.addEventListener("scroll", handleScroll);
+    return () => {
+      if (el) el.removeEventListener("scroll", handleScroll);
+    };
+  }, [containerRef, onLoadMore, isLoading, offset, enabled]);
+}
+
 // src/hooks/useMatchesMedia.ts
 import { useLayoutEffect, useState } from "react";
 var useMatchesMedia = (query) => {
@@ -44,6 +73,7 @@ var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
 
 export {
   useKeydown,
+  useInfiniteScroll,
   useMatchesMedia,
   useMatchesMobile
 };

package/dist/components/DataGridCell.cjs

@@ -118,7 +118,7 @@ var CSS = /* @__PURE__ */ Object.freeze({
 
 // src/components/DataGridCell.tsx
 var import_clsx8 = __toESM(require("clsx"), 1);
-var import_react9 = require("react");
+var import_react10 = require("react");
 
 // src/classNames.ts
 var import_clsx = __toESM(require("clsx"), 1);
@@ -855,20 +855,23 @@ Search.displayName = "Search";
 
 // src/components/Menu.tsx
 var import_clsx5 = __toESM(require("clsx"), 1);
-var import_react7 = require("react");
+var import_react8 = require("react");
 var import_react_dom = require("react-dom");
 
 // src/components/useMenuSystem.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 
 // src/hooks/useKeydown.ts
 var import_react4 = require("react");
 
-// src/hooks/useMatchesMedia.ts
+// src/hooks/useInfiniteScroll.tsx
 var import_react5 = require("react");
+
+// src/hooks/useMatchesMedia.ts
+var import_react6 = require("react");
 var useMatchesMedia = (query) => {
-  const [matches, setMatches] = (0, import_react5.useState)();
-  (0, import_react5.useLayoutEffect)(() => {
+  const [matches, setMatches] = (0, import_react6.useState)();
+  (0, import_react6.useLayoutEffect)(() => {
     const mediaQueryList = window.matchMedia(query);
     const listener = () => setMatches(mediaQueryList.matches);
     listener();
@@ -881,17 +884,17 @@ var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
 
 // src/components/useMenuSystem.tsx
 function useSubMenuSystem(mobilePositionTo) {
-  const [activeMenus, setActiveMenus] = (0, import_react6.useState)(
+  const [activeMenus, setActiveMenus] = (0, import_react7.useState)(
     {}
   );
-  const [activeMenu, setActiveMenu] = (0, import_react6.useState)("");
-  const [currentSubMenuLevel, setCurrentSubMenuLevel] = (0, import_react6.useState)(
+  const [activeMenu, setActiveMenu] = (0, import_react7.useState)("");
+  const [currentSubMenuLevel, setCurrentSubMenuLevel] = (0, import_react7.useState)(
     null
   );
-  const menuRootRef = (0, import_react6.useRef)(null);
-  const subMenuRefs = (0, import_react6.useRef)({});
-  const hoverTimeoutRef = (0, import_react6.useRef)(null);
-  const closeTimeoutRef = (0, import_react6.useRef)(null);
+  const menuRootRef = (0, import_react7.useRef)(null);
+  const subMenuRefs = (0, import_react7.useRef)({});
+  const hoverTimeoutRef = (0, import_react7.useRef)(null);
+  const closeTimeoutRef = (0, import_react7.useRef)(null);
   const isMobile = useMatchesMobile();
   const toggleMenu = (menuId, level) => {
     if (closeTimeoutRef.current) {
@@ -989,7 +992,7 @@ function useSubMenuSystem(mobilePositionTo) {
   const isMenuActive = (menuId, level) => {
     return activeMenus[level] === menuId;
   };
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     const handleClickOutside = (event) => {
       var _a;
       if (Object.keys(activeMenus).length === 0) return;
@@ -1008,7 +1011,7 @@ function useSubMenuSystem(mobilePositionTo) {
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [activeMenus]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     return () => {
       if (hoverTimeoutRef.current) {
         clearTimeout(hoverTimeoutRef.current);
@@ -1085,13 +1088,13 @@ function useSubMenuSystem(mobilePositionTo) {
   };
 }
 function useMenuPosition(elementRef, position = "bottom", options) {
-  const [menuPosition, setMenuPosition] = (0, import_react6.useState)({
+  const [menuPosition, setMenuPosition] = (0, import_react7.useState)({
     top: 0,
     left: 0,
     minWidth: 0
   });
   const isMobile = useMatchesMobile();
-  const updatePosition = (0, import_react6.useCallback)(() => {
+  const updatePosition = (0, import_react7.useCallback)(() => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i;
     if (!(elementRef == null ? void 0 : elementRef.current)) return;
     const triggerRect = elementRef.current.getBoundingClientRect();
@@ -1127,7 +1130,7 @@ function useMenuPosition(elementRef, position = "bottom", options) {
       minWidth: triggerRect.width
     });
   }, [elementRef, position, options == null ? void 0 : options.menuRef, options == null ? void 0 : options.topOffset, isMobile]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (!(options == null ? void 0 : options.isOpen) || !(options == null ? void 0 : options.setIsOpen)) return;
     const handleClickOutside = (event) => {
       var _a, _b, _c, _d, _e;
@@ -1153,7 +1156,7 @@ function useMenuPosition(elementRef, position = "bottom", options) {
     options == null ? void 0 : options.menuRef,
     options == null ? void 0 : options.additionalRefs
   ]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     updatePosition();
     const resizeObserver = new ResizeObserver(updatePosition);
     if (elementRef == null ? void 0 : elementRef.current) {
@@ -1231,9 +1234,9 @@ var Menu = (_a) => {
     "autoFocusOff",
     "menuName"
   ]);
-  const internalRef = (0, import_react7.useRef)(null);
+  const internalRef = (0, import_react8.useRef)(null);
   const actualRef = ref || internalRef;
-  const [maxHeight, setMaxHeight] = (0, import_react7.useState)("180px");
+  const [maxHeight, setMaxHeight] = (0, import_react8.useState)("180px");
   const isMobile = useMatchesMobile();
   const { menuPosition, updatePosition } = useMenuPosition(
     isMobile && mobilePositionTo ? mobilePositionTo : positionTo,
@@ -1245,7 +1248,7 @@ var Menu = (_a) => {
       topOffset
     }
   );
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     const raf = requestAnimationFrame(() => {
       if (!actualRef || !actualRef.current || customMaxHeight) {
         return;
@@ -1266,14 +1269,14 @@ var Menu = (_a) => {
       cancelAnimationFrame(raf);
     };
   }, [actualRef, customMaxHeight]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (!show) {
       return;
     }
     initializeMenuFocus();
     updatePosition();
   }, [show, updatePosition]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (!show || !setShow) {
       return;
     }
@@ -1426,7 +1429,7 @@ Menu.displayName = "Menu";
 
 // src/components/MenuOption.tsx
 var import_clsx7 = __toESM(require("clsx"), 1);
-var import_react8 = require("react");
+var import_react9 = require("react");
 
 // src/components/Paragraph.tsx
 var import_clsx6 = __toESM(require("clsx"), 1);
@@ -1504,10 +1507,10 @@ var MenuOption = ({
   highlightMatchingText = false,
   menuValue
 }) => {
-  const uniqueId = (0, import_react8.useId)();
-  const internalRef = (0, import_react8.useRef)(null);
+  const uniqueId = (0, import_react9.useId)();
+  const internalRef = (0, import_react9.useRef)(null);
   const actualRef = ref || internalRef;
-  const menuId = (0, import_react8.useRef)(`menu-${uniqueId}`);
+  const menuId = (0, import_react9.useRef)(`menu-${uniqueId}`);
   const isMobile = useMatchesMobile();
   const handleMouseEnter = () => {
     if (subMenu && onSubMenuHover && !disabled) {
@@ -1650,7 +1653,7 @@ function highlightMatch(text, searchValue) {
 
 // src/components/DataGridCell.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
-var DataGridCell = (0, import_react9.memo)(
+var DataGridCell = (0, import_react10.memo)(
   (_a) => {
     var _b = _a, {
       id,
@@ -1686,10 +1689,10 @@ var DataGridCell = (0, import_react9.memo)(
       "width"
     ]);
     const Element = type === "header" ? "th" : "td";
-    const timerRef = (0, import_react9.useRef)(null);
-    const [isGrabbing, setIsGrabbing] = (0, import_react9.useState)(false);
-    const [isPointerPressed, setIsPointerPressed] = (0, import_react9.useState)(false);
-    (0, import_react9.useEffect)(() => {
+    const timerRef = (0, import_react10.useRef)(null);
+    const [isGrabbing, setIsGrabbing] = (0, import_react10.useState)(false);
+    const [isPointerPressed, setIsPointerPressed] = (0, import_react10.useState)(false);
+    (0, import_react10.useEffect)(() => {
       return () => {
         if (timerRef.current) {
           clearTimeout(timerRef.current);
@@ -1781,21 +1784,23 @@ function DataCellHeader(_a) {
     children,
     setNodeRef,
     node,
-    id
+    id,
+    useMenuDefaultMinWidth
   } = _b, props = __objRest(_b, [
     "header",
     "children",
     "setNodeRef",
     "node",
-    "id"
+    "id",
+    "useMenuDefaultMinWidth"
   ]);
   var _a2;
-  const [showMenu, setShowMenu] = (0, import_react9.useState)(false);
-  const [filter, setFilter] = (0, import_react9.useState)(
+  const [showMenu, setShowMenu] = (0, import_react10.useState)(false);
+  const [filter, setFilter] = (0, import_react10.useState)(
     (_a2 = header.column.getFilterValue()) != null ? _a2 : ""
   );
-  const ref = (0, import_react9.useRef)(null);
-  const predeterminedPinned = (0, import_react9.useRef)(false);
+  const ref = (0, import_react10.useRef)(null);
+  const predeterminedPinned = (0, import_react10.useRef)(false);
   const {
     menuRootRef,
     isMenuActive,
@@ -1803,14 +1808,16 @@ function DataCellHeader(_a) {
     listeners: subMenuListeners,
     mobileHide
   } = useSubMenuSystem(node ? node : ref);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     var _a3;
     const columnPinning = (_a3 = header.getContext().table.options.initialState) == null ? void 0 : _a3.columnPinning;
     const left = (columnPinning == null ? void 0 : columnPinning.left) ? columnPinning.left : [];
     const right = (columnPinning == null ? void 0 : columnPinning.right) ? columnPinning.right : [];
-    predeterminedPinned.current = [...left, ...right].includes(header.column.id);
+    predeterminedPinned.current = [...left, ...right].includes(
+      header.column.id
+    );
   }, []);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     const handler = setTimeout(() => {
       header.column.setFilterValue(filter);
     }, 500);
@@ -1846,6 +1853,7 @@ function DataCellHeader(_a) {
             show: showMenu,
             setShow: setShowMenu,
             mobileHide,
+            useDefaultMinWidth: useMenuDefaultMinWidth,
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 MenuOption,
@@ -1863,6 +1871,7 @@ function DataCellHeader(_a) {
                         ref: (el) => {
                           registerSubMenu(menuId, el);
                         },
+                        useDefaultMinWidth: useMenuDefaultMinWidth,
                         children: [
                           /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: (0, import_clsx8.default)(paddingUsingComponentGap), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                             Search,
@@ -2024,7 +2033,8 @@ function DraggableCellHeader(_a) {
     whiteSpace: "nowrap",
     zIndex: isDragging ? 1 : 0,
     width: header.column.getSize(),
-    "--color-text-primary-normal": "var(--color-neutral-000)"
+    "--color-text-primary-normal": "var(--color-neutral-000)",
+    userSelect: "none"
   };
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     DataCellHeader,

package/dist/components/DataGridCell.js

@@ -4,11 +4,11 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-ATOEGP3V.js";
-import "../chunk-6R2HCLEL.js";
-import "../chunk-B6PDZCU7.js";
-import "../chunk-FOC6LTSX.js";
-import "../chunk-SWA5WVQO.js";
+} from "../chunk-CKSDMI2Q.js";
+import "../chunk-37TJJQL3.js";
+import "../chunk-5GUW4DUY.js";
+import "../chunk-UPBBOZM3.js";
+import "../chunk-WNQ53SVY.js";
 import "../chunk-LP6AZST2.js";
 import "../chunk-VG4EPHJA.js";
 import "../chunk-WVUIIBRR.js";

package/dist/components/Menu.cjs

@@ -64,20 +64,23 @@ __export(Menu_exports, {
 });
 module.exports = __toCommonJS(Menu_exports);
 var import_clsx = __toESM(require("clsx"), 1);
-var import_react4 = require("react");
+var import_react5 = require("react");
 var import_react_dom = require("react-dom");
 
 // src/components/useMenuSystem.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 
 // src/hooks/useKeydown.ts
 var import_react = require("react");
 
-// src/hooks/useMatchesMedia.ts
+// src/hooks/useInfiniteScroll.tsx
 var import_react2 = require("react");
+
+// src/hooks/useMatchesMedia.ts
+var import_react3 = require("react");
 var useMatchesMedia = (query) => {
-  const [matches, setMatches] = (0, import_react2.useState)();
-  (0, import_react2.useLayoutEffect)(() => {
+  const [matches, setMatches] = (0, import_react3.useState)();
+  (0, import_react3.useLayoutEffect)(() => {
     const mediaQueryList = window.matchMedia(query);
     const listener = () => setMatches(mediaQueryList.matches);
     listener();
@@ -90,13 +93,13 @@ var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
 
 // src/components/useMenuSystem.tsx
 function useMenuPosition(elementRef, position = "bottom", options) {
-  const [menuPosition, setMenuPosition] = (0, import_react3.useState)({
+  const [menuPosition, setMenuPosition] = (0, import_react4.useState)({
     top: 0,
     left: 0,
     minWidth: 0
   });
   const isMobile = useMatchesMobile();
-  const updatePosition = (0, import_react3.useCallback)(() => {
+  const updatePosition = (0, import_react4.useCallback)(() => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i;
     if (!(elementRef == null ? void 0 : elementRef.current)) return;
     const triggerRect = elementRef.current.getBoundingClientRect();
@@ -132,7 +135,7 @@ function useMenuPosition(elementRef, position = "bottom", options) {
       minWidth: triggerRect.width
     });
   }, [elementRef, position, options == null ? void 0 : options.menuRef, options == null ? void 0 : options.topOffset, isMobile]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (!(options == null ? void 0 : options.isOpen) || !(options == null ? void 0 : options.setIsOpen)) return;
     const handleClickOutside = (event) => {
       var _a, _b, _c, _d, _e;
@@ -158,7 +161,7 @@ function useMenuPosition(elementRef, position = "bottom", options) {
     options == null ? void 0 : options.menuRef,
     options == null ? void 0 : options.additionalRefs
   ]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     updatePosition();
     const resizeObserver = new ResizeObserver(updatePosition);
     if (elementRef == null ? void 0 : elementRef.current) {
@@ -236,9 +239,9 @@ var Menu = (_a) => {
     "autoFocusOff",
     "menuName"
   ]);
-  const internalRef = (0, import_react4.useRef)(null);
+  const internalRef = (0, import_react5.useRef)(null);
   const actualRef = ref || internalRef;
-  const [maxHeight, setMaxHeight] = (0, import_react4.useState)("180px");
+  const [maxHeight, setMaxHeight] = (0, import_react5.useState)("180px");
   const isMobile = useMatchesMobile();
   const { menuPosition, updatePosition } = useMenuPosition(
     isMobile && mobilePositionTo ? mobilePositionTo : positionTo,
@@ -250,7 +253,7 @@ var Menu = (_a) => {
       topOffset
     }
   );
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     const raf = requestAnimationFrame(() => {
       if (!actualRef || !actualRef.current || customMaxHeight) {
         return;
@@ -271,14 +274,14 @@ var Menu = (_a) => {
       cancelAnimationFrame(raf);
     };
   }, [actualRef, customMaxHeight]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (!show) {
       return;
     }
     initializeMenuFocus();
     updatePosition();
   }, [show, updatePosition]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (!show || !setShow) {
       return;
     }

package/dist/components/Menu.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   Menu
-} from "../chunk-6R2HCLEL.js";
-import "../chunk-B6PDZCU7.js";
-import "../chunk-SWA5WVQO.js";
+} from "../chunk-37TJJQL3.js";
+import "../chunk-5GUW4DUY.js";
+import "../chunk-WNQ53SVY.js";
 import "../chunk-4T7F5BZZ.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/MenuOption.cjs

@@ -64,7 +64,7 @@ __export(MenuOption_exports, {
 });
 module.exports = __toCommonJS(MenuOption_exports);
 var import_clsx5 = __toESM(require("clsx"), 1);
-var import_react3 = require("react");
+var import_react4 = require("react");
 
 // src/classNames.ts
 var import_clsx = __toESM(require("clsx"), 1);
@@ -318,11 +318,14 @@ function Icon(_a) {
 // src/hooks/useKeydown.ts
 var import_react = require("react");
 
-// src/hooks/useMatchesMedia.ts
+// src/hooks/useInfiniteScroll.tsx
 var import_react2 = require("react");
+
+// src/hooks/useMatchesMedia.ts
+var import_react3 = require("react");
 var useMatchesMedia = (query) => {
-  const [matches, setMatches] = (0, import_react2.useState)();
-  (0, import_react2.useLayoutEffect)(() => {
+  const [matches, setMatches] = (0, import_react3.useState)();
+  (0, import_react3.useLayoutEffect)(() => {
     const mediaQueryList = window.matchMedia(query);
     const listener = () => setMatches(mediaQueryList.matches);
     listener();
@@ -359,10 +362,10 @@ var MenuOption = ({
   highlightMatchingText = false,
   menuValue
 }) => {
-  const uniqueId = (0, import_react3.useId)();
-  const internalRef = (0, import_react3.useRef)(null);
+  const uniqueId = (0, import_react4.useId)();
+  const internalRef = (0, import_react4.useRef)(null);
   const actualRef = ref || internalRef;
-  const menuId = (0, import_react3.useRef)(`menu-${uniqueId}`);
+  const menuId = (0, import_react4.useRef)(`menu-${uniqueId}`);
   const isMobile = useMatchesMobile();
   const handleMouseEnter = () => {
     if (subMenu && onSubMenuHover && !disabled) {

package/dist/components/MenuOption.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   MenuOption
-} from "../chunk-FOC6LTSX.js";
-import "../chunk-SWA5WVQO.js";
+} from "../chunk-UPBBOZM3.js";
+import "../chunk-WNQ53SVY.js";
 import "../chunk-VG4EPHJA.js";
 import "../chunk-S5K22XTH.js";
 import "../chunk-IGQVA7SC.js";