@dmsi/wedgekit-react 0.0.207 → 0.0.208

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

@@ -1,3 +1,7 @@
+import {
+  mergeObjectArrays
+} from "./chunk-T3F37S6Z.js";
+
 // src/hooks/useKeydown.ts
 import { useEffect } from "react";
 function useKeydown(keys, isActive) {
@@ -71,9 +75,49 @@ var useMatchesMedia = (query) => {
 };
 var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
 
+// src/hooks/useTableLayout.ts
+import { useState as useState2, useEffect as useEffect3, useCallback } from "react";
+function useTableLayout(initialColumns, key) {
+  const [columns, setColumns] = useState2(initialColumns);
+  const [isReady, setIsReady] = useState2(false);
+  const [layoutSignal, setLayoutSignal] = useState2(0);
+  useEffect3(() => {
+    if (!key) return setIsReady(true);
+    const savedLayout = localStorage.getItem(`${key}-tableLayout`);
+    if (savedLayout) {
+      setColumns(
+        mergeObjectArrays(
+          initialColumns,
+          JSON.parse(savedLayout)
+        )
+      );
+    }
+    if (!savedLayout) handleSaveLayout(initialColumns, true);
+    setLayoutSignal((prev) => prev + 1);
+    setIsReady(true);
+  }, []);
+  const handleSaveLayout = useCallback(
+    (setter, _internal) => {
+      if (!isReady && !_internal) return null;
+      const newColumns = typeof setter === "function" ? setter(columns) : setter;
+      if (JSON.stringify(newColumns) === JSON.stringify(columns) && !_internal)
+        return null;
+      if (key) {
+        localStorage.setItem(`${key}-tableLayout`, JSON.stringify(newColumns));
+      }
+      setColumns(newColumns);
+      setLayoutSignal((prev) => prev + 1);
+      return newColumns;
+    },
+    [columns, isReady, key]
+  );
+  return { columns, setColumns: handleSaveLayout, layoutSignal, isReady };
+}
+
 export {
   useKeydown,
   useInfiniteScroll,
   useMatchesMedia,
-  useMatchesMobile
+  useMatchesMobile,
+  useTableLayout
 };

package/dist/{chunk-RXPS5GVE.js → chunk-EFX3RPW4.js}

@@ -1,12 +1,12 @@
 import {
   Menu
-} from "./chunk-2JRZCC2K.js";
+} from "./chunk-JITZWSPR.js";
 import {
   useSubMenuSystem
-} from "./chunk-WE55TGZZ.js";
+} from "./chunk-NIHZMIOL.js";
 import {
   MenuOption
-} from "./chunk-WXHRJSDG.js";
+} from "./chunk-ERW3AMED.js";
 import {
   Search
 } from "./chunk-2WRRRPEB.js";

package/dist/{chunk-WXHRJSDG.js → chunk-ERW3AMED.js}

@@ -1,6 +1,6 @@
 import {
   useMatchesMobile
-} from "./chunk-WNQ53SVY.js";
+} from "./chunk-E6Y7ZHQX.js";
 import {
   Label
 } from "./chunk-CJVTFYI4.js";

package/dist/{chunk-2JRZCC2K.js → chunk-JITZWSPR.js}

@@ -1,12 +1,12 @@
 import {
   useMenuPosition
-} from "./chunk-WE55TGZZ.js";
+} from "./chunk-NIHZMIOL.js";
 import {
   useMatchesMobile
-} from "./chunk-WNQ53SVY.js";
+} from "./chunk-E6Y7ZHQX.js";
 import {
   findDocumentRoot
-} from "./chunk-6LN6QT6M.js";
+} from "./chunk-VXWSAIB5.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-WE55TGZZ.js → chunk-NIHZMIOL.js}

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

package/dist/{chunk-M3433XEJ.js → chunk-T3F37S6Z.js}

@@ -1,3 +1,7 @@
+import {
+  __spreadValues
+} from "./chunk-BBZEL7EG.js";
+
 // src/utils/date.ts
 function parseInputDate(input) {
   const match = input.match(/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/);
@@ -124,6 +128,15 @@ function isValidDateRangeOrder(fromDate, toDate) {
   return to >= from;
 }
 
+// src/utils/mergeObjectArrays.ts
+function mergeObjectArrays(arr1, arr2) {
+  const maxLength = Math.max(arr1.length, arr2.length);
+  return Array.from(
+    { length: maxLength },
+    (_, i) => __spreadValues(__spreadValues({}, arr1[i] || {}), arr2[i] || {})
+  );
+}
+
 export {
   parseInputDate,
   isValidDate,
@@ -137,5 +150,6 @@ export {
   isValidDateRange,
   formatDatePartsToDisplay,
   formatDate,
-  isValidDateRangeOrder
+  isValidDateRangeOrder,
+  mergeObjectArrays
 };

package/dist/{chunk-2B5T4NCT.js → chunk-UKSJPFN2.js}

@@ -15,10 +15,10 @@ import {
 } from "./chunk-ZFOANBWG.js";
 import {
   useMatchesMobile
-} from "./chunk-WNQ53SVY.js";
+} from "./chunk-E6Y7ZHQX.js";
 import {
   findDocumentRoot
-} from "./chunk-6LN6QT6M.js";
+} from "./chunk-VXWSAIB5.js";
 
 // src/components/Modal.tsx
 import clsx from "clsx";

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_react10 = require("react");
+var import_react11 = require("react");
 
 // src/classNames.ts
 var import_clsx = __toESM(require("clsx"), 1);
@@ -867,11 +867,11 @@ Search.displayName = "Search";
 
 // src/components/Menu.tsx
 var import_clsx5 = __toESM(require("clsx"), 1);
-var import_react8 = require("react");
+var import_react9 = require("react");
 var import_react_dom = require("react-dom");
 
 // src/components/useMenuSystem.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 
 // src/hooks/useKeydown.ts
 var import_react4 = require("react");
@@ -894,23 +894,49 @@ var useMatchesMedia = (query) => {
 };
 var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
 
+// src/utils.ts
+function findDocumentRoot(element) {
+  if (typeof window === "undefined" || typeof document === "undefined") {
+    throw new Error(
+      "findDocumentRoot can only be used in a browser environment."
+    );
+  }
+  if (!element || !(element instanceof Node)) {
+    return window.document.body;
+  }
+  let currentElement = element;
+  while (currentElement && currentElement.parentNode) {
+    if (currentElement.parentNode === document) {
+      return document.body;
+    } else if (currentElement.parentNode instanceof DocumentFragment) {
+      return currentElement.parentNode;
+    } else {
+      currentElement = currentElement.parentNode;
+    }
+  }
+  return window.document.body;
+}
+
+// src/hooks/useTableLayout.ts
+var import_react7 = require("react");
+
 // src/components/useMenuSystem.tsx
 function useSubMenuSystem(mobilePositionTo) {
-  const [activeMenus, setActiveMenus] = (0, import_react7.useState)(
+  const [activeMenus, setActiveMenus] = (0, import_react8.useState)(
     {}
   );
-  const [activeMenu, setActiveMenu] = (0, import_react7.useState)("");
-  const [currentSubMenuLevel, setCurrentSubMenuLevel] = (0, import_react7.useState)(
+  const [activeMenu, setActiveMenu] = (0, import_react8.useState)("");
+  const [currentSubMenuLevel, setCurrentSubMenuLevel] = (0, import_react8.useState)(
     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 mouseStopTimeoutRef = (0, import_react7.useRef)(null);
-  const isMouseMovingRef = (0, import_react7.useRef)(false);
-  const pendingOpenActionRef = (0, import_react7.useRef)(null);
-  const pendingCloseActionRef = (0, import_react7.useRef)(null);
+  const menuRootRef = (0, import_react8.useRef)(null);
+  const subMenuRefs = (0, import_react8.useRef)({});
+  const hoverTimeoutRef = (0, import_react8.useRef)(null);
+  const closeTimeoutRef = (0, import_react8.useRef)(null);
+  const mouseStopTimeoutRef = (0, import_react8.useRef)(null);
+  const isMouseMovingRef = (0, import_react8.useRef)(false);
+  const pendingOpenActionRef = (0, import_react8.useRef)(null);
+  const pendingCloseActionRef = (0, import_react8.useRef)(null);
   const isMobile = useMatchesMobile();
   const toggleMenu = (menuId, level) => {
     if (closeTimeoutRef.current) {
@@ -950,7 +976,7 @@ function useSubMenuSystem(mobilePositionTo) {
       return newActiveMenus;
     });
   };
-  const executePendingActions = (0, import_react7.useCallback)(() => {
+  const executePendingActions = (0, import_react8.useCallback)(() => {
     if (pendingCloseActionRef.current) {
       pendingCloseActionRef.current();
       pendingCloseActionRef.current = null;
@@ -1039,7 +1065,7 @@ function useSubMenuSystem(mobilePositionTo) {
   const isMenuActive = (menuId, level) => {
     return activeMenus[level] === menuId;
   };
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     const handleClickOutside = (event) => {
       var _a;
       if (Object.keys(activeMenus).length === 0) return;
@@ -1058,7 +1084,7 @@ function useSubMenuSystem(mobilePositionTo) {
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [activeMenus]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     return () => {
       if (hoverTimeoutRef.current) {
         clearTimeout(hoverTimeoutRef.current);
@@ -1136,13 +1162,13 @@ function useSubMenuSystem(mobilePositionTo) {
   };
 }
 function useMenuPosition(elementRef, position = "bottom", options) {
-  const [menuPosition, setMenuPosition] = (0, import_react7.useState)({
+  const [menuPosition, setMenuPosition] = (0, import_react8.useState)({
     top: 0,
     left: 0,
     minWidth: 0
   });
   const isMobile = options == null ? void 0 : options.isMobile;
-  const updatePosition = (0, import_react7.useCallback)(() => {
+  const updatePosition = (0, import_react8.useCallback)(() => {
     var _a, _b, _c;
     if (!(elementRef == null ? void 0 : elementRef.current)) return;
     const triggerRect = elementRef.current.getBoundingClientRect();
@@ -1190,7 +1216,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_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (!(options == null ? void 0 : options.isOpen) || !(options == null ? void 0 : options.setIsOpen)) return;
     const handleClickOutside = (event) => {
       var _a, _b, _c, _d, _e;
@@ -1216,7 +1242,7 @@ function useMenuPosition(elementRef, position = "bottom", options) {
     options == null ? void 0 : options.menuRef,
     options == null ? void 0 : options.additionalRefs
   ]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     updatePosition();
     const resizeObserver = new ResizeObserver(updatePosition);
     if (elementRef == null ? void 0 : elementRef.current) {
@@ -1233,29 +1259,6 @@ function useMenuPosition(elementRef, position = "bottom", options) {
   return { menuPosition, updatePosition };
 }
 
-// src/utils.ts
-function findDocumentRoot(element) {
-  if (typeof window === "undefined" || typeof document === "undefined") {
-    throw new Error(
-      "findDocumentRoot can only be used in a browser environment."
-    );
-  }
-  if (!element || !(element instanceof Node)) {
-    return window.document.body;
-  }
-  let currentElement = element;
-  while (currentElement && currentElement.parentNode) {
-    if (currentElement.parentNode === document) {
-      return document.body;
-    } else if (currentElement.parentNode instanceof DocumentFragment) {
-      return currentElement.parentNode;
-    } else {
-      currentElement = currentElement.parentNode;
-    }
-  }
-  return window.document.body;
-}
-
 // src/components/Menu.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var Menu = (_a) => {
@@ -1298,9 +1301,9 @@ var Menu = (_a) => {
     "menuName",
     "calculateMinMaxHeight"
   ]);
-  const internalRef = (0, import_react8.useRef)(null);
+  const internalRef = (0, import_react9.useRef)(null);
   const actualRef = ref || internalRef;
-  const [maxHeight, setMaxHeight] = (0, import_react8.useState)("180px");
+  const [maxHeight, setMaxHeight] = (0, import_react9.useState)("180px");
   const isMobile = useMatchesMobile();
   const { menuPosition, updatePosition } = useMenuPosition(
     isMobile && mobilePositionTo ? mobilePositionTo : positionTo,
@@ -1313,7 +1316,7 @@ var Menu = (_a) => {
       isMobile: !!(isMobile && mobilePositionTo)
     }
   );
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (calculateMinMaxHeight) {
       return;
     }
@@ -1337,7 +1340,7 @@ var Menu = (_a) => {
       cancelAnimationFrame(raf);
     };
   }, [actualRef.current, customMaxHeight, calculateMinMaxHeight]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!calculateMinMaxHeight) {
       return;
     }
@@ -1348,14 +1351,14 @@ var Menu = (_a) => {
       setMaxHeight(`${calculatedMaxHeight}px`);
     }
   }, [actualRef.current, positionTo == null ? void 0 : positionTo.current, calculateMinMaxHeight]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!show) {
       return;
     }
     initializeMenuFocus();
     updatePosition();
   }, [show, updatePosition]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!show || !setShow) {
       return;
     }
@@ -1510,7 +1513,7 @@ Menu.displayName = "Menu";
 
 // src/components/MenuOption.tsx
 var import_clsx7 = __toESM(require("clsx"), 1);
-var import_react9 = require("react");
+var import_react10 = require("react");
 
 // src/components/Paragraph.tsx
 var import_clsx6 = __toESM(require("clsx"), 1);
@@ -1593,10 +1596,10 @@ var MenuOption = ({
   menuValue,
   onMouseMove
 }) => {
-  const uniqueId = (0, import_react9.useId)();
-  const internalRef = (0, import_react9.useRef)(null);
+  const uniqueId = (0, import_react10.useId)();
+  const internalRef = (0, import_react10.useRef)(null);
   const actualRef = ref || internalRef;
-  const menuId = (0, import_react9.useRef)(`menu-${uniqueId}`);
+  const menuId = (0, import_react10.useRef)(`menu-${uniqueId}`);
   const isMobile = useMatchesMobile();
   const handleMouseEnter = () => {
     if (subMenu && onSubMenuHover && !disabled) {
@@ -1747,7 +1750,7 @@ function highlightMatch(text, searchValue) {
 
 // src/components/DataGridCell.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
-var DataGridCell = (0, import_react10.memo)(
+var DataGridCell = (0, import_react11.memo)(
   (_a) => {
     var _b = _a, {
       id,
@@ -1785,10 +1788,10 @@ var DataGridCell = (0, import_react10.memo)(
       "testid"
     ]);
     const Element = type === "header" ? "th" : "td";
-    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)(() => {
+    const timerRef = (0, import_react11.useRef)(null);
+    const [isGrabbing, setIsGrabbing] = (0, import_react11.useState)(false);
+    const [isPointerPressed, setIsPointerPressed] = (0, import_react11.useState)(false);
+    (0, import_react11.useEffect)(() => {
       return () => {
         if (timerRef.current) {
           clearTimeout(timerRef.current);
@@ -1897,12 +1900,12 @@ function DataCellHeader(_a) {
     "useMenuDefaultMinWidth"
   ]);
   var _a2, _b2, _c;
-  const [showMenu, setShowMenu] = (0, import_react10.useState)(false);
-  const [filter, setFilter] = (0, import_react10.useState)(
+  const [showMenu, setShowMenu] = (0, import_react11.useState)(false);
+  const [filter, setFilter] = (0, import_react11.useState)(
     (_a2 = header.column.getFilterValue()) != null ? _a2 : ""
   );
-  const ref = (0, import_react10.useRef)(null);
-  const predeterminedPinned = (0, import_react10.useRef)(false);
+  const ref = (0, import_react11.useRef)(null);
+  const predeterminedPinned = (0, import_react11.useRef)(false);
   const {
     menuRootRef,
     isMenuActive,
@@ -1910,7 +1913,7 @@ function DataCellHeader(_a) {
     listeners: subMenuListeners,
     mobileHide
   } = useSubMenuSystem(node ? node : ref);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.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 : [];
@@ -1919,7 +1922,7 @@ function DataCellHeader(_a) {
       header.column.id
     );
   }, []);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     const handler = setTimeout(() => {
       header.column.setFilterValue(filter);
     }, 500);

package/dist/components/DataGridCell.js

@@ -4,12 +4,13 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-RXPS5GVE.js";
-import "../chunk-2JRZCC2K.js";
-import "../chunk-WE55TGZZ.js";
-import "../chunk-WXHRJSDG.js";
-import "../chunk-WNQ53SVY.js";
-import "../chunk-6LN6QT6M.js";
+} from "../chunk-EFX3RPW4.js";
+import "../chunk-JITZWSPR.js";
+import "../chunk-NIHZMIOL.js";
+import "../chunk-ERW3AMED.js";
+import "../chunk-E6Y7ZHQX.js";
+import "../chunk-VXWSAIB5.js";
+import "../chunk-T3F37S6Z.js";
 import "../chunk-2WRRRPEB.js";
 import "../chunk-7W4I2NK3.js";
 import "../chunk-5UH6QUFB.js";

package/dist/components/DateInput.cjs

@@ -1019,29 +1019,6 @@ function CalendarRange({
   );
 }
 
-// src/utils.ts
-function findDocumentRoot(element) {
-  if (typeof window === "undefined" || typeof document === "undefined") {
-    throw new Error(
-      "findDocumentRoot can only be used in a browser environment."
-    );
-  }
-  if (!element || !(element instanceof Node)) {
-    return window.document.body;
-  }
-  let currentElement = element;
-  while (currentElement && currentElement.parentNode) {
-    if (currentElement.parentNode === document) {
-      return document.body;
-    } else if (currentElement.parentNode instanceof DocumentFragment) {
-      return currentElement.parentNode;
-    } else {
-      currentElement = currentElement.parentNode;
-    }
-  }
-  return window.document.body;
-}
-
 // src/utils/date.ts
 function parseInputDate(input) {
   const match = input.match(/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/);
@@ -1160,6 +1137,29 @@ function formatDate(date) {
   }
 }
 
+// src/utils.ts
+function findDocumentRoot(element) {
+  if (typeof window === "undefined" || typeof document === "undefined") {
+    throw new Error(
+      "findDocumentRoot can only be used in a browser environment."
+    );
+  }
+  if (!element || !(element instanceof Node)) {
+    return window.document.body;
+  }
+  let currentElement = element;
+  while (currentElement && currentElement.parentNode) {
+    if (currentElement.parentNode === document) {
+      return document.body;
+    } else if (currentElement.parentNode instanceof DocumentFragment) {
+      return currentElement.parentNode;
+    } else {
+      currentElement = currentElement.parentNode;
+    }
+  }
+  return window.document.body;
+}
+
 // src/components/DateInput.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var DateInput = (_a) => {

package/dist/components/DateInput.js

@@ -1,13 +1,13 @@
+import {
+  findDocumentRoot
+} from "../chunk-VXWSAIB5.js";
 import {
   calculateCursorPosition,
   formatDate,
   formatInputValue,
   isValidDate,
   parseInputDate
-} from "../chunk-M3433XEJ.js";
-import {
-  findDocumentRoot
-} from "../chunk-6LN6QT6M.js";
+} from "../chunk-T3F37S6Z.js";
 import {
   InputBase
 } from "../chunk-7W4I2NK3.js";

package/dist/components/DateRangeInput.cjs

@@ -1019,29 +1019,6 @@ function CalendarRange({
   );
 }
 
-// src/utils.ts
-function findDocumentRoot(element) {
-  if (typeof window === "undefined" || typeof document === "undefined") {
-    throw new Error(
-      "findDocumentRoot can only be used in a browser environment."
-    );
-  }
-  if (!element || !(element instanceof Node)) {
-    return window.document.body;
-  }
-  let currentElement = element;
-  while (currentElement && currentElement.parentNode) {
-    if (currentElement.parentNode === document) {
-      return document.body;
-    } else if (currentElement.parentNode instanceof DocumentFragment) {
-      return currentElement.parentNode;
-    } else {
-      currentElement = currentElement.parentNode;
-    }
-  }
-  return window.document.body;
-}
-
 // src/utils/date.ts
 function parseInputDate(input) {
   const match = input.match(/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/);
@@ -1168,6 +1145,29 @@ function isValidDateRangeOrder(fromDate, toDate) {
   return to >= from;
 }
 
+// src/utils.ts
+function findDocumentRoot(element) {
+  if (typeof window === "undefined" || typeof document === "undefined") {
+    throw new Error(
+      "findDocumentRoot can only be used in a browser environment."
+    );
+  }
+  if (!element || !(element instanceof Node)) {
+    return window.document.body;
+  }
+  let currentElement = element;
+  while (currentElement && currentElement.parentNode) {
+    if (currentElement.parentNode === document) {
+      return document.body;
+    } else if (currentElement.parentNode instanceof DocumentFragment) {
+      return currentElement.parentNode;
+    } else {
+      currentElement = currentElement.parentNode;
+    }
+  }
+  return window.document.body;
+}
+
 // src/components/DateRangeInput.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var DateRangeInput = (_a) => {

package/dist/components/DateRangeInput.js

@@ -1,3 +1,6 @@
+import {
+  findDocumentRoot
+} from "../chunk-VXWSAIB5.js";
 import {
   calculateCursorPosition,
   formatDate,
@@ -5,10 +8,7 @@ import {
   isValidDate,
   isValidDateRangeOrder,
   parseInputDate
-} from "../chunk-M3433XEJ.js";
-import {
-  findDocumentRoot
-} from "../chunk-6LN6QT6M.js";
+} from "../chunk-T3F37S6Z.js";
 import {
   InputBase
 } from "../chunk-7W4I2NK3.js";