@12-apps/ui 6.64.1 → 6.66.0

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-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-642NSD7N.js → chunk-HG7MCNRR.js}

@@ -96,6 +96,7 @@ var Sheet = (props) => {
     anchor: position,
     open: isOpen,
     className,
+    ...resolved.animated === false ? { transitionDuration: 0 } : {},
     // A tap outside obeys `closeOnOverlayClick`. A swipe-to-dismiss (no
     // reason: SwipeableDrawer calls `onClose()` bare) closes. Escape is the
     // hook's own listener alone, which honours `closeOnEscape` — the modal's
@@ -142,4 +143,4 @@ var Sheet = (props) => {
 export {
   Sheet
 };
-//# sourceMappingURL=chunk-642NSD7N.js.map
+//# sourceMappingURL=chunk-HG7MCNRR.js.map

package/dist/{chunk-642NSD7N.js.map → chunk-HG7MCNRR.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/data-display/Sheet/Sheet.tsx"],"sourcesContent":["import Drawer from '@mui/material/Drawer/index.js';\nimport SwipeableDrawer from '@mui/material/SwipeableDrawer/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport type { BackdropProps } from '@mui/material/Backdrop/index.js';\nimport React from 'react';\n\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport {\n  DEFAULT_DRAG_RESISTANCE,\n  DEFAULT_VELOCITY_THRESHOLD,\n  SPRING_CONFIG,\n} from './Sheet.animations';\nimport { SheetBody } from './Sheet.body';\nimport { useSheetDrag, useSheetOpen } from './Sheet.hooks';\nimport { SheetOverlay } from './Sheet.parts';\nimport { panelSx } from './Sheet.styles';\nimport type { SheetProps } from './Sheet.types';\n\nexport { SheetContent, SheetFooter, SheetHeader, SheetOverlay } from './Sheet.parts';\n\nconst DEFAULTS = {\n  open: false,\n  position: 'bottom',\n  variant: 'default',\n  size: 'md',\n  color: 'primary',\n  glow: false,\n  pulse: false,\n  glass: false,\n  gradient: false,\n  loading: false,\n  disabled: false,\n  showOverlay: true,\n  closeOnOverlayClick: true,\n  closeOnEscape: true,\n  showCloseButton: true,\n  showHandle: true,\n  swipeable: true,\n  snapPoints: [0.25, 0.5, 0.75, 1],\n  defaultSnapPoint: 0.5,\n  minSnapPoint: 0,\n  maxSnapPoint: 1,\n  velocityThreshold: DEFAULT_VELOCITY_THRESHOLD,\n  dragResistance: DEFAULT_DRAG_RESISTANCE,\n  animationConfig: SPRING_CONFIG,\n  persistent: false,\n  fullHeight: false,\n  rounded: true,\n  elevation: 16,\n  dataTestId: 'sheet',\n} satisfies Partial<SheetProps>;\n\n/**\n * The props with every defaulted key now guaranteed present. Without this the\n * component would need a `?? fallback` at each use site, and each of those is a\n * branch the complexity gate counts.\n */\ntype ResolvedSheetProps = SheetProps & Required<Pick<SheetProps, keyof typeof DEFAULTS>>;\n\n/**\n * The drawer's own backdrop, made invisible: it only CATCHES the tap.\n *\n * The visible veil is {@link SheetOverlay}, which knows about the `glass`\n * blur. But the drawer's modal root covers the whole viewport above that veil,\n * so with no backdrop at all a tap on the veil landed on the bare root, which\n * handles nothing — and no sheet ever closed on an outside tap. This one sits\n * under the panel, paints nothing, and hands the tap to the drawer's\n * `onClose('backdropClick')`, which the sheet routes through its own\n * `closeOnOverlayClick` / `persistent` rules.\n *\n * Defined at module scope: a component built inside a render is a new type on\n * every pass, which remounts the subtree it belongs to.\n */\nconst ClickCatcher = React.forwardRef<HTMLDivElement, BackdropProps & { 'data-testid'?: string }>(\n  ({ onClick, 'data-testid': testId }, ref) => (\n    <div\n      ref={ref}\n      aria-hidden\n      onClick={onClick}\n      data-testid={testId}\n      style={{ position: 'fixed', inset: 0, backgroundColor: 'transparent' }}\n    />\n  ),\n) as React.ComponentType<BackdropProps>;\nClickCatcher.displayName = 'SheetClickCatcher';\n\n/**\n * Which way the sheet is anchored. Four flags rather than four repeated\n * comparisons, and the only thing the hooks and styles need to know about\n * `position` and `variant`.\n */\nconst orientationOf = ({ position, variant }: ResolvedSheetProps) => {\n  const isBottomSheet = position === 'bottom';\n  const isTopSheet = position === 'top';\n\n  return {\n    isBottomSheet,\n    isTopSheet,\n    isVerticalSheet: isBottomSheet || isTopSheet,\n    isDraggableVariant: variant === 'draggable',\n  };\n};\n\nexport const Sheet: React.FC<SheetProps> = (props) => {\n  const resolved = withDefaults(props, DEFAULTS) as ResolvedSheetProps;\n  const { position, variant, showOverlay, swipeable, className, dataTestId } = resolved;\n\n  const theme = useTheme();\n  const orientation = orientationOf(resolved);\n\n  // Support both the dataTestId prop and a plain data-testid attribute.\n  const testId = (resolved as { 'data-testid'?: string })['data-testid'] || dataTestId;\n\n  const { sheetRef, currentHeight, isDragging, isAnimating, handleDragStart, resetToDefaultSnapPoint } =\n    useSheetDrag({ ...resolved, ...orientation });\n\n  const { isOpen, handleClose, handleOverlayClick, handleSwipeOpen } = useSheetOpen({\n    ...resolved,\n    ...orientation,\n    resetToDefaultSnapPoint,\n  });\n\n  const drawerProps = {\n    anchor: position,\n    open: isOpen,\n    className,\n    // A tap outside obeys `closeOnOverlayClick`. A swipe-to-dismiss (no\n    // reason: SwipeableDrawer calls `onClose()` bare) closes. Escape is the\n    // hook's own listener alone, which honours `closeOnEscape` — the modal's\n    // is switched off below so the key never closes twice or past the flag.\n    onClose: (_event?: object, reason?: 'backdropClick' | 'escapeKeyDown') =>\n      reason === 'backdropClick' ? handleOverlayClick() : handleClose(),\n    PaperProps: {\n      ref: sheetRef,\n      sx: panelSx({ ...resolved, ...orientation, theme, currentHeight, isDragging, isAnimating }),\n    },\n    ModalProps: {\n      keepMounted: true,\n      disableEscapeKeyDown: true,\n      BackdropComponent: ClickCatcher,\n      BackdropProps: { 'data-testid': testId ? `${testId}-click-catcher` : undefined } as Partial<BackdropProps>,\n    },\n  };\n\n  const body = (\n    <SheetBody\n      {...resolved}\n      {...orientation}\n      testId={testId}\n      isDragging={isDragging}\n      onClose={handleClose}\n      onDragStart={handleDragStart}\n    />\n  );\n\n  // The draggable variant drives the panel's height itself; MUI's swipe handling\n  // would be a second thing moving it.\n  const isSwipeable = swipeable && !orientation.isDraggableVariant;\n\n  return (\n    <>\n      {showOverlay && isOpen && (\n        <SheetOverlay open={isOpen} onClick={handleOverlayClick} blur={variant === 'glass'} />\n      )}\n\n      {isSwipeable ? (\n        <SwipeableDrawer\n          {...drawerProps}\n          onOpen={handleSwipeOpen}\n          disableSwipeToOpen={false}\n          swipeAreaWidth={20}\n        >\n          {body}\n        </SwipeableDrawer>\n      ) : (\n        <Drawer {...drawerProps}>{body}</Drawer>\n      )}\n    </>\n  );\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/components/data-display/Sheet/Sheet.tsx"],"sourcesContent":["import Drawer from '@mui/material/Drawer/index.js';\nimport SwipeableDrawer from '@mui/material/SwipeableDrawer/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport type { BackdropProps } from '@mui/material/Backdrop/index.js';\nimport React from 'react';\n\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport {\n  DEFAULT_DRAG_RESISTANCE,\n  DEFAULT_VELOCITY_THRESHOLD,\n  SPRING_CONFIG,\n} from './Sheet.animations';\nimport { SheetBody } from './Sheet.body';\nimport { useSheetDrag, useSheetOpen } from './Sheet.hooks';\nimport { SheetOverlay } from './Sheet.parts';\nimport { panelSx } from './Sheet.styles';\nimport type { SheetProps } from './Sheet.types';\n\nexport { SheetContent, SheetFooter, SheetHeader, SheetOverlay } from './Sheet.parts';\n\nconst DEFAULTS = {\n  open: false,\n  position: 'bottom',\n  variant: 'default',\n  size: 'md',\n  color: 'primary',\n  glow: false,\n  pulse: false,\n  glass: false,\n  gradient: false,\n  loading: false,\n  disabled: false,\n  showOverlay: true,\n  closeOnOverlayClick: true,\n  closeOnEscape: true,\n  showCloseButton: true,\n  showHandle: true,\n  swipeable: true,\n  snapPoints: [0.25, 0.5, 0.75, 1],\n  defaultSnapPoint: 0.5,\n  minSnapPoint: 0,\n  maxSnapPoint: 1,\n  velocityThreshold: DEFAULT_VELOCITY_THRESHOLD,\n  dragResistance: DEFAULT_DRAG_RESISTANCE,\n  animationConfig: SPRING_CONFIG,\n  persistent: false,\n  fullHeight: false,\n  rounded: true,\n  elevation: 16,\n  dataTestId: 'sheet',\n} satisfies Partial<SheetProps>;\n\n/**\n * The props with every defaulted key now guaranteed present. Without this the\n * component would need a `?? fallback` at each use site, and each of those is a\n * branch the complexity gate counts.\n */\ntype ResolvedSheetProps = SheetProps & Required<Pick<SheetProps, keyof typeof DEFAULTS>>;\n\n/**\n * The drawer's own backdrop, made invisible: it only CATCHES the tap.\n *\n * The visible veil is {@link SheetOverlay}, which knows about the `glass`\n * blur. But the drawer's modal root covers the whole viewport above that veil,\n * so with no backdrop at all a tap on the veil landed on the bare root, which\n * handles nothing — and no sheet ever closed on an outside tap. This one sits\n * under the panel, paints nothing, and hands the tap to the drawer's\n * `onClose('backdropClick')`, which the sheet routes through its own\n * `closeOnOverlayClick` / `persistent` rules.\n *\n * Defined at module scope: a component built inside a render is a new type on\n * every pass, which remounts the subtree it belongs to.\n */\nconst ClickCatcher = React.forwardRef<HTMLDivElement, BackdropProps & { 'data-testid'?: string }>(\n  ({ onClick, 'data-testid': testId }, ref) => (\n    <div\n      ref={ref}\n      aria-hidden\n      onClick={onClick}\n      data-testid={testId}\n      style={{ position: 'fixed', inset: 0, backgroundColor: 'transparent' }}\n    />\n  ),\n) as React.ComponentType<BackdropProps>;\nClickCatcher.displayName = 'SheetClickCatcher';\n\n/**\n * Which way the sheet is anchored. Four flags rather than four repeated\n * comparisons, and the only thing the hooks and styles need to know about\n * `position` and `variant`.\n */\nconst orientationOf = ({ position, variant }: ResolvedSheetProps) => {\n  const isBottomSheet = position === 'bottom';\n  const isTopSheet = position === 'top';\n\n  return {\n    isBottomSheet,\n    isTopSheet,\n    isVerticalSheet: isBottomSheet || isTopSheet,\n    isDraggableVariant: variant === 'draggable',\n  };\n};\n\nexport const Sheet: React.FC<SheetProps> = (props) => {\n  const resolved = withDefaults(props, DEFAULTS) as ResolvedSheetProps;\n  const { position, variant, showOverlay, swipeable, className, dataTestId } = resolved;\n\n  const theme = useTheme();\n  const orientation = orientationOf(resolved);\n\n  // Support both the dataTestId prop and a plain data-testid attribute.\n  const testId = (resolved as { 'data-testid'?: string })['data-testid'] || dataTestId;\n\n  const { sheetRef, currentHeight, isDragging, isAnimating, handleDragStart, resetToDefaultSnapPoint } =\n    useSheetDrag({ ...resolved, ...orientation });\n\n  const { isOpen, handleClose, handleOverlayClick, handleSwipeOpen } = useSheetOpen({\n    ...resolved,\n    ...orientation,\n    resetToDefaultSnapPoint,\n  });\n\n  const drawerProps = {\n    anchor: position,\n    open: isOpen,\n    className,\n    ...(resolved.animated === false ? { transitionDuration: 0 } : {}),\n    // A tap outside obeys `closeOnOverlayClick`. A swipe-to-dismiss (no\n    // reason: SwipeableDrawer calls `onClose()` bare) closes. Escape is the\n    // hook's own listener alone, which honours `closeOnEscape` — the modal's\n    // is switched off below so the key never closes twice or past the flag.\n    onClose: (_event?: object, reason?: 'backdropClick' | 'escapeKeyDown') =>\n      reason === 'backdropClick' ? handleOverlayClick() : handleClose(),\n    PaperProps: {\n      ref: sheetRef,\n      sx: panelSx({ ...resolved, ...orientation, theme, currentHeight, isDragging, isAnimating }),\n    },\n    ModalProps: {\n      keepMounted: true,\n      disableEscapeKeyDown: true,\n      BackdropComponent: ClickCatcher,\n      BackdropProps: { 'data-testid': testId ? `${testId}-click-catcher` : undefined } as Partial<BackdropProps>,\n    },\n  };\n\n  const body = (\n    <SheetBody\n      {...resolved}\n      {...orientation}\n      testId={testId}\n      isDragging={isDragging}\n      onClose={handleClose}\n      onDragStart={handleDragStart}\n    />\n  );\n\n  // The draggable variant drives the panel's height itself; MUI's swipe handling\n  // would be a second thing moving it.\n  const isSwipeable = swipeable && !orientation.isDraggableVariant;\n\n  return (\n    <>\n      {showOverlay && isOpen && (\n        <SheetOverlay open={isOpen} onClick={handleOverlayClick} blur={variant === 'glass'} />\n      )}\n\n      {isSwipeable ? (\n        <SwipeableDrawer\n          {...drawerProps}\n          onOpen={handleSwipeOpen}\n          disableSwipeToOpen={false}\n          swipeAreaWidth={20}\n        >\n          {body}\n        </SwipeableDrawer>\n      ) : (\n        <Drawer {...drawerProps}>{body}</Drawer>\n      )}\n    </>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-OLT6ZXK5.js → chunk-IDRVQVDL.js}

@@ -13,7 +13,7 @@ import {
   rowTextSx,
   searchFieldSx,
   titleSx
-} from "./chunk-WYRDR4T5.js";
+} from "./chunk-LZJHHMOF.js";
 import {
   CheckGlyph,
   SearchGlyph
@@ -152,4 +152,4 @@ export {
   PickerSheetSearch,
   PickerSheetList
 };
-//# sourceMappingURL=chunk-OLT6ZXK5.js.map
+//# sourceMappingURL=chunk-IDRVQVDL.js.map

package/dist/chunk-IICBAAL7.js

@@ -0,0 +1,128 @@
+import {
+  PickerSheetHead,
+  PickerSheetList,
+  PickerSheetSearch
+} from "./chunk-IDRVQVDL.js";
+import {
+  usePickerSheet
+} from "./chunk-WSMUOFWF.js";
+import {
+  bodySx,
+  dialogPaperSx,
+  footSx,
+  sheetPaperSx
+} from "./chunk-LZJHHMOF.js";
+import {
+  METRICS
+} from "./chunk-VPGDYI63.js";
+import {
+  stackedOverlayZIndex
+} from "./chunk-MFU4Y25U.js";
+
+// src/components/form/PickerSheet/PickerSheet.tsx
+import { useId } from "react";
+import Box from "@mui/material/Box/index.js";
+import Dialog from "@mui/material/Dialog/index.js";
+import Drawer from "@mui/material/Drawer/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
+import useMediaQuery from "@mui/material/useMediaQuery/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ABOVE_SHEETS = { zIndex: stackedOverlayZIndex };
+function PickerSheetSurface({
+  open,
+  sheet,
+  onClose,
+  titleId,
+  dataTestId,
+  animated,
+  children
+}) {
+  const close = () => onClose();
+  const motion = animated ? {} : { transitionDuration: 0 };
+  if (sheet) {
+    const paper2 = {
+      sx: sheetPaperSx,
+      role: "dialog",
+      "aria-modal": true,
+      "aria-labelledby": titleId,
+      "data-testid": dataTestId
+    };
+    return /* @__PURE__ */ jsx(Drawer, { anchor: "bottom", open, onClose: close, sx: ABOVE_SHEETS, slotProps: { paper: paper2 }, ...motion, children });
+  }
+  const paper = { sx: dialogPaperSx, "data-testid": dataTestId };
+  return /* @__PURE__ */ jsx(Dialog, { open, onClose: close, "aria-labelledby": titleId, sx: ABOVE_SHEETS, slotProps: { paper }, ...motion, children });
+}
+function PickerSheet(props) {
+  const { open, onClose, kicker, title, searchPlaceholder, searchLabel, closeLabel, createLabel, createMeta, emptyText, foot } = props;
+  const dataTestId = props.dataTestId ?? "picker-sheet";
+  const theme = useTheme();
+  const sheet = useMediaQuery(theme.breakpoints.down(METRICS.sheetBreakpoint));
+  const baseId = useId();
+  const titleId = `${baseId}-title`;
+  const listId = `${baseId}-list`;
+  const rowId = (index) => `${baseId}-row-${index}`;
+  const state = usePickerSheet(props);
+  return /* @__PURE__ */ jsxs(
+    PickerSheetSurface,
+    {
+      open,
+      sheet,
+      onClose,
+      titleId,
+      dataTestId,
+      animated: props.animated ?? true,
+      children: [
+        /* @__PURE__ */ jsx(
+          PickerSheetHead,
+          {
+            kicker,
+            title,
+            titleId,
+            closeLabel,
+            onClose,
+            dataTestId
+          }
+        ),
+        /* @__PURE__ */ jsxs(Box, { sx: bodySx, children: [
+          /* @__PURE__ */ jsx(
+            PickerSheetSearch,
+            {
+              query: state.query,
+              placeholder: searchPlaceholder,
+              label: searchLabel,
+              listId,
+              activeId: state.activeIndex >= 0 ? rowId(state.activeIndex) : void 0,
+              expanded: state.view.rowCount > 0,
+              inputRef: state.searchInputRef,
+              onQueryChange: state.setQuery,
+              onKeyDown: state.onSearchKeyDown,
+              dataTestId
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PickerSheetList,
+            {
+              view: state.view,
+              activeIndex: state.activeIndex,
+              cursorShown: state.cursorShown,
+              listId,
+              rowId,
+              listRef: state.listRef,
+              createLabel,
+              createMeta,
+              emptyText,
+              onChoose: state.choose,
+              dataTestId
+            }
+          ),
+          foot ? /* @__PURE__ */ jsx(Box, { component: "p", sx: footSx, "data-testid": `${dataTestId}-foot`, children: foot }) : null
+        ] })
+      ]
+    }
+  );
+}
+
+export {
+  PickerSheet
+};
+//# sourceMappingURL=chunk-IICBAAL7.js.map

package/dist/chunk-IICBAAL7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/PickerSheet/PickerSheet.tsx"],"sourcesContent":["'use client';\n\nimport { useId } from 'react';\nimport Box from '@mui/material/Box/index.js';\nimport Dialog from '@mui/material/Dialog/index.js';\nimport Drawer from '@mui/material/Drawer/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport useMediaQuery from '@mui/material/useMediaQuery/index.js';\n\nimport { METRICS as CATEGORY_SELECT_METRICS } from '../CategorySelect/CategorySelect.styles';\nimport { stackedOverlayZIndex } from '../../../tokens/layers';\nimport { PickerSheetHead, PickerSheetList, PickerSheetSearch } from './PickerSheet.parts';\nimport { bodySx, dialogPaperSx, footSx, sheetPaperSx } from './PickerSheet.styles';\nimport type { PickerSheetProps } from './PickerSheet.types';\nimport { usePickerSheet } from './usePickerSheet';\n\n/**\n * Both surfaces clear the sheet ladder rather than taking MUI's default — the\n * same rule as `CategoryPanelSurface`. A `Dialog` sits at `zIndex.modal` and a\n * temporary `Drawer` a step lower, while `StackedModal` puts its second panel\n * at 1310: a picker opened from a stacked editor painted UNDER it (FUT-806).\n * See `tokens/layers`.\n */\nconst ABOVE_SHEETS = { zIndex: stackedOverlayZIndex } as const;\n\ninterface SurfaceProps {\n  open: boolean;\n  /** True below the sheet breakpoint — a bottom sheet instead of a centred dialog. */\n  sheet: boolean;\n  onClose: () => void;\n  titleId: string;\n  dataTestId: string;\n  /** False: open and close at once, with no slide or fade. */\n  animated: boolean;\n  children: React.ReactNode;\n}\n\n/**\n * Where the sheet lives. Both surfaces are modal, which gives Esc, the\n * tap-outside dismissal and focus containment for free.\n */\nfunction PickerSheetSurface({\n  open,\n  sheet,\n  onClose,\n  titleId,\n  dataTestId,\n  animated,\n  children,\n}: SurfaceProps): React.JSX.Element {\n  const close = (): void => onClose();\n  const motion = animated ? {} : { transitionDuration: 0 };\n  if (sheet) {\n    // A Drawer's paper carries no dialog semantics of its own, so it is given them.\n    const paper = {\n      sx: sheetPaperSx,\n      role: 'dialog',\n      'aria-modal': true,\n      'aria-labelledby': titleId,\n      'data-testid': dataTestId,\n    };\n    return (\n      <Drawer anchor=\"bottom\" open={open} onClose={close} sx={ABOVE_SHEETS} slotProps={{ paper }} {...motion}>\n        {children}\n      </Drawer>\n    );\n  }\n  const paper = { sx: dialogPaperSx, 'data-testid': dataTestId };\n  return (\n    <Dialog open={open} onClose={close} aria-labelledby={titleId} sx={ABOVE_SHEETS} slotProps={{ paper }} {...motion}>\n      {children}\n    </Dialog>\n  );\n}\n\n/**\n * A searchable pick-or-create sheet: a title, a search box, a list of rows\n * (optionally a tree), and a create row when the query names nothing yet.\n *\n * A centred dialog on a pointer and a bottom sheet under `CategorySelect`'s\n * sheet breakpoint. Typing filters (case-insensitive substring over each\n * item's label and `searchText`, accents aside) and flattens the tree; ↑↓ move\n * the cursor, Enter picks,\n * Esc or a tap outside closes. Picking calls `onPick` and nothing else — the\n * caller decides when to close. All copy comes from the caller.\n */\nexport function PickerSheet(props: PickerSheetProps): React.JSX.Element {\n  const { open, onClose, kicker, title, searchPlaceholder, searchLabel, closeLabel, createLabel, createMeta, emptyText, foot } =\n    props;\n  const dataTestId = props.dataTestId ?? 'picker-sheet';\n  const theme = useTheme();\n  const sheet = useMediaQuery(theme.breakpoints.down(CATEGORY_SELECT_METRICS.sheetBreakpoint));\n  const baseId = useId();\n  const titleId = `${baseId}-title`;\n  const listId = `${baseId}-list`;\n  const rowId = (index: number): string => `${baseId}-row-${index}`;\n  const state = usePickerSheet(props);\n\n  return (\n    <PickerSheetSurface\n      open={open}\n      sheet={sheet}\n      onClose={onClose}\n      titleId={titleId}\n      dataTestId={dataTestId}\n      animated={props.animated ?? true}\n    >\n      <PickerSheetHead\n        kicker={kicker}\n        title={title}\n        titleId={titleId}\n        closeLabel={closeLabel}\n        onClose={onClose}\n        dataTestId={dataTestId}\n      />\n      <Box sx={bodySx}>\n        <PickerSheetSearch\n          query={state.query}\n          placeholder={searchPlaceholder}\n          label={searchLabel}\n          listId={listId}\n          activeId={state.activeIndex >= 0 ? rowId(state.activeIndex) : undefined}\n          expanded={state.view.rowCount > 0}\n          inputRef={state.searchInputRef}\n          onQueryChange={state.setQuery}\n          onKeyDown={state.onSearchKeyDown}\n          dataTestId={dataTestId}\n        />\n        <PickerSheetList\n          view={state.view}\n          activeIndex={state.activeIndex}\n          cursorShown={state.cursorShown}\n          listId={listId}\n          rowId={rowId}\n          listRef={state.listRef}\n          createLabel={createLabel}\n          createMeta={createMeta}\n          emptyText={emptyText}\n          onChoose={state.choose}\n          dataTestId={dataTestId}\n        />\n        {foot ? (\n          <Box component=\"p\" sx={footSx} data-testid={`${dataTestId}-foot`}>\n            {foot}\n          </Box>\n        ) : null}\n      </Box>\n    </PickerSheetSurface>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAEA,SAAS,aAAa;AACtB,OAAO,SAAS;AAChB,OAAO,YAAY;AACnB,OAAO,YAAY;AACnB,SAAS,gBAAgB;AACzB,OAAO,mBAAmB;AAuDpB,cAqDA,YArDA;AAvCN,IAAM,eAAe,EAAE,QAAQ,qBAAqB;AAkBpD,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAoC;AAClC,QAAM,QAAQ,MAAY,QAAQ;AAClC,QAAM,SAAS,WAAW,CAAC,IAAI,EAAE,oBAAoB,EAAE;AACvD,MAAI,OAAO;AAET,UAAMA,SAAQ;AAAA,MACZ,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,cAAc;AAAA,MACd,mBAAmB;AAAA,MACnB,eAAe;AAAA,IACjB;AACA,WACE,oBAAC,UAAO,QAAO,UAAS,MAAY,SAAS,OAAO,IAAI,cAAc,WAAW,EAAE,OAAAA,OAAM,GAAI,GAAG,QAC7F,UACH;AAAA,EAEJ;AACA,QAAM,QAAQ,EAAE,IAAI,eAAe,eAAe,WAAW;AAC7D,SACE,oBAAC,UAAO,MAAY,SAAS,OAAO,mBAAiB,SAAS,IAAI,cAAc,WAAW,EAAE,MAAM,GAAI,GAAG,QACvG,UACH;AAEJ;AAaO,SAAS,YAAY,OAA4C;AACtE,QAAM,EAAE,MAAM,SAAS,QAAQ,OAAO,mBAAmB,aAAa,YAAY,aAAa,YAAY,WAAW,KAAK,IACzH;AACF,QAAM,aAAa,MAAM,cAAc;AACvC,QAAM,QAAQ,SAAS;AACvB,QAAM,QAAQ,cAAc,MAAM,YAAY,KAAK,QAAwB,eAAe,CAAC;AAC3F,QAAM,SAAS,MAAM;AACrB,QAAM,UAAU,GAAG,MAAM;AACzB,QAAM,SAAS,GAAG,MAAM;AACxB,QAAM,QAAQ,CAAC,UAA0B,GAAG,MAAM,QAAQ,KAAK;AAC/D,QAAM,QAAQ,eAAe,KAAK;AAElC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,MAAM,YAAY;AAAA,MAE5B;AAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA,QACA,qBAAC,OAAI,IAAI,QACP;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,MAAM;AAAA,cACb,aAAa;AAAA,cACb,OAAO;AAAA,cACP;AAAA,cACA,UAAU,MAAM,eAAe,IAAI,MAAM,MAAM,WAAW,IAAI;AAAA,cAC9D,UAAU,MAAM,KAAK,WAAW;AAAA,cAChC,UAAU,MAAM;AAAA,cAChB,eAAe,MAAM;AAAA,cACrB,WAAW,MAAM;AAAA,cACjB;AAAA;AAAA,UACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,MAAM;AAAA,cACZ,aAAa,MAAM;AAAA,cACnB,aAAa,MAAM;AAAA,cACnB;AAAA,cACA;AAAA,cACA,SAAS,MAAM;AAAA,cACf;AAAA,cACA;AAAA,cACA;AAAA,cACA,UAAU,MAAM;AAAA,cAChB;AAAA;AAAA,UACF;AAAA,UACC,OACC,oBAAC,OAAI,WAAU,KAAI,IAAI,QAAQ,eAAa,GAAG,UAAU,SACtD,gBACH,IACE;AAAA,WACN;AAAA;AAAA;AAAA,EACF;AAEJ;","names":["paper"]}

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-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