@dmsi/wedgekit-react 0.0.82 → 0.0.84

package/dist/components/Modal.cjs

@@ -64,7 +64,7 @@ __export(Modal_exports, {
 });
 module.exports = __toCommonJS(Modal_exports);
 var import_clsx9 = __toESM(require("clsx"), 1);
-var import_react4 = require("react");
+var import_react5 = require("react");
 
 // src/components/Heading.tsx
 var import_clsx2 = __toESM(require("clsx"), 1);
@@ -584,11 +584,14 @@ var import_react_use = require("react-use");
 // 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();
@@ -600,10 +603,10 @@ var useMatchesMedia = (query) => {
 var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
 
 // src/components/useMounted.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 var useMounted = () => {
-  const [isMounted, setIsMounted] = (0, import_react3.useState)(false);
-  (0, import_react3.useEffect)(() => {
+  const [isMounted, setIsMounted] = (0, import_react4.useState)(false);
+  (0, import_react4.useEffect)(() => {
     setIsMounted(true);
     return () => setIsMounted(false);
   }, []);
@@ -687,12 +690,12 @@ var Modal = ({
 }) => {
   var _a;
   const mounted = useMounted();
-  const modalRef = (0, import_react4.useRef)(null);
-  const bgRef = (0, import_react4.useRef)(null);
+  const modalRef = (0, import_react5.useRef)(null);
+  const bgRef = (0, import_react5.useRef)(null);
   const wasOpen = (0, import_react_use.usePrevious)(open);
   const isMobile = useMatchesMobile();
   const computedFixedHeightScrolling = isMobile || fixedHeightScrolling;
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (!mounted) return;
     if (!modalRef.current || !bgRef.current) {
       console.error("Modal or background reference is not set.");
@@ -712,7 +715,7 @@ var Modal = ({
       bgFadeIn(bgRef.current);
     }
   }, [mounted, open]);
-  const handleKeyDown = (0, import_react4.useCallback)(
+  const handleKeyDown = (0, import_react5.useCallback)(
     (e) => {
       if (e.key === "Escape") {
         if (onClose) {
@@ -723,12 +726,12 @@ var Modal = ({
     },
     [onClose, bgRef, modalRef]
   );
-  const handleClose = (0, import_react4.useCallback)(() => {
+  const handleClose = (0, import_react5.useCallback)(() => {
     if (onClose) {
       onClose();
     }
   }, [onClose]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (open) {
       document.addEventListener("keyup", handleKeyDown);
     }
@@ -736,7 +739,7 @@ var Modal = ({
       document.removeEventListener("keyup", handleKeyDown);
     };
   }, [open, handleKeyDown]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (!open) return;
     const scrollY = window.scrollY;
     const body = document.body;
@@ -757,7 +760,7 @@ var Modal = ({
     };
   }, [open]);
   const { sizeClass } = (_a = sizes[size]) != null ? _a : sizes.small;
-  const backgroundClickHandler = (0, import_react4.useCallback)(
+  const backgroundClickHandler = (0, import_react5.useCallback)(
     (e) => {
       const target = e.target;
       const currentTarget = e.currentTarget;

package/dist/components/Modal.js

@@ -1,14 +1,14 @@
 "use client";
 import {
   Modal
-} from "../chunk-2DCVAATK.js";
+} from "../chunk-MQWWNAO3.js";
 import "../chunk-4RJKB7LC.js";
-import "../chunk-QUPHLL7D.js";
 import "../chunk-FWPJ73IK.js";
 import "../chunk-TVDFTRGL.js";
 import "../chunk-4JLU7TAC.js";
+import "../chunk-QUPHLL7D.js";
 import "../chunk-J6LETUNM.js";
-import "../chunk-SWA5WVQO.js";
+import "../chunk-WNQ53SVY.js";
 import "../chunk-4T7F5BZZ.js";
 import "../chunk-MZJS2ZAU.js";
 import "../chunk-IGQVA7SC.js";

package/dist/components/NestedMenu.cjs

@@ -63,7 +63,7 @@ __export(NestedMenu_exports, {
   NestedMenu: () => NestedMenu
 });
 module.exports = __toCommonJS(NestedMenu_exports);
-var import_react4 = require("react");
+var import_react5 = require("react");
 
 // src/components/Icon.tsx
 var import_clsx = __toESM(require("clsx"), 1);
@@ -99,7 +99,7 @@ function Icon(_a) {
 
 // src/components/MenuOption.tsx
 var import_clsx5 = __toESM(require("clsx"), 1);
-var import_react3 = require("react");
+var import_react4 = require("react");
 
 // src/classNames.ts
 var import_clsx2 = __toESM(require("clsx"), 1);
@@ -347,11 +347,14 @@ function useKeydown(keys, isActive) {
   }, [keys, isActive]);
 }
 
-// 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();
@@ -388,10 +391,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) {
@@ -537,7 +540,7 @@ var import_jsx_runtime5 = require("react/jsx-runtime");
 function NestedMenu(props) {
   var _a;
   const { onMenuClick, currentMenu } = props;
-  const [selectedIndex, setSelectedIndex] = (0, import_react4.useState)(0);
+  const [selectedIndex, setSelectedIndex] = (0, import_react5.useState)(0);
   useKeydown(
     {
       Escape: () => {

package/dist/components/NestedMenu.js

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

package/dist/components/PDFViewer.cjs

@@ -64,11 +64,11 @@ __export(PDFViewer_exports, {
 });
 module.exports = __toCommonJS(PDFViewer_exports);
 var import_react_pdf = require("@mikecousins/react-pdf");
-var import_react5 = require("react");
+var import_react6 = require("react");
 
 // src/components/Modal.tsx
 var import_clsx9 = __toESM(require("clsx"), 1);
-var import_react4 = require("react");
+var import_react5 = require("react");
 
 // src/components/Heading.tsx
 var import_clsx2 = __toESM(require("clsx"), 1);
@@ -588,11 +588,14 @@ var import_react_use = require("react-use");
 // 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();
@@ -604,10 +607,10 @@ var useMatchesMedia = (query) => {
 var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
 
 // src/components/useMounted.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 var useMounted = () => {
-  const [isMounted, setIsMounted] = (0, import_react3.useState)(false);
-  (0, import_react3.useEffect)(() => {
+  const [isMounted, setIsMounted] = (0, import_react4.useState)(false);
+  (0, import_react4.useEffect)(() => {
     setIsMounted(true);
     return () => setIsMounted(false);
   }, []);
@@ -691,12 +694,12 @@ var Modal = ({
 }) => {
   var _a;
   const mounted = useMounted();
-  const modalRef = (0, import_react4.useRef)(null);
-  const bgRef = (0, import_react4.useRef)(null);
+  const modalRef = (0, import_react5.useRef)(null);
+  const bgRef = (0, import_react5.useRef)(null);
   const wasOpen = (0, import_react_use.usePrevious)(open);
   const isMobile = useMatchesMobile();
   const computedFixedHeightScrolling = isMobile || fixedHeightScrolling;
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (!mounted) return;
     if (!modalRef.current || !bgRef.current) {
       console.error("Modal or background reference is not set.");
@@ -716,7 +719,7 @@ var Modal = ({
       bgFadeIn(bgRef.current);
     }
   }, [mounted, open]);
-  const handleKeyDown = (0, import_react4.useCallback)(
+  const handleKeyDown = (0, import_react5.useCallback)(
     (e) => {
       if (e.key === "Escape") {
         if (onClose) {
@@ -727,12 +730,12 @@ var Modal = ({
     },
     [onClose, bgRef, modalRef]
   );
-  const handleClose = (0, import_react4.useCallback)(() => {
+  const handleClose = (0, import_react5.useCallback)(() => {
     if (onClose) {
       onClose();
     }
   }, [onClose]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (open) {
       document.addEventListener("keyup", handleKeyDown);
     }
@@ -740,7 +743,7 @@ var Modal = ({
       document.removeEventListener("keyup", handleKeyDown);
     };
   }, [open, handleKeyDown]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (!open) return;
     const scrollY = window.scrollY;
     const body = document.body;
@@ -761,7 +764,7 @@ var Modal = ({
     };
   }, [open]);
   const { sizeClass } = (_a = sizes[size]) != null ? _a : sizes.small;
-  const backgroundClickHandler = (0, import_react4.useCallback)(
+  const backgroundClickHandler = (0, import_react5.useCallback)(
     (e) => {
       const target = e.target;
       const currentTarget = e.currentTarget;
@@ -841,8 +844,8 @@ Modal.displayName = "Modal";
 var import_jsx_runtime9 = require("react/jsx-runtime");
 function PDFViewer(props) {
   const { base64, isOpen, onClose, datab64 } = props;
-  const [page, setPage] = (0, import_react5.useState)(1);
-  const canvasRef = (0, import_react5.useRef)(null);
+  const [page, setPage] = (0, import_react6.useState)(1);
+  const canvasRef = (0, import_react6.useRef)(null);
   const { pdfDocument } = (0, import_react_pdf.usePdf)({
     file: datab64 ? datab64 : `data:application/pdf;base64,${base64}`,
     workerSrc: "/scripts/pdf.worker.min.mjs",

package/dist/components/PDFViewer.js

@@ -1,14 +1,14 @@
 "use client";
 import {
   Modal
-} from "../chunk-2DCVAATK.js";
+} from "../chunk-MQWWNAO3.js";
 import "../chunk-4RJKB7LC.js";
-import "../chunk-QUPHLL7D.js";
 import "../chunk-FWPJ73IK.js";
 import "../chunk-TVDFTRGL.js";
 import "../chunk-4JLU7TAC.js";
+import "../chunk-QUPHLL7D.js";
 import "../chunk-J6LETUNM.js";
-import "../chunk-SWA5WVQO.js";
+import "../chunk-WNQ53SVY.js";
 import "../chunk-4T7F5BZZ.js";
 import {
   Button

package/dist/components/ProjectBar.cjs

@@ -178,11 +178,14 @@ var gapUsingContainerPadding = (0, import_clsx.default)(
 // 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();

package/dist/components/ProjectBar.js

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

package/dist/components/TopBar.cjs

@@ -294,7 +294,7 @@ var TopBarBase = (_a) => {
             className: (0, import_clsx2.default)(
               "hidden desktop:flex items-center shrink-0 ml-auto",
               "[&>a]:leading-6",
-              layoutGroupGap
+              layoutGap
             ),
             children: [
               topNavLinks,

package/dist/components/TopBar.js

@@ -65,7 +65,7 @@ var TopBarBase = (_a) => {
             className: clsx(
               "hidden desktop:flex items-center shrink-0 ml-auto",
               "[&>a]:leading-6",
-              layoutGroupGap
+              layoutGap
             ),
             children: [
               topNavLinks,