@12-apps/ui 6.65.0 → 6.66.1

package/dist/{chunk-ANJAAGN3.js → chunk-AKGXNC4R.js}

@@ -1,6 +1,6 @@
 import {
   CountedIcon
-} from "./chunk-MQNL5UME.js";
+} from "./chunk-JXW6DZDN.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -123,4 +123,4 @@ function RailCreateMenu({
 export {
   RailCreateMenu
 };
-//# sourceMappingURL=chunk-ANJAAGN3.js.map
+//# sourceMappingURL=chunk-AKGXNC4R.js.map

package/dist/{chunk-5357QUVE.js → chunk-AMLHEKSV.js}

@@ -1,14 +1,14 @@
 import {
   renderChartByType
-} from "./chunk-CZVAVX5L.js";
-import {
-  ChartContainer
-} from "./chunk-RIRTW5EU.js";
+} from "./chunk-6ATXOJVQ.js";
 import {
   getSizeStyles,
   getVariantStyles,
   plotHeightPx
 } from "./chunk-TCWISGSS.js";
+import {
+  ChartContainer
+} from "./chunk-RIRTW5EU.js";
 import {
   muiColor
 } from "./chunk-7ZPUN7TV.js";
@@ -111,4 +111,4 @@ var Chart = (props) => {
 export {
   Chart
 };
-//# sourceMappingURL=chunk-5357QUVE.js.map
+//# sourceMappingURL=chunk-AMLHEKSV.js.map

package/dist/{chunk-HR7YTBR7.js → chunk-BI7YMVKZ.js}

@@ -4,7 +4,7 @@ import {
 import {
   coerceViewState,
   emptyViewState
-} from "./chunk-LHHAYZ55.js";
+} from "./chunk-O2P2KTKN.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -96,4 +96,4 @@ function useSavedViewsController(persistence, router, columnIds, views, initialV
 export {
   useSavedViewsController
 };
-//# sourceMappingURL=chunk-HR7YTBR7.js.map
+//# sourceMappingURL=chunk-BI7YMVKZ.js.map

package/dist/{chunk-OZGKIHAA.js → chunk-BRBQNPM2.js}

@@ -1,6 +1,6 @@
 import {
   Sheet
-} from "./chunk-HG7MCNRR.js";
+} from "./chunk-V45JGJ3W.js";
 import {
   Dialog
 } from "./chunk-GMJBWOIU.js";
@@ -166,4 +166,4 @@ AppHeaderDetails.displayName = "AppHeaderDetails";
 export {
   AppHeaderDetails
 };
-//# sourceMappingURL=chunk-OZGKIHAA.js.map
+//# sourceMappingURL=chunk-BRBQNPM2.js.map

package/dist/{chunk-YOEZTW4T.js → chunk-FNFDXJWR.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ZEVFMQAQ.js";
 import {
   DataViewsGrid
-} from "./chunk-GGG6TDET.js";
+} from "./chunk-M6V7Y7CP.js";
 import {
   viewStateKey
 } from "./chunk-ZOLAYP2D.js";
@@ -17,7 +17,7 @@ import {
 } from "./chunk-TAUCPCNN.js";
 import {
   useSavedViewsController
-} from "./chunk-HR7YTBR7.js";
+} from "./chunk-BI7YMVKZ.js";
 
 // src/components/data-display/DataViews/DataViewsTableBase.tsx
 import { useEffect, useRef, useState } from "react";
@@ -166,4 +166,4 @@ function renderViewDialogs(ctl, fields, columns, views, testIdPrefix, onSaved) {
 export {
   DataViewsTableBase
 };
-//# sourceMappingURL=chunk-YOEZTW4T.js.map
+//# sourceMappingURL=chunk-FNFDXJWR.js.map

package/dist/chunk-FNFDXJWR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/DataViewsTableBase.tsx"],"sourcesContent":["\"use client\";\n\nimport type { SortFieldDefinition } from \"../../layout/ContentToolbar\";\nimport { useEffect, useRef, useState } from \"react\";\n\nimport { DataViewsGrid } from \"./DataViewsGrid\";\nimport type { SelectionExtraRender } from \"./data-views-selection-extra\";\nimport type { ListGroupConfig } from \"./list-card-rails\";\nimport type { DisplayPanelView } from \"./data-views-display-panel\";\nimport { viewStateKey } from \"./data-views-dirty\";\nimport { DeleteViewDialog } from \"./DeleteViewDialog\";\nimport type { BoardConfig } from \"./DataViewsBoard\";\nimport type { DataViewExport } from \"./data-views-export\";\nimport type { ScopeConfig } from \"./data-views-scopes\";\nimport type { DataViewRowDetail } from \"./data-views-row-detail\";\nimport { ViewDialogs, ViewMutationErrorAlert } from \"./data-views-table-parts\";\nimport { useUrlEchoGuard, useUrlSyncState } from \"./data-views-url-echo\";\nimport {\n  useSavedViewsController,\n  type SavedViewsController,\n} from \"./use-saved-views-controller\";\nimport {\n  type DataViewColumn,\n  type DataViewsLayout,\n  type DataViewServer,\n  type DataViewState,\n  type DataViewPersistence,\n  type DataViewRouter,\n  type FilterFieldConfig,\n  type RangeFieldConfig,\n  type DataViewCardSelection,\n  type RowAction,\n  type SavedViewSummary,\n} from \"./data-views-types\";\n\nexport interface DataViewsTableBaseProps<T extends Record<string, unknown>> {\n  /** The applied-view id read from the URL (`?view=`) on load, or null. */\n  initialViewId?: string | null;\n  /** Injected saved-view persistence (create/update/delete). */\n  persistence: DataViewPersistence;\n  /** Injected router side-effects (URL sync + refresh). */\n  router: DataViewRouter;\n  rows: T[];\n  columns: DataViewColumn<T>[];\n  fields: FilterFieldConfig<T>[];\n  /** Optional numeric min/max range filters (advanced \"filter by amount\"). */\n  rangeFields?: RangeFieldConfig<T>[];\n  getRowId: (row: T) => string | number;\n  onRowClick?: (row: T) => void;\n  emptyState?: React.ReactNode;\n  dataTestId?: string;\n  testIdPrefix?: string;\n  /** The user's + shared views for this table (from the server). */\n  views: SavedViewSummary[];\n  /** Big page title in the table header, beside the funnel + gear (GTA layout). */\n  title?: string;\n  /** Primary page actions (e.g. \"Novo produto\") rendered at the header's right. */\n  headerActions?: React.ReactNode;\n  /** Sort options for the toolbar's \"Sort By\" dropdown (defaults to sortable columns). */\n  sortFields?: SortFieldDefinition[];\n  /**\n   * Per-sort-field VALUE KIND (`\"currency\" | \"number\" | \"date\" | \"text\"`), so the\n   * Exibir panel phrases the direction in that column's own terms. \"Crescente\"\n   * on a currency column is a puzzle; \"Menor → maior\" is not. Defaults to text.\n   */\n  sortKinds?: Record<string, string>;\n  /**\n   * Opt-in \"Exportar\" control. The grid hands the host the current query,\n   * UNPAGINATED, and the host re-queries — the grid never fetches, and an\n   * export therefore follows the filters rather than the loaded page.\n   */\n  exportConfig?: DataViewExport;\n  /** Notified with the currently-visible (filtered) rows, so Export matches the view. */\n  onVisibleRowsChange?: (rows: T[]) => void;\n  /** Reusable row actions driving both the row \"⋮\" kebab and the bulk menu. */\n  rowActions?: RowAction<T>[];\n  /** Leading control in the auto kebab column (e.g. a favourite star). */\n  rowActionsLeading?: (row: T) => React.ReactNode;\n  /** Low-level bulk-action override; prefer `rowActions`. */\n  bulkActions?: (selectedRows: T[], clearSelection: () => void) => React.ReactNode;\n  /** A selection-widening control beside the count (e.g. \"select all matching\"). */\n  selectionExtra?: SelectionExtraRender<T>;\n  /** Bespoke per-row menu (an entity's self-contained 3-dots menu) instead of the auto kebab. */\n  renderRowMenu?: (row: T) => React.ReactNode;\n  /**\n   * Row selection, default `true`. `false` draws no checkbox in any layout and\n   * no select-all, so the toolbar's selection mode can never hide the search,\n   * the pills and Exportar — for a grid with no bulk action. Row click and the\n   * row menu are unaffected.\n   */\n  selectable?: boolean;\n  /** Opt-in expandable rows (table layout only) — see {@link DataViewRowDetail}. */\n  rowDetail?: DataViewRowDetail<T>;\n  /** Opt-in \"Grade\" (cards) layout — a card renderer per row; adds a Grade/Tabela toggle. */\n  renderCard?: (row: T, selection: DataViewCardSelection) => React.ReactNode;\n  /** Opt-in \"Quadro\" (board) layout — the loaded page as columns of one field. Needs `renderCard`. */\n  board?: BoardConfig<T>;\n  /** Opt-in \"Lista\" layout — one full-width, entity-rendered row per record (FUT-733). */\n  renderListRow?: (row: T, selection: DataViewCardSelection) => React.ReactNode;\n  /** The Lista's shared columns, so its rows line up by construction not convention. */\n  listGroup?: ListGroupConfig<T>;\n  /** The page-level partition rendered as tabs under the toolbar (server mode only). */\n  scopes?: ScopeConfig[];\n  /** The row field the scopes partition by — used only to reject a pill over the same field. */\n  scopeFieldId?: string;\n  /** Which layout to show first when the user has expressed no preference (default \"table\"). */\n  defaultLayout?: DataViewsLayout;\n  /**\n   * Ignore the remembered cross-screen layout preference and pin to\n   * `defaultLayout`. For tables that exist to SHOW a layout — stories, docs,\n   * screenshots — not for real screens.\n   */\n  ignoreStoredLayout?: boolean;\n  /** Opt into the responsive inline filter UX (collapsible row / modal). Default keeps the panel. */\n  inlineFilters?: boolean;\n  /** Keep the inline search visible with no filter fields and no active search. */\n  alwaysShowSearch?: boolean;\n  /** Server-mode wiring (FUT-180): backend-driven rows/total + re-fetch. Omit for client mode. */\n  server?: DataViewServer;\n  /** Seed the initial view state (search/pills/ranges/sort) from the URL when no saved view applies. */\n  initialState?: DataViewState;\n}\n\n/**\n * Resolve the initial applied view: a `?view=<id>` shortcut (FUT-90) wins, else\n * the user's default view, else none. Drives the seed state + trigger label.\n */\nfunction resolveInitialView(\n  views: SavedViewSummary[],\n  requestedId: string | null,\n): SavedViewSummary | undefined {\n  const requested = requestedId ? views.find((view) => view.id === requestedId) : undefined;\n  return requested ?? views.find((view) => view.isDefault);\n}\n\n/**\n * The Exibir panel's view chrome, assembled from the saved-views controller.\n * Extracted so {@link DataViewsTableBase} stays inside its size budget.\n */\nfunction buildDisplayView({\n  ctl,\n  views,\n  activeView,\n  dirty,\n  onRequestDelete,\n}: {\n  ctl: SavedViewsController;\n  views: SavedViewSummary[];\n  activeView: SavedViewSummary | undefined;\n  dirty: boolean;\n  /** Opens the confirmation; the delete itself happens on confirm. */\n  onRequestDelete: (view: SavedViewSummary) => void;\n}): DisplayPanelView {\n  return {\n    activeViewName: ctl.activeViewName,\n    dirty,\n    onReset: () => (activeView ? ctl.applyView(activeView) : ctl.selectMain()),\n    // Only offer \"Atualizar\" when there IS a view to update — otherwise the\n    // single footer button is a plain \"Salvar visão\".\n    onUpdate: activeView ? () => ctl.openEdit(activeView) : undefined,\n    onSaveAs: ctl.openCreate,\n    // The views themselves, not a dropdown: the panel renders them in its own\n    // body (see `data-views-view-nav`), so there is no second popover to clip\n    // the row actions.\n    nav: {\n      views,\n      activeViewId: activeView?.id ?? null,\n      onSelectView: (id) => {\n        const next = id === null ? null : views.find((view) => view.id === id);\n        if (next) ctl.applyView(next);\n        else ctl.selectMain();\n      },\n      onEditView: ctl.openEdit,\n      onPatchView: (view, changes) => void ctl.patchView(view, changes),\n      onDeleteView: onRequestDelete,\n    },\n  };\n}\n\n/**\n * \"Are there unsaved changes?\" — the dot on Exibir, and whether Redefinir and\n * Salvar visão are live.\n *\n * Two things it gets right that the inline version did not. It compares\n * NORMALISED states (`viewStateKey`), so a filter applied and then removed is\n * clean again rather than clean-looking but flagged; and it re-baselines after\n * a SAVE, because the state just written is the clean one from that point.\n *\n * The baseline is the first state the grid emits for a view, not the view\n * itself: the grid normalises what it is handed — resolving visible columns,\n * filling in layout — so the applied view is never byte-identical to the state\n * it produces.\n */\nfunction useDirtyTracking(ctl: SavedViewsController): {\n  dirty: boolean;\n  noteState: (state: DataViewState) => void;\n  markSaved: () => void;\n} {\n  const [dirty, setDirty] = useState(false);\n  const [savedAt, setSavedAt] = useState(0);\n  const baseline = useRef<string | null>(null);\n  const appliedKey = JSON.stringify(ctl.applied ?? null);\n\n  useEffect(() => {\n    baseline.current = null;\n    setDirty(false);\n  }, [appliedKey, savedAt]);\n\n  return {\n    dirty,\n    noteState: (state) => {\n      ctl.currentRef.current = state;\n      const key = viewStateKey(state);\n      if (baseline.current === null) {\n        baseline.current = key;\n        setDirty(false);\n        return;\n      }\n      const next = key !== baseline.current;\n      setDirty((prev) => (prev === next ? prev : next));\n    },\n    markSaved: () => setSavedAt((tick) => tick + 1),\n  };\n}\n\n/**\n * The reusable admin table (FUT-89): the DataViews grid plus the full saved-views\n * experience — a views dropdown, a save/edit modal (with preview), and a manage\n * dialog. Framework-agnostic: saved-view persistence and router side-effects are\n * INJECTED (`persistence`, `router`, `initialViewId`) so the host app wires them\n * to its backend + framework router. A default view auto-applies on load; applying\n * a view restores its filters + columns + sort. Each table supplies its own columns\n * + filter fields; everything else is shared.\n */\nexport function DataViewsTableBase<T extends Record<string, unknown>>(\n  props: DataViewsTableBaseProps<T>,\n): React.JSX.Element {\n  // Forwarded as a whole rather than restated name-by-name twice (as in\n  // DataViewsGrid): this component only ADDS the saved-views chrome, and a\n  // 30-name destructure repeated in the JSX is exactly where a newly added prop\n  // silently stops being passed on.\n  const {\n    initialViewId = null,\n    persistence,\n    router,\n    columns,\n    fields,\n    testIdPrefix = \"table\",\n    views,\n    server,\n    initialState,\n  } = props;\n  const initialView = resolveInitialView(views, initialViewId);\n  const columnIds = columns.map((col) => col.id);\n  const ctl = useSavedViewsController(persistence, router, columnIds, views, initialView, initialState);\n  // Unsaved-changes flag for the Exibir panel. Set from `onStateChange` rather\n  // than derived in render because the live state lives in a REF (the grid owns\n  // it); the equality bail-out in `setDirty` is what stops the update loop.\n  const { dirty, noteState, markSaved } = useDirtyTracking(ctl);\n  // Deleting a saved view is confirmed, not immediate — see `DeleteViewDialog`.\n  const [pendingDelete, setPendingDelete] = useState<SavedViewSummary | null>(null);\n  // The view the panel's \"Redefinir\" restores: the applied one, or the built-in\n  // \"Visão principal\" when none is.\n  const activeView = views.find((view) => view.name === ctl.activeViewName);\n  const displayView = buildDisplayView({\n    ctl,\n    views,\n    activeView,\n    dirty,\n    onRequestDelete: setPendingDelete,\n  });\n  // Server-mode lists re-apply URL-derived controls on back/forward (not just\n  // the mount seed), but never the grid's own query echoing back through the URL.\n  const echo = useUrlEchoGuard(server);\n  const syncState = useUrlSyncState(echo.server, initialState, echo.consumeEcho);\n\n  return (\n    <>\n      <ViewMutationErrorAlert error={ctl.mutationError} onClose={ctl.clearMutationError} testIdPrefix={testIdPrefix} />\n      <DataViewsGrid<T>\n        {...props}\n        server={echo.server}\n        testIdPrefix={testIdPrefix}\n        appliedState={ctl.applied}\n        syncState={syncState}\n        onStateChange={noteState}\n        // The saved-views menu is NOT a toolbar control any more: it lives in\n        // the Exibir panel's VISÃO header, passed through `displayView`.\n        displayView={displayView}\n      />\n      {renderViewDialogs(ctl, fields, columns, views, testIdPrefix, markSaved)}\n      <DeleteViewDialog\n        view={pendingDelete}\n        onClose={() => setPendingDelete(null)}\n        onConfirm={(view) => {\n          void ctl.handleDelete(view);\n          setPendingDelete(null);\n        }}\n        testIdPrefix={testIdPrefix}\n      />\n    </>\n  );\n}\n\n/** The save + manage saved-view dialogs, split out to keep the base thin. */\nfunction renderViewDialogs<T extends Record<string, unknown>>(\n  ctl: SavedViewsController,\n  fields: DataViewsTableBaseProps<T>[\"fields\"],\n  columns: DataViewsTableBaseProps<T>[\"columns\"],\n  views: SavedViewSummary[],\n  testIdPrefix: string,\n  onSaved: () => void,\n): React.JSX.Element {\n  return (\n    <ViewDialogs<T>\n      saveOpen={ctl.saveOpen}\n      onCloseSave={ctl.closeSave}\n      currentState={ctl.editing ? ctl.editing.state : ctl.currentRef.current}\n      fields={fields}\n      columns={columns}\n      editing={ctl.editing}\n      onSave={async (payload) => {\n        await ctl.handleSave(payload);\n        // The saved state is the clean one from here on.\n        onSaved();\n      }}\n      manageOpen={ctl.manageOpen}\n      onCloseManage={() => ctl.setManageOpen(false)}\n      views={views}\n      onEditFromManage={ctl.editFromManage}\n      onDelete={(view) => void ctl.handleDelete(view)}\n      testIdPrefix={testIdPrefix}\n    />\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-ULBOCFST.js → chunk-J6DYHBID.js}

@@ -1,7 +1,10 @@
+import {
+  useDisclosure
+} from "./chunk-2JCRNWHE.js";
 import {
   StandaloneContainer,
   useRowLayout
-} from "./chunk-OT5JBIBT.js";
+} from "./chunk-SUZLGB5I.js";
 import {
   DiscloseSlot,
   DragSlot,
@@ -12,16 +15,13 @@ import {
   metaShape,
   rowStyles,
   useRowShell
-} from "./chunk-LDCHE6QS.js";
+} from "./chunk-3WLS7Z7D.js";
 import {
   ListCardActions,
   ListCardCaption,
   ListCardMeta,
   ListCardTail
-} from "./chunk-B7PKBFA4.js";
-import {
-  useDisclosure
-} from "./chunk-2JCRNWHE.js";
+} from "./chunk-UZ2CEJOO.js";
 import {
   DropIndicator
 } from "./chunk-K4EKTMTC.js";
@@ -185,4 +185,4 @@ function BaseListCard(props) {
 export {
   BaseListCard
 };
-//# sourceMappingURL=chunk-ULBOCFST.js.map
+//# sourceMappingURL=chunk-J6DYHBID.js.map

package/dist/{chunk-H5OVOWHY.js → chunk-JKNKGGOG.js}

@@ -184,12 +184,14 @@ var OVERLAY_DEFAULTS = {
   blur: false
 };
 var SheetOverlay = (props) => {
-  const { open, onClick, className, style, blur } = withDefaults(props, OVERLAY_DEFAULTS);
+  const { open, onClick, className, style, blur, animated } = withDefaults(props, OVERLAY_DEFAULTS);
   const theme = useTheme();
-  return /* @__PURE__ */ jsx(Fade, { in: open, timeout: 300, children: /* @__PURE__ */ jsx(
+  const timeout = animated === false ? 0 : 300;
+  return /* @__PURE__ */ jsx(Fade, { in: open, timeout, children: /* @__PURE__ */ jsx(
     Backdrop,
     {
       open: Boolean(open),
+      transitionDuration: timeout,
       onClick,
       className,
       sx: {
@@ -212,4 +214,4 @@ export {
   SheetFooter,
   SheetOverlay
 };
-//# sourceMappingURL=chunk-H5OVOWHY.js.map
+//# sourceMappingURL=chunk-JKNKGGOG.js.map

package/dist/{chunk-H5OVOWHY.js.map → chunk-JKNKGGOG.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/data-display/Sheet/Sheet.parts.tsx"],"sourcesContent":["import CloseIcon from '@mui/icons-material/Close';\nimport Backdrop from '@mui/material/Backdrop/index.js';\nimport Box from '@mui/material/Box/index.js';\nimport Divider from '@mui/material/Divider/index.js';\nimport Fade from '@mui/material/Fade/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, useTheme } from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { scrim, sheen } from '../../../tokens/ink';\nimport { rem, rems } from '../../../tokens/relative';\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport { shimmerAnimation } from './Sheet.animations';\nimport type {\n  SheetContentProps,\n  SheetFooterProps,\n  SheetHeaderProps,\n  SheetOverlayProps,\n} from './Sheet.types';\n\n/**\n * The grab handle's own styling. A draggable handle is deliberately larger and\n * tinted, so the affordance reads as draggable before the user tries it; a\n * decorative one stays a neutral bar.\n */\nconst handleSx = (theme: Theme, isDraggable: boolean) => ({\n  width: rem(theme, isDraggable ? 48 : 32),\n  height: rem(theme, isDraggable ? 6 : 4),\n  backgroundColor: alpha(theme.palette.text.primary, 0.3),\n  borderRadius: 3,\n  transition: theme.transitions.create(['all'], {\n    duration: theme.transitions.duration.short,\n    easing: theme.transitions.easing.easeInOut,\n  }),\n  position: 'relative',\n  overflow: 'hidden',\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    left: '-100%',\n    width: '100%',\n    height: '100%',\n    background: `linear-gradient(\n      90deg,\n      transparent,\n      ${sheen(theme, 0.3)},\n      transparent\n    )`,\n    animation: isDraggable ? `${shimmerAnimation(theme)} 2s infinite` : 'none',\n  },\n  ...(isDraggable && {\n    backgroundColor: alpha(theme.palette.primary.main, 0.4),\n    boxShadow: `${rems(theme, 0, 2, 4)} ${alpha(theme.palette.primary.main, 0.2)}`,\n    '&:hover': {\n      backgroundColor: theme.palette.primary.main,\n      transform: 'scaleX(1.15) scaleY(1.2)',\n      boxShadow: `${rems(theme, 0, 3, 6)} ${alpha(theme.palette.primary.main, 0.3)}`,\n    },\n  }),\n});\n\nconst SheetHandle: React.FC<{ isDraggable: boolean }> = ({ isDraggable }) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        justifyContent: 'center',\n        mb: 1,\n        // The handle is decoration on a draggable header: the drag listeners sit\n        // on the header itself, so letting the bar swallow the press would open\n        // a dead zone in the middle of the grab target.\n        pointerEvents: isDraggable ? 'none' : 'auto',\n      }}\n    >\n      <Box sx={handleSx(theme, isDraggable)} />\n    </Box>\n  );\n};\n\nconst HEADER_DEFAULTS: Partial<SheetHeaderProps> = {\n  isDraggable: false,\n  dataTestId: 'sheet-header',\n};\n\nexport const SheetHeader: React.FC<SheetHeaderProps> = (props) => {\n  const {\n    title,\n    description,\n    showCloseButton,\n    onClose,\n    showHandle,\n    isDraggable,\n    onDragStart,\n    className,\n    style,\n    children,\n    dataTestId,\n  } = withDefaults(props, HEADER_DEFAULTS);\n\n  return (\n    <Box\n      className={className}\n      data-testid={dataTestId}\n      sx={{\n        p: 2,\n        pb: showHandle ? 1 : 2,\n        cursor: isDraggable ? 'grab' : 'auto',\n        '&:active': isDraggable ? { cursor: 'grabbing' } : {},\n        ...style,\n      }}\n      onMouseDown={isDraggable ? onDragStart : undefined}\n      onTouchStart={isDraggable ? onDragStart : undefined}\n    >\n      {showHandle && <SheetHandle isDraggable={Boolean(isDraggable)} />}\n\n      <Box sx={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between' }}>\n        <Box sx={{ flex: 1 }}>\n          {title && (\n            <Typography variant=\"h6\" sx={{ fontWeight: 600 }} data-testid={`${dataTestId}-title`}>\n              {title}\n            </Typography>\n          )}\n          {description && (\n            <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mt: 0.5 }}>\n              {description}\n            </Typography>\n          )}\n          {children}\n        </Box>\n\n        {showCloseButton && (\n          <IconButton\n            onClick={onClose}\n            size=\"small\"\n            sx={{ ml: 1, mt: -0.5 }}\n            data-testid={`${dataTestId}-close-button`}\n          >\n            <CloseIcon data-testid={`${dataTestId}-close-icon`} />\n          </IconButton>\n        )}\n      </Box>\n    </Box>\n  );\n};\n\nconst CONTENT_DEFAULTS: Partial<SheetContentProps> = {\n  padded: true,\n  dataTestId: 'sheet-content',\n};\n\nexport const SheetContent: React.FC<SheetContentProps> = (props) => {\n  const { children, className, style, padded, dataTestId } = withDefaults(props, CONTENT_DEFAULTS);\n\n  return (\n    <Box\n      className={className}\n      data-testid={dataTestId}\n      // No `minHeight: 0` here, deliberately: a flex item's automatic minimum\n      // size only applies while its main-axis `overflow` is `visible`, and this\n      // one is `auto`, so it already shrinks. `SheetBody` above is the item that\n      // needs it stated.\n      sx={{ flex: 1, overflow: 'auto', p: padded ? 2 : 0, ...style }}\n    >\n      {children}\n    </Box>\n  );\n};\n\nconst FOOTER_DEFAULTS: Partial<SheetFooterProps> = {\n  sticky: false,\n  divider: false,\n  dataTestId: 'sheet-footer',\n};\n\nexport const SheetFooter: React.FC<SheetFooterProps> = (props) => {\n  const { children, className, style, sticky, divider, dataTestId } = withDefaults(\n    props,\n    FOOTER_DEFAULTS,\n  );\n\n  return (\n    <>\n      {divider && <Divider />}\n      <Box\n        className={className}\n        data-testid={dataTestId}\n        sx={{\n          p: 2,\n          position: sticky ? 'sticky' : 'relative',\n          bottom: sticky ? 0 : 'auto',\n          backgroundColor: 'background.paper',\n          borderTop: sticky ? '1px solid' : 'none',\n          borderColor: 'divider',\n          ...style,\n        }}\n      >\n        {children}\n      </Box>\n    </>\n  );\n};\n\nconst OVERLAY_DEFAULTS: Partial<SheetOverlayProps> = {\n  open: false,\n  blur: false,\n};\n\nexport const SheetOverlay: React.FC<SheetOverlayProps> = (props) => {\n  const { open, onClick, className, style, blur } = withDefaults(props, OVERLAY_DEFAULTS);\n  const theme = useTheme();\n\n  return (\n    <Fade in={open} timeout={300}>\n      <Backdrop\n        open={Boolean(open)}\n        onClick={onClick}\n        className={className}\n        sx={{\n          // One below the drawer, under the panel. Inside a Sheet this veil is\n          // VISUAL only: the drawer's invisible backdrop above it catches the\n          // tap (`ClickCatcher` in Sheet.tsx). The onClick keeps it usable alone.\n          zIndex: theme.zIndex.drawer - 1,\n          backgroundColor: scrim(theme, blur ? 0.6 : 0.5),\n          backdropFilter: blur ? `blur(${rem(theme, 8)}) saturate(180%)` : 'none',\n          WebkitBackdropFilter: blur ? `blur(${rem(theme, 8)}) saturate(180%)` : 'none',\n          ...style,\n        }}\n      />\n    </Fade>\n  );\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/components/data-display/Sheet/Sheet.parts.tsx"],"sourcesContent":["import CloseIcon from '@mui/icons-material/Close';\nimport Backdrop from '@mui/material/Backdrop/index.js';\nimport Box from '@mui/material/Box/index.js';\nimport Divider from '@mui/material/Divider/index.js';\nimport Fade from '@mui/material/Fade/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, useTheme } from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { scrim, sheen } from '../../../tokens/ink';\nimport { rem, rems } from '../../../tokens/relative';\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport { shimmerAnimation } from './Sheet.animations';\nimport type {\n  SheetContentProps,\n  SheetFooterProps,\n  SheetHeaderProps,\n  SheetOverlayProps,\n} from './Sheet.types';\n\n/**\n * The grab handle's own styling. A draggable handle is deliberately larger and\n * tinted, so the affordance reads as draggable before the user tries it; a\n * decorative one stays a neutral bar.\n */\nconst handleSx = (theme: Theme, isDraggable: boolean) => ({\n  width: rem(theme, isDraggable ? 48 : 32),\n  height: rem(theme, isDraggable ? 6 : 4),\n  backgroundColor: alpha(theme.palette.text.primary, 0.3),\n  borderRadius: 3,\n  transition: theme.transitions.create(['all'], {\n    duration: theme.transitions.duration.short,\n    easing: theme.transitions.easing.easeInOut,\n  }),\n  position: 'relative',\n  overflow: 'hidden',\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    left: '-100%',\n    width: '100%',\n    height: '100%',\n    background: `linear-gradient(\n      90deg,\n      transparent,\n      ${sheen(theme, 0.3)},\n      transparent\n    )`,\n    animation: isDraggable ? `${shimmerAnimation(theme)} 2s infinite` : 'none',\n  },\n  ...(isDraggable && {\n    backgroundColor: alpha(theme.palette.primary.main, 0.4),\n    boxShadow: `${rems(theme, 0, 2, 4)} ${alpha(theme.palette.primary.main, 0.2)}`,\n    '&:hover': {\n      backgroundColor: theme.palette.primary.main,\n      transform: 'scaleX(1.15) scaleY(1.2)',\n      boxShadow: `${rems(theme, 0, 3, 6)} ${alpha(theme.palette.primary.main, 0.3)}`,\n    },\n  }),\n});\n\nconst SheetHandle: React.FC<{ isDraggable: boolean }> = ({ isDraggable }) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        justifyContent: 'center',\n        mb: 1,\n        // The handle is decoration on a draggable header: the drag listeners sit\n        // on the header itself, so letting the bar swallow the press would open\n        // a dead zone in the middle of the grab target.\n        pointerEvents: isDraggable ? 'none' : 'auto',\n      }}\n    >\n      <Box sx={handleSx(theme, isDraggable)} />\n    </Box>\n  );\n};\n\nconst HEADER_DEFAULTS: Partial<SheetHeaderProps> = {\n  isDraggable: false,\n  dataTestId: 'sheet-header',\n};\n\nexport const SheetHeader: React.FC<SheetHeaderProps> = (props) => {\n  const {\n    title,\n    description,\n    showCloseButton,\n    onClose,\n    showHandle,\n    isDraggable,\n    onDragStart,\n    className,\n    style,\n    children,\n    dataTestId,\n  } = withDefaults(props, HEADER_DEFAULTS);\n\n  return (\n    <Box\n      className={className}\n      data-testid={dataTestId}\n      sx={{\n        p: 2,\n        pb: showHandle ? 1 : 2,\n        cursor: isDraggable ? 'grab' : 'auto',\n        '&:active': isDraggable ? { cursor: 'grabbing' } : {},\n        ...style,\n      }}\n      onMouseDown={isDraggable ? onDragStart : undefined}\n      onTouchStart={isDraggable ? onDragStart : undefined}\n    >\n      {showHandle && <SheetHandle isDraggable={Boolean(isDraggable)} />}\n\n      <Box sx={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between' }}>\n        <Box sx={{ flex: 1 }}>\n          {title && (\n            <Typography variant=\"h6\" sx={{ fontWeight: 600 }} data-testid={`${dataTestId}-title`}>\n              {title}\n            </Typography>\n          )}\n          {description && (\n            <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mt: 0.5 }}>\n              {description}\n            </Typography>\n          )}\n          {children}\n        </Box>\n\n        {showCloseButton && (\n          <IconButton\n            onClick={onClose}\n            size=\"small\"\n            sx={{ ml: 1, mt: -0.5 }}\n            data-testid={`${dataTestId}-close-button`}\n          >\n            <CloseIcon data-testid={`${dataTestId}-close-icon`} />\n          </IconButton>\n        )}\n      </Box>\n    </Box>\n  );\n};\n\nconst CONTENT_DEFAULTS: Partial<SheetContentProps> = {\n  padded: true,\n  dataTestId: 'sheet-content',\n};\n\nexport const SheetContent: React.FC<SheetContentProps> = (props) => {\n  const { children, className, style, padded, dataTestId } = withDefaults(props, CONTENT_DEFAULTS);\n\n  return (\n    <Box\n      className={className}\n      data-testid={dataTestId}\n      // No `minHeight: 0` here, deliberately: a flex item's automatic minimum\n      // size only applies while its main-axis `overflow` is `visible`, and this\n      // one is `auto`, so it already shrinks. `SheetBody` above is the item that\n      // needs it stated.\n      sx={{ flex: 1, overflow: 'auto', p: padded ? 2 : 0, ...style }}\n    >\n      {children}\n    </Box>\n  );\n};\n\nconst FOOTER_DEFAULTS: Partial<SheetFooterProps> = {\n  sticky: false,\n  divider: false,\n  dataTestId: 'sheet-footer',\n};\n\nexport const SheetFooter: React.FC<SheetFooterProps> = (props) => {\n  const { children, className, style, sticky, divider, dataTestId } = withDefaults(\n    props,\n    FOOTER_DEFAULTS,\n  );\n\n  return (\n    <>\n      {divider && <Divider />}\n      <Box\n        className={className}\n        data-testid={dataTestId}\n        sx={{\n          p: 2,\n          position: sticky ? 'sticky' : 'relative',\n          bottom: sticky ? 0 : 'auto',\n          backgroundColor: 'background.paper',\n          borderTop: sticky ? '1px solid' : 'none',\n          borderColor: 'divider',\n          ...style,\n        }}\n      >\n        {children}\n      </Box>\n    </>\n  );\n};\n\nconst OVERLAY_DEFAULTS: Partial<SheetOverlayProps> = {\n  open: false,\n  blur: false,\n};\n\nexport const SheetOverlay: React.FC<SheetOverlayProps> = (props) => {\n  const { open, onClick, className, style, blur, animated } = withDefaults(props, OVERLAY_DEFAULTS);\n  const theme = useTheme();\n  const timeout = animated === false ? 0 : 300;\n\n  return (\n    <Fade in={open} timeout={timeout}>\n      <Backdrop\n        open={Boolean(open)}\n        transitionDuration={timeout}\n        onClick={onClick}\n        className={className}\n        sx={{\n          // One below the drawer, under the panel. Inside a Sheet this veil is\n          // VISUAL only: the drawer's invisible backdrop above it catches the\n          // tap (`ClickCatcher` in Sheet.tsx). The onClick keeps it usable alone.\n          zIndex: theme.zIndex.drawer - 1,\n          backgroundColor: scrim(theme, blur ? 0.6 : 0.5),\n          backdropFilter: blur ? `blur(${rem(theme, 8)}) saturate(180%)` : 'none',\n          WebkitBackdropFilter: blur ? `blur(${rem(theme, 8)}) saturate(180%)` : 'none',\n          ...style,\n        }}\n      />\n    </Fade>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-MQNL5UME.js → chunk-JXW6DZDN.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-P3GBXE73.js";
 import {
   Badge
-} from "./chunk-6DO672AG.js";
+} from "./chunk-N5PVD4J5.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -99,4 +99,4 @@ export {
   SlotIcon,
   CONTROL_RESET
 };
-//# sourceMappingURL=chunk-MQNL5UME.js.map
+//# sourceMappingURL=chunk-JXW6DZDN.js.map

package/dist/{chunk-GVEWFA3Z.js → chunk-JY5YINUH.js}

@@ -1,25 +1,25 @@
 import {
   DataViewsBoard
-} from "./chunk-NHHWNA5W.js";
+} from "./chunk-7TCOYCD7.js";
+import {
+  CardBody
+} from "./chunk-SZSS5KKX.js";
 import {
   SelectAllStrip
 } from "./chunk-WJEJ65TF.js";
 import {
   toGridExpansion
 } from "./chunk-O5UGAL2V.js";
-import {
-  cardGridTracks
-} from "./chunk-XZE5FIRB.js";
 import {
   ListCardGroup
-} from "./chunk-GLBK6X5Z.js";
+} from "./chunk-7J5JR33K.js";
 import {
   DENSITY_BOARD_SCALE,
   DENSITY_ROW_PADDING,
   cardScaleForZoom,
   cardTargetWidthFor,
   useDataViewsLayout
-} from "./chunk-MO52X5WW.js";
+} from "./chunk-JYMXYSDP.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -42,6 +42,7 @@ function GridBody({
   getRowId,
   selectedIds,
   onChangeSelected,
+  selectable,
   sortBy,
   onChangeSortBy,
   sortMode,
@@ -74,7 +75,7 @@ function GridBody({
           density: "compact",
           rowHeight: 36,
           headerHeight: 36,
-          selection: { mode: "multi", selectedRowIds: selectedIds, onChangeSelected },
+          selection: selectable ? { mode: "multi", selectedRowIds: selectedIds, onChangeSelected } : { mode: "none" },
           sorting: { mode: sortMode, sortBy, onChangeSortBy },
           expansion: toGridExpansion(rowDetail, copy),
           "data-testid": dataTestId,
@@ -86,43 +87,6 @@ function GridBody({
     }
   );
 }
-function CardBody({
-  rows,
-  renderCard,
-  getRowId,
-  selectedIds,
-  onToggleId,
-  targetCardWidth,
-  cardScale,
-  dataTestId,
-  emptyState
-}) {
-  if (rows.length === 0) {
-    return /* @__PURE__ */ jsx(default2, { sx: { mt: 1.5 }, children: emptyState });
-  }
-  return /* @__PURE__ */ jsx(
-    default2,
-    {
-      sx: {
-        mt: 1.5,
-        display: "grid",
-        // Fixed inter-card gap — deliberately NOT scaled by the zoom slider, so
-        // only the cards grow while the space between them stays constant.
-        gap: 1.5,
-        ...cardGridTracks(targetCardWidth)
-      },
-      "data-testid": dataTestId ? `${dataTestId}-cards` : "data-views-cards",
-      children: rows.map((row) => {
-        const id = getRowId(row);
-        return /* @__PURE__ */ jsx(default2, { children: renderCard(row, {
-          selected: selectedIds.has(id),
-          onToggleSelect: () => onToggleId(id),
-          scale: cardScale
-        }) }, id);
-      })
-    }
-  );
-}
 function ListBody({
   rows,
   renderListRow,
@@ -141,7 +105,7 @@ function ListBody({
   const testId = dataTestId ? `${dataTestId}-list` : "data-views-list";
   const selectionFor = (id) => ({
     selected: selectedIds.has(id),
-    onToggleSelect: () => onToggleId(id),
+    onToggleSelect: onToggleId && (() => onToggleId(id)),
     scale: 1
   });
   if (group) {
@@ -151,7 +115,7 @@ function ListBody({
         cells: group.cells,
         metaColumns: group.metaColumns,
         rails: group.rails,
-        reserveGutters: group.reserveGutters,
+        reserveGutters: onToggleId ? group.reserveGutters : false,
         density,
         gap: rowGap,
         dataTestId: testId,
@@ -177,9 +141,11 @@ function ListBody({
 function Headerless({
   c,
   getRowId,
+  selectable,
   testIdPrefix,
   children
 }) {
+  if (!selectable) return /* @__PURE__ */ jsx(Fragment, { children });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       SelectAllStrip,
@@ -194,7 +160,8 @@ function Headerless({
     children
   ] });
 }
-function headerlessBody({ c, getRowId, renderCard, renderListRow, listGroup, board, dataTestId, emptyState }, { layout, zoom, density }) {
+function headerlessBody({ c, getRowId, renderCard, renderListRow, listGroup, board, selectable, dataTestId, emptyState }, { layout, zoom, density }) {
+  const onToggleId = selectable ? c.toggleId : void 0;
   if (layout === "list" && renderListRow) {
     return /* @__PURE__ */ jsx(
       ListBody,
@@ -203,7 +170,7 @@ function headerlessBody({ c, getRowId, renderCard, renderListRow, listGroup, boa
         renderListRow,
         getRowId,
         selectedIds: c.selectedIds,
-        onToggleId: c.toggleId,
+        onToggleId,
         rowGap: DENSITY_ROW_PADDING[density],
         group: listGroup,
         density,
@@ -221,7 +188,7 @@ function headerlessBody({ c, getRowId, renderCard, renderListRow, listGroup, boa
         getRowId,
         renderCard,
         selectedIds: c.selectedIds,
-        onToggleId: c.toggleId,
+        onToggleId,
         cardScale: DENSITY_BOARD_SCALE[density],
         dataTestId
       }
@@ -235,7 +202,7 @@ function headerlessBody({ c, getRowId, renderCard, renderListRow, listGroup, boa
         renderCard,
         getRowId,
         selectedIds: c.selectedIds,
-        onToggleId: c.toggleId,
+        onToggleId,
         targetCardWidth: cardTargetWidthFor(zoom, density),
         cardScale: cardScaleForZoom(zoom),
         dataTestId,
@@ -246,11 +213,11 @@ function headerlessBody({ c, getRowId, renderCard, renderListRow, listGroup, boa
   return null;
 }
 function GridMain(props) {
-  const { c, getRowId, dataTestId, emptyState, testIdPrefix } = props;
+  const { c, getRowId, selectable, dataTestId, emptyState, testIdPrefix } = props;
   const layoutState = useDataViewsLayout();
   const body = headerlessBody(props, layoutState);
   if (body) {
-    return /* @__PURE__ */ jsx(Headerless, { c, getRowId, testIdPrefix, children: body });
+    return /* @__PURE__ */ jsx(Headerless, { c, getRowId, selectable, testIdPrefix, children: body });
   }
   return /* @__PURE__ */ jsx(
     GridBody,
@@ -260,6 +227,7 @@ function GridMain(props) {
       getRowId,
       selectedIds: [...c.selectedIds],
       onChangeSelected: (ids) => c.setSelectedIds(new Set(ids)),
+      selectable,
       sortBy: c.state.sortBy,
       onChangeSortBy: (next) => c.patch({ sortBy: next }),
       sortMode: c.serverMode ? "server" : "client",
@@ -274,4 +242,4 @@ function GridMain(props) {
 export {
   GridMain
 };
-//# sourceMappingURL=chunk-GVEWFA3Z.js.map
+//# sourceMappingURL=chunk-JY5YINUH.js.map

package/dist/chunk-JY5YINUH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-grid-bodies.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\n\nimport { DataGrid, type GridColumn, type GridSort } from \"../DataGrid\";\nimport { Box } from \"../../../mui/Box\";\n\nimport {\n  cardTargetWidthFor,\n  cardScaleForZoom,\n  DENSITY_BOARD_SCALE,\n  DENSITY_ROW_PADDING,\n  useDataViewsLayout,\n  type DataViewsDensity,\n} from \"./data-views-layout-context\";\nimport { DataViewsBoard, type BoardConfig } from \"./DataViewsBoard\";\nimport { CardBody } from \"./data-views-card-body\";\nimport { SelectAllStrip } from \"./data-views-select-all-strip\";\nimport { ListCardGroup, type ListGroupConfig } from \"./list-card-rails\";\nimport type { DataViewCardSelection } from \"./data-views-types\";\nimport { toGridExpansion, type DataViewRowDetail } from \"./data-views-row-detail\";\nimport type { DataViewsController } from \"./use-data-views-state\";\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { sxRem } from \"../../../tokens/relative\";\n\n/* ── Body (grid) ─────────────────────────────────────────────────────────── */\n\ninterface GridBodyProps<T extends Record<string, unknown>> {\n  rows: T[];\n  columns: GridColumn<T>[];\n  getRowId: (row: T) => string | number;\n  selectedIds: Array<string | number>;\n  onChangeSelected: (ids: Array<string | number>) => void;\n  /** False ⇒ no checkbox column at all: no header select-all, no row box, no width. */\n  selectable: boolean;\n  sortBy: GridSort[];\n  onChangeSortBy: (next: GridSort[]) => void;\n  /** \"server\" defers ordering to the backend (rows render as-is); \"client\" sorts in-grid. */\n  sortMode: \"client\" | \"server\";\n  /** Vertical cell padding, from the density preference. */\n  rowPadding: number;\n  rowDetail?: DataViewRowDetail<T>;\n  dataTestId?: string;\n  emptyState?: React.ReactNode;\n}\n\n/** The dense DataGrid with multi-select (unless opted out), wrapped in the scrollable table region. */\nfunction GridBody<T extends Record<string, unknown>>({\n  rows,\n  columns,\n  getRowId,\n  selectedIds,\n  onChangeSelected,\n  selectable,\n  sortBy,\n  onChangeSortBy,\n  sortMode,\n  rowPadding,\n  rowDetail,\n  dataTestId,\n  emptyState,\n}: GridBodyProps<T>): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Box\n      sx={{\n        width: \"100%\",\n        overflowX: \"auto\",\n        mt: 1.5,\n        // Tabwoah-style dense rows: MUI's default TableCell padding keeps rows\n        // tall regardless of rowHeight, so the DENSITY preference is applied\n        // here rather than through `rowHeight`, which it would fight.\n        \"& .MuiTableCell-root\": { py: rowPadding, fontSize: sxRem(13) },\n        \"& .MuiTableCell-head\": { py: 0.5, fontSize: sxRem(12) },\n      }}\n    >\n      <DataGrid<T>\n        rows={rows}\n        columns={columns}\n        getRowId={(row) => getRowId(row)}\n        virtualizeRows={false}\n        density=\"compact\"\n        rowHeight={36}\n        headerHeight={36}\n        selection={selectable ? { mode: \"multi\", selectedRowIds: selectedIds, onChangeSelected } : { mode: \"none\" }}\n        sorting={{ mode: sortMode, sortBy, onChangeSortBy }}\n        expansion={toGridExpansion(rowDetail, copy)}\n        data-testid={dataTestId}\n        emptyState={emptyState}\n        emptyText={copy.grid.emptyFilteredTitle}\n        copy={copy.grid}\n      />\n    </Box>\n  );\n}\n\n/* ── Body (list) ─────────────────────────────────────────────────────────── */\n\ninterface ListBodyProps<T extends Record<string, unknown>> {\n  rows: T[];\n  renderListRow: (row: T, selection: DataViewCardSelection) => React.ReactNode;\n  getRowId: (row: T) => string | number;\n  selectedIds: Set<string | number>;\n  /** Absent on a grid that is not selectable: rows get no toggle, so no checkbox. */\n  onToggleId?: (id: string | number) => void;\n  /** Gap between rows, from the density preference. */\n  rowGap: number;\n  /** The list's shared column config. See {@link ListGroupConfig}. */\n  group?: ListGroupConfig<T>;\n  /** The density every row answers, handed to the group when there is one. */\n  density: DataViewsDensity;\n  dataTestId?: string;\n  emptyState?: React.ReactNode;\n}\n\n/**\n * The \"Lista\" layout: one FULL-WIDTH row per record, rendered by the entity — a\n * marker, a title, a subtitle and a value on the right is the shape it was\n * designed for (FUT-733).\n *\n * It sits between the table and the cards rather than replacing either: the\n * table is for comparing many columns, the cards are for browsing, and the list\n * is for scanning a queue on a narrow screen. Selection is the SAME model as\n * both — each row receives its selection state, so it can drive its own\n * checkbox and the bulk menu behaves identically in every layout.\n *\n * `scale` is handed over as 1 rather than the zoom multiplier, and the zoom\n * slider is hidden in this layout: a full-width row has no card size to\n * multiply. See {@link DataViewsZoomSlider}.\n */\nfunction ListBody<T extends Record<string, unknown>>({\n  rows,\n  renderListRow,\n  getRowId,\n  selectedIds,\n  onToggleId,\n  rowGap,\n  group,\n  density,\n  dataTestId,\n  emptyState,\n}: ListBodyProps<T>): React.JSX.Element {\n  if (rows.length === 0) {\n    return <Box sx={{ mt: 1.5 }}>{emptyState}</Box>;\n  }\n  const testId = dataTestId ? `${dataTestId}-list` : \"data-views-list\";\n  const selectionFor = (id: string | number): DataViewCardSelection => ({\n    selected: selectedIds.has(id),\n    onToggleSelect: onToggleId && (() => onToggleId(id)),\n    scale: 1,\n  });\n\n  if (group) {\n    return (\n      <Box sx={{ mt: 1.5 }}>\n        <ListCardGroup\n          cells={group.cells}\n          metaColumns={group.metaColumns}\n          rails={group.rails}\n          // A list nobody can select holds no checkbox gutter open: reserving\n          // one is how a selectable and a read-only row line up, and here no\n          // row is selectable. Gutters a row DOES use still get their track.\n          reserveGutters={onToggleId ? group.reserveGutters : false}\n          density={density}\n          gap={rowGap}\n          dataTestId={testId}\n        >\n          {rows.map((row) => {\n            const id = getRowId(row);\n            // A FRAGMENT, NOT A BOX. The row is subgrid over the group's tracks\n            // (`gridColumn: span railCount`), which only resolves while the card\n            // is a DIRECT child of the group's grid. One wrapper element and the\n            // span is measured against a grid that isn't there, so every rail\n            // collapses — the exact failure the group exists to prevent.\n            return (\n              <React.Fragment key={id}>\n                {renderListRow(row, selectionFor(id))}\n              </React.Fragment>\n            );\n          })}\n        </ListCardGroup>\n      </Box>\n    );\n  }\n\n  return (\n    <Box\n      sx={{ mt: 1.5, display: \"flex\", flexDirection: \"column\", gap: rowGap }}\n      data-testid={testId}\n    >\n      {rows.map((row) => {\n        const id = getRowId(row);\n        return <Box key={id}>{renderListRow(row, selectionFor(id))}</Box>;\n      })}\n    </Box>\n  );\n}\n\n/* ── Body selector (board vs list vs cards vs table, from context) ───────── */\n\ninterface GridMainProps<T extends Record<string, unknown>> {\n  c: DataViewsController<T>;\n  getRowId: (row: T) => string | number;\n  renderCard?: (row: T, selection: DataViewCardSelection) => React.ReactNode;\n  /** Opt-in \"Lista\" layout — one full-width row per record. */\n  renderListRow?: (row: T, selection: DataViewCardSelection) => React.ReactNode;\n  /** The Lista's shared columns. Omitted, each row resolves its own tracks. */\n  listGroup?: ListGroupConfig<T>;\n  /** Opt-in \"Quadro\" (board) layout — needs `renderCard`, since it reuses the card. */\n  board?: BoardConfig<T>;\n  /** Opt-in expandable rows — the TABLE only; the headerless layouts ignore it. */\n  rowDetail?: DataViewRowDetail<T>;\n  /** False ⇒ no selection anywhere: no checkboxes, no select-all strip. */\n  selectable: boolean;\n  dataTestId?: string;\n  emptyState?: React.ReactNode;\n  testIdPrefix: string;\n}\n\n/**\n * The headerless layouts, each preceded by its own select-all.\n *\n * The strip is rendered HERE rather than inside each body so all three agree on\n * where it sits and what it says — and so the table, which already has one in\n * its `<thead>`, never gets a second.\n */\nfunction Headerless<T extends Record<string, unknown>>({\n  c,\n  getRowId,\n  selectable,\n  testIdPrefix,\n  children,\n}: {\n  c: DataViewsController<T>;\n  getRowId: (row: T) => string | number;\n  selectable: boolean;\n  testIdPrefix: string;\n  children: React.ReactNode;\n}): React.JSX.Element {\n  // Not selectable ⇒ no strip: a select-all over rows that cannot be selected.\n  if (!selectable) return <>{children}</>;\n  return (\n    <>\n      <SelectAllStrip\n        rows={c.matched}\n        getRowId={getRowId}\n        selectedIds={c.selectedIds}\n        onChange={(next) => c.setSelectedIds(next)}\n        testIdPrefix={testIdPrefix}\n      />\n      {children}\n    </>\n  );\n}\n\n/**\n * The body for one of the three HEADERLESS layouts, or `null` for the table.\n *\n * Split out from {@link GridMain} so the select-all strip is wrapped around the\n * result exactly once instead of being repeated identically in every branch —\n * which is also what keeps either function inside the line budget.\n */\nfunction headerlessBody<T extends Record<string, unknown>>(\n  { c, getRowId, renderCard, renderListRow, listGroup, board, selectable, dataTestId, emptyState }: GridMainProps<T>,\n  { layout, zoom, density }: ReturnType<typeof useDataViewsLayout>,\n): React.ReactNode | null {\n  // ONE switch for every headerless body: no toggle reaches a card or row, and\n  // BaseCard / BaseListCard draw no checkbox for a record without one.\n  const onToggleId = selectable ? c.toggleId : undefined;\n  if (layout === \"list\" && renderListRow) {\n    return (\n      <ListBody\n        rows={c.matched}\n        renderListRow={renderListRow}\n        getRowId={getRowId}\n        selectedIds={c.selectedIds}\n        onToggleId={onToggleId}\n        rowGap={DENSITY_ROW_PADDING[density]}\n        group={listGroup}\n        density={density}\n        dataTestId={dataTestId}\n        emptyState={emptyState}\n      />\n    );\n  }\n  if (layout === \"board\" && board && renderCard) {\n    return (\n      <DataViewsBoard\n        rows={c.matched}\n        board={board}\n        getRowId={getRowId}\n        renderCard={renderCard}\n        selectedIds={c.selectedIds}\n        onToggleId={onToggleId}\n        // DENSITY, not zoom: the board's own knob in the Exibição tab is how\n        // wide its columns are, and it is the only sizing control the board\n        // has since the zoom slider was removed.\n        cardScale={DENSITY_BOARD_SCALE[density]}\n        dataTestId={dataTestId}\n      />\n    );\n  }\n  if (layout === \"cards\" && renderCard) {\n    return (\n      <CardBody\n        rows={c.matched}\n        renderCard={renderCard}\n        getRowId={getRowId}\n        selectedIds={c.selectedIds}\n        onToggleId={onToggleId}\n        targetCardWidth={cardTargetWidthFor(zoom, density)}\n        cardScale={cardScaleForZoom(zoom)}\n        dataTestId={dataTestId}\n        emptyState={emptyState}\n      />\n    );\n  }\n  return null;\n}\n\n/** Picks the body from the layout context: board, list, cards, or the dense grid. */\nexport function GridMain<T extends Record<string, unknown>>(props: GridMainProps<T>): React.JSX.Element {\n  const { c, getRowId, selectable, dataTestId, emptyState, testIdPrefix } = props;\n  const layoutState = useDataViewsLayout();\n  const body = headerlessBody(props, layoutState);\n  if (body) {\n    return (\n      <Headerless c={c} getRowId={getRowId} selectable={selectable} testIdPrefix={testIdPrefix}>\n        {body}\n      </Headerless>\n    );\n  }\n  return (\n    <GridBody\n      rows={c.matched}\n      columns={c.gridColumns}\n      getRowId={getRowId}\n      selectedIds={[...c.selectedIds]}\n      onChangeSelected={(ids) => c.setSelectedIds(new Set(ids))}\n      selectable={selectable}\n      sortBy={c.state.sortBy}\n      onChangeSortBy={(next: GridSort[]) => c.patch({ sortBy: next })}\n      sortMode={c.serverMode ? \"server\" : \"client\"}\n      rowPadding={DENSITY_ROW_PADDING[layoutState.density]}\n      rowDetail={props.rowDetail}\n      dataTestId={dataTestId}\n      emptyState={emptyState}\n    />\n  );\n}\n\n"],"mappings":"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","names":["default"]}

package/dist/{chunk-MO52X5WW.js → chunk-JYMXYSDP.js}

@@ -1,6 +1,6 @@
 import {
   DATA_VIEWS_LAYOUTS
-} from "./chunk-LHHAYZ55.js";
+} from "./chunk-O2P2KTKN.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -187,4 +187,4 @@ export {
   useDataViewsLayout,
   DataViewsZoomSlider
 };
-//# sourceMappingURL=chunk-MO52X5WW.js.map
+//# sourceMappingURL=chunk-JYMXYSDP.js.map

package/dist/{chunk-PEHYS7TU.js → chunk-K6KBASL2.js}

@@ -4,7 +4,7 @@ import {
 import {
   DisplayTab,
   SortTab
-} from "./chunk-OR6JKOQ5.js";
+} from "./chunk-33XGC4YU.js";
 import {
   ViewActions,
   ViewFooter,
@@ -265,4 +265,4 @@ function DataViewsDisplayPanel({
 export {
   DataViewsDisplayPanel
 };
-//# sourceMappingURL=chunk-PEHYS7TU.js.map
+//# sourceMappingURL=chunk-K6KBASL2.js.map

package/dist/{chunk-EMHG2ZQN.js → chunk-KDQEJAKH.js}

@@ -4,7 +4,7 @@ import {
   NOT_LIVE,
   SlotIcon,
   focusRing
-} from "./chunk-MQNL5UME.js";
+} from "./chunk-JXW6DZDN.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -110,4 +110,4 @@ function raisedSx(theme, expanded) {
 export {
   RaisedActionButton
 };
-//# sourceMappingURL=chunk-EMHG2ZQN.js.map
+//# sourceMappingURL=chunk-KDQEJAKH.js.map

package/dist/{chunk-T3SZYWWN.js → chunk-L6MGAPBX.js}

@@ -1,6 +1,6 @@
 import {
   GridToolbar
-} from "./chunk-FL2DRDTS.js";
+} from "./chunk-2VMIHFMX.js";
 
 // src/components/data-display/DataViews/data-views-shell-toolbar.tsx
 import { jsx } from "react/jsx-runtime";
@@ -66,4 +66,4 @@ function ShellToolbar({
 export {
   ShellToolbar
 };
-//# sourceMappingURL=chunk-T3SZYWWN.js.map
+//# sourceMappingURL=chunk-L6MGAPBX.js.map

package/dist/{chunk-YLBZ3SKU.js → chunk-L7OWFJUU.js}

@@ -1,6 +1,6 @@
 import {
   GridMain
-} from "./chunk-GVEWFA3Z.js";
+} from "./chunk-JY5YINUH.js";
 import {
   FilterDialog,
   GridFilterPanel
@@ -27,17 +27,17 @@ import {
 } from "./chunk-5YDS6HO3.js";
 import {
   ScopeTabsSlot
-} from "./chunk-E2VVEXEX.js";
+} from "./chunk-VJB63DUM.js";
 import {
   ShellToolbar
-} from "./chunk-T3SZYWWN.js";
+} from "./chunk-L6MGAPBX.js";
 import {
   togglePillValues
 } from "./chunk-XZE5FIRB.js";
 import {
   DataViewsLayoutProvider,
   useDataViewsLayout
-} from "./chunk-MO52X5WW.js";
+} from "./chunk-JYMXYSDP.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -183,6 +183,7 @@ function ShellStack({
                 listGroup: props.listGroup,
                 board: props.board,
                 rowDetail: props.rowDetail,
+                selectable: props.selectable !== false,
                 dataTestId,
                 testIdPrefix,
                 emptyState: body
@@ -240,4 +241,4 @@ function GridShell(props) {
 export {
   GridShell
 };
-//# sourceMappingURL=chunk-YLBZ3SKU.js.map
+//# sourceMappingURL=chunk-L7OWFJUU.js.map