@12-apps/ui 6.39.8 → 6.39.10

package/dist/{chunk-RGT6DM5W.js → chunk-PX6TWS5T.js}

@@ -1,6 +1,9 @@
 import {
   tableRowHeight
 } from "./chunk-XS3REOPN.js";
+import {
+  FIELD_BORDER_WIDTH
+} from "./chunk-PZBK3F52.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -99,11 +102,36 @@ var EnhancedTableHeader = React.memo(({
   ] }) });
 });
 EnhancedTableHeader.displayName = "EnhancedTableHeader";
+var JUSTIFY = {
+  left: "flex-start",
+  center: "center",
+  right: "flex-end"
+};
+var VirtualCellContent = ({ rowHeight, align, children }) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        height: `calc(${rem(theme, rowHeight)} - ${FIELD_BORDER_WIDTH}px)`,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: JUSTIFY[align],
+        overflow: "hidden"
+      },
+      children
+    }
+  );
+};
+var cellContent = (column, rowData, index, renderCell) => {
+  const value = rowData[column.key];
+  if (renderCell) return renderCell(value, column, rowData, index);
+  return column.render ? column.render(value, rowData) : value;
+};
 var TableDataRow = ({
   rowData,
   rowKey,
   index,
-  offsetY,
   columns,
   selected,
   selectable,
@@ -112,10 +140,12 @@ var TableDataRow = ({
   onRowFocus,
   onRowBlur,
   onSelect,
-  virtualScrolling,
+  virtualised,
   renderCell
 }) => {
   const theme = useTheme();
+  const pitch = tableRowHeight(rowHeight);
+  const fit = (align, content) => virtualised ? /* @__PURE__ */ jsx(VirtualCellContent, { rowHeight: pitch, align, children: content }) : content;
   return /* @__PURE__ */ jsxs(
     TableRow,
     {
@@ -124,55 +154,52 @@ var TableDataRow = ({
       onClick: (event) => onRowClick?.(event, rowData),
       onFocus: (event) => onRowFocus?.(event, rowData),
       onBlur: (event) => onRowBlur?.(event, rowData),
-      style: virtualScrolling ? {
-        transform: `translateY(${rem(theme, offsetY)})`,
-        position: "absolute",
-        top: 0,
-        left: 0,
-        right: 0,
-        height: rem(theme, tableRowHeight(rowHeight))
-      } : void 0,
+      style: virtualised ? { height: rem(theme, pitch) } : void 0,
       children: [
-        selectable && /* @__PURE__ */ jsx(TableCell, { padding: "checkbox", children: /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            checked: selected,
-            onChange: (event) => onSelect(event, rowKey),
-            onClick: (event) => event.stopPropagation(),
-            inputProps: { "aria-label": `select row ${index + 1}` }
-          }
+        selectable && /* @__PURE__ */ jsx(TableCell, { padding: "checkbox", children: fit(
+          "left",
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: selected,
+              onChange: (event) => onSelect(event, rowKey),
+              onClick: (event) => event.stopPropagation(),
+              inputProps: { "aria-label": `select row ${index + 1}` }
+            }
+          )
         ) }),
-        columns.map((column) => {
-          const value = rowData[column.key];
-          return /* @__PURE__ */ jsx(TableCell, { align: column.align || "left", children: renderCell ? renderCell(value, column, rowData, index) : column.render ? column.render(value, rowData) : value }, column.key);
-        })
+        columns.map((column) => /* @__PURE__ */ jsx(TableCell, { align: column.align || "left", children: fit(column.align || "left", cellContent(column, rowData, index, renderCell)) }, column.key))
       ]
     },
     String(rowKey)
   );
 };
-var VirtualisedBody = ({ visibleItems, rowHeight, renderTableRow }) => /* @__PURE__ */ jsx(
-  TableBody,
-  {
-    style: {
-      height: visibleItems.totalHeight,
-      position: "relative"
-    },
-    children: visibleItems.items.map(
-      (rowData, index) => renderTableRow(rowData, visibleItems.startIndex + index, visibleItems.offsetY + index * rowHeight)
-    )
-  }
-);
+var SpacerRow = ({ heightPx, colSpan }) => {
+  const theme = useTheme();
+  if (heightPx <= 0) return null;
+  return /* @__PURE__ */ jsx("tr", { "aria-hidden": "true", style: { height: rem(theme, heightPx) }, children: /* @__PURE__ */ jsx("td", { colSpan, style: { padding: 0, border: 0 } }) });
+};
+var VirtualisedBody = ({ visibleItems, colSpan, renderTableRow }) => /* @__PURE__ */ jsxs(TableBody, { children: [
+  /* @__PURE__ */ jsx(SpacerRow, { heightPx: visibleItems.offsetY, colSpan }),
+  visibleItems.items.map(
+    (rowData, index) => renderTableRow(rowData, visibleItems.startIndex + index)
+  ),
+  /* @__PURE__ */ jsx(SpacerRow, { heightPx: visibleItems.trailingPx, colSpan })
+] });
 var PlainBody = ({ data, renderTableRow }) => /* @__PURE__ */ jsx(TableBody, { children: data.map((rowData, index) => renderTableRow(rowData, index)) });
 var EnhancedTableBody = React.memo((props) => {
   const { data, virtualWindow } = props;
-  const renderTableRow = useTableRowRenderer({ ...props, selectedRows: props.selectedRows ?? [] });
+  const renderTableRow = useTableRowRenderer({
+    ...props,
+    selectedRows: props.selectedRows ?? [],
+    virtualised: Boolean(virtualWindow)
+  });
   if (virtualWindow) {
     return /* @__PURE__ */ jsx(
       VirtualisedBody,
       {
         visibleItems: virtualWindow,
-        rowHeight: tableRowHeight(props.rowHeight),
+        colSpan: props.columns.length + (props.selectable ? 1 : 0),
         renderTableRow
       }
     );
@@ -209,7 +236,7 @@ var useTableRowRenderer = ({
   selectable,
   renderRow,
   renderCell,
-  virtualScrolling,
+  virtualised,
   rowHeight
 }) => {
   const getRowKey = useRowKey(rowKeyExtractor);
@@ -219,7 +246,7 @@ var useTableRowRenderer = ({
   );
   const handleRowSelection = useRowSelection({ selectedRows, onSelectionChange });
   const renderTableRow = useCallback2(
-    (rowData, index, offsetY = 0) => {
+    (rowData, index) => {
       const rowKey = getRowKey(rowData, index);
       const selected = isRowSelected(rowKey);
       if (renderRow) return renderRow(rowData, index, selected);
@@ -229,7 +256,6 @@ var useTableRowRenderer = ({
           rowData,
           rowKey,
           index,
-          offsetY,
           columns,
           selected,
           selectable,
@@ -238,7 +264,7 @@ var useTableRowRenderer = ({
           onRowFocus,
           onRowBlur,
           onSelect: handleRowSelection,
-          virtualScrolling,
+          virtualised,
           renderCell
         },
         rowKey
@@ -256,7 +282,7 @@ var useTableRowRenderer = ({
       renderCell,
       rowHeight,
       selectable,
-      virtualScrolling
+      virtualised
     ]
   );
   return renderTableRow;
@@ -268,4 +294,4 @@ export {
   TableDataRow,
   EnhancedTableBody
 };
-//# sourceMappingURL=chunk-RGT6DM5W.js.map
+//# sourceMappingURL=chunk-PX6TWS5T.js.map

package/dist/chunk-PX6TWS5T.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Table/TableParts.hooks.tsx","../src/components/data-display/Table/TableParts.tsx"],"sourcesContent":["import type React from 'react';\nimport { useCallback } from 'react';\n\nimport { TableDataRow } from './TableParts';\nimport type { TableBodyProps } from './Table.types';\n\n// Row identity, selection and the row element itself. Split out of\n// EnhancedTableBody so that component is just the virtualised/plain choice.\n// A row's identity: the caller's extractor, else its id, else its position.\nconst useRowKey = (rowKeyExtractor: TableBodyProps['rowKeyExtractor']) =>\n  useCallback(\n    (rowData: Record<string, unknown>, index: number): string | number =>\n      rowKeyExtractor ? rowKeyExtractor(rowData, index) : (rowData.id as string | number) || index,\n    [rowKeyExtractor],\n  );\n\nconst useRowSelection = ({\n  selectedRows,\n  onSelectionChange,\n}: {\n  selectedRows: Array<string | number>;\n  onSelectionChange: TableBodyProps['onSelectionChange'];\n}) =>\n  useCallback(\n    (event: React.MouseEvent | React.ChangeEvent, rowKey: string | number) => {\n      // Stop propagation so selecting does not also fire the row click.\n      event.stopPropagation();\n      if (!onSelectionChange) return;\n      onSelectionChange(rowKey, !selectedRows.includes(rowKey));\n    },\n    [onSelectionChange, selectedRows],\n  );\n\ntype RowRendererProps = Pick<\n  TableBodyProps,\n  | 'columns'\n  | 'onRowClick'\n  | 'onRowFocus'\n  | 'onRowBlur'\n  | 'onSelectionChange'\n  | 'rowKeyExtractor'\n  | 'selectable'\n  | 'renderRow'\n  | 'renderCell'\n  | 'rowHeight'\n> & {\n  selectedRows: Array<string | number>;\n  /** Whether the rows are a virtual window's, drawn at exactly `rowHeight`. */\n  virtualised: boolean;\n};\n\nexport const useTableRowRenderer = ({\n  columns,\n  selectedRows,\n  onRowClick,\n  onRowFocus,\n  onRowBlur,\n  onSelectionChange,\n  rowKeyExtractor,\n  selectable,\n  renderRow,\n  renderCell,\n  virtualised,\n  rowHeight,\n}: RowRendererProps) => {\n  const getRowKey = useRowKey(rowKeyExtractor);\n  const isRowSelected = useCallback(\n    (rowKey: string | number) => selectedRows.includes(rowKey),\n    [selectedRows],\n  );\n  const handleRowSelection = useRowSelection({ selectedRows, onSelectionChange });\n\n  const renderTableRow = useCallback(\n    (rowData: Record<string, unknown>, index: number) => {\n      const rowKey = getRowKey(rowData, index);\n      const selected = isRowSelected(rowKey);\n\n      if (renderRow) return renderRow(rowData, index, selected);\n\n      return (\n        <TableDataRow\n          key={rowKey}\n          rowData={rowData}\n          rowKey={rowKey}\n          index={index}\n          columns={columns}\n          selected={selected}\n          selectable={selectable}\n          rowHeight={rowHeight}\n          onRowClick={onRowClick}\n          onRowFocus={onRowFocus}\n          onRowBlur={onRowBlur}\n          onSelect={handleRowSelection}\n          virtualised={virtualised}\n          renderCell={renderCell}\n        />\n      );\n    },\n    [\n      columns,\n      getRowKey,\n      isRowSelected,\n      handleRowSelection,\n      onRowClick,\n      onRowFocus,\n      onRowBlur,\n      renderRow,\n      renderCell,\n      rowHeight,\n      selectable,\n      virtualised,\n    ],\n  );\n\n  return renderTableRow;\n};\n","import Checkbox from '@mui/material/Checkbox/index.js';\nimport TableBody from '@mui/material/TableBody/index.js';\nimport TableCell from '@mui/material/TableCell/index.js';\nimport TableHead from '@mui/material/TableHead/index.js';\nimport TableRow from '@mui/material/TableRow/index.js';\nimport TableSortLabel from '@mui/material/TableSortLabel/index.js';\nimport { useTheme, type Theme } from '@mui/material/styles/index.js';\nimport React, { useCallback } from 'react';\n\nimport { FIELD_BORDER_WIDTH } from '../../../tokens/field-height.core';\nimport { rem } from '../../../tokens/relative';\n\nimport { tableRowHeight } from './Table.helpers';\nimport { useTableRowRenderer } from './TableParts.hooks';\nimport type { ColumnConfig, TableBodyProps, TableHeaderProps, VirtualWindow } from './Table.types';\n\n// Mirrors the visible sort indicator for assistive technology; undefined when\n// the column is not sorted, which is what removes the attribute entirely.\nconst ariaSortFor = (\n  canSort: boolean,\n  isSorted: boolean,\n  direction?: 'asc' | 'desc',\n): 'ascending' | 'descending' | undefined => {\n  if (!canSort || !isSorted) return undefined;\n\n  return direction === 'asc' ? 'ascending' : 'descending';\n};\n\n/** A column's `width`/`minWidth` as CSS: a number is design px, a string as given. */\nconst columnLength = (theme: Theme, value: number | string | undefined): string | undefined =>\n  typeof value === 'number' ? rem(theme, value) : value;\n\n// One header cell. Sorting is offered when the table is sortable and the column\n// has not opted out; aria-sort mirrors the visible indicator.\nconst HeaderCell: React.FC<{\n  column: ColumnConfig;\n  sortable?: boolean;\n  sortConfig?: { key: string; direction: 'asc' | 'desc' };\n  onSort: (columnKey: string) => void;\n}> = ({ column, sortable, sortConfig, onSort }) => {\n  const theme = useTheme();\n  const canSort = Boolean(sortable) && column.sortable !== false;\n  const isSorted = sortConfig?.key === column.key;\n\n  return (\n    <TableCell\n      align={column.align || 'left'}\n      style={{\n        minWidth: columnLength(theme, column.minWidth),\n        width: columnLength(theme, column.width),\n      }}\n      aria-sort={ariaSortFor(canSort, isSorted, sortConfig?.direction)}\n    >\n      {canSort ? (\n        <TableSortLabel\n          active={isSorted}\n          direction={isSorted ? sortConfig?.direction : 'asc'}\n          onClick={() => onSort(column.key)}\n          data-testid=\"sort-indicator\"\n          aria-label={`Sort by ${column.label}`}\n        >\n          {column.label}\n        </TableSortLabel>\n      ) : (\n        column.label\n      )}\n    </TableCell>\n  );\n};\n\nexport const EnhancedTableHeader: React.FC<TableHeaderProps> = React.memo(({\n  columns,\n  data,\n  sortable,\n  sortConfig,\n  onSortChange,\n  selectable,\n  selectedRows = [],\n  onSelectAll,\n  headRef }) => {\n  const handleSort = useCallback(\n    (columnKey: string) => {\n      if (!sortable || !onSortChange) return;\n      \n      const direction = \n        sortConfig?.key === columnKey && sortConfig.direction === 'asc' ? 'desc' : 'asc';\n      onSortChange(columnKey, direction);\n    },\n    [sortable, onSortChange, sortConfig]\n  );\n\n  const handleSelectAll = useCallback(\n    (event: React.ChangeEvent<globalThis.HTMLInputElement>) => {\n      if (!onSelectAll) return;\n      onSelectAll(event.target.checked);\n    },\n    [onSelectAll]\n  );\n\n  return (\n    <TableHead ref={headRef}>\n      <TableRow>\n        {selectable && (\n          <TableCell padding=\"checkbox\">\n            <Checkbox\n              indeterminate={selectedRows.length > 0 && selectedRows.length < data.length}\n              checked={selectedRows.length === data.length && data.length > 0}\n              onChange={handleSelectAll}\n              inputProps={{ 'aria-label': 'select all' }}\n            />\n          </TableCell>\n        )}\n        {columns.map((column) => (\n          <HeaderCell\n            key={column.key}\n            column={column}\n            sortable={sortable}\n            sortConfig={sortConfig}\n            onSort={handleSort}\n          />\n        ))}\n      </TableRow>\n    </TableHead>\n  );\n});\n\nEnhancedTableHeader.displayName = 'EnhancedTableHeader';\n\n/** How a virtual cell's wrapper places its content along the row, per `align`. */\nconst JUSTIFY: Record<NonNullable<ColumnConfig['align']>, React.CSSProperties['justifyContent']> = {\n  left: 'flex-start',\n  center: 'center',\n  right: 'flex-end',\n};\n\n/**\n * A virtual cell's content (FUT-2668). The cell has no vertical padding, and\n * this fills its content box — the pitch less the cell's bottom rule, the one\n * hairline every variant draws — so the cell's border box is exactly the pitch\n * whatever it holds. Centred vertically, placed by the column's `align`, and\n * clipped rather than allowed to grow the row.\n */\nconst VirtualCellContent: React.FC<{\n  rowHeight: number;\n  align: NonNullable<ColumnConfig['align']>;\n  children: React.ReactNode;\n}> = ({ rowHeight, align, children }) => {\n  const theme = useTheme();\n  return (\n    <div\n      style={{\n        height: `calc(${rem(theme, rowHeight)} - ${FIELD_BORDER_WIDTH}px)`,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: JUSTIFY[align],\n        overflow: 'hidden',\n      }}\n    >\n      {children}\n    </div>\n  );\n};\n\n/** What one cell shows: the caller's `renderCell`, else the column's `render`, else the value. */\nconst cellContent = (\n  column: ColumnConfig,\n  rowData: Record<string, unknown>,\n  index: number,\n  renderCell: TableBodyProps['renderCell'],\n): React.ReactNode => {\n  const value = rowData[column.key];\n  if (renderCell) return renderCell(value, column, rowData, index);\n  return column.render ? column.render(value, rowData) : (value as React.ReactNode);\n};\n\n// One data row. Split out of the memoised renderTableRow callback so the\n// callback stays a short dispatch and the row markup is readable on its own.\n// A virtualised row stays in the table's flow at `rowHeight`, and each of its\n// cells holds its content in a `VirtualCellContent` (FUT-2668); a plain row is\n// drawn as MUI draws it.\nexport const TableDataRow: React.FC<{\n  rowData: Record<string, unknown>;\n  rowKey: string | number;\n  index: number;\n  columns: ColumnConfig[];\n  selected: boolean;\n  selectable?: boolean;\n  /** Design px; 52 when unset (`tableRowHeight`). */\n  rowHeight?: number;\n  onRowClick?: TableBodyProps['onRowClick'];\n  onRowFocus?: TableBodyProps['onRowFocus'];\n  onRowBlur?: TableBodyProps['onRowBlur'];\n  onSelect: (event: React.MouseEvent | React.ChangeEvent, rowKey: string | number) => void;\n  /** Whether the row is one of a virtual window's. */\n  virtualised: boolean;\n  renderCell?: TableBodyProps['renderCell'];\n}> = ({\n  rowData,\n  rowKey,\n  index,\n  columns,\n  selected,\n  selectable,\n  rowHeight,\n  onRowClick,\n  onRowFocus,\n  onRowBlur,\n  onSelect,\n  virtualised,\n  renderCell }) => {\n  const theme = useTheme();\n  const pitch = tableRowHeight(rowHeight);\n  const fit = (align: NonNullable<ColumnConfig['align']>, content: React.ReactNode) =>\n    virtualised ? (\n      <VirtualCellContent rowHeight={pitch} align={align}>\n        {content}\n      </VirtualCellContent>\n    ) : (\n      content\n    );\n\n  return (\n      <TableRow\n        key={String(rowKey)}\n        selected={selected}\n        className={selected ? 'selected' : ''}\n        onClick={(event: React.MouseEvent<globalThis.HTMLTableRowElement>) => onRowClick?.(event, rowData)}\n        onFocus={(event: React.FocusEvent<globalThis.HTMLTableRowElement>) => onRowFocus?.(event, rowData)}\n        onBlur={(event: React.FocusEvent<globalThis.HTMLTableRowElement>) => onRowBlur?.(event, rowData)}\n        style={virtualised ? { height: rem(theme, pitch) } : undefined}\n      >\n        {selectable && (\n          <TableCell padding=\"checkbox\">\n            {fit(\n              'left',\n              <Checkbox\n                checked={selected}\n                onChange={(event) => onSelect(event, rowKey)}\n                onClick={(event) => event.stopPropagation()}\n                inputProps={{ 'aria-label': `select row ${index + 1}` }}\n              />,\n            )}\n          </TableCell>\n        )}\n        {columns.map((column) => (\n          <TableCell key={column.key} align={column.align || 'left'}>\n            {fit(column.align || 'left', cellContent(column, rowData, index, renderCell))}\n          </TableCell>\n        ))}\n      </TableRow>\n  );\n};\n\n/**\n * A stand-in for the rows outside the window, `heightPx` design px tall. A bare\n * `<tr>` and `<td>` with no padding or border: none of MUI's row or cell\n * classes, so hover, striping and cell padding never reach it. Not rendered at\n * all when there is nothing to stand in for.\n */\nconst SpacerRow: React.FC<{ heightPx: number; colSpan: number }> = ({ heightPx, colSpan }) => {\n  const theme = useTheme();\n  if (heightPx <= 0) return null;\n  return (\n    <tr aria-hidden=\"true\" style={{ height: rem(theme, heightPx) }}>\n      <td colSpan={colSpan} style={{ padding: 0, border: 0 }} />\n    </tr>\n  );\n};\n\n// Only the rows in view are rendered, in the table's own flow between two\n// spacer rows standing in for the rest (FUT-2668) — an absolutely positioned\n// `<tr>` is blockified and leaves the column grid. Every height is design px,\n// drawn through `rem`. The `<tbody>` sits directly in the `<table>`; the one\n// scroll container wraps the whole table, header included (FUT-2658).\nconst VirtualisedBody: React.FC<{\n  visibleItems: VirtualWindow;\n  colSpan: number;\n  renderTableRow: (rowData: Record<string, unknown>, index: number) => React.ReactNode;\n}> = ({ visibleItems, colSpan, renderTableRow }) => (\n  <TableBody>\n    <SpacerRow heightPx={visibleItems.offsetY} colSpan={colSpan} />\n    {visibleItems.items.map((rowData, index) =>\n      renderTableRow(rowData, visibleItems.startIndex + index)\n    )}\n    <SpacerRow heightPx={visibleItems.trailingPx} colSpan={colSpan} />\n  </TableBody>\n);\n\nconst PlainBody: React.FC<{\n  data: TableBodyProps['data'];\n  renderTableRow: (rowData: Record<string, unknown>, index: number) => React.ReactNode;\n}> = ({ data, renderTableRow }) => (\n\n    <TableBody>\n      {data.map((rowData, index) => renderTableRow(rowData, index))}\n    </TableBody>\n);\n\n// Enhanced Table Body Component  \nexport const EnhancedTableBody: React.FC<TableBodyProps> = React.memo((props) => {\n  const { data, virtualWindow } = props;\n  // The row renderer takes the body's own props; its `rowHeight` stays the\n  // caller's design px, and the row resolves the default where it draws it.\n  const renderTableRow = useTableRowRenderer({\n    ...props,\n    selectedRows: props.selectedRows ?? [],\n    virtualised: Boolean(virtualWindow),\n  });\n\n  if (virtualWindow) {\n    return (\n      <VirtualisedBody\n        visibleItems={virtualWindow}\n        colSpan={props.columns.length + (props.selectable ? 1 : 0)}\n        renderTableRow={renderTableRow}\n      />\n    );\n  }\n\n  return (\n    <PlainBody data={data} renderTableRow={renderTableRow} />\n  );\n});\n\nEnhancedTableBody.displayName = 'EnhancedTableBody';\n\n// Main Table Component\n"],"mappings":"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","names":["useCallback","jsx","useCallback"]}

package/dist/{chunk-R3JYC63P.js → chunk-QXSV7Z57.js}

@@ -10,7 +10,7 @@ import {
 import {
   useSheetDrag,
   useSheetOpen
-} from "./chunk-56JF5PZK.js";
+} from "./chunk-LYVTJLCF.js";
 import {
   DEFAULT_DRAG_RESISTANCE,
   DEFAULT_VELOCITY_THRESHOLD,
@@ -124,4 +124,4 @@ var Sheet = (props) => {
 export {
   Sheet
 };
-//# sourceMappingURL=chunk-R3JYC63P.js.map
+//# sourceMappingURL=chunk-QXSV7Z57.js.map

package/dist/{chunk-5JSRM7WC.js → chunk-RB3X6CEE.js}

@@ -4,7 +4,7 @@ import {
   headingGradient,
   headingWeight,
   stepOf
-} from "./chunk-LKMMJKXU.js";
+} from "./chunk-CYZZHWNK.js";
 import {
   headingMetrics
 } from "./chunk-PT6TCWIW.js";
@@ -73,4 +73,4 @@ var headingSx = (theme, flags) => {
 export {
   headingSx
 };
-//# sourceMappingURL=chunk-5JSRM7WC.js.map
+//# sourceMappingURL=chunk-RB3X6CEE.js.map

package/dist/{chunk-DW6F7354.js → chunk-S36NC22G.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4GGH6ZQ7.js";
 import {
   Box
-} from "./chunk-6WBKOM5K.js";
+} from "./chunk-7DK6YVJU.js";
 
 // src/components/layout/Stack/Stack.tsx
 import * as React from "react";
@@ -16,4 +16,4 @@ Stack.displayName = "Stack";
 export {
   Stack
 };
-//# sourceMappingURL=chunk-DW6F7354.js.map
+//# sourceMappingURL=chunk-S36NC22G.js.map

package/dist/{chunk-6N4AA2Y7.js → chunk-S6JHTEV4.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-2EAAWOZ2.js";
+} from "./chunk-HM2JJNUE.js";
 import {
   Text
-} from "./chunk-YBH4SPMM.js";
+} from "./chunk-URHX4FAQ.js";
 import {
   rem,
   sxRem
@@ -176,4 +176,4 @@ function DataViewsExportMenu({
 export {
   DataViewsExportMenu
 };
-//# sourceMappingURL=chunk-6N4AA2Y7.js.map
+//# sourceMappingURL=chunk-S6JHTEV4.js.map

package/dist/{chunk-5JCGBCFJ.js → chunk-SAOCDKNK.js}

@@ -1,12 +1,12 @@
+import {
+  freshnessOf
+} from "./chunk-XPMGFAJ3.js";
 import {
   FLEET_DOT,
   FLEET_ROSTER,
   FLEET_ROW,
   FLEET_SKELETON
 } from "./chunk-BTQZ3EX3.js";
-import {
-  freshnessOf
-} from "./chunk-XPMGFAJ3.js";
 import {
   Skeleton
 } from "./chunk-BEGTLELZ.js";
@@ -220,4 +220,4 @@ function FleetRoster({
 export {
   FleetRoster
 };
-//# sourceMappingURL=chunk-5JCGBCFJ.js.map
+//# sourceMappingURL=chunk-SAOCDKNK.js.map

package/dist/chunk-SLJAQA2X.js

@@ -0,0 +1,82 @@
+// src/components/layout/SettingsLayout/SettingsSectionChips.scroll.ts
+var LANDED_SLACK = 1;
+var QUIET_BEFORE_SETTLED_MS = 250;
+function horizontalDelta(event) {
+  if (!(event instanceof WheelEvent)) return 0;
+  return event.deltaX !== 0 ? event.deltaX : event.shiftKey ? event.deltaY : 0;
+}
+function restsOnAim(strip, aimed) {
+  const reachable = Math.min(aimed, strip.scrollWidth - strip.clientWidth);
+  return Math.abs(strip.scrollLeft - reachable) <= LANDED_SLACK;
+}
+function watchVisitorScroll(strip) {
+  const view = strip.ownerDocument.defaultView;
+  const hasScrollEnd = "onscrollend" in strip;
+  const state = {
+    pointer: false,
+    touch: false,
+    nudged: false,
+    undecided: false,
+    scrolled: false,
+    aimed: Number.NaN,
+    quiet: void 0,
+    settled: () => void 0
+  };
+  const set = (key, value) => () => {
+    state[key] = value;
+  };
+  const settle = () => {
+    if (!state.undecided) return;
+    state.undecided = false;
+    state.nudged = false;
+    if (!restsOnAim(strip, state.aimed)) state.scrolled = true;
+    state.settled();
+  };
+  const onWheel = (event) => {
+    if (horizontalDelta(event) !== 0) state.nudged = true;
+  };
+  const onScroll = () => {
+    if (state.pointer || state.touch || state.nudged) state.undecided = true;
+    if (!state.undecided || hasScrollEnd) return;
+    clearTimeout(state.quiet);
+    state.quiet = setTimeout(settle, QUIET_BEFORE_SETTLED_MS);
+  };
+  const onStrip = [
+    ["pointerdown", set("pointer", true)],
+    ["touchstart", set("touch", true)],
+    ["pointercancel", set("nudged", true)],
+    ["keydown", set("nudged", true)],
+    ["wheel", onWheel],
+    ["scroll", onScroll],
+    ["scrollend", settle]
+  ];
+  const onView = [
+    ["pointerup", set("pointer", false)],
+    ["pointercancel", set("pointer", false)],
+    ["touchend", set("touch", false)],
+    ["touchcancel", set("touch", false)]
+  ];
+  for (const [type, listener] of onStrip) strip.addEventListener(type, listener, { passive: true });
+  for (const [type, listener] of onView) view?.addEventListener(type, listener, { passive: true });
+  return {
+    hasScrolled: () => state.scrolled,
+    isUndecided: () => state.undecided,
+    aimedAt: () => state.aimed,
+    beforeOwnScroll: (left) => {
+      state.aimed = left;
+    },
+    onSettled: (listener) => {
+      state.settled = listener;
+    },
+    detach: () => {
+      clearTimeout(state.quiet);
+      for (const [type, listener] of onStrip) strip.removeEventListener(type, listener);
+      for (const [type, listener] of onView) view?.removeEventListener(type, listener);
+    }
+  };
+}
+
+export {
+  watchVisitorScroll
+};
+//# sourceMappingURL=chunk-SLJAQA2X.js.map

package/dist/chunk-SLJAQA2X.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/SettingsLayout/SettingsSectionChips.scroll.ts"],"sourcesContent":["/**\n * Telling the strip's own scrolls from the visitor's (FUT-2606).\n *\n * Split from `SettingsSectionChips.tsx` so the chips stay a component file and\n * the rule for \"who moved the strip\" can be read in one place.\n */\n\n/**\n * How near to where the strip aimed itself it has to come to rest for the scroll\n * to count as the strip's own. A smooth scroll lands on a device pixel, and the\n * target it was given is fractional.\n */\nconst LANDED_SLACK = 1;\n\n/**\n * Where `scrollend` is missing: how long the strip has to go without a `scroll`\n * before it counts as settled. Generous on purpose — a busy main thread can go\n * several frames between ticks of a smooth scroll, and judging one mid-flight\n * would read the strip's own animation as the visitor's. Too long only delays a\n * re-centre; too short can latch the strip for good.\n */\nconst QUIET_BEFORE_SETTLED_MS = 250;\n\ninterface VisitorScrollWatch {\n  /** True once the visitor has moved the strip themselves. */\n  hasScrolled: () => boolean;\n  /**\n   * True while a scroll the visitor MAY be making has not come to rest yet. The\n   * strip must not scroll itself under it: that would yank a drag in progress.\n   */\n  isUndecided: () => boolean;\n  /** Where the strip last aimed itself, in its own pixels; `NaN` before it has. */\n  aimedAt: () => number;\n  /**\n   * The strip is about to scroll itself to `left`. Records the aim and NOTHING\n   * else: it used to disarm too, and a re-centre landing between a visitor's key\n   * press (or wheel, or pan) and the first tick of the scroll it causes wiped\n   * the arming — their scroll went unclaimed, read as the strip's own. Left\n   * armed, the worst a stale arming does is put the strip's OWN next scroll\n   * under judgement, which rests on its aim, is not latched, and disarms.\n   */\n  beforeOwnScroll: (left: number) => void;\n  /** Called once an undecided scroll has come to rest and been judged. */\n  onSettled: (listener: () => void) => void;\n  detach: () => void;\n}\n\ntype Listeners = Array<[string, (event: Event) => void]>;\n\n/** A wheel's sideways travel: `deltaX`, or `deltaY` with Shift held, as browsers read it. */\nfunction horizontalDelta(event: Event): number {\n  if (!(event instanceof WheelEvent)) return 0;\n  return event.deltaX !== 0 ? event.deltaX : event.shiftKey ? event.deltaY : 0;\n}\n\ninterface WatchState {\n  pointer: boolean;\n  touch: boolean;\n  nudged: boolean;\n  undecided: boolean;\n  scrolled: boolean;\n  aimed: number;\n  quiet: ReturnType<typeof setTimeout> | undefined;\n  settled: () => void;\n}\n\n/** Whether the strip came to rest where it last aimed itself — clamped as the browser would. */\nfunction restsOnAim(strip: HTMLElement, aimed: number): boolean {\n  const reachable = Math.min(aimed, strip.scrollWidth - strip.clientWidth);\n  // Written so that `NaN` — the strip never aimed — reads as \"not on aim\".\n  return Math.abs(strip.scrollLeft - reachable) <= LANDED_SLACK;\n}\n\n/**\n * Tell a scroll the VISITOR made from every other one.\n *\n * The `scroll` event cannot say: the strip's own `scrollTo` fires it, and so does\n * the browser clamping a strip whose content shrank. So a scroll is only a\n * CANDIDATE when it arrives during something only a visitor does:\n *\n * - a finger held on the strip (`touchstart` until `touchend`) — a drag;\n * - a pointer held on it (`pointerdown` until `pointerup`);\n * - a key press, a SIDEWAYS wheel, or the browser taking a pointer over to pan\n *   it (`pointercancel`), each armed until the next scroll under judgement has\n *   been judged — whoever's it turns out to be.\n *\n * and the verdict waits until the strip comes to REST (`scrollend`, or a quiet\n * spell where the browser has no `scrollend`): it is the visitor's only if the\n * strip rests somewhere other than where it last aimed itself.\n *\n * Judged at rest rather than per `scroll` because the strip's own smooth scroll\n * fires `scroll` for a third of a second, and a visitor who presses Tab or puts\n * a finger on a chip to scroll the PAGE in that window is not scrolling the\n * strip. Every tick of that animation used to count as theirs, the strip stopped\n * re-centring for good, and the open chip could be left clipped (FUT-2606\n * again, by another door). A visitor who really drags or wheels the strip\n * mid-animation cancels it, so the strip rests where THEY left it — and that\n * still counts. The one loss: a visitor who happens to leave it within a pixel\n * of the strip's own aim is not told apart from it, and the strip there is\n * already where it would have put itself.\n *\n * A tap is a pointer held with no scroll under it, so it never counts. A\n * vertical wheel scrolls the PAGE — the strip is `overflowY: hidden` — and is\n * not armed at all.\n */\nexport function watchVisitorScroll(strip: HTMLElement): VisitorScrollWatch {\n  const view = strip.ownerDocument.defaultView;\n  const hasScrollEnd = 'onscrollend' in strip;\n  const state: WatchState = {\n    pointer: false,\n    touch: false,\n    nudged: false,\n    undecided: false,\n    scrolled: false,\n    aimed: Number.NaN,\n    quiet: undefined,\n    settled: () => undefined,\n  };\n  const set =\n    (key: 'pointer' | 'touch' | 'nudged', value: boolean) =>\n    (): void => {\n      state[key] = value;\n    };\n  const settle = (): void => {\n    // Only a scroll that was UNDER JUDGEMENT disarms. Chromium can end the\n    // strip's own smooth scroll with a `scrollend` when another scroll cuts it\n    // off, fired BEFORE that scroll's first `scroll` (seen with an instant one);\n    // disarming there would hand the visitor's scroll to nobody.\n    if (!state.undecided) return;\n    state.undecided = false;\n    state.nudged = false;\n    if (!restsOnAim(strip, state.aimed)) state.scrolled = true;\n    state.settled();\n  };\n  const onWheel = (event: Event): void => {\n    if (horizontalDelta(event) !== 0) state.nudged = true;\n  };\n  const onScroll = (): void => {\n    if (state.pointer || state.touch || state.nudged) state.undecided = true;\n    if (!state.undecided || hasScrollEnd) return;\n    // Every tick while undecided, armed or not: a quiet spell that began while\n    // the strip was still moving would judge it mid-flight, away from its aim.\n    clearTimeout(state.quiet);\n    state.quiet = setTimeout(settle, QUIET_BEFORE_SETTLED_MS);\n  };\n  const onStrip: Listeners = [\n    ['pointerdown', set('pointer', true)],\n    ['touchstart', set('touch', true)],\n    ['pointercancel', set('nudged', true)],\n    ['keydown', set('nudged', true)],\n    ['wheel', onWheel],\n    ['scroll', onScroll],\n    ['scrollend', settle],\n  ];\n  // A gesture can END off the strip, so its end is heard on the window.\n  const onView: Listeners = [\n    ['pointerup', set('pointer', false)],\n    ['pointercancel', set('pointer', false)],\n    ['touchend', set('touch', false)],\n    ['touchcancel', set('touch', false)],\n  ];\n  for (const [type, listener] of onStrip) strip.addEventListener(type, listener, { passive: true });\n  for (const [type, listener] of onView) view?.addEventListener(type, listener, { passive: true });\n  return {\n    hasScrolled: () => state.scrolled,\n    isUndecided: () => state.undecided,\n    aimedAt: () => state.aimed,\n    beforeOwnScroll: (left) => {\n      state.aimed = left;\n    },\n    onSettled: (listener) => {\n      state.settled = listener;\n    },\n    detach: () => {\n      clearTimeout(state.quiet);\n      for (const [type, listener] of onStrip) strip.removeEventListener(type, listener);\n      for (const [type, listener] of onView) view?.removeEventListener(type, listener);\n    },\n  };\n}\n"],"mappings":";AAYA,IAAM,eAAe;AASrB,IAAM,0BAA0B;AA6BhC,SAAS,gBAAgB,OAAsB;AAC7C,MAAI,EAAE,iBAAiB,YAAa,QAAO;AAC3C,SAAO,MAAM,WAAW,IAAI,MAAM,SAAS,MAAM,WAAW,MAAM,SAAS;AAC7E;AAcA,SAAS,WAAW,OAAoB,OAAwB;AAC9D,QAAM,YAAY,KAAK,IAAI,OAAO,MAAM,cAAc,MAAM,WAAW;AAEvE,SAAO,KAAK,IAAI,MAAM,aAAa,SAAS,KAAK;AACnD;AAkCO,SAAS,mBAAmB,OAAwC;AACzE,QAAM,OAAO,MAAM,cAAc;AACjC,QAAM,eAAe,iBAAiB;AACtC,QAAM,QAAoB;AAAA,IACxB,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,UAAU;AAAA,IACV,OAAO,OAAO;AAAA,IACd,OAAO;AAAA,IACP,SAAS,MAAM;AAAA,EACjB;AACA,QAAM,MACJ,CAAC,KAAqC,UACtC,MAAY;AACV,UAAM,GAAG,IAAI;AAAA,EACf;AACF,QAAM,SAAS,MAAY;AAKzB,QAAI,CAAC,MAAM,UAAW;AACtB,UAAM,YAAY;AAClB,UAAM,SAAS;AACf,QAAI,CAAC,WAAW,OAAO,MAAM,KAAK,EAAG,OAAM,WAAW;AACtD,UAAM,QAAQ;AAAA,EAChB;AACA,QAAM,UAAU,CAAC,UAAuB;AACtC,QAAI,gBAAgB,KAAK,MAAM,EAAG,OAAM,SAAS;AAAA,EACnD;AACA,QAAM,WAAW,MAAY;AAC3B,QAAI,MAAM,WAAW,MAAM,SAAS,MAAM,OAAQ,OAAM,YAAY;AACpE,QAAI,CAAC,MAAM,aAAa,aAAc;AAGtC,iBAAa,MAAM,KAAK;AACxB,UAAM,QAAQ,WAAW,QAAQ,uBAAuB;AAAA,EAC1D;AACA,QAAM,UAAqB;AAAA,IACzB,CAAC,eAAe,IAAI,WAAW,IAAI,CAAC;AAAA,IACpC,CAAC,cAAc,IAAI,SAAS,IAAI,CAAC;AAAA,IACjC,CAAC,iBAAiB,IAAI,UAAU,IAAI,CAAC;AAAA,IACrC,CAAC,WAAW,IAAI,UAAU,IAAI,CAAC;AAAA,IAC/B,CAAC,SAAS,OAAO;AAAA,IACjB,CAAC,UAAU,QAAQ;AAAA,IACnB,CAAC,aAAa,MAAM;AAAA,EACtB;AAEA,QAAM,SAAoB;AAAA,IACxB,CAAC,aAAa,IAAI,WAAW,KAAK,CAAC;AAAA,IACnC,CAAC,iBAAiB,IAAI,WAAW,KAAK,CAAC;AAAA,IACvC,CAAC,YAAY,IAAI,SAAS,KAAK,CAAC;AAAA,IAChC,CAAC,eAAe,IAAI,SAAS,KAAK,CAAC;AAAA,EACrC;AACA,aAAW,CAAC,MAAM,QAAQ,KAAK,QAAS,OAAM,iBAAiB,MAAM,UAAU,EAAE,SAAS,KAAK,CAAC;AAChG,aAAW,CAAC,MAAM,QAAQ,KAAK,OAAQ,OAAM,iBAAiB,MAAM,UAAU,EAAE,SAAS,KAAK,CAAC;AAC/F,SAAO;AAAA,IACL,aAAa,MAAM,MAAM;AAAA,IACzB,aAAa,MAAM,MAAM;AAAA,IACzB,SAAS,MAAM,MAAM;AAAA,IACrB,iBAAiB,CAAC,SAAS;AACzB,YAAM,QAAQ;AAAA,IAChB;AAAA,IACA,WAAW,CAAC,aAAa;AACvB,YAAM,UAAU;AAAA,IAClB;AAAA,IACA,QAAQ,MAAM;AACZ,mBAAa,MAAM,KAAK;AACxB,iBAAW,CAAC,MAAM,QAAQ,KAAK,QAAS,OAAM,oBAAoB,MAAM,QAAQ;AAChF,iBAAW,CAAC,MAAM,QAAQ,KAAK,OAAQ,OAAM,oBAAoB,MAAM,QAAQ;AAAA,IACjF;AAAA,EACF;AACF;","names":[]}

package/dist/{chunk-ISFFETTG.js → chunk-T3DNYPEA.js}

@@ -1,3 +1,6 @@
+import {
+  useDisclosure
+} from "./chunk-2JCRNWHE.js";
 import {
   DiscloseSlot,
   DragSlot,
@@ -8,16 +11,13 @@ import {
   metaShape,
   rowStyles,
   useRowShell
-} from "./chunk-4CXCOR6F.js";
+} from "./chunk-V2UZQS2K.js";
 import {
   ListCardActions,
   ListCardCaption,
   ListCardMeta,
   ListCardTail
-} from "./chunk-YOJASBHJ.js";
-import {
-  useDisclosure
-} from "./chunk-2JCRNWHE.js";
+} from "./chunk-DYNJQ3HJ.js";
 import {
   DropIndicator
 } from "./chunk-K4EKTMTC.js";
@@ -179,4 +179,4 @@ function BaseListCard(props) {
 export {
   BaseListCard
 };
-//# sourceMappingURL=chunk-ISFFETTG.js.map
+//# sourceMappingURL=chunk-T3DNYPEA.js.map

package/dist/{chunk-JU4MSYYH.js → chunk-T6EKPFKZ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   CategorySelect
-} from "./chunk-34BZXJGT.js";
+} from "./chunk-BKASAYQL.js";
 
 // src/components/form/total-form/Fields/CategoryField.tsx
 import { jsx } from "react/jsx-runtime";
@@ -38,4 +38,4 @@ function CategoryField({
 export {
   CategoryField
 };
-//# sourceMappingURL=chunk-JU4MSYYH.js.map
+//# sourceMappingURL=chunk-T6EKPFKZ.js.map

package/dist/{chunk-Q2YNXJEL.js → chunk-TZBOWSAM.js}

@@ -1,14 +1,14 @@
 import {
   renderChartByType
-} from "./chunk-TXGB2WSW.js";
-import {
-  ChartContainer
-} from "./chunk-RIRTW5EU.js";
+} from "./chunk-VJ2BNJ5M.js";
 import {
   getSizeStyles,
   getVariantStyles,
   plotHeightPx
 } from "./chunk-EA2UNEL6.js";
+import {
+  ChartContainer
+} from "./chunk-RIRTW5EU.js";
 import {
   muiColor
 } from "./chunk-7ZPUN7TV.js";
@@ -111,4 +111,4 @@ var Chart = (props) => {
 export {
   Chart
 };
-//# sourceMappingURL=chunk-Q2YNXJEL.js.map
+//# sourceMappingURL=chunk-TZBOWSAM.js.map

package/dist/{chunk-D4FZ3ANG.js → chunk-UKX3MPB7.js}

@@ -2,7 +2,7 @@ import {
   buildGridColumns,
   buildRowActionsColumn,
   isActionsColumn
-} from "./chunk-BWHOCNGW.js";
+} from "./chunk-VPPIODKX.js";
 
 // src/components/data-display/DataViews/data-views-columns.ts
 import { useTheme } from "@mui/material/styles/index.js";
@@ -62,4 +62,4 @@ export {
   useColumnsWithActions,
   useRenderedColumns
 };
-//# sourceMappingURL=chunk-D4FZ3ANG.js.map
+//# sourceMappingURL=chunk-UKX3MPB7.js.map

package/dist/{chunk-YBH4SPMM.js → chunk-URHX4FAQ.js}

@@ -11,7 +11,7 @@ import {
   HEADING_LETTER_SPACING_EM,
   TEXT_SIZES,
   TEXT_WEIGHTS
-} from "./chunk-U3PPLAFB.js";
+} from "./chunk-ZN6YATOG.js";
 import {
   resolveTestId,
   withoutTestIdProps
@@ -143,4 +143,4 @@ Text.displayName = "Text";
 export {
   Text
 };
-//# sourceMappingURL=chunk-YBH4SPMM.js.map
+//# sourceMappingURL=chunk-URHX4FAQ.js.map

package/dist/{chunk-4CXCOR6F.js → chunk-V2UZQS2K.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-BYH5GPLT.js";
 import {
   STACK_BREAK
-} from "./chunk-YOJASBHJ.js";
+} from "./chunk-DYNJQ3HJ.js";
 import {
   useDragItem
 } from "./chunk-K4EKTMTC.js";
@@ -189,4 +189,4 @@ export {
   actionProps,
   rowStyles
 };
-//# sourceMappingURL=chunk-4CXCOR6F.js.map
+//# sourceMappingURL=chunk-V2UZQS2K.js.map

package/dist/{chunk-TXGB2WSW.js → chunk-VJ2BNJ5M.js}

@@ -1,6 +1,6 @@
 import {
   buildChartContext
-} from "./chunk-3GTMGPNQ.js";
+} from "./chunk-IQJCLFF4.js";
 import {
   ChartLegendContent,
   ChartTooltipContent
@@ -318,4 +318,4 @@ function renderChartByType(props, theme) {
 export {
   renderChartByType
 };
-//# sourceMappingURL=chunk-TXGB2WSW.js.map
+//# sourceMappingURL=chunk-VJ2BNJ5M.js.map

package/dist/{chunk-ASYR22BJ.js → chunk-VJG7NMGL.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-5M4TYFR3.js";
 import {
   PreviewBox
-} from "./chunk-OB56SZGL.js";
+} from "./chunk-B7CNP5HW.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -25,10 +25,10 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-2EAAWOZ2.js";
+} from "./chunk-HM2JJNUE.js";
 import {
   Text
-} from "./chunk-YBH4SPMM.js";
+} from "./chunk-URHX4FAQ.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -268,4 +268,4 @@ function SaveViewModal({
 export {
   SaveViewModal
 };
-//# sourceMappingURL=chunk-ASYR22BJ.js.map
+//# sourceMappingURL=chunk-VJG7NMGL.js.map

package/dist/{chunk-BWHOCNGW.js → chunk-VPPIODKX.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-2EAAWOZ2.js";
+} from "./chunk-HM2JJNUE.js";
 import {
   rem,
   sxRem
@@ -166,4 +166,4 @@ export {
   togglePillValues,
   cardGridTracks
 };
-//# sourceMappingURL=chunk-BWHOCNGW.js.map
+//# sourceMappingURL=chunk-VPPIODKX.js.map

package/dist/{chunk-4B5XUQQS.js → chunk-WB6ZU3B3.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-TXEN3QJ4.js";
 import {
   AddressAutocompleteField
-} from "./chunk-7GHYCQCJ.js";
+} from "./chunk-PCLKFR27.js";
 import {
   useAddressAutocomplete
-} from "./chunk-WC3W36AM.js";
+} from "./chunk-ZOUWHGV3.js";
 import {
   resolveAddressProps
 } from "./chunk-MTGEJRE4.js";
@@ -35,4 +35,4 @@ export {
   AddressAutocomplete,
   AddressAutocomplete_default
 };
-//# sourceMappingURL=chunk-4B5XUQQS.js.map
+//# sourceMappingURL=chunk-WB6ZU3B3.js.map

package/dist/{chunk-W7F2QIAT.js → chunk-WCRGSMLV.js}

@@ -1,9 +1,9 @@
 import {
   FleetCanvas
-} from "./chunk-FWSMIUWA.js";
+} from "./chunk-ESCF5VMQ.js";
 import {
   FleetRoster
-} from "./chunk-5JCGBCFJ.js";
+} from "./chunk-SAOCDKNK.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -79,4 +79,4 @@ function FleetBody({
 export {
   FleetBody
 };
-//# sourceMappingURL=chunk-W7F2QIAT.js.map
+//# sourceMappingURL=chunk-WCRGSMLV.js.map