@dmsi/wedgekit-react 0.0.1241 → 1.0.0

package/dist/chunk-5UPADXVU.js

@@ -1,2376 +0,0 @@
-import {
-  GridContextProvider
-} from "./chunk-3UPUZBP5.js";
-import {
-  RowDetailModalProvider
-} from "./chunk-7ZJIGTFN.js";
-import {
-  ColumnList,
-  no_results_image_default
-} from "./chunk-MAEVKATN.js";
-import {
-  useGridContext
-} from "./chunk-5IFPG6TS.js";
-import {
-  Theme
-} from "./chunk-EWGHVZL5.js";
-import {
-  Select
-} from "./chunk-EA6Y4HXQ.js";
-import {
-  Tooltip
-} from "./chunk-QG6NWMGA.js";
-import {
-  DataCellHeader,
-  DataGridCell,
-  DragAlongCell,
-  DraggableCellHeader
-} from "./chunk-PBJ2MEHM.js";
-import {
-  MenuOption
-} from "./chunk-3JUIYULW.js";
-import {
-  Menu
-} from "./chunk-OM7QLLI2.js";
-import {
-  Search
-} from "./chunk-MOBFZ672.js";
-import {
-  Input,
-  InputBase
-} from "./chunk-PABII472.js";
-import {
-  Label
-} from "./chunk-4UGMSWWA.js";
-import {
-  Checkbox
-} from "./chunk-I3W5K76C.js";
-import {
-  useInfiniteScroll,
-  useTableLayout
-} from "./chunk-ZRFXUER3.js";
-import {
-  useMatchesMobile
-} from "./chunk-WVGXD7HT.js";
-import {
-  findDocumentRoot
-} from "./chunk-VXWSAIB5.js";
-import {
-  calculateCursorPosition,
-  formatDate,
-  isValidDate
-} from "./chunk-TBZ243DS.js";
-import {
-  formatCurrencyDisplay
-} from "./chunk-5UH6QUFB.js";
-import {
-  Subheader
-} from "./chunk-7Z3WINQ3.js";
-import {
-  Heading3
-} from "./chunk-GOGNV5TF.js";
-import {
-  Button
-} from "./chunk-J4IMVWT5.js";
-import {
-  Stack
-} from "./chunk-MVDGHWKO.js";
-import {
-  Paragraph
-} from "./chunk-7MBRCM3M.js";
-import {
-  Icon
-} from "./chunk-NKUETCDA.js";
-import {
-  componentGap,
-  componentPadding,
-  layoutGap,
-  layoutPaddding,
-  typography
-} from "./chunk-SATCWGO7.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-ORMEWXMH.js";
-
-// src/components/DataGrid/utils.tsx
-import clsx7 from "clsx";
-
-// src/components/DataGrid/index.tsx
-import React3, {
-  useCallback,
-  useEffect,
-  useId,
-  useImperativeHandle,
-  useState as useState3
-} from "react";
-import {
-  flexRender as flexRender3,
-  getCoreRowModel,
-  getFilteredRowModel,
-  getSortedRowModel,
-  useReactTable
-} from "@tanstack/react-table";
-import {
-  closestCenter,
-  DndContext,
-  KeyboardSensor,
-  MouseSensor,
-  TouchSensor,
-  useSensor,
-  useSensors
-} from "@dnd-kit/core";
-import {
-  arrayMove,
-  horizontalListSortingStrategy,
-  SortableContext
-} from "@dnd-kit/sortable";
-import { restrictToHorizontalAxis } from "@dnd-kit/modifiers";
-import { useVirtualizer as useVirtualizer2 } from "@tanstack/react-virtual";
-import clsx4 from "clsx";
-
-// src/components/DataGrid/PinnedColumns.tsx
-import { flexRender as flexRender2 } from "@tanstack/react-table";
-import clsx3 from "clsx";
-import React2 from "react";
-
-// src/components/DataGrid/TableBody/index.tsx
-import { useVirtualizer } from "@tanstack/react-virtual";
-import clsx2 from "clsx";
-
-// src/components/DataGrid/TableBody/TableBodyRow.tsx
-import clsx from "clsx";
-import { flexRender } from "@tanstack/react-table";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var valueFormatters = {
-  date: (value) => typeof value === "string" ? formatDate(value) : "",
-  currency: (value) => formatCurrencyDisplay(value)
-};
-function isValueFormatterKey(value) {
-  return typeof value === "string" && value in valueFormatters;
-}
-function TableBodyRow({
-  id,
-  testid,
-  columnVirtualizer,
-  row,
-  // rowVirtualizer,
-  virtualPaddingLeft,
-  virtualPaddingRight,
-  virtualRow,
-  showFilterRow,
-  // enableColumnSelector = false,
-  locked,
-  pinDirection,
-  disabled,
-  hoveredRowId,
-  setHoveredRowId
-}) {
-  var _a;
-  let visibleCells;
-  if (locked) {
-    visibleCells = pinDirection === "left" ? row.getLeftVisibleCells() : row.getRightVisibleCells();
-  } else {
-    visibleCells = row.getCenterVisibleCells();
-  }
-  const virtualColumns = (_a = columnVirtualizer == null ? void 0 : columnVirtualizer.getVirtualItems()) != null ? _a : [];
-  const columns = locked ? visibleCells : virtualColumns;
-  const isError = typeof row.original === "object" && row.original !== null && "rowState" in row.original && row.original.rowState === "error";
-  const CellElement = locked ? DataGridCell : DragAlongCell;
-  const isHovered = hoveredRowId === row.id;
-  return /* @__PURE__ */ jsxs(
-    "tr",
-    {
-      className: clsx(
-        "min-h-10",
-        "transition-colors",
-        showFilterRow && !disabled ? "even:bg-background-grouped-primary-normal odd:bg-background-grouped-secondary-normal" : "odd:bg-background-grouped-primary-normal even:bg-background-grouped-secondary-normal",
-        !disabled && isHovered && "!bg-background-action-secondary-hover",
-        row.getIsSelected() && !disabled && "!bg-background-action-secondary-hover",
-        isError && !disabled && "!bg-background-action-critical-secondary-hover"
-      ),
-      onMouseEnter: () => setHoveredRowId == null ? void 0 : setHoveredRowId(row.id),
-      onMouseLeave: () => setHoveredRowId == null ? void 0 : setHoveredRowId(null),
-      id: id ? `${id}-row-${row.id}` : void 0,
-      "data-testid": testid ? `${testid}-row-${row.id}` : void 0,
-      style: {
-        display: "flex",
-        position: "absolute",
-        transform: `translateY(${showFilterRow ? virtualRow.start + 40 : virtualRow.start}px)`,
-        width: "100%"
-      },
-      children: [
-        !locked && virtualPaddingLeft ? (
-          // fake empty column to the left for virtualization scroll padding
-          /* @__PURE__ */ jsx("td", { style: { display: "flex", width: virtualPaddingLeft } })
-        ) : null,
-        columns.map((column) => {
-          var _a2, _b, _c, _d;
-          const cell = locked ? column : visibleCells[column.index];
-          if (!cell) {
-            return;
-          }
-          const cellFormat = (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.format;
-          const cellValue = cellFormat && isValueFormatterKey(cellFormat) ? valueFormatters[cellFormat](cell.getValue()) : cell.getValue();
-          const cellAlignment = (_c = (_b = cell.column.columnDef.meta) == null ? void 0 : _b.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
-          return ((_d = cell.column.columnDef.meta) == null ? void 0 : _d.useCustomRenderer) ? /* @__PURE__ */ jsx(React.Fragment, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ jsx(
-            CellElement,
-            {
-              id: id ? `${id}-row-${row.id}-cell-${cell.id}` : void 0,
-              testid: testid ? `${testid}-row-${row.id}-cell-${cell.id}` : void 0,
-              cell,
-              className: clsx({
-                "justify-start": cellAlignment === "left",
-                "justify-end": cellAlignment === "right"
-              }),
-              children: /* @__PURE__ */ jsx(
-                Tooltip,
-                {
-                  id: id ? `${id}-tooltip-${cell.id}` : void 0,
-                  testid: testid ? `${testid}-tooltip-${cell.id}` : void 0,
-                  showOnTruncation: true,
-                  message: cellValue,
-                  position: "bottom",
-                  children: /* @__PURE__ */ jsx(Paragraph, { addOverflow: true, tall: true, children: cellValue })
-                }
-              )
-            },
-            cell.id
-          );
-        }),
-        !locked && virtualPaddingRight ? (
-          // fake empty column to the right for virtualization scroll padding
-          /* @__PURE__ */ jsx("td", { style: { display: "flex", width: virtualPaddingRight } })
-        ) : null
-      ]
-    },
-    row.id
-  );
-}
-
-// src/components/DataGrid/TableBody/LoadingCell.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-function LoadingCell({
-  id,
-  testid,
-  column
-}) {
-  const key = `loading-${column.id}`;
-  if (column.cell === "checkbox") {
-    return /* @__PURE__ */ jsx2(DataGridCell, { id: id ? `${id}-${key}` : void 0, testid: testid ? `${testid}-${key}` : void 0, children: /* @__PURE__ */ jsx2(Checkbox, { id: id ? `${id}-${key}-checkbox` : void 0, testid: testid ? `${testid}-${key}-checkbox` : void 0, disabled: true }) }, key);
-  }
-  if (column.cell === "input") {
-    return /* @__PURE__ */ jsx2(
-      DataGridCell,
-      {
-        id: id ? `${id}-${key}` : void 0,
-        testid: testid ? `${testid}-${key}` : void 0,
-        component: "input",
-        children: /* @__PURE__ */ jsx2(
-          Input,
-          {
-            id: id ? `${id}-${key}-input` : void 0,
-            testid: testid ? `${testid}-${key}-input` : void 0,
-            align: "left",
-            disabled: true,
-            wrapperClassName: "!rounded-none !border-0"
-          }
-        )
-      },
-      key
-    );
-  }
-  return /* @__PURE__ */ jsx2(DataGridCell, { id: id ? `${id}-${key}` : void 0, testid: testid ? `${testid}-${key}` : void 0, children: /* @__PURE__ */ jsx2("div", { className: "bg-linear-270 to-neutral-300/[24%] from-neutral-300/[12%] rounded-xs w-full max-w-25 h-6" }) }, key);
-}
-
-// src/components/DataGrid/TableBody/index.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function TableBody({
-  id,
-  testid,
-  columnVirtualizer,
-  table,
-  tableContainerRef,
-  virtualPaddingLeft,
-  virtualPaddingRight,
-  pagination,
-  isLoadingMore,
-  hasMore,
-  showFilterRow,
-  enableColumnSelector = false,
-  locked,
-  pinDirection,
-  rowDisabled,
-  rowDisabledAccessor,
-  hoveredRowId,
-  setHoveredRowId
-}) {
-  const { rows } = table.getRowModel();
-  const rowVirtualizer = useVirtualizer({
-    count: rows.length,
-    estimateSize: () => 40,
-    getScrollElement: () => tableContainerRef.current,
-    overscan: 8
-  });
-  const virtualRows = rowVirtualizer.getVirtualItems();
-  const CellElement = locked ? DataGridCell : DragAlongCell;
-  let headerGroups;
-  if (pinDirection === "left") {
-    headerGroups = table.getLeftHeaderGroups();
-  } else if (pinDirection === "right") {
-    headerGroups = table.getRightHeaderGroups();
-  } else {
-    headerGroups = table.getCenterHeaderGroups();
-  }
-  return /* @__PURE__ */ jsxs2(
-    "tbody",
-    {
-      className: clsx2(locked ? "shadow-16" : ""),
-      style: {
-        display: "grid",
-        height: `${showFilterRow ? rowVirtualizer.getTotalSize() + 40 : rowVirtualizer.getTotalSize()}px`,
-        // tells scrollbar how big the table is
-        position: "relative"
-        // needed for absolute positioning of rows
-      },
-      children: [
-        showFilterRow && /* @__PURE__ */ jsx3(
-          "tr",
-          {
-            style: {
-              display: "flex",
-              position: "sticky",
-              top: "40px",
-              width: "100%",
-              height: "40px",
-              zIndex: 10
-            },
-            className: "even:bg-background-grouped-primary-normal odd:bg-background-grouped-secondary-normal",
-            "data-testid": testid ? `${testid}-filter-row` : void 0,
-            children: headerGroups.flatMap(
-              (x) => x.headers.map((header) => {
-                var _a, _b, _c, _d, _e;
-                return /* @__PURE__ */ jsx3(
-                  CellElement,
-                  {
-                    id: id ? `${id}-filter-cell-${header.id}` : void 0,
-                    testid: testid ? `${testid}-filter-cell-${header.id}` : void 0,
-                    noPadding: true,
-                    cell: header,
-                    width: ((_a = header.column.columnDef.meta) == null ? void 0 : _a.headerWidth) || (locked ? `${header.column.getSize()}px` : ""),
-                    children: header.column.getCanFilter() && ((_e = (_c = (_b = header.column.columnDef.meta) == null ? void 0 : _b.filterRowCell) == null ? void 0 : _c.call(_b, {
-                      header,
-                      table
-                    })) != null ? _e : /* @__PURE__ */ jsx3(
-                      Search,
-                      {
-                        id: id ? `${id}-filter-search-${header.id}` : void 0,
-                        testid: testid ? `${testid}-filter-search-${header.id}` : void 0,
-                        removeRoundness: true,
-                        onChange: (e) => header.column.setFilterValue(e.target.value),
-                        value: (_d = header.column.getFilterValue()) != null ? _d : "",
-                        placeholder: "",
-                        removeSearchIcon: true
-                      }
-                    ))
-                  },
-                  header.id
-                );
-              })
-            )
-          }
-        ),
-        virtualRows.map((virtualRow) => {
-          const row = rows[virtualRow.index];
-          return /* @__PURE__ */ jsx3(
-            TableBodyRow,
-            {
-              id,
-              testid,
-              columnVirtualizer,
-              row,
-              rowVirtualizer,
-              virtualPaddingLeft,
-              virtualPaddingRight,
-              virtualRow,
-              showFilterRow,
-              enableColumnSelector,
-              locked,
-              pinDirection,
-              disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled,
-              hoveredRowId,
-              setHoveredRowId
-            },
-            row.id
-          );
-        }),
-        !pagination && isLoadingMore && hasMore && /* @__PURE__ */ jsx3(
-          "tr",
-          {
-            style: {
-              display: "flex",
-              position: "absolute",
-              width: "100%",
-              transform: `translateY(${virtualRows[virtualRows.length - 1].start + 40}px)`
-            },
-            className: "odd:bg-background-grouped-primary-normal even:bg-background-grouped-secondary-normal",
-            children: table.getAllLeafColumns().map((column) => /* @__PURE__ */ jsx3(
-              LoadingCell,
-              {
-                id,
-                testid,
-                column: column.columnDef
-              },
-              column.id
-            ))
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/components/DataGrid/ColumnSelectorHeaderCell/index.tsx
-import { useRef, useState as useState2 } from "react";
-
-// src/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.tsx
-import { useState } from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-function ColumnSelectorMenuOption({
-  id,
-  testid,
-  column,
-  toggleColumnVisibility
-}) {
-  const [isVisible, setIsVisible] = useState(column.getIsVisible());
-  const label = typeof column.columnDef.header === "string" ? column.columnDef.header : null;
-  return /* @__PURE__ */ jsx4(MenuOption, { id, testid, defaultChecked: isVisible, children: /* @__PURE__ */ jsx4(
-    Checkbox,
-    {
-      id: id ? `${id}-checkbox` : void 0,
-      testid: testid ? `${testid}-checkbox` : void 0,
-      label: label != null ? label : "Unknown",
-      checked: isVisible,
-      onChange: (e) => {
-        setIsVisible(e.target.checked);
-        toggleColumnVisibility(column.id, e.target.checked);
-      }
-    }
-  ) });
-}
-
-// src/components/DataGrid/ColumnSelectorHeaderCell/index.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-function ColumnSelectorHeaderCell({
-  id,
-  testid,
-  table,
-  toggleColumnVisibility,
-  resetColumnVisibility
-}) {
-  const ref = useRef(null);
-  const [show, setShow] = useState2(false);
-  return /* @__PURE__ */ jsxs3(
-    DataGridCell,
-    {
-      id,
-      testid,
-      width: "48px",
-      type: "header",
-      color: "text-secondary-normal",
-      ref,
-      children: [
-        /* @__PURE__ */ jsx5(
-          Button,
-          {
-            id: id ? `${id}-button` : void 0,
-            testid: testid ? `${testid}-button` : void 0,
-            onClick: () => setShow((prev) => !prev),
-            variant: "navigation",
-            iconOnly: true,
-            leftIcon: /* @__PURE__ */ jsx5(Icon, { name: "tune" })
-          }
-        ),
-        /* @__PURE__ */ jsxs3(
-          Menu,
-          {
-            id: id ? `${id}-menu` : void 0,
-            testid: testid ? `${testid}-menu` : void 0,
-            positionTo: ref,
-            position: "bottom-right",
-            show,
-            setShow,
-            calculateMinMaxHeight: true,
-            children: [
-              /* @__PURE__ */ jsx5(
-                Button,
-                {
-                  id: id ? `${id}-reset-button` : void 0,
-                  testid: testid ? `${testid}-reset-button` : void 0,
-                  variant: "tertiary",
-                  onClick: () => {
-                    resetColumnVisibility();
-                    setShow(false);
-                  },
-                  children: "Reset to default"
-                }
-              ),
-              table.getAllColumns().filter((x) => {
-                var _a;
-                return (_a = x.columnDef.meta) == null ? void 0 : _a.inVisibilityMenu;
-              }).map((column) => /* @__PURE__ */ jsx5(
-                ColumnSelectorMenuOption,
-                {
-                  id: id ? `${id}-option-${column.id}` : void 0,
-                  testid: testid ? `${testid}-option-${column.id}` : void 0,
-                  column,
-                  toggleColumnVisibility
-                },
-                column.id
-              ))
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/components/DataGrid/PinnedColumns.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-function PinnedColumns(_a) {
-  var _b = _a, {
-    id,
-    pinDirection = "left",
-    table,
-    centerHeader,
-    allSelectedAcrossPages,
-    someSelectedAcrossPages,
-    toggleSelectAllAcrossPages,
-    testid,
-    enableColumnSelector,
-    toggleColumnVisibility,
-    resetColumnVisibility
-  } = _b, props = __objRest(_b, [
-    "id",
-    "pinDirection",
-    "table",
-    "centerHeader",
-    "allSelectedAcrossPages",
-    "someSelectedAcrossPages",
-    "toggleSelectAllAcrossPages",
-    "testid",
-    "enableColumnSelector",
-    "toggleColumnVisibility",
-    "resetColumnVisibility"
-  ]);
-  var _a2;
-  const headerGroups = pinDirection === "left" ? table.getLeftHeaderGroups() : table.getRightHeaderGroups();
-  const pinnedTestId = testid ? `${pinDirection}-pinned-${testid}` : void 0;
-  const hasAnyHeaders = ((_a2 = headerGroups[0]) == null ? void 0 : _a2.headers.length) > 0;
-  if (!hasAnyHeaders && !enableColumnSelector) return;
-  return /* @__PURE__ */ jsxs4(
-    "table",
-    {
-      className: clsx3(
-        "flex flex-col min-h-min sticky z-20",
-        pinDirection === "left" ? "left-0" : "right-0"
-      ),
-      "data-testid": pinnedTestId,
-      children: [
-        /* @__PURE__ */ jsx6("thead", { className: "sticky top-0 z-20 grid", children: headerGroups.map((headerGroup) => {
-          return /* @__PURE__ */ jsxs4(
-            "tr",
-            {
-              "data-testid": pinnedTestId ? `${pinnedTestId}-header-row-${headerGroup.id}` : void 0,
-              className: "flex w-full",
-              children: [
-                headerGroup.headers.map((header) => {
-                  var _a3, _b2, _c, _d, _e, _f;
-                  if (!header) {
-                    return;
-                  }
-                  const cellValue = (_a3 = table.getRowModel().rows[0]) == null ? void 0 : _a3.getValue(header.column.id);
-                  const cellAlignment = (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
-                  if (typeof header.column.columnDef.header === "string") {
-                    const customHeaderWidth = (_d = header.column.columnDef.meta) == null ? void 0 : _d.headerWidth;
-                    return /* @__PURE__ */ jsxs4(
-                      DataCellHeader,
-                      {
-                        locked: true,
-                        testid: pinnedTestId ? `${pinnedTestId}-header-${header.id}` : void 0,
-                        header,
-                        center: centerHeader,
-                        width: customHeaderWidth,
-                        className: clsx3(
-                          header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
-                          "group",
-                          {
-                            "justify-start": cellAlignment === "left",
-                            "justify-end": cellAlignment === "right"
-                          }
-                        ),
-                        children: [
-                          /* @__PURE__ */ jsx6(Subheader, { tall: true, children: header.column.columnDef.header }),
-                          getSortIcon(header.column.getIsSorted()),
-                          !header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
-                          header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ jsx6(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
-                          !((_e = header.column.columnDef.meta) == null ? void 0 : _e.locked) && /* @__PURE__ */ jsx6(
-                            "div",
-                            {
-                              onDoubleClick: (e) => {
-                                e.stopPropagation();
-                                header.column.resetSize();
-                              },
-                              onMouseDown: (e) => {
-                                e.stopPropagation();
-                                header.getResizeHandler()(e);
-                              },
-                              onTouchStart: (e) => {
-                                e.stopPropagation();
-                                header.getResizeHandler()(e);
-                              },
-                              className: "absolute right-0 inset-y-0 w-px bg-black cursor-col-resize"
-                            }
-                          )
-                        ]
-                      },
-                      header.id
-                    );
-                  }
-                  return /* @__PURE__ */ jsx6(React2.Fragment, { children: ((_f = header.column.columnDef.meta) == null ? void 0 : _f.checkbox) ? /* @__PURE__ */ jsx6(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ jsx6(
-                    Checkbox,
-                    {
-                      checked: allSelectedAcrossPages,
-                      indeterminate: someSelectedAcrossPages,
-                      onChange: toggleSelectAllAcrossPages
-                    }
-                  ) }) : flexRender2(
-                    header.column.columnDef.header,
-                    header.getContext()
-                  ) }, header.id);
-                }),
-                enableColumnSelector && /* @__PURE__ */ jsx6(
-                  ColumnSelectorHeaderCell,
-                  {
-                    id: id ? `${id}-column-selector` : void 0,
-                    testid: testid ? `${testid}-column-selector` : void 0,
-                    table,
-                    toggleColumnVisibility: toggleColumnVisibility != null ? toggleColumnVisibility : () => {
-                    },
-                    resetColumnVisibility: resetColumnVisibility != null ? resetColumnVisibility : () => {
-                    }
-                  }
-                )
-              ]
-            },
-            headerGroup.id
-          );
-        }) }),
-        /* @__PURE__ */ jsx6(
-          TableBody,
-          __spreadProps(__spreadValues({
-            testid: pinnedTestId
-          }, props), {
-            table,
-            locked: !enableColumnSelector || pinDirection === "right",
-            pinDirection,
-            hoveredRowId: props.hoveredRowId,
-            setHoveredRowId: props.setHoveredRowId
-          })
-        )
-      ]
-    }
-  );
-}
-
-// src/components/DataGrid/index.tsx
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-var PAGE_SIZE_OPTIONS = [5, 10, 15, 20, 25, 30, 35];
-var NO_RESULTS_HEIGHT = "h-[185px]";
-function DataGrid({
-  id,
-  rowIdAccessor,
-  testid,
-  data,
-  columns,
-  status,
-  isLoadingMore = false,
-  onLoadMore,
-  pagination,
-  showFilterRow = false,
-  hasMore = false,
-  sorting: externalSorting,
-  onSortingChange,
-  columnFilters: externalColumnFilters,
-  onColumnFiltersChange,
-  rowSelection: externalRowSelection,
-  onRowSelectionChange,
-  filteredSortedData,
-  totalRowCount,
-  hideStatusBar,
-  centerHeader,
-  enableColumnSelector,
-  predeterminedLeftPins = [],
-  predeterminedRightPins = [],
-  useMenuDefaultMinWidth,
-  rowDisabled,
-  rowDisabledAccessor,
-  ref
-}) {
-  var _a, _b, _c, _d, _e, _f, _g;
-  useImperativeHandle(ref, () => ({
-    getSavedLayout: () => {
-      return getSavedLayout();
-    }
-  }));
-  const [localSorting, setLocalSorting] = useState3([]);
-  const [localColumnFilters, setLocalColumnFilters] = useState3([]);
-  const [localRowSelection, setLocalRowSelection] = useState3({});
-  const [hoveredRowId, setHoveredRowId] = useState3(null);
-  const {
-    columns: tableColumns,
-    setColumns: setTableColumns,
-    getSavedLayout,
-    resetToDefaults
-  } = useTableLayout(columns, id != null ? id : testid);
-  const [columnOrder, setColumnOrder] = useState3(
-    tableColumns.map((c) => c.id)
-  );
-  const [columnVisibility, setColumnVisibility] = useState3(
-    Object.fromEntries(
-      tableColumns.filter((column) => !!column.id).map((column) => {
-        var _a2, _b2;
-        return [column.id, (_b2 = (_a2 = column.meta) == null ? void 0 : _a2.visible) != null ? _b2 : true];
-      })
-    )
-  );
-  const updateColumnVisibility = useCallback(
-    (updateOrder) => {
-      setColumnVisibility(
-        Object.fromEntries(
-          tableColumns.filter((column) => !!column.id).map((column) => {
-            var _a2, _b2;
-            return [column.id, (_b2 = (_a2 = column.meta) == null ? void 0 : _a2.visible) != null ? _b2 : true];
-          })
-        )
-      );
-      if (updateOrder) setColumnOrder(tableColumns.map((c) => c.id));
-    },
-    [tableColumns]
-  );
-  const resetDefaultColumnVisibility = useCallback(() => {
-    resetToDefaults();
-  }, [resetToDefaults]);
-  useEffect(() => {
-    updateColumnVisibility(true);
-  }, [updateColumnVisibility]);
-  const sortingState = pagination ? externalSorting != null ? externalSorting : localSorting : localSorting;
-  const setSortingState = pagination ? (updaterOrValue) => {
-    const value = typeof updaterOrValue === "function" ? updaterOrValue(
-      externalSorting != null ? externalSorting : []
-    ) : updaterOrValue;
-    (onSortingChange != null ? onSortingChange : setLocalSorting)(value);
-  } : setLocalSorting;
-  const columnFilterState = pagination ? externalColumnFilters != null ? externalColumnFilters : localColumnFilters : localColumnFilters;
-  const setColumnFilterState = pagination ? (updaterOrValue) => {
-    const value = typeof updaterOrValue === "function" ? updaterOrValue(externalColumnFilters != null ? externalColumnFilters : []) : updaterOrValue;
-    (onColumnFiltersChange != null ? onColumnFiltersChange : setLocalColumnFilters)(value);
-  } : setLocalColumnFilters;
-  const rowSelection = externalRowSelection != null ? externalRowSelection : localRowSelection;
-  const setRowSelection = useCallback(
-    (updaterOrValue) => {
-      if (pagination) {
-        const value = typeof updaterOrValue === "function" ? updaterOrValue(externalRowSelection != null ? externalRowSelection : {}) : updaterOrValue;
-        (onRowSelectionChange != null ? onRowSelectionChange : setLocalRowSelection)(value);
-      } else if (externalRowSelection && onRowSelectionChange) {
-        const value = typeof updaterOrValue === "function" ? updaterOrValue(externalRowSelection != null ? externalRowSelection : {}) : updaterOrValue;
-        onRowSelectionChange(value);
-      } else {
-        setLocalRowSelection(updaterOrValue);
-      }
-    },
-    [externalRowSelection, onRowSelectionChange, pagination]
-  );
-  const dndId = useId();
-  const containerRef = React3.useRef(null);
-  const toggleColumnVisibility = useCallback(
-    (columnId, isVisible) => {
-      setTableColumns((prev) => {
-        const newColumns = prev.map((col) => {
-          if (col.id === columnId) {
-            return __spreadProps(__spreadValues({}, col), {
-              meta: __spreadProps(__spreadValues({}, col.meta), {
-                visible: isVisible
-              })
-            });
-          }
-          return col;
-        });
-        return newColumns;
-      });
-    },
-    [setTableColumns]
-  );
-  const table = useReactTable({
-    columns: tableColumns,
-    data,
-    getCoreRowModel: getCoreRowModel(),
-    getSortedRowModel: getSortedRowModel(),
-    getFilteredRowModel: getFilteredRowModel(),
-    columnResizeMode: "onChange",
-    getRowId: rowIdAccessor ? (row) => String(row[rowIdAccessor]) : (row, index) => {
-      var _a2;
-      return String((_a2 = row.id) != null ? _a2 : index + 1);
-    },
-    state: {
-      columnOrder,
-      sorting: sortingState,
-      columnFilters: columnFilterState,
-      rowSelection,
-      columnVisibility
-    },
-    initialState: {
-      columnPinning: {
-        left: predeterminedLeftPins,
-        right: predeterminedRightPins
-      }
-    },
-    enableColumnPinning: (predeterminedLeftPins == null ? void 0 : predeterminedLeftPins.length) > 0 || predeterminedRightPins.length > 0,
-    onColumnOrderChange: setColumnOrder,
-    onSortingChange: adaptTableStateSetter(setSortingState),
-    onColumnFiltersChange: adaptTableStateSetter(setColumnFilterState),
-    onRowSelectionChange: adaptTableStateSetter(setRowSelection),
-    filterFns: {
-      startsWith: (row, columnId, filterValue) => {
-        const cellValue = row == null ? void 0 : row.getValue(columnId);
-        if (!cellValue || !filterValue) {
-          return true;
-        }
-        return String(cellValue).toLowerCase().startsWith(String(filterValue).toLowerCase());
-      },
-      endsWith: (row, columnId, filterValue) => {
-        const cellValue = row == null ? void 0 : row.getValue(columnId);
-        if (!cellValue || !filterValue) {
-          return true;
-        }
-        return String(cellValue).toLowerCase().endsWith(String(filterValue).toLowerCase());
-      }
-    }
-  });
-  const allRowIds = pagination ? (_a = filteredSortedData == null ? void 0 : filteredSortedData.map((row) => String(row.id))) != null ? _a : [] : Array.from(
-    { length: totalRowCount != null ? totalRowCount : data.length },
-    (_, i) => String(i + 1)
-  );
-  const allSelectedAcrossPages = allRowIds.every(
-    (rowId) => rowSelection[rowId]
-  );
-  const someSelectedAcrossPages = !allSelectedAcrossPages && allRowIds.some((rowId) => rowSelection[rowId]);
-  const toggleSelectAllAcrossPages = () => {
-    setRowSelection((prev) => {
-      const isSelecting = !allSelectedAcrossPages;
-      if (isSelecting) {
-        const newSelection = {};
-        for (const rowId of allRowIds) {
-          newSelection[rowId] = true;
-        }
-        return __spreadValues(__spreadValues({}, prev), newSelection);
-      } else {
-        const updatedSelection = __spreadValues({}, prev);
-        for (const rowId of allRowIds) {
-          delete updatedSelection[rowId];
-        }
-        return updatedSelection;
-      }
-    });
-  };
-  useInfiniteScroll({
-    containerRef,
-    onLoadMore: onLoadMore != null ? onLoadMore : () => {
-    },
-    isLoading: isLoadingMore,
-    enabled: !pagination
-  });
-  const handleDragEnd = (event) => {
-    const { active, over } = event;
-    if (active && over && active.id !== over.id) {
-      setColumnOrder((prev) => {
-        const oldIndex = prev.indexOf(active.id);
-        const newIndex = prev.indexOf(over.id);
-        const newOrder = arrayMove(prev, oldIndex, newIndex);
-        setTableColumns((prev2) => {
-          const res = newOrder.map((id2) => prev2.find((col) => col.id === id2)).filter(Boolean);
-          return res;
-        });
-        return newOrder;
-      });
-    }
-  };
-  const sensors = useSensors(
-    useSensor(MouseSensor),
-    useSensor(TouchSensor),
-    useSensor(KeyboardSensor)
-  );
-  const visibleColumns = table.getVisibleLeafColumns();
-  const nonPinnedColumnIds = table.getCenterLeafColumns().map((col) => col.id);
-  const sortableColumnOrder = columnOrder.filter(
-    (id2) => nonPinnedColumnIds.includes(id2)
-  );
-  const columnVirtualizer = useVirtualizer2({
-    count: visibleColumns.length,
-    estimateSize: (index) => visibleColumns[index].getSize(),
-    //estimate width of each column for accurate scrollbar dragging
-    getScrollElement: () => containerRef.current,
-    horizontal: true,
-    overscan: 8
-    //how many columns to render on each side off screen each way
-  });
-  const virtualColumns = columnVirtualizer.getVirtualItems();
-  let virtualPaddingLeft;
-  let virtualPaddingRight;
-  if (columnVirtualizer && (virtualColumns == null ? void 0 : virtualColumns.length)) {
-    virtualPaddingLeft = (_c = (_b = virtualColumns[0]) == null ? void 0 : _b.start) != null ? _c : 0;
-    virtualPaddingRight = columnVirtualizer.getTotalSize() - ((_e = (_d = virtualColumns[virtualColumns.length - 1]) == null ? void 0 : _d.end) != null ? _e : 0);
-  }
-  const empty = table.getRowModel().rows.length === 0;
-  return /* @__PURE__ */ jsx7(
-    DndContext,
-    {
-      id: dndId,
-      collisionDetection: closestCenter,
-      modifiers: [restrictToHorizontalAxis],
-      onDragEnd: handleDragEnd,
-      sensors,
-      children: /* @__PURE__ */ jsx7(
-        SortableContext,
-        {
-          items: sortableColumnOrder,
-          strategy: horizontalListSortingStrategy,
-          children: /* @__PURE__ */ jsxs5(
-            "div",
-            {
-              id,
-              "data-testid": testid,
-              className: "flex flex-col grow-0 h-fit w-full rounded border border-border-primary-normal overflow-hidden text-text-primary-normal",
-              children: [
-                /* @__PURE__ */ jsxs5(
-                  "div",
-                  {
-                    className: clsx4(
-                      "flex overflow-auto scrollbar-thin relative contain-paint will-change-transform",
-                      empty ? "overflow-y-hidden" : "min-h-[120px]"
-                    ),
-                    ref: containerRef,
-                    children: [
-                      /* @__PURE__ */ jsx7(
-                        PinnedColumns,
-                        {
-                          testid,
-                          pinDirection: "left",
-                          table,
-                          tableContainerRef: containerRef,
-                          pagination,
-                          isLoadingMore,
-                          hasMore,
-                          showFilterRow,
-                          hoveredRowId,
-                          setHoveredRowId
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs5("table", { className: "flex-1 flex flex-col min-h-min", children: [
-                        /* @__PURE__ */ jsx7("thead", { className: "sticky top-0 z-10 grid", children: table.getCenterHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxs5(
-                          "tr",
-                          {
-                            "data-testid": testid ? `${testid}-header-row-${headerGroup.id}` : void 0,
-                            className: "flex w-full",
-                            children: [
-                              virtualPaddingLeft ? (
-                                // fake empty column to the left for virtualization scroll padding
-                                /* @__PURE__ */ jsx7(
-                                  "th",
-                                  {
-                                    style: { display: "flex", width: virtualPaddingLeft }
-                                  }
-                                )
-                              ) : null,
-                              virtualColumns.map((virtualColumn) => {
-                                var _a2, _b2, _c2, _d2, _e2;
-                                const header = headerGroup.headers[virtualColumn.index];
-                                if (!header) {
-                                  return;
-                                }
-                                if (typeof header.column.columnDef.header === "string") {
-                                  const cellValue = (_a2 = table.getRowModel().rows[0]) == null ? void 0 : _a2.getValue(header.column.id);
-                                  const cellAlignment = (_c2 = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c2 : typeof cellValue === "number" ? "right" : "left";
-                                  return /* @__PURE__ */ jsxs5(
-                                    DraggableCellHeader,
-                                    {
-                                      minWidth: `${header.column.getSize()}px`,
-                                      id: id ? `${id}-header-${header.id}` : void 0,
-                                      testid: testid ? `${testid}-header-${header.id}` : void 0,
-                                      header,
-                                      locked: (_d2 = header.column.columnDef.meta) == null ? void 0 : _d2.locked,
-                                      center: centerHeader,
-                                      className: clsx4(
-                                        header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
-                                        "group",
-                                        {
-                                          "justify-start": cellAlignment === "left",
-                                          "justify-end": cellAlignment === "right"
-                                        }
-                                      ),
-                                      useMenuDefaultMinWidth,
-                                      children: [
-                                        cellAlignment === "left" && /* @__PURE__ */ jsx7(Subheader, { tall: true, children: header.column.columnDef.header }),
-                                        getSortIcon(header.column.getIsSorted()),
-                                        !header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(
-                                          header.column.getNextSortingOrder(),
-                                          true
-                                        ),
-                                        header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ jsx7(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
-                                        cellAlignment === "right" && /* @__PURE__ */ jsx7(Subheader, { tall: true, children: header.column.columnDef.header }),
-                                        /* @__PURE__ */ jsx7(
-                                          "div",
-                                          {
-                                            onDoubleClick: (e) => {
-                                              e.stopPropagation();
-                                              header.column.resetSize();
-                                            },
-                                            onMouseDown: (e) => {
-                                              e.stopPropagation();
-                                              header.getResizeHandler()(e);
-                                            },
-                                            onTouchStart: (e) => {
-                                              e.stopPropagation();
-                                              header.getResizeHandler()(e);
-                                            },
-                                            className: "absolute right-0 inset-y-0 w-px bg-black cursor-col-resize"
-                                          }
-                                        )
-                                      ]
-                                    },
-                                    header.id
-                                  );
-                                }
-                                return /* @__PURE__ */ jsx7(React3.Fragment, { children: ((_e2 = header.column.columnDef.meta) == null ? void 0 : _e2.checkbox) ? /* @__PURE__ */ jsx7(
-                                  DataGridCell,
-                                  {
-                                    id: id ? `${id}-header-${header.id}` : void 0,
-                                    testid: testid ? `${testid}-header-${header.id}` : void 0,
-                                    type: "header",
-                                    component: "checkbox",
-                                    locked: true,
-                                    children: /* @__PURE__ */ jsx7(
-                                      Checkbox,
-                                      {
-                                        id: id ? `${id}-select-all-checkbox` : void 0,
-                                        testid: testid ? `${testid}-select-all-checkbox` : void 0,
-                                        checked: allSelectedAcrossPages,
-                                        indeterminate: someSelectedAcrossPages,
-                                        onChange: toggleSelectAllAcrossPages
-                                      }
-                                    )
-                                  }
-                                ) : flexRender3(
-                                  header.column.columnDef.header,
-                                  header.getContext()
-                                ) }, header.id);
-                              }),
-                              virtualPaddingRight ? (
-                                //fake empty column to the right for virtualization scroll padding
-                                /* @__PURE__ */ jsx7(
-                                  "th",
-                                  {
-                                    style: { display: "flex", width: virtualPaddingRight }
-                                  }
-                                )
-                              ) : null
-                            ]
-                          },
-                          headerGroup.id
-                        )) }),
-                        /* @__PURE__ */ jsx7(
-                          TableBody,
-                          {
-                            id,
-                            testid,
-                            columnVirtualizer,
-                            table,
-                            tableContainerRef: containerRef,
-                            virtualPaddingLeft,
-                            virtualPaddingRight,
-                            pagination,
-                            isLoadingMore,
-                            hasMore,
-                            showFilterRow,
-                            enableColumnSelector,
-                            rowDisabled,
-                            rowDisabledAccessor,
-                            hoveredRowId,
-                            setHoveredRowId
-                          }
-                        )
-                      ] }),
-                      /* @__PURE__ */ jsx7(
-                        PinnedColumns,
-                        {
-                          id,
-                          enableColumnSelector,
-                          toggleColumnVisibility,
-                          resetColumnVisibility: resetDefaultColumnVisibility,
-                          testid,
-                          pinDirection: "right",
-                          table,
-                          tableContainerRef: containerRef,
-                          pagination,
-                          isLoadingMore,
-                          hasMore,
-                          showFilterRow,
-                          hoveredRowId,
-                          setHoveredRowId
-                        }
-                      )
-                    ]
-                  }
-                ),
-                empty && /* @__PURE__ */ jsxs5(
-                  "div",
-                  {
-                    className: clsx4(
-                      NO_RESULTS_HEIGHT,
-                      "flex flex-col items-center justify-center",
-                      componentGap,
-                      componentPadding
-                    ),
-                    "data-testid": testid ? `${testid}-no-results` : void 0,
-                    children: [
-                      /* @__PURE__ */ jsx7(
-                        "img",
-                        {
-                          src: (_g = (_f = no_results_image_default) == null ? void 0 : _f.src) != null ? _g : no_results_image_default,
-                          alt: "No Results",
-                          className: "h-30 opacity-20",
-                          width: 120,
-                          height: 120
-                        }
-                      ),
-                      /* @__PURE__ */ jsx7(Subheader, { color: "text-secondary-normal", children: "No Results" }),
-                      /* @__PURE__ */ jsx7(Paragraph, { color: "text-secondary-normal", children: "To view results, enter or update your search criteria." })
-                    ]
-                  }
-                ),
-                !hideStatusBar && /* @__PURE__ */ jsxs5("div", { className: "p-2 pt-[7px] border-t border-border-primary-normal h-full min-h-[34px]", children: [
-                  pagination && /* @__PURE__ */ jsxs5("div", { className: "flex justify-between items-center", children: [
-                    /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-1 w-min", children: [
-                      /* @__PURE__ */ jsx7(
-                        Select,
-                        {
-                          id: id ? `${id}-pagesize-select` : void 0,
-                          testid: testid ? `${testid}-pagesize-select` : void 0,
-                          wrapperClassName: "!w-20",
-                          value: pagination.pageSize.toString(),
-                          onChange: (e) => {
-                            var _a2;
-                            return (_a2 = pagination.onPageSizeChange) == null ? void 0 : _a2.call(pagination, Number(e.target.value));
-                          },
-                          renderMenu: (props) => /* @__PURE__ */ jsx7(
-                            Menu,
-                            __spreadProps(__spreadValues({}, props), {
-                              id: id ? `${id}-pagesize-menu` : void 0,
-                              testid: testid ? `${testid}-pagesize-menu` : void 0,
-                              children: PAGE_SIZE_OPTIONS.map((option) => /* @__PURE__ */ jsx7(
-                                MenuOption,
-                                {
-                                  id: id ? `${id}-pagesize-option-${option}` : void 0,
-                                  selected: pagination.pageSize === option,
-                                  onClick: () => {
-                                    var _a2;
-                                    return (_a2 = pagination.onPageSizeChange) == null ? void 0 : _a2.call(pagination, option);
-                                  },
-                                  children: option
-                                },
-                                option
-                              ))
-                            })
-                          )
-                        }
-                      ),
-                      /* @__PURE__ */ jsx7(Label, { children: "Per Page" })
-                    ] }),
-                    /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsx7(
-                        Button,
-                        {
-                          id: id ? `${id}-prev-page-button` : void 0,
-                          testid: testid ? `${testid}-prev-page-button` : void 0,
-                          iconOnly: true,
-                          leftIcon: /* @__PURE__ */ jsx7(Icon, { name: "chevron_left" }),
-                          onClick: () => pagination.onPageChange(pagination.pageIndex - 1),
-                          variant: "tertiary",
-                          disabled: pagination.pageIndex === 0
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs5(Paragraph, { children: [
-                        pagination.pageIndex * pagination.pageSize + 1,
-                        " -",
-                        " ",
-                        Math.min(
-                          (pagination.pageIndex + 1) * pagination.pageSize,
-                          pagination.total
-                        ),
-                        " ",
-                        "of ",
-                        pagination.total
-                      ] }),
-                      /* @__PURE__ */ jsx7(
-                        Button,
-                        {
-                          id: id ? `${id}-next-page-button` : void 0,
-                          testid: testid ? `${testid}-next-page-button` : void 0,
-                          iconOnly: true,
-                          leftIcon: /* @__PURE__ */ jsx7(Icon, { name: "chevron_right" }),
-                          onClick: () => pagination.onPageChange(pagination.pageIndex + 1),
-                          variant: "tertiary",
-                          disabled: (pagination.pageIndex + 1) * pagination.pageSize >= pagination.total
-                        }
-                      )
-                    ] })
-                  ] }),
-                  status && /* @__PURE__ */ jsx7(
-                    Paragraph,
-                    {
-                      testid: testid ? `${testid}-status-text` : void 0,
-                      children: status
-                    }
-                  )
-                ] })
-              ]
-            }
-          )
-        }
-      )
-    }
-  );
-}
-DataGrid.displayName = "DataGrid";
-function adaptTableStateSetter(setter) {
-  return (valueOrFn) => {
-    setter(
-      (prev) => typeof valueOrFn === "function" ? valueOrFn(prev) : valueOrFn
-    );
-  };
-}
-var DataGrid_default = DataGrid;
-
-// src/components/DateInput.tsx
-import { useRef as useRef3, useEffect as useEffect3, useState as useState5, useLayoutEffect } from "react";
-import { createPortal } from "react-dom";
-import clsx6 from "clsx";
-
-// src/components/CalendarRange.tsx
-import clsx5 from "clsx";
-import React4, { useEffect as useEffect2, useRef as useRef2, useState as useState4 } from "react";
-import { Temporal } from "@js-temporal/polyfill";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
-function isWeekend(date) {
-  return date.dayOfWeek === 6 || date.dayOfWeek === 7;
-}
-function DateCell(_a) {
-  var _b = _a, {
-    date,
-    isInMonth,
-    isToday,
-    isSelected,
-    inRange,
-    isDisabled,
-    isRangeStart,
-    isRangeEnd,
-    onClick,
-    onMouseEnter,
-    onMouseLeave,
-    cellPadding = "",
-    isRangeDisabled = false,
-    id,
-    testid
-  } = _b, props = __objRest(_b, [
-    "date",
-    "isInMonth",
-    "isToday",
-    "isSelected",
-    "inRange",
-    "isDisabled",
-    "isRangeStart",
-    "isRangeEnd",
-    "onClick",
-    "onMouseEnter",
-    "onMouseLeave",
-    "cellPadding",
-    "isRangeDisabled",
-    "id",
-    "testid"
-  ]);
-  return /* @__PURE__ */ jsx8(
-    "span",
-    __spreadProps(__spreadValues({}, props), {
-      id,
-      "data-testid": testid,
-      className: clsx5(
-        "flex items-center justify-center aspect-square select-none transition-colors border duration-100 font-medium",
-        typography.caption,
-        cellPadding,
-        !isToday && !isSelected && !inRange && !isDisabled && !isRangeStart && !isRangeEnd && "border-transparent",
-        !isInMonth && "border-transparent",
-        // Today: subtle border ring
-        isToday && !isSelected && !inRange && "rounded-full border-border-primary-normal ",
-        // Selected: Figma blue, white text, strong shadow
-        isSelected && "bg-action-400 text-white border-action-400 z-10",
-        !isSelected && !inRange && "rounded-base",
-        // When range is disabled OR when only 'from' is selected (no range yet), apply rounded corners
-        (isRangeDisabled || !inRange && isSelected) && "rounded-base",
-        inRange && isSelected && "hover:border-action-500",
-        // In range: Figma light blue background
-        inRange && !isSelected && "bg-action-100 text-text-primary-normal border-y-action-400 border-x-0  ",
-        // Disabled: Figma gray, no pointer, no hover
-        isDisabled && !inRange ? "text-text-primary-disabled bg-transparent pointer-events-none opacity-40 border-transparent" : [
-          "text-text-primary-normal cursor-pointer",
-          // Figma hover: blue bg, blue text (or red text if selected)
-          isSelected ? "hover:bg-background-action-primary-hover hover:text-white" : "hover:bg-action-100 hover:text-text-action-primary-hover",
-          // Figma active: darker blue bg, white text
-          "active:bg-action-300 active:text-white",
-          // Figma focus: ring
-          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-400"
-        ],
-        isRangeStart && "rounded-l",
-        isRangeEnd && "rounded-r"
-      ),
-      tabIndex: isDisabled ? -1 : 0,
-      "aria-disabled": isDisabled,
-      onClick: () => !isDisabled && isInMonth && onClick(),
-      onMouseEnter: () => isInMonth && onMouseEnter(),
-      onMouseLeave: () => isInMonth && onMouseLeave(),
-      children: isInMonth ? date.day : ""
-    })
-  );
-}
-function CalendarRange({
-  from,
-  to,
-  onChange,
-  onPendingFromChange,
-  isDateAvailable,
-  mode = "double",
-  cardStyle = false,
-  disableRange = false,
-  id,
-  testid
-}) {
-  const weekDays = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
-  const parseDate = (d) => {
-    if (!d) {
-      return void 0;
-    }
-    try {
-      if (typeof d === "number") {
-        return Temporal.PlainDate.from(new Date(d).toISOString().slice(0, 10));
-      }
-      if (typeof d === "string") {
-        return Temporal.PlainDate.from(d);
-      }
-      return void 0;
-    } catch (error) {
-      console.error("Invalid date format:", d, error);
-      return Temporal.Now.plainDateISO();
-    }
-  };
-  const fromDate = parseDate(from);
-  const toDate = parseDate(to);
-  const today = Temporal.Now.plainDateISO();
-  const [baseMonth, setBaseMonth] = useState4(
-    fromDate != null ? fromDate : today.with({ day: 1 })
-  );
-  const [selecting, setSelecting] = useState4("from");
-  const [pendingFrom, setPendingFrom] = useState4(void 0);
-  const [hoveredDate, setHoveredDate] = useState4(void 0);
-  useEffect2(() => {
-    if (fromDate) {
-      setBaseMonth(fromDate.with({ day: 1 }));
-    } else if (toDate) {
-      setBaseMonth(toDate.with({ day: 1 }));
-    }
-  }, [from, to]);
-  useEffect2(() => {
-    if (fromDate && toDate) {
-      setSelecting("from");
-      setPendingFrom(void 0);
-      setHoveredDate(void 0);
-    }
-  }, [from, to]);
-  function getMonthData(monthOffset) {
-    const monthDate = baseMonth.add({ months: monthOffset }).with({ day: 1 });
-    const days = monthDate.daysInMonth;
-    const firstDayOffset = monthDate.dayOfWeek % 7;
-    return {
-      name: monthDate.toLocaleString("en-US", { month: "long" }),
-      year: monthDate.year,
-      days,
-      firstDayOffset,
-      date: monthDate
-    };
-  }
-  function getMonthDataWith(monthOffset) {
-    const monthDate = baseMonth.with({ month: monthOffset }).with({ day: 1 });
-    const days = monthDate.daysInMonth;
-    const firstDayOffset = monthDate.dayOfWeek % 7;
-    return {
-      name: monthDate.toLocaleString("en-US", { month: "long" }),
-      year: monthDate.year,
-      days,
-      firstDayOffset,
-      date: monthDate
-    };
-  }
-  function handleDayClick(date) {
-    if (isDateAvailable && !isDateAvailable(date)) return;
-    if (mode === "single" && disableRange) {
-      if (onChange) {
-        onChange(date.toString(), date.toString());
-      }
-      return;
-    }
-    if (selecting === "from") {
-      setPendingFrom(date);
-      setSelecting("to");
-      setHoveredDate(void 0);
-      onPendingFromChange == null ? void 0 : onPendingFromChange(date.toString());
-    } else if (pendingFrom) {
-      if (onChange) {
-        const [start, end] = Temporal.PlainDate.compare(date, pendingFrom) < 0 ? [date, pendingFrom] : [pendingFrom, date];
-        onChange(start.toString(), end.toString());
-      }
-      setPendingFrom(void 0);
-      setSelecting("from");
-      setHoveredDate(void 0);
-    }
-  }
-  function isInRange(date) {
-    if (mode === "single" && disableRange) {
-      return false;
-    }
-    if (pendingFrom && selecting === "to" && hoveredDate) {
-      const [start, end] = Temporal.PlainDate.compare(hoveredDate, pendingFrom) < 0 ? [hoveredDate, pendingFrom] : [pendingFrom, hoveredDate];
-      return Temporal.PlainDate.compare(date, start) >= 0 && Temporal.PlainDate.compare(date, end) <= 0;
-    }
-    if (!pendingFrom && fromDate && toDate) {
-      return Temporal.PlainDate.compare(date, fromDate) >= 0 && Temporal.PlainDate.compare(date, toDate) <= 0;
-    }
-    return false;
-  }
-  return /* @__PURE__ */ jsx8(
-    "div",
-    {
-      id,
-      "data-testid": testid,
-      className: clsx5(
-        "relative bg-background-grouped-primary-normal rounded-base w-fit",
-        layoutPaddding,
-        layoutGap,
-        cardStyle && "shadow-4",
-        // baseTransition,
-        "overflow-hidden"
-      ),
-      children: /* @__PURE__ */ jsx8(
-        "div",
-        {
-          className: clsx5(
-            "flex flex-row items-start justify-start bg-background-primary-normal overflow-clip",
-            layoutGap
-          ),
-          children: (mode === "double" ? [0, 1] : [0]).map((offset, idx) => {
-            return /* @__PURE__ */ jsx8(
-              CalendarPane,
-              {
-                getMonthData,
-                getMonthDataWith,
-                offset,
-                idx,
-                id,
-                testid,
-                baseMonth,
-                setBaseMonth,
-                mode,
-                pendingFrom,
-                weekDays,
-                fromDate,
-                toDate,
-                isDateAvailable,
-                disableRange,
-                hoveredDate,
-                isInRange,
-                today,
-                setHoveredDate,
-                handleDayClick
-              },
-              idx
-            );
-          })
-        }
-      )
-    }
-  );
-}
-function CalendarPane({
-  getMonthData,
-  getMonthDataWith,
-  offset,
-  idx,
-  id,
-  testid,
-  baseMonth,
-  setBaseMonth,
-  mode,
-  pendingFrom,
-  weekDays,
-  fromDate,
-  toDate,
-  isDateAvailable,
-  disableRange,
-  hoveredDate,
-  isInRange,
-  today,
-  setHoveredDate,
-  handleDayClick
-}) {
-  const months = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
-  const years = Array.from({ length: 100 }).map(
-    (_, i) => baseMonth.year - 50 + i
-  );
-  const [monthMenuOpen, setMonthMenuOpen] = useState4(false);
-  const [yearMenuOpen, setYearMenuOpen] = useState4(false);
-  const monthMenuRef = useRef2(null);
-  const yearMenuRef = useRef2(null);
-  const month = getMonthData(offset);
-  const totalCells = 42;
-  const emptyCells = month.firstDayOffset;
-  return /* @__PURE__ */ jsxs6(React4.Fragment, { children: [
-    /* @__PURE__ */ jsxs6(
-      "div",
-      {
-        className: clsx5("flex flex-col"),
-        children: [
-          /* @__PURE__ */ jsxs6(
-            "div",
-            {
-              className: clsx5(
-                "flex flex-row items-center justify-between",
-                typography.label,
-                "text-text-action-primary-normal"
-              ),
-              children: [
-                idx === 0 ? /* @__PURE__ */ jsx8(
-                  "button",
-                  {
-                    id: id ? `${id}-prev-month-button` : void 0,
-                    "data-testid": testid ? `${testid}-prev-month-button` : void 0,
-                    type: "button",
-                    className: clsx5(
-                      "flex items-center justify-center rounded-base hover:bg-action-100 active:bg-action-300 text-icon-action-primary-normal",
-                      componentPadding
-                    ),
-                    "aria-label": "Previous month",
-                    onClick: () => setBaseMonth(baseMonth.subtract({ months: 1 })),
-                    children: /* @__PURE__ */ jsx8(Icon, { name: "chevron_left", size: 24 })
-                  }
-                ) : /* @__PURE__ */ jsx8("span", { className: clsx5(componentPadding, "mr-1") }),
-                /* @__PURE__ */ jsxs6("div", { className: "flex gap-desktop-compact-component-padding", children: [
-                  /* @__PURE__ */ jsx8(
-                    "button",
-                    {
-                      ref: (el) => {
-                        monthMenuRef.current = el;
-                      },
-                      type: "button",
-                      onClick: () => {
-                        setMonthMenuOpen(true);
-                        setYearMenuOpen(false);
-                      },
-                      className: "font-semibold text-text-action-primary-normal text-[14px] py-[2px] truncate",
-                      children: month.name
-                    }
-                  ),
-                  /* @__PURE__ */ jsx8(
-                    Menu,
-                    {
-                      show: monthMenuOpen,
-                      positionTo: monthMenuRef,
-                      setShow: () => setMonthMenuOpen(false),
-                      children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ jsx8(
-                        MenuOption,
-                        {
-                          selected: baseMonth.month === x + 1,
-                          onClick: () => {
-                            setBaseMonth(baseMonth.with({ month: x + 1 }));
-                            setMonthMenuOpen(false);
-                          },
-                          children: m.name
-                        },
-                        m.name
-                      ))
-                    }
-                  ),
-                  /* @__PURE__ */ jsx8(
-                    "button",
-                    {
-                      ref: (el) => {
-                        yearMenuRef.current = el;
-                      },
-                      type: "button",
-                      onClick: () => {
-                        setYearMenuOpen(true);
-                        setMonthMenuOpen(false);
-                      },
-                      className: "font-semibold text-text-action-primary-normal text-[14px] py-[2px] truncate",
-                      children: month.year
-                    }
-                  ),
-                  /* @__PURE__ */ jsx8(
-                    Menu,
-                    {
-                      show: yearMenuOpen,
-                      positionTo: yearMenuRef,
-                      setShow: () => setYearMenuOpen(false),
-                      children: years.map((y) => /* @__PURE__ */ jsx8(
-                        MenuOption,
-                        {
-                          selected: baseMonth.year === y,
-                          onClick: () => {
-                            setBaseMonth(baseMonth.with({ year: y }));
-                            setYearMenuOpen(false);
-                          },
-                          children: y
-                        },
-                        y
-                      ))
-                    }
-                  )
-                ] }),
-                (mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ jsx8(
-                  "button",
-                  {
-                    id: id ? `${id}-next-month-button` : void 0,
-                    "data-testid": testid ? `${testid}-next-month-button` : void 0,
-                    type: "button",
-                    className: clsx5(
-                      "flex items-center justify-center rounded-base hover:bg-action-100 active:bg-action-300 text-icon-action-primary-normal",
-                      componentPadding
-                    ),
-                    "aria-label": "Next month",
-                    onClick: () => setBaseMonth(baseMonth.add({ months: 1 })),
-                    children: /* @__PURE__ */ jsx8(Icon, { name: "chevron_right", size: 24 })
-                  }
-                ) : /* @__PURE__ */ jsx8("span", { className: clsx5(componentPadding, "ml-1") })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx8("div", { className: clsx5("grid grid-cols-7"), children: weekDays.map((d) => /* @__PURE__ */ jsx8(
-            "span",
-            {
-              className: clsx5(
-                typography.caption,
-                "text-text-secondary-normal text-center",
-                "w-10"
-              ),
-              children: d
-            },
-            d
-          )) }),
-          /* @__PURE__ */ jsx8("div", { className: clsx5("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
-            const day = i - emptyCells + 1;
-            const date = month.date.with({ day: 1 }).add({
-              days: i - emptyCells
-            });
-            const isInMonth = day > 0 && day <= month.days;
-            const isToday = isInMonth && date.equals(today);
-            const isSelected = isInMonth && (!pendingFrom && fromDate && date.equals(fromDate) || !pendingFrom && toDate && date.equals(toDate) || pendingFrom && date.equals(pendingFrom));
-            const inRange = isInMonth && isInRange(date);
-            const isDisabled = !isInMonth || (isDateAvailable ? !isDateAvailable(date) : false);
-            const hoverDateIsBeforePendingFrom = hoveredDate && pendingFrom && Temporal.PlainDate.compare(hoveredDate, pendingFrom) < 0;
-            const hoverDateIsAfterPendingFrom = hoveredDate && pendingFrom && Temporal.PlainDate.compare(hoveredDate, pendingFrom) >= 0;
-            const isRangeStart = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && fromDate && date.equals(fromDate) || hoverDateIsAfterPendingFrom && date.equals(pendingFrom);
-            const isRangeEnd = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && toDate && date.equals(toDate) || hoverDateIsBeforePendingFrom && date.equals(pendingFrom);
-            return /* @__PURE__ */ jsx8(
-              DateCell,
-              {
-                id: id ? `${id}-date-${date.toString()}` : void 0,
-                testid: testid ? `${testid}-date-${date.toString()}` : void 0,
-                date,
-                isInMonth: !!isInMonth,
-                isToday: !!isToday,
-                isSelected: !!isSelected,
-                inRange: !!inRange,
-                isDisabled: !!isDisabled,
-                onClick: () => handleDayClick(date),
-                onMouseEnter: () => setHoveredDate(date),
-                onMouseLeave: () => setHoveredDate(void 0),
-                isRangeStart: !!isRangeStart,
-                isRangeEnd: !!isRangeEnd,
-                isRangeDisabled: mode === "single" && disableRange,
-                cellPadding: componentPadding
-              },
-              i
-            );
-          }) })
-        ]
-      }
-    ),
-    mode === "double" && idx === 0 && /* @__PURE__ */ jsx8(
-      "div",
-      {
-        className: clsx5(
-          "self-stretch bg-border-primary-normal rounded-base",
-          // 1px width, full height, matches Figma divider
-          "w-px"
-        )
-      }
-    )
-  ] }, month.name + month.year);
-}
-var CalendarRange_default = CalendarRange;
-
-// src/utils/date-patch-dashes.ts
-function formatInputValueWithDashes(value, dateInDashes) {
-  const digits = value.replace(/\D/g, "");
-  if (dateInDashes) {
-    if (digits.length <= 4) return digits;
-    if (digits.length <= 6) return `${digits.slice(0, 4)}-${digits.slice(4)}`;
-    return `${digits.slice(4, 6)}-${digits.slice(6, 8)}-${digits.slice(0, 4)}`;
-  } else {
-    if (digits.length <= 2) return digits;
-    if (digits.length <= 4) return `${digits.slice(0, 2)}/${digits.slice(2)}`;
-    return `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4, 8)}`;
-  }
-}
-function formatDateWithDashes(value, dateInDashes) {
-  if (!value) return "";
-  let year = "", month = "", day = "";
-  if (/^\d{4}-\d{2}-\d{2}$/.test(value)) {
-    [year, month, day] = value.split("-");
-  } else if (/^\d{2}-\d{2}-\d{4}$/.test(value)) {
-    [month, day, year] = value.split("-");
-  } else if (/^\d{2}\/\d{2}\/\d{4}$/.test(value)) {
-    [month, day, year] = value.split("/");
-  } else {
-    return value;
-  }
-  if (!year || !month || !day) return value;
-  if (dateInDashes) {
-    return `${month}-${day}-${year}`;
-  }
-  return `${month}/${day}/${year}`;
-}
-function parseInputDateWithDashes(value, dateInDashes) {
-  if (!value) return "";
-  let year = "", month = "", day = "";
-  if (dateInDashes) {
-    let match = value.match(/^(\d{2})-(\d{2})-(\d{4})$/);
-    if (match) {
-      [, month, day, year] = match;
-    } else {
-      match = value.match(/^(\d{4})-(\d{2})-(\d{2})$/);
-      if (match) {
-        [, year, month, day] = match;
-      }
-    }
-  } else {
-    const match = value.match(/^(\d{2})\/(\d{2})\/(\d{4})$/);
-    if (match) {
-      [, month, day, year] = match;
-    }
-  }
-  if (!year || !month || !day) return "";
-  return `${month}-${day}-${year}`;
-}
-
-// src/components/DateInput.tsx
-import { Fragment, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
-var DateInput = (_a) => {
-  var _b = _a, {
-    id,
-    testid,
-    value,
-    onChange,
-    placeholder = "MM/DD/YYYY",
-    disabled,
-    readOnly = false,
-    label,
-    isDateAvailable,
-    disableManualInput,
-    dateInDashes = false
-  } = _b, props = __objRest(_b, [
-    "id",
-    "testid",
-    "value",
-    "onChange",
-    "placeholder",
-    "disabled",
-    "readOnly",
-    "label",
-    "isDateAvailable",
-    "disableManualInput",
-    "dateInDashes"
-  ]);
-  const [visible, setVisible] = useState5(false);
-  const [inputValue, setInputValue] = useState5("");
-  const [isTyping, setIsTyping] = useState5(false);
-  const popoverRef = useRef3(null);
-  const triggerRef = useRef3(null);
-  const rootRef = useRef3(null);
-  const isMobile = useMatchesMobile();
-  const [calendarPosition, setCalendarPosition] = useState5({
-    top: 0,
-    left: 0,
-    width: 0,
-    openAbove: false
-  });
-  const [from, to] = [value, ""];
-  useEffect3(() => {
-    if (!isTyping) {
-      setInputValue(formatDisplayValue(from, dateInDashes));
-    }
-  }, [from, isTyping, dateInDashes]);
-  useLayoutEffect(() => {
-    if (visible) {
-      updatePosition();
-    }
-  }, [visible]);
-  const updatePosition = () => {
-    if (rootRef.current) {
-      const rect = rootRef.current.getBoundingClientRect();
-      const viewportWidth = window.innerWidth;
-      const viewportHeight = window.innerHeight;
-      const calendarWidth = 340;
-      const calendarHeight = 400;
-      let viewportLeft = rect.left;
-      if (viewportLeft + calendarWidth > viewportWidth) {
-        viewportLeft = rect.right - calendarWidth;
-        if (viewportLeft < 0) {
-          viewportLeft = Math.max(0, (viewportWidth - calendarWidth) / 2);
-        }
-      }
-      const left = viewportLeft + window.scrollX;
-      const spaceBelow = viewportHeight - rect.bottom;
-      const spaceAbove = rect.top;
-      const openAbove = spaceBelow < calendarHeight && spaceAbove > spaceBelow;
-      let top;
-      if (openAbove) {
-        top = rect.top + window.scrollY - calendarHeight - 4;
-      } else {
-        top = rect.bottom + window.scrollY + 4;
-      }
-      setCalendarPosition({ top, left, width: rect.width, openAbove });
-    }
-  };
-  useEffect3(() => {
-    updatePosition();
-    const resizeObserver = new ResizeObserver(updatePosition);
-    if (triggerRef.current) {
-      resizeObserver.observe(triggerRef.current);
-    }
-    window.addEventListener("scroll", updatePosition);
-    return () => {
-      resizeObserver.disconnect();
-      window.removeEventListener("scroll", updatePosition);
-    };
-  }, []);
-  useEffect3(() => {
-    const handleKeyDown2 = (event) => {
-      var _a2;
-      if (event.key === "Escape" && popoverRef.current) {
-        setVisible(false);
-        (_a2 = triggerRef.current) == null ? void 0 : _a2.blur();
-      }
-    };
-    document.addEventListener("keydown", handleKeyDown2);
-    return () => {
-      document.removeEventListener("keydown", handleKeyDown2);
-    };
-  });
-  function handleDateChange(fromValue) {
-    onChange(fromValue);
-    setVisible(false);
-    setIsTyping(false);
-  }
-  const handleFocus = () => {
-    if (readOnly) return;
-    setVisible(true);
-  };
-  const handleClick = () => {
-    handleFocus();
-  };
-  const handleIgnoreFocus = (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    e.currentTarget.blur();
-  };
-  const handleInputChange = (event) => {
-    if (readOnly) return;
-    const rawValue = event.target.value;
-    const cursorPosition = event.target.selectionStart || 0;
-    setIsTyping(true);
-    const formattedValue = formatInputValueWithDashes(rawValue, dateInDashes);
-    setInputValue(formattedValue);
-    requestAnimationFrame(() => {
-      if (triggerRef.current) {
-        const newPosition = calculateCursorPosition(
-          rawValue,
-          formattedValue,
-          cursorPosition
-        );
-        triggerRef.current.setSelectionRange(newPosition, newPosition);
-      }
-    });
-    const parsedDate = parseInputDateWithDashes(formattedValue, dateInDashes);
-    if (parsedDate && isValidDate(parsedDate)) {
-      onChange(parsedDate);
-    }
-  };
-  const handleBlur = () => {
-    setIsTyping(false);
-    const parsedDate = parseInputDateWithDashes(inputValue, dateInDashes);
-    if (!parsedDate || !isValidDate(parsedDate)) {
-      setInputValue(formatDisplayValue(from, dateInDashes));
-    }
-  };
-  const handleKeyDown = (event) => {
-    if (event.key === "Backspace") {
-      const input = event.target;
-      const cursorPosition = input.selectionStart || 0;
-      const value2 = input.value;
-      const sep = dateInDashes ? "-" : "/";
-      if (cursorPosition > 0 && value2[cursorPosition - 1] === sep) {
-        event.preventDefault();
-        const newValue = value2.slice(0, cursorPosition - 2) + value2.slice(cursorPosition);
-        const formattedValue = formatInputValueWithDashes(
-          newValue,
-          dateInDashes
-        );
-        setInputValue(formattedValue);
-        requestAnimationFrame(() => {
-          if (triggerRef.current) {
-            const newPosition = Math.max(0, cursorPosition - 2);
-            triggerRef.current.setSelectionRange(newPosition, newPosition);
-          }
-        });
-        setIsTyping(true);
-        return;
-      }
-    }
-    if (event.key === "Enter") {
-      const parsedDate = parseInputDateWithDashes(inputValue, dateInDashes);
-      if (parsedDate && isValidDate(parsedDate)) {
-        onChange(parsedDate);
-        setVisible(false);
-        setIsTyping(false);
-      }
-    }
-  };
-  return /* @__PURE__ */ jsxs7("div", { className: "relative", children: [
-    /* @__PURE__ */ jsx9(
-      InputBase,
-      __spreadProps(__spreadValues({
-        id,
-        testid,
-        ref: (el) => {
-          triggerRef.current = el;
-        }
-      }, props), {
-        wrapperRef: rootRef,
-        value: inputValue,
-        placeholder,
-        disabled,
-        readOnly,
-        after: /* @__PURE__ */ jsx9(Icon, { name: "calendar_month" }),
-        onFocus: disableManualInput ? handleIgnoreFocus : handleFocus,
-        onClick: handleClick,
-        onChange: handleInputChange,
-        onBlur: handleBlur,
-        onKeyDown: handleKeyDown,
-        label,
-        secondaryIconColor: true
-      })
-    ),
-    visible && !readOnly && createPortal(
-      /* @__PURE__ */ jsxs7(Fragment, { children: [
-        /* @__PURE__ */ jsx9(
-          "div",
-          {
-            className: clsx6(
-              "fixed inset-0 z-50",
-              isMobile && "overflow-y-auto bg-neutral-600/50"
-            ),
-            onClick: () => setVisible(false),
-            onMouseDown: (e) => {
-              if (!isMobile) {
-                e.preventDefault();
-              }
-            },
-            onWheel: (e) => {
-              var _a2;
-              if (!isMobile) {
-                const scrollableParent = (_a2 = document.scrollingElement) != null ? _a2 : document.documentElement;
-                scrollableParent.scrollTop += e.deltaY;
-                scrollableParent.scrollLeft += e.deltaX;
-              }
-            },
-            onTouchMove: (e) => {
-              if (!isMobile) {
-                e.stopPropagation();
-              }
-            },
-            style: { touchAction: isMobile ? "auto" : "pan-y pan-x" },
-            "aria-hidden": "true",
-            children: isMobile && /* @__PURE__ */ jsx9("div", { className: "min-h-full flex items-start justify-center py-4 px-2", children: /* @__PURE__ */ jsx9(
-              "div",
-              {
-                ref: (el) => {
-                  popoverRef.current = el;
-                },
-                className: "bg-white rounded-base shadow-4 max-w-full",
-                onClick: (e) => e.stopPropagation(),
-                children: /* @__PURE__ */ jsx9(
-                  CalendarRange,
-                  {
-                    id: id ? `${id}-calendar` : void 0,
-                    testid: testid ? `${testid}-calendar` : void 0,
-                    from,
-                    to: to || from,
-                    onChange: handleDateChange,
-                    cardStyle: true,
-                    mode: "single",
-                    disableRange: true,
-                    isDateAvailable
-                  }
-                )
-              }
-            ) })
-          }
-        ),
-        !isMobile && /* @__PURE__ */ jsx9(
-          "div",
-          {
-            ref: (el) => {
-              popoverRef.current = el;
-            },
-            className: "absolute z-50 bg-white",
-            style: {
-              top: `${calendarPosition.top}px`,
-              left: `${calendarPosition.left}px`
-            },
-            children: /* @__PURE__ */ jsx9(
-              CalendarRange,
-              {
-                id: id ? `${id}-calendar` : void 0,
-                testid: testid ? `${testid}-calendar` : void 0,
-                from,
-                to: to || from,
-                onChange: handleDateChange,
-                cardStyle: true,
-                mode: "single",
-                disableRange: true,
-                isDateAvailable
-              }
-            )
-          }
-        )
-      ] }),
-      findDocumentRoot(popoverRef.current)
-    )
-  ] });
-};
-DateInput.displayName = "DateInput";
-function formatDisplayValue(from, dateInDashes) {
-  if (!from) {
-    return "";
-  }
-  if (!isValidDate(from)) {
-    return "";
-  }
-  return formatDateWithDashes(from, dateInDashes);
-}
-
-// src/components/MobileDataGrid/ColumnSelector/index.tsx
-import { useCallback as useCallback2, useRef as useRef4, useState as useState6 } from "react";
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
-function ColumnSelector() {
-  const context = useGridContext();
-  const ref = useRef4(null);
-  const [show, setShow] = useState6(false);
-  const {
-    columns,
-    id,
-    testid,
-    visibleColumns,
-    numberOfColumnsToShow,
-    primaryKey,
-    resetColumnVisibility,
-    dispatch
-  } = context;
-  const toggleColumnVisibility = useCallback2(
-    (index, visible) => {
-      dispatch({ type: "UPDATE", index, payload: { meta: { visible } } });
-    },
-    [dispatch]
-  );
-  return /* @__PURE__ */ jsxs8(
-    "div",
-    {
-      id: id ? `${id}-column-selector` : void 0,
-      "data-testid": testid,
-      className: "text-text-secondary-normal border-l border-brand-200 p-mobile-container-padding",
-      ref,
-      children: [
-        /* @__PURE__ */ jsx10(
-          Button,
-          {
-            id: id ? `${id}-button` : void 0,
-            testid: testid ? `${testid}-button` : void 0,
-            onClick: () => setShow((prev) => !prev),
-            variant: "navigation",
-            iconOnly: true,
-            size: 24,
-            leftIcon: /* @__PURE__ */ jsx10(Icon, { name: "tune" })
-          }
-        ),
-        /* @__PURE__ */ jsxs8(
-          Menu,
-          {
-            id: id ? `${id}-menu` : void 0,
-            testid: testid ? `${testid}-menu` : void 0,
-            positionTo: ref,
-            position: "bottom-right",
-            show,
-            setShow,
-            calculateMinMaxHeight: true,
-            children: [
-              /* @__PURE__ */ jsx10(
-                Button,
-                {
-                  id: id ? `${id}-reset-button` : void 0,
-                  testid: testid ? `${testid}-reset-button` : void 0,
-                  variant: "tertiary",
-                  onClick: () => {
-                    resetColumnVisibility();
-                    setShow(false);
-                  },
-                  children: "Reset to default"
-                }
-              ),
-              columns.filter((x) => {
-                var _a;
-                return (_a = x.meta) == null ? void 0 : _a.inVisibilityMenu;
-              }).map((column) => {
-                var _a, _b, _c;
-                return /* @__PURE__ */ jsx10(
-                  MenuOption,
-                  {
-                    testid: testid ? `${testid}-option-${column.id}` : void 0,
-                    children: /* @__PURE__ */ jsx10(
-                      Checkbox,
-                      {
-                        id: id ? `${id}-checkbox-${column.id}` : void 0,
-                        testid: testid ? `${testid}-checkbox-${column.id}` : void 0,
-                        label: (_a = column.header) == null ? void 0 : _a.toString(),
-                        checked: !!((_b = column.meta) == null ? void 0 : _b.visible) || column.id === String(primaryKey),
-                        disabled: typeof numberOfColumnsToShow !== "undefined" && // account for header+link occupying one slot
-                        visibleColumns.length >= numberOfColumnsToShow - 1 && ((_c = column.meta) == null ? void 0 : _c.visible) !== true || column.id === String(primaryKey),
-                        onChange: (e) => {
-                          toggleColumnVisibility(
-                            columns.findIndex(({ id: id2 }) => id2 === column.id),
-                            e.target.checked
-                          );
-                        }
-                      }
-                    )
-                  },
-                  id ? `${id}-option-${column.id}` : void 0
-                );
-              })
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/components/MobileDataGrid/MobileDataGridHeader.tsx
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
-function MobileDataGridHeader({
-  header: Header,
-  enableColumnSelector,
-  enableRowSelection
-}) {
-  var _a, _b;
-  const ctx = useGridContext();
-  const {
-    id,
-    testid,
-    selectedRowIds,
-    data,
-    primaryKey,
-    columns,
-    handleRowSelectAll
-  } = ctx;
-  if (typeof Header === "undefined" && !primaryKey) return null;
-  if (typeof Header === "function") return /* @__PURE__ */ jsx11(Header, __spreadValues({}, ctx));
-  if (typeof Header === "string" || primaryKey)
-    return /* @__PURE__ */ jsx11(
-      "div",
-      {
-        id: id ? `${id}-header` : void 0,
-        "data-testid": testid ? `${testid}-header` : void 0,
-        className: "sticky top-0",
-        children: /* @__PURE__ */ jsx11(Theme, { theme: "brand", children: /* @__PURE__ */ jsxs9(
-          Stack,
-          {
-            horizontal: true,
-            horizontalMobile: true,
-            items: "center",
-            justify: "between",
-            backgroundColor: "background-primary-normal",
-            style: { borderTopRightRadius: 4, borderTopLeftRadius: 4 },
-            children: [
-              enableRowSelection && /* @__PURE__ */ jsx11("div", { className: "p-mobile-component-padding border-r border-brand-200 max-w-fit h-full", children: /* @__PURE__ */ jsx11(
-                Checkbox,
-                {
-                  id: id ? `${id}-select-all-checkbox` : void 0,
-                  testid: testid ? `${testid}-select-all-checkbox` : void 0,
-                  checked: selectedRowIds.length === data.length,
-                  indeterminate: !!selectedRowIds.length && selectedRowIds.length !== data.length,
-                  onChange: handleRowSelectAll
-                }
-              ) }),
-              /* @__PURE__ */ jsx11(
-                Stack,
-                {
-                  horizontal: true,
-                  horizontalMobile: true,
-                  items: "center",
-                  sizing: "component",
-                  padding: true,
-                  children: /* @__PURE__ */ jsx11(Heading3, { as: "span", color: "text-primary-normal", children: typeof Header === "string" ? Header : (_b = (_a = columns.find((col) => col.id === primaryKey)) == null ? void 0 : _a.header) == null ? void 0 : _b.toString() })
-                }
-              ),
-              enableColumnSelector && /* @__PURE__ */ jsx11(ColumnSelector, {})
-            ]
-          }
-        ) })
-      }
-    );
-}
-
-// src/components/MobileDataGrid/index.tsx
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
-function MobileDataGrid(props) {
-  const {
-    columns,
-    data,
-    renderLink,
-    renderChevron,
-    getId,
-    id,
-    testid,
-    enableColumnSelector,
-    enableRowSelection,
-    header,
-    withBorder = true,
-    footer,
-    onRowSelect,
-    numberOfColumnsToShow,
-    primaryKey,
-    hideHeader,
-    rowActions,
-    rounded,
-    isFramed = false
-  } = props;
-  return /* @__PURE__ */ jsxs10(
-    GridContextProvider,
-    {
-      initialColumns: columns,
-      id,
-      testid,
-      data,
-      getId,
-      onRowSelect,
-      numberOfColumnsToShow,
-      primaryKey,
-      children: [
-        /* @__PURE__ */ jsxs10(
-          Stack,
-          {
-            height: isFramed ? "calc(100dvh - 40dvh)" : "full",
-            rounded,
-            overflowX: "hidden",
-            overflowY: "hidden",
-            children: [
-              !hideHeader && /* @__PURE__ */ jsx12(
-                MobileDataGridHeader,
-                {
-                  header,
-                  enableColumnSelector,
-                  enableRowSelection
-                }
-              ),
-              /* @__PURE__ */ jsx12(
-                ColumnList,
-                {
-                  withBorder,
-                  renderLink,
-                  renderChevron,
-                  enableRowSelection,
-                  footer,
-                  rowActions
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx12(RowDetailModalProvider, {})
-      ]
-    }
-  );
-}
-
-// src/components/DataGrid/utils.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
-function getSortIcon(sort, nextSort = false) {
-  const iconClassName = clsx7(
-    "text-icon-on-action-primary-normal",
-    nextSort && "hidden group-hover:block"
-  );
-  if (sort === "asc")
-    return /* @__PURE__ */ jsx13(Icon, { size: 16, className: iconClassName, name: "arrow_upward" });
-  if (sort === "desc")
-    return /* @__PURE__ */ jsx13(Icon, { size: 16, className: iconClassName, name: "arrow_downward" });
-  return null;
-}
-
-export {
-  getSortIcon,
-  TableBodyRow,
-  LoadingCell,
-  TableBody,
-  ColumnSelectorMenuOption,
-  ColumnSelectorHeaderCell,
-  PinnedColumns,
-  DataGrid,
-  DataGrid_default,
-  DateInput,
-  ColumnSelector,
-  MobileDataGridHeader,
-  MobileDataGrid,
-  isWeekend,
-  CalendarRange,
-  CalendarRange_default
-};