@12-apps/ui 6.41.2 → 6.43.0

package/dist/chunk-UVFZQCC7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/TimingDiagram/TimingDiagram.views.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport Tooltip from '@mui/material/Tooltip/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, styled, useTheme } from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport type { FC, ReactElement } from 'react';\nimport React from 'react';\n\nimport type { TimingData } from './TimingDiagram.types';\nimport type { TimingDiagramCopy } from '../../../copy';\nimport { onMedia, sheen, uiInk } from '../../../tokens/ink';\nimport { rem, rems } from '../../../tokens/relative';\n\nexport type PhaseKey = 'dns' | 'connect' | 'ssl' | 'request' | 'response';\n\n// Each phase's colour, from the theme's named timing set (`uiInk`).\nexport const phaseColors = (theme: Theme): Record<PhaseKey, string> => {\n  const phases = uiInk(theme).timingPhases;\n  return {\n    dns: phases.dns,\n    connect: phases.connect,\n    ssl: phases.tls,\n    request: phases.request,\n    response: phases.response,\n  };\n};\n\nexport interface Phase {\n  key: string;\n  label: string;\n  value?: number;\n}\n\nexport interface TimingViewProps {\n  phases: Phase[];\n  percentages: Record<string, number>;\n  data: TimingData;\n  copy: TimingDiagramCopy;\n  animated: boolean;\n  showLabels: boolean;\n  showTooltips: boolean;\n  /** The waterfall's plot height in design px — drawn through `rem`. */\n  plotHeightPx: number;\n}\n\nexport const formatTime = (ms: number): string => {\n  if (ms < 1000) return `${ms}ms`;\n  return `${(ms / 1000).toFixed(2)}s`;\n};\n\nconst colorOf = (theme: Theme, phase: Phase): string => phaseColors(theme)[phase.key as PhaseKey];\nconst widthOf = (percentages: Record<string, number>, phase: Phase): number =>\n  percentages[phase.key] ?? 0;\n\n// Waterfall and stacked both offer the same hover explanation of a segment; only\n// whether tooltips are on at all varies.\nconst withTooltip = (\n  phase: Phase,\n  enabled: boolean,\n  element: ReactElement,\n): ReactElement =>\n  enabled ? (\n    <Tooltip\n      key={phase.key}\n      title={`${phase.label}: ${formatTime(phase.value!)}`}\n      placement=\"top\"\n      role=\"tooltip\"\n      aria-describedby={`tooltip-${phase.key}`}\n    >\n      {element}\n    </Tooltip>\n  ) : (\n    element\n  );\n\nconst WaterfallContainer = styled(Box)(({ theme }) => ({\n  position: 'relative',\n  width: '100%',\n  marginTop: theme.spacing(2),\n}));\n\nconst WaterfallBar = styled(Box, {\n  shouldForwardProp: (prop) =>\n    !['phaseColor', 'offset', 'widthPct', 'animated'].includes(prop as string),\n})<{\n  phaseColor: string;\n  offset: number;\n  widthPct: number;\n  animated: boolean;\n}>(({ theme, phaseColor, offset, widthPct, animated }) => ({\n  position: 'absolute',\n  height: rem(theme, 32),\n  left: `${offset}%`,\n  width: `${widthPct}%`,\n  background: `linear-gradient(90deg, ${phaseColor} 0%, ${alpha(phaseColor, 0.8)} 100%)`,\n  borderRadius: theme.shape.borderRadius,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  color: theme.palette.getContrastText(phaseColor),\n  fontSize: rem(theme, 12),\n  fontWeight: 500,\n  boxShadow: `${rems(theme, 0, 2, 8)} ${alpha(phaseColor, 0.3)}`,\n  transition: animated ? 'all 0.5s ease' : 'none',\n  animation: animated ? 'slideIn 0.5s ease' : 'none',\n  '@keyframes slideIn': {\n    from: {\n      transform: `translateX(${rem(theme, -20)})`,\n      opacity: 0,\n    },\n    to: {\n      transform: 'translateX(0)',\n      opacity: 1,\n    },\n  },\n  '&:hover': {\n    transform: `translateY(${rem(theme, -2)})`,\n    boxShadow: `${rems(theme, 0, 4, 12)} ${alpha(phaseColor, 0.5)}`,\n    zIndex: 10,\n  },\n}));\n\nconst TimelineAxis = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  justifyContent: 'space-between',\n  marginTop: theme.spacing(1),\n  paddingTop: theme.spacing(1),\n  borderTop: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n}));\n\nconst TimeLabel = styled(Typography)(({ theme }) => ({\n  fontSize: rem(theme, 11.2),\n  color: theme.palette.text.secondary,\n  fontWeight: 500,\n}));\n\nexport const WaterfallView: FC<TimingViewProps> = ({\n  phases,\n  percentages,\n  data,\n  animated,\n  showLabels,\n  showTooltips,\n  plotHeightPx,\n}) => {\n  const theme = useTheme();\n  // Each bar starts where the previous one ended, so the row reads as a timeline.\n  let offset = 0;\n\n  return (\n    <WaterfallContainer style={{ height: rem(theme, plotHeightPx + 40) }} data-variant=\"waterfall\">\n      {phases.map((phase, index) => {\n        const width = widthOf(percentages, phase);\n        const currentOffset = offset;\n        offset += width;\n\n        return withTooltip(\n          phase,\n          showTooltips,\n          <WaterfallBar\n            key={phase.key}\n            data-testid={`timing-segment-${phase.key}`}\n            phaseColor={colorOf(theme, phase)}\n            offset={currentOffset}\n            widthPct={width}\n            animated={animated}\n            data-animated={animated.toString()}\n            style={{\n              top: rem(theme, index * 8),\n              width: `${width}%`,\n              left: `${currentOffset}%`,\n            }}\n          >\n            {showLabels && width > 10 && (\n              <span data-testid=\"timing-label\">{formatTime(phase.value!)}</span>\n            )}\n          </WaterfallBar>,\n        );\n      })}\n      <TimelineAxis style={{ marginTop: rem(theme, plotHeightPx) }}>\n        <TimeLabel>0ms</TimeLabel>\n        <TimeLabel>{formatTime(data.total / 2)}</TimeLabel>\n        <TimeLabel>{formatTime(data.total)}</TimeLabel>\n      </TimelineAxis>\n    </WaterfallContainer>\n  );\n};\n\nconst StackedBar = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'animated',\n})<{ animated: boolean }>(({ theme, animated }) => ({\n  display: 'flex',\n  width: '100%',\n  height: rem(theme, 40),\n  borderRadius: theme.shape.borderRadius,\n  overflow: 'hidden',\n  boxShadow: theme.shadows[2],\n  ...(animated && {\n    '& > div': {\n      animation: 'expandWidth 0.8s ease',\n    },\n    '@keyframes expandWidth': {\n      from: { width: 0 },\n      to: { width: '100%' },\n    },\n  }),\n}));\n\nconst StackedSegment = styled(Box, {\n  shouldForwardProp: (prop) => !['phaseColor', 'widthPct'].includes(prop as string),\n})<{ phaseColor: string; widthPct: number }>(({ theme, phaseColor, widthPct }) => ({\n  width: `${widthPct}%`,\n  background: `linear-gradient(135deg, ${phaseColor} 0%, ${alpha(phaseColor, 0.85)} 100%)`,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  color: onMedia(theme),\n  fontSize: rem(theme, 11.2),\n  fontWeight: 600,\n  position: 'relative',\n  transition: 'all 0.3s ease',\n  '&:hover': {\n    filter: 'brightness(1.1)',\n    zIndex: 1,\n  },\n}));\n\nexport const StackedView: FC<TimingViewProps> = ({\n  phases,\n  percentages,\n  data,\n  copy,\n  animated,\n  showLabels,\n  showTooltips,\n}) => {\n  const theme = useTheme();\n  return (\n    <Box data-variant=\"stacked\">\n      <StackedBar animated={animated} data-animated={animated.toString()}>\n        {phases.map((phase) => {\n          const width = widthOf(percentages, phase);\n\n          return withTooltip(\n            phase,\n            showTooltips,\n            <StackedSegment\n              key={phase.key}\n              data-testid={`timing-segment-${phase.key}`}\n              phaseColor={colorOf(theme, phase)}\n              widthPct={width}\n              style={{ width: `${width}%` }}\n            >\n              {showLabels && width > 10 && (\n                <span data-testid=\"timing-label\">{formatTime(phase.value!)}</span>\n              )}\n            </StackedSegment>,\n          );\n        })}\n      </StackedBar>\n      <Box sx={{ display: 'flex', justifyContent: 'space-between', mt: 1 }}>\n        <Typography variant=\"caption\" color=\"text.secondary\">\n          0ms\n        </Typography>\n        <Typography variant=\"caption\" color=\"text.secondary\" fontWeight=\"bold\">\n          {copy.total(formatTime(data.total))}\n        </Typography>\n      </Box>\n    </Box>\n  );\n};\n\nconst HorizontalBar = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(1),\n  marginTop: theme.spacing(2),\n}));\n\nconst HorizontalSegment = styled(Box, {\n  shouldForwardProp: (prop) => !['phaseColor', 'widthPct', 'animated'].includes(prop as string),\n})<{\n  phaseColor: string;\n  widthPct: number;\n  animated: boolean;\n}>(({ theme, phaseColor, animated }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(2),\n  '& .label': {\n    minWidth: rem(theme, 80),\n    fontSize: rem(theme, 13.6),\n    fontWeight: 500,\n    color: theme.palette.text.secondary,\n  },\n  '& .bar': {\n    flex: 1,\n    height: rem(theme, 24),\n    borderRadius: theme.shape.borderRadius,\n    background: `linear-gradient(90deg, ${phaseColor} 0%, ${alpha(phaseColor, 0.7)} 100%)`,\n    position: 'relative',\n    overflow: 'hidden',\n    boxShadow: `${rems(theme, 0, 2, 6)} ${alpha(phaseColor, 0.25)}`,\n    ...(animated && {\n      '&::after': {\n        content: '\"\"',\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        background: `linear-gradient(90deg, transparent 0%, ${sheen(theme, 0.3)} 50%, transparent 100%)`,\n        animation: 'shimmer 2s infinite',\n      },\n      '@keyframes shimmer': {\n        from: { transform: 'translateX(-100%)' },\n        to: { transform: 'translateX(100%)' },\n      },\n    }),\n  },\n  '& .value': {\n    minWidth: rem(theme, 60),\n    textAlign: 'right',\n    fontSize: rem(theme, 13.6),\n    fontWeight: 600,\n    color: phaseColor,\n  },\n}));\n\nexport const HorizontalView: FC<TimingViewProps> = ({\n  phases,\n  percentages,\n  data,\n  copy,\n  animated,\n}) => {\n  const theme = useTheme();\n\n  return (\n    <HorizontalBar data-variant=\"horizontal\">\n      {phases.map((phase) => (\n        <HorizontalSegment\n          key={phase.key}\n          data-testid={`timing-segment-${phase.key}`}\n          phaseColor={colorOf(theme, phase)}\n          widthPct={widthOf(percentages, phase)}\n          animated={animated}\n          data-animated={animated.toString()}\n        >\n          <Typography className=\"label\">{phase.label}</Typography>\n          <Box className=\"bar\" style={{ width: `${percentages[phase.key]}%` }} />\n          <Typography className=\"value\" data-testid=\"timing-label\">\n            {formatTime(phase.value!)}\n          </Typography>\n        </HorizontalSegment>\n      ))}\n      <Box sx={{ mt: 2, pt: 2, borderTop: `1px solid ${alpha(theme.palette.divider, 0.2)}` }}>\n        <Typography variant=\"body2\" fontWeight=\"bold\" color=\"primary\">\n          {copy.totalTime(formatTime(data.total))}\n        </Typography>\n      </Box>\n    </HorizontalBar>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-U5SH3VRJ.js → chunk-V5ZLUJV7.js}

@@ -16,7 +16,20 @@ var PT_BR_LIGHTBOX_COPY = {
   zoomOut: "Afastar",
   resetZoom: "Restaurar o zoom",
   play: "Iniciar a apresenta\xE7\xE3o",
-  pause: "Pausar a apresenta\xE7\xE3o"
+  pause: "Pausar a apresenta\xE7\xE3o",
+  dialogLabel: "Galeria de imagens",
+  itemPosition: (index, total) => `Item ${index} de ${total}`,
+  videoFallback: (index, total) => `V\xEDdeo ${index} de ${total}`,
+  imageFallback: (index, total) => `Imagem ${index} de ${total}`,
+  thumbnailFallback: (index) => `Miniatura ${index}`
+};
+var PT_BR_DATA_GRID_COPY = {
+  sortBy: (header) => `Ordenar por ${header}`,
+  selectRow: (rowNumber) => `Selecionar linha ${rowNumber}`,
+  selectAllRows: "Selecionar todas as linhas",
+  expandRow: "Expandir linha",
+  collapseRow: "Recolher linha",
+  gridLabel: "Grade de dados"
 };
 var PT_BR_MAP_PREVIEW_COPY = {
   zoomIn: "Aproximar",
@@ -32,7 +45,14 @@ var PT_BR_CAROUSEL_COPY = {
 };
 var PT_BR_TIMING_DIAGRAM_COPY = {
   regionLabel: "Diagrama de tempos",
-  heading: "Tempo da requisi\xE7\xE3o"
+  heading: "Tempo da requisi\xE7\xE3o",
+  dns: "Busca de DNS",
+  connect: "Conex\xE3o",
+  ssl: "SSL/TLS",
+  request: "Requisi\xE7\xE3o",
+  response: "Resposta",
+  total: (formatted) => `Total: ${formatted}`,
+  totalTime: (formatted) => `Tempo total: ${formatted}`
 };
 var PT_BR_DATA_STATE_COPY = {
   empty: "Nenhum dado por aqui",
@@ -141,6 +161,7 @@ var PT_BR_DATA_VIEWS_COPY = {
   },
   tableFilter: PT_BR_TABLE_FILTER_COPY,
   grid: {
+    ...PT_BR_DATA_GRID_COPY,
     rowActions: "A\xE7\xF5es",
     bulkActions: (selectedCount) => `A\xE7\xF5es (${selectedCount}) \u25BE`,
     emptyFilteredTitle: "Nenhum resultado para esses filtros",
@@ -219,10 +240,11 @@ var PT_BR_DATA_VIEWS_COPY = {
 
 export {
   PT_BR_LIGHTBOX_COPY,
+  PT_BR_DATA_GRID_COPY,
   PT_BR_MAP_PREVIEW_COPY,
   PT_BR_CAROUSEL_COPY,
   PT_BR_TIMING_DIAGRAM_COPY,
   PT_BR_DATA_STATE_COPY,
   PT_BR_DATA_VIEWS_COPY
 };
-//# sourceMappingURL=chunk-U5SH3VRJ.js.map
+//# sourceMappingURL=chunk-V5ZLUJV7.js.map

package/dist/chunk-V5ZLUJV7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pt-BR.data-display.ts"],"sourcesContent":["/**\n * The pt-BR pack for the data-display family. Split out of `pt-BR.ts`, which is a\n * barrel over this folder — see that file for why.\n */\nimport type { DataViewsCopy } from \"./components/data-display/DataViews/data-views-copy\";\nimport type {\n  CarouselCopy,\n  DataGridCopy,\n  DataStateCopy,\n  LightboxCopy,\n  MapPreviewCopy,\n  TimingDiagramCopy,\n} from './copy';\nimport { PT_BR_TABLE_FILTER_COPY } from './pt-BR.layout';\nimport {\n  PT_BR_CATEGORY_SELECT_COPY,\n  PT_BR_CONFIRM_ACTION_COPY,\n  PT_BR_SAVED_VIEWS_LABELS,\n} from './pt-BR.shared';\n\nexport const PT_BR_LIGHTBOX_COPY: LightboxCopy = {\n  close: \"Fechar\",\n  previous: \"Anterior\",\n  next: \"Próximo\",\n  zoomIn: \"Aproximar\",\n  zoomOut: \"Afastar\",\n  resetZoom: \"Restaurar o zoom\",\n  play: \"Iniciar a apresentação\",\n  pause: \"Pausar a apresentação\",\n  dialogLabel: \"Galeria de imagens\",\n  itemPosition: (index, total) => `Item ${index} de ${total}`,\n  videoFallback: (index, total) => `Vídeo ${index} de ${total}`,\n  imageFallback: (index, total) => `Imagem ${index} de ${total}`,\n  thumbnailFallback: (index) => `Miniatura ${index}`,\n};\n\nexport const PT_BR_DATA_GRID_COPY: DataGridCopy = {\n  sortBy: (header) => `Ordenar por ${header}`,\n  selectRow: (rowNumber) => `Selecionar linha ${rowNumber}`,\n  selectAllRows: \"Selecionar todas as linhas\",\n  expandRow: \"Expandir linha\",\n  collapseRow: \"Recolher linha\",\n  gridLabel: \"Grade de dados\",\n};\n\nexport const PT_BR_MAP_PREVIEW_COPY: MapPreviewCopy = {\n  zoomIn: \"Aproximar\",\n  zoomOut: \"Afastar\",\n  center: \"Centralizar o mapa\",\n  mapType: \"Trocar o tipo de mapa\",\n  fullscreen: \"Tela cheia\",\n  search: \"Buscar endereço\",\n};\n\nexport const PT_BR_CAROUSEL_COPY: CarouselCopy = {\n  previous: \"Anterior\",\n  next: \"Próximo\",\n};\n\nexport const PT_BR_TIMING_DIAGRAM_COPY: TimingDiagramCopy = {\n  regionLabel: \"Diagrama de tempos\",\n  heading: \"Tempo da requisição\",\n  dns: \"Busca de DNS\",\n  connect: \"Conexão\",\n  ssl: \"SSL/TLS\",\n  request: \"Requisição\",\n  response: \"Resposta\",\n  total: (formatted) => `Total: ${formatted}`,\n  totalTime: (formatted) => `Tempo total: ${formatted}`,\n};\n\nexport const PT_BR_DATA_STATE_COPY: DataStateCopy = {\n  empty: \"Nenhum dado por aqui\",\n  loading: \"Carregando…\",\n  endOfList: \"Não há mais itens para carregar\",\n  dismissAlert: \"Fechar o aviso\",\n  dismissBanner: \"Fechar a faixa\",\n};\n\nexport const PT_BR_DATA_VIEWS_COPY: DataViewsCopy = {\n  savedViewsMenu: PT_BR_SAVED_VIEWS_LABELS,\n  confirmAction: PT_BR_CONFIRM_ACTION_COPY,\n  categorySelect: PT_BR_CATEGORY_SELECT_COPY,\n  board: {\n    countOnPage: (label, count) => `${label}: ${count} nesta página`,\n    onThisPage: (count) => `${count} nesta página`,\n    pageSum: (sum) => `Soma desta página: ${sum}`,\n    emptyColumn: \"Nada nesta etapa\",\n    pageScopeNote:\n      \"As contagens e somas abaixo referem-se apenas aos itens desta página.\",\n  },\n  deleteView: {\n    title: \"Excluir visão\",\n    target: (viewName) => `Excluir \"${viewName}\"?`,\n    sharedWarning: \"Esta visão está compartilhada — a equipe perderá o acesso a ela.\",\n    rowsUnaffected: (entityLabel) =>\n      `${entityLabel} não são afetados; apenas o recorte salvo é removido.`,\n    confirm: \"Excluir visão\",\n    cancel: \"Cancelar\",\n  },\n  manageViews: {\n    title: \"Gerenciar visões\",\n    empty: \"Nenhuma visão salva.\",\n    edit: \"Editar\",\n    defaultTag: \"Padrão\",\n    otherUserTag: \"De outro usuário\",\n    deleteTitle: \"Excluir a visão salva?\",\n    deleteBody: \"Os filtros e colunas guardados nela são perdidos. Não é possível restaurar.\",\n    deleteConfirm: \"Excluir\",\n  },\n  saveView: {\n    sharedDescription: \"Qualquer pessoa da loja poderá abrir e usar esta visão.\",\n    setDefaultTitle: \"Definir como padrão\",\n    setDefaultDescription: \"Esta tela abre nesta visão em vez da Visão principal.\",\n    previewHeading: \"O que esta visão guarda\",\n    previewUnchanged: \"Nada foi alterado — esta visão ficará igual à Visão principal.\",\n    sortRowLabel: \"Ordenação\",\n    saveFailed: \"Não foi possível salvar a visão.\",\n    titleEditing: \"Editar visão\",\n    titleCreating: \"Salvar visão\",\n    descriptionLabel: \"Descrição — opcional\",\n    descriptionPlaceholder: \"Para que serve esta visão\",\n    submitEditing: \"Salvar alterações\",\n    submitCreating: \"Salvar visão\",\n    nameLabel: \"Nome\",\n    cancel: \"Cancelar\",\n    pinnedTitle: \"Fixar na barra lateral\",\n    pinnedDescription: \"Aparece como atalho no menu, abaixo desta tela.\",\n    sharedTitle: \"Compartilhar com a equipe\",\n    namePlaceholder: \"Ex.: Recusados no PIX desta semana\",\n    previewFilters: \"Filtros\",\n    previewHiddenColumns: \"Colunas ocultas\",\n  },\n  columns: {\n    visibleCount: (visible, total) => `${visible} de ${total} visíveis`,\n    reset: \"Padrão\",\n    showAll: \"Mostrar todas\",\n    dragHint: \"Arraste para reordenar as colunas.\",\n    moveUp: (columnLabel) => `Mover ${columnLabel} para cima`,\n    moveDown: (columnLabel) => `Mover ${columnLabel} para baixo`,\n  },\n  display: {\n    sortTab: \"Ordenar\",\n    columnsTab: \"Colunas\",\n    panelTab: \"Exibição\",\n    direction: \"Direção\",\n    layoutHints: {\n      table: \"Colunas comparáveis, boa para varrer números.\",\n      list: \"Uma linha por item, com os dados principais.\",\n      cards: \"Blocos maiores, bom para poucos itens.\",\n      board: \"Colunas por etapa, para acompanhar o que está onde.\",\n    },\n    densityHeadings: {\n      table: \"Altura das linhas\",\n      list: \"Altura das linhas\",\n      cards: \"Cards por linha\",\n      board: \"Largura das colunas\",\n    },\n    densityLabels: {\n      table: { compact: \"Baixa\", cozy: \"Média\", comfortable: \"Alta\" },\n      list: { compact: \"Baixa\", cozy: \"Média\", comfortable: \"Alta\" },\n      cards: { compact: \"Muitos\", cozy: \"Médio\", comfortable: \"Poucos\" },\n      board: { compact: \"Estreita\", cozy: \"Média\", comfortable: \"Larga\" },\n    },\n    boardUnavailable: \"Esta tela não declara etapas, então não oferece quadro.\",\n    densityUnavailableNarrow:\n      \"Um card por linha nesta largura — a densidade volta em telas maiores.\",\n    trigger: \"Exibir\",\n    fieldHeading: \"Campo\",\n    formatHeading: \"Formato\",\n    cardZoom: \"Tamanho dos cards\",\n  },\n  export: {\n    formats: {\n      json: { label: \"JSON (.json)\", hint: \"Para integrações\" },\n    },\n    visibleColumns: (columnCount) => `${columnCount} colunas visíveis, na ordem atual`,\n    trigger: \"Exportar\",\n    triggerLabel: \"Exportar\",\n  },\n  tableFilter: PT_BR_TABLE_FILTER_COPY,\n  grid: {\n    ...PT_BR_DATA_GRID_COPY,\n    rowActions: \"Ações\",\n    bulkActions: (selectedCount) => `Ações (${selectedCount}) ▾`,\n    emptyFilteredTitle: \"Nenhum resultado para esses filtros\",\n    emptyFilteredHint: \"Ajuste ou remova os filtros.\",\n    emptyFilteredAction: \"Limpar filtros\",\n  },\n  filters: {\n    moreFilters: (count) => `Mais filtros: ${count} sem espaço na barra`,\n    moreFiltersApplied: (count, appliedCount) =>\n      `Mais filtros: ${count} sem espaço na barra, ${appliedCount} aplicado(s)`,\n    moreTriggerLabel: \"Mais\",\n    moreHeading: \"Mais filtros\",\n    overflowNote: \"sem espaço na barra\",\n    rangeEnd: \"Até\",\n    rangeInvalid: \"O início precisa ser menor que o fim.\",\n    rangeInclusiveNote: \"Ambas as datas entram no resultado.\",\n    rangeStart: \"De\",\n    dayMask: \"dd/mm/aaaa\",\n    clearAllFilters: \"Limpar todos os filtros\",\n    rangePresets: {\n      hoje: \"Hoje\",\n      ontem: \"Ontem\",\n      semana: \"Esta semana\",\n      mes: \"Este mês\",\n      ano: \"Este ano\",\n    },\n    scopesLabel: \"Situação\",\n    panelTitle: \"Filtros\",\n    clear: \"Limpar\",\n    clearAll: \"Limpar filtros\",\n    clearRange: (label) => `Limpar ${label}`,\n    allOption: \"Todas\",\n    optionSearchPlaceholder: \"Buscar…\",\n    optionsEmpty: \"Nenhum resultado\",\n    optionsHeading: \"Opções\",\n  },\n  selection: {\n    selectAllOnPage: \"Selecionar todos nesta página\",\n    clearSelection: \"Limpar seleção\",\n    selectAll: \"Selecionar tudo\",\n    onThisPage: (count) => `${count} nesta página`,\n    selectRow: \"Selecionar\",\n    expandRow: \"Expandir detalhes\",\n    collapseRow: \"Recolher detalhes\",\n  },\n  nav: {\n    mainView: \"Visão principal\",\n    defaultTag: \"Padrão\",\n    viewOptions: (viewName) => `Opções de ${viewName}`,\n    emptyHint: \"Nenhuma visão salva. Ajuste filtros, colunas ou ordenação e salve abaixo.\",\n    setDefault: \"Definir como padrão\",\n    deleteView: \"Excluir visão\",\n    unsavedChanges: \"Alterações não salvas\",\n    label: \"Visão\",\n    update: \"Atualizar visão\",\n    save: \"Salvar visão\",\n    saveAs: \"Salvar como nova\",\n    reset: \"Redefinir\",\n    updateFailed: \"Não foi possível atualizar a visão\",\n    dismissError: \"Fechar o aviso\",\n    goBack: \"Voltar\",\n    pageSize: \"Mostrar:\",\n    saveFailed: \"Não foi possível salvar a alteração da visão.\",\n    editView: \"Renomear e editar\",\n    pinToSidebar: \"Fixar na barra lateral\",\n    shareWithTeam: \"Compartilhar com a equipe\",\n  },\n  search: {\n    placeholder: \"Buscar…\",\n    allColumnsLabel: \"Buscar em todas as colunas\",\n    keywordPlaceholder: \"Pressione Enter para filtrar\",\n    open: \"Buscar\",\n    close: \"Fechar busca\",\n    clear: \"Limpar busca\",\n  },\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-VCBV5JM7.js → chunk-VNOXUWK7.js}

@@ -1,6 +1,6 @@
 import {
   TutorialStepBody
-} from "./chunk-K4L42FF6.js";
+} from "./chunk-24JOJJ2J.js";
 import {
   useTutorialOverlay
 } from "./chunk-34643ATX.js";
@@ -286,4 +286,4 @@ export {
   TutorialOverlay,
   TutorialOverlay_default
 };
-//# sourceMappingURL=chunk-VCBV5JM7.js.map
+//# sourceMappingURL=chunk-VNOXUWK7.js.map

package/dist/{chunk-IVJKILIX.js → chunk-VZ4VAQX3.js}

@@ -3,7 +3,7 @@ import {
   LightboxCloseButton,
   LightboxNavButtons,
   LightboxZoomControls
-} from "./chunk-TZASFX6G.js";
+} from "./chunk-P53KRCKW.js";
 
 // src/components/data-display/Lightbox/LightboxOverlay.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -60,4 +60,4 @@ var LightboxOverlay = ({
 export {
   LightboxOverlay
 };
-//# sourceMappingURL=chunk-IVJKILIX.js.map
+//# sourceMappingURL=chunk-VZ4VAQX3.js.map

package/dist/{chunk-IWGW2E35.js → chunk-WF4XK5AS.js}

@@ -4,7 +4,7 @@ import {
   headingGradient,
   headingWeight,
   stepOf
-} from "./chunk-CJ45OL7L.js";
+} from "./chunk-M2GVHVE4.js";
 import {
   headingMetrics
 } from "./chunk-PT6TCWIW.js";
@@ -73,4 +73,4 @@ var headingSx = (theme, flags) => {
 export {
   headingSx
 };
-//# sourceMappingURL=chunk-IWGW2E35.js.map
+//# sourceMappingURL=chunk-WF4XK5AS.js.map

package/dist/{chunk-6REPQ352.js → chunk-WL7IG7TT.js}

@@ -7,7 +7,7 @@ import {
   GLOW_BRIGHTNESS,
   PROGRESS_SIZES,
   PULSE
-} from "./chunk-DFI2RKVQ.js";
+} from "./chunk-MRWYKNBY.js";
 import {
   softNeutral
 } from "./chunk-FQ6UW7IY.js";
@@ -97,4 +97,4 @@ export {
   barEmphasisStyles,
   circularEmphasisStyles
 };
-//# sourceMappingURL=chunk-6REPQ352.js.map
+//# sourceMappingURL=chunk-WL7IG7TT.js.map

package/dist/{chunk-5QAJ3Y5F.js → chunk-XQWUVQ2F.js}

@@ -6,7 +6,7 @@ import {
   DashboardInfo,
   DashboardSettings,
   DashboardSpacer
-} from "./chunk-UFNIS7KC.js";
+} from "./chunk-GGBFDHXE.js";
 import {
   DashboardContext,
   useDashboardContext
@@ -210,4 +210,4 @@ export {
   markDashboardSlot,
   Dashboard
 };
-//# sourceMappingURL=chunk-5QAJ3Y5F.js.map
+//# sourceMappingURL=chunk-XQWUVQ2F.js.map

package/dist/{chunk-U67ZQ6VM.js → chunk-YIWVHEPW.js}

@@ -1,6 +1,6 @@
 import {
   partTestId
-} from "./chunk-PEOOCQ2T.js";
+} from "./chunk-6IRJAIS4.js";
 import {
   SETTING_CARD_OPEN_ATTR,
   withCallerSx
@@ -79,4 +79,4 @@ export {
   settingGridStyles,
   SettingGrid
 };
-//# sourceMappingURL=chunk-U67ZQ6VM.js.map
+//# sourceMappingURL=chunk-YIWVHEPW.js.map

package/dist/{chunk-DH77PLFF.js → chunk-YTVXT5TD.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-BM4KKGL7.js";
 import {
   MoreFilters
-} from "./chunk-TJ3334AJ.js";
+} from "./chunk-TMW7RBW7.js";
 import {
   PillControl
 } from "./chunk-NPPJ3IJP.js";
@@ -220,4 +220,4 @@ function FilterSlots({
 export {
   InlineFilterControls
 };
-//# sourceMappingURL=chunk-DH77PLFF.js.map
+//# sourceMappingURL=chunk-YTVXT5TD.js.map

package/dist/{chunk-MKLIMY3D.js → chunk-YZHX2HTC.js}

@@ -11,7 +11,7 @@ import {
   HEADING_LETTER_SPACING_EM,
   TEXT_SIZES,
   TEXT_WEIGHTS
-} from "./chunk-PAT2BQOQ.js";
+} from "./chunk-6IWO7CM2.js";
 import {
   resolveTestId,
   withoutTestIdProps
@@ -143,4 +143,4 @@ Text.displayName = "Text";
 export {
   Text
 };
-//# sourceMappingURL=chunk-MKLIMY3D.js.map
+//# sourceMappingURL=chunk-YZHX2HTC.js.map

package/dist/{chunk-ZEYUSS3W.js → chunk-Z6LTEJ7F.js}

@@ -1,7 +1,7 @@
 import {
   GridBody,
   GridHeader
-} from "./chunk-H5ZTIELC.js";
+} from "./chunk-ZFXTRPQO.js";
 import {
   DataGridEmpty,
   DataGridError,
@@ -9,20 +9,22 @@ import {
 } from "./chunk-EARWC6PD.js";
 import {
   useDataGridModel
-} from "./chunk-DGMDQHMI.js";
+} from "./chunk-U6DOF5CR.js";
 
 // src/components/data-display/DataGrid/DataGrid.tsx
 import Paper from "@mui/material/Paper/index.js";
 import Table from "@mui/material/Table/index.js";
 import TableContainer from "@mui/material/TableContainer/index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-function resolveChrome(props) {
+function resolveChrome(props, density) {
   const { className, style, "data-testid": dataTestId, ...rest } = props;
   const stickyHeader = props.stickyHeader ?? true;
   return {
     dataAttrs: {
       "data-ui": "datagrid",
-      "data-density": props.density ?? "comfortable",
+      // The SAME resolved density the row-height geometry used (FUT-2769) —
+      // not re-derived here, so this attribute can never disagree with it.
+      "data-density": density,
       "data-size-mode": props.sizeMode ?? "auto",
       "data-virtual-rows": props.virtualizeRows ?? true,
       "data-virtual-cols": props.virtualizeColumns ?? false,
@@ -30,7 +32,7 @@ function resolveChrome(props) {
     },
     placeholder: {
       dataTestId,
-      ariaLabel: props.ariaLabel ?? "Data grid",
+      ariaLabel: props.ariaLabel ?? props.copy.gridLabel,
       className,
       style,
       // Only the DOM-safe leftovers reach the element: every grid-specific prop
@@ -41,7 +43,7 @@ function resolveChrome(props) {
 }
 var DataGrid = (props) => {
   const model = useDataGridModel(props);
-  const { dataAttrs, placeholder } = resolveChrome(props);
+  const { dataAttrs, placeholder } = resolveChrome(props, model.density);
   if (props.loading) return /* @__PURE__ */ jsx(DataGridLoading, { ...placeholder });
   if (props.error) return /* @__PURE__ */ jsx(DataGridError, { ...placeholder, error: props.error });
   if (model.processedRows.length === 0) {
@@ -80,6 +82,7 @@ var DataGrid = (props) => {
   );
 };
 var GRID_ONLY_PROPS = [
+  "copy",
   "rows",
   "columns",
   "getRowId",
@@ -117,4 +120,4 @@ export {
   DataGrid,
   GRID_ONLY_PROPS
 };
-//# sourceMappingURL=chunk-ZEYUSS3W.js.map
+//# sourceMappingURL=chunk-Z6LTEJ7F.js.map

package/dist/chunk-Z6LTEJ7F.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataGrid/DataGrid.tsx"],"sourcesContent":["/**\n * `DataGrid` — the shell.\n *\n * Everything that is not \"which of the four renders is this, and what wraps the\n * table\" lives beside it: the state in `DataGrid.model.ts`, the client-mode row\n * pipeline in `DataGrid.rows.ts`, the cells and rows in `DataGrid.cells.tsx`,\n * the head/body in `DataGrid.body.tsx`, and the loading/error/empty renders in\n * `DataGrid.states.tsx`.\n *\n * All FOUR renders carry the caller's `data-testid`. It used to be applied only\n * on the populated one, so a grid whose first paint had no rows could not be\n * found by a test at all — see `DataGrid.states.tsx` for the full story.\n */\nimport Paper from '@mui/material/Paper/index.js';\nimport Table from '@mui/material/Table/index.js';\nimport TableContainer from '@mui/material/TableContainer/index.js';\nimport type React from 'react';\n\nimport { GridBody, GridHeader } from './DataGrid.body';\nimport { useDataGridModel } from './DataGrid.model';\nimport { DataGridEmpty, DataGridError, DataGridLoading } from './DataGrid.states';\nimport type { DataGridProps, GridDensity } from './DataGrid.types';\n\n/**\n * The chrome every render needs, with the defaults resolved ONCE.\n *\n * Extracted from the component body because a dozen destructuring defaults are\n * a dozen branches: the gate counted them, correctly, as complexity the render\n * did not need to carry.\n */\nfunction resolveChrome<T extends Record<string, unknown>>(\n  props: DataGridProps<T>,\n  density: GridDensity,\n): {\n  dataAttrs: Record<string, unknown>;\n  placeholder: {\n    dataTestId?: string;\n    ariaLabel: string;\n    className?: string;\n    style?: React.CSSProperties;\n    htmlProps: React.HTMLAttributes<HTMLElement>;\n  };\n} {\n  const { className, style, 'data-testid': dataTestId, ...rest } = props;\n  const stickyHeader = props.stickyHeader ?? true;\n  return {\n    dataAttrs: {\n      'data-ui': 'datagrid',\n      // The SAME resolved density the row-height geometry used (FUT-2769) —\n      // not re-derived here, so this attribute can never disagree with it.\n      'data-density': density,\n      'data-size-mode': props.sizeMode ?? 'auto',\n      'data-virtual-rows': props.virtualizeRows ?? true,\n      'data-virtual-cols': props.virtualizeColumns ?? false,\n      'data-sticky-header': stickyHeader,\n    },\n    placeholder: {\n      dataTestId,\n      ariaLabel: props.ariaLabel ?? props.copy.gridLabel,\n      className,\n      style,\n      // Only the DOM-safe leftovers reach the element: every grid-specific prop\n      // is named in `GRID_ONLY_PROPS`, so this cannot smuggle `rows` onto a div.\n      htmlProps: omitGridProps(rest as Record<string, unknown>),\n    },\n  };\n}\n\nexport const DataGrid = <T extends Record<string, unknown> = Record<string, unknown>>(\n  props: DataGridProps<T>,\n): React.JSX.Element => {\n  const model = useDataGridModel(props);\n  const { dataAttrs, placeholder } = resolveChrome(props, model.density);\n\n  if (props.loading) return <DataGridLoading {...placeholder} />;\n  if (props.error) return <DataGridError {...placeholder} error={props.error} />;\n  if (model.processedRows.length === 0) {\n    return <DataGridEmpty {...placeholder} emptyState={props.emptyState} emptyText={props.emptyText} />;\n  }\n\n  const leadingColumns = (props.selection?.mode ?? 'none') !== 'none' ? 1 : 0;\n  const totalColumns =\n    model.visibleColumns.length + leadingColumns + (props.expansion ? 1 : 0);\n  const section = { model, props, totalColumns };\n\n  return (\n    <Paper\n      ref={model.containerRef}\n      {...dataAttrs}\n      data-testid={placeholder.dataTestId}\n      className={placeholder.className}\n      style={placeholder.style}\n      role=\"grid\"\n      aria-label={placeholder.ariaLabel}\n      aria-description={props.ariaDescription}\n      aria-rowcount={model.processedRows.length + 1} // +1 for the header row\n      aria-colcount={totalColumns}\n      sx={{ height: '100%', overflow: 'hidden', display: 'flex', flexDirection: 'column' }}\n      {...placeholder.htmlProps}\n    >\n      <TableContainer\n        sx={{ flex: 1, overflow: 'auto', position: 'relative' }}\n        onScroll={model.onScroll}\n      >\n        <Table stickyHeader={props.stickyHeader ?? true}>\n          <GridHeader {...section} />\n          <GridBody {...section} />\n        </Table>\n      </TableContainer>\n    </Paper>\n  );\n};\n\n/**\n * The grid props that are NOT HTML attributes.\n *\n * `DataGridProps` extends `HTMLAttributes`, so the rest-spread carries the\n * grid's own configuration too. React would warn (or worse, serialize an array\n * of rows into an attribute) if any of it reached the DOM.\n *\n * Exported so a test can render a grid carrying every name on it and assert\n * none reaches the DOM — the check that would have caught `emptyText` missing.\n */\nexport const GRID_ONLY_PROPS = [\n  'copy',\n  'rows',\n  'columns',\n  'getRowId',\n  'sizeMode',\n  'density',\n  'rowHeight',\n  'headerHeight',\n  'footerHeight',\n  'selection',\n  'pagination',\n  'sorting',\n  'filtering',\n  'expansion',\n  'editing',\n  'virtualizeRows',\n  'virtualizeColumns',\n  'stickyHeader',\n  'stickyFooter',\n  'loading',\n  'error',\n  'emptyState',\n  'emptyText',\n  'onRequestData',\n  'ariaLabel',\n  'ariaDescription',\n] as const;\n\nfunction omitGridProps(rest: Record<string, unknown>): React.HTMLAttributes<HTMLElement> {\n  const html: Record<string, unknown> = { ...rest };\n  for (const key of GRID_ONLY_PROPS) delete html[key];\n  return html as React.HTMLAttributes<HTMLElement>;\n}\n\nDataGrid.displayName = 'DataGrid';\n"],"mappings":";;;;;;;;;;;;;;AAaA,OAAO,WAAW;AAClB,OAAO,WAAW;AAClB,OAAO,oBAAoB;AA2DC,cA8BpB,YA9BoB;AA5C5B,SAAS,cACP,OACA,SAUA;AACA,QAAM,EAAE,WAAW,OAAO,eAAe,YAAY,GAAG,KAAK,IAAI;AACjE,QAAM,eAAe,MAAM,gBAAgB;AAC3C,SAAO;AAAA,IACL,WAAW;AAAA,MACT,WAAW;AAAA;AAAA;AAAA,MAGX,gBAAgB;AAAA,MAChB,kBAAkB,MAAM,YAAY;AAAA,MACpC,qBAAqB,MAAM,kBAAkB;AAAA,MAC7C,qBAAqB,MAAM,qBAAqB;AAAA,MAChD,sBAAsB;AAAA,IACxB;AAAA,IACA,aAAa;AAAA,MACX;AAAA,MACA,WAAW,MAAM,aAAa,MAAM,KAAK;AAAA,MACzC;AAAA,MACA;AAAA;AAAA;AAAA,MAGA,WAAW,cAAc,IAA+B;AAAA,IAC1D;AAAA,EACF;AACF;AAEO,IAAM,WAAW,CACtB,UACsB;AACtB,QAAM,QAAQ,iBAAiB,KAAK;AACpC,QAAM,EAAE,WAAW,YAAY,IAAI,cAAc,OAAO,MAAM,OAAO;AAErE,MAAI,MAAM,QAAS,QAAO,oBAAC,mBAAiB,GAAG,aAAa;AAC5D,MAAI,MAAM,MAAO,QAAO,oBAAC,iBAAe,GAAG,aAAa,OAAO,MAAM,OAAO;AAC5E,MAAI,MAAM,cAAc,WAAW,GAAG;AACpC,WAAO,oBAAC,iBAAe,GAAG,aAAa,YAAY,MAAM,YAAY,WAAW,MAAM,WAAW;AAAA,EACnG;AAEA,QAAM,kBAAkB,MAAM,WAAW,QAAQ,YAAY,SAAS,IAAI;AAC1E,QAAM,eACJ,MAAM,eAAe,SAAS,kBAAkB,MAAM,YAAY,IAAI;AACxE,QAAM,UAAU,EAAE,OAAO,OAAO,aAAa;AAE7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,MAAM;AAAA,MACV,GAAG;AAAA,MACJ,eAAa,YAAY;AAAA,MACzB,WAAW,YAAY;AAAA,MACvB,OAAO,YAAY;AAAA,MACnB,MAAK;AAAA,MACL,cAAY,YAAY;AAAA,MACxB,oBAAkB,MAAM;AAAA,MACxB,iBAAe,MAAM,cAAc,SAAS;AAAA,MAC5C,iBAAe;AAAA,MACf,IAAI,EAAE,QAAQ,QAAQ,UAAU,UAAU,SAAS,QAAQ,eAAe,SAAS;AAAA,MAClF,GAAG,YAAY;AAAA,MAEhB;AAAA,QAAC;AAAA;AAAA,UACC,IAAI,EAAE,MAAM,GAAG,UAAU,QAAQ,UAAU,WAAW;AAAA,UACtD,UAAU,MAAM;AAAA,UAEhB,+BAAC,SAAM,cAAc,MAAM,gBAAgB,MACzC;AAAA,gCAAC,cAAY,GAAG,SAAS;AAAA,YACzB,oBAAC,YAAU,GAAG,SAAS;AAAA,aACzB;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAYO,IAAM,kBAAkB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,SAAS,cAAc,MAAkE;AACvF,QAAM,OAAgC,EAAE,GAAG,KAAK;AAChD,aAAW,OAAO,gBAAiB,QAAO,KAAK,GAAG;AAClD,SAAO;AACT;AAEA,SAAS,cAAc;","names":[]}

package/dist/{chunk-H5ZTIELC.js → chunk-ZFXTRPQO.js}

@@ -1,7 +1,7 @@
 import {
   GridRow,
   HeaderCell
-} from "./chunk-F7JTIHV5.js";
+} from "./chunk-ICDAYOJ6.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -37,7 +37,7 @@ function HeaderControls({
         onChange: (event) => model.setSelectedRowIds(
           event.target.checked ? model.processedRows.map((row, index) => rowIdOf(props, row, index)) : []
         ),
-        inputProps: { "aria-label": "Select all rows" }
+        inputProps: { "aria-label": props.copy.selectAllRows }
       }
     ) }),
     expansion && /* @__PURE__ */ jsx(TableCell, { padding: "checkbox", sx: sticky })
@@ -64,7 +64,8 @@ function GridHeader(section) {
         sortable: column.enableSort !== false && sortable,
         stickyHeader,
         headerHeight,
-        onSort: model.onSort
+        onSort: model.onSort,
+        copy: props.copy
       },
       column.id
     ))
@@ -117,4 +118,4 @@ export {
   GridHeader,
   GridBody
 };
-//# sourceMappingURL=chunk-H5ZTIELC.js.map
+//# sourceMappingURL=chunk-ZFXTRPQO.js.map

package/dist/chunk-ZFXTRPQO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataGrid/DataGrid.body.tsx"],"sourcesContent":["/**\n * The DataGrid's `<thead>` and `<tbody>`.\n *\n * Split from the shell so each stays inside the size budget and so the\n * virtualization spacers — which are pure layout, not data — sit next to the\n * rows they pad rather than in the middle of the component that owns the paper.\n */\nimport Checkbox from '@mui/material/Checkbox/index.js';\nimport TableBody from '@mui/material/TableBody/index.js';\nimport TableCell from '@mui/material/TableCell/index.js';\nimport TableHead from '@mui/material/TableHead/index.js';\nimport TableRow from '@mui/material/TableRow/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport type React from 'react';\n\nimport { rem } from '../../../tokens/relative';\n\nimport { GridRow, HeaderCell } from './DataGrid.cells';\nimport type { DataGridModel } from './DataGrid.model';\nimport type { DataGridProps } from './DataGrid.types';\n\nexport interface GridSectionProps<T extends Record<string, unknown>> {\n  model: DataGridModel<T>;\n  props: DataGridProps<T>;\n  totalColumns: number;\n}\n\n/** The leading header cells for the selection / expansion columns. */\nfunction HeaderControls<T extends Record<string, unknown>>({\n  model,\n  props,\n}: GridSectionProps<T>): React.JSX.Element {\n  const theme = useTheme();\n  const { selection = { mode: 'none' }, expansion, stickyHeader = true } = props;\n  const sticky = {\n    position: stickyHeader ? ('sticky' as const) : ('static' as const),\n    top: 0,\n    zIndex: 1,\n    backgroundColor: theme.palette.background.paper,\n  };\n  const total = model.processedRows.length;\n  const picked = model.selectedRowIds.length;\n  return (\n    <>\n      {selection.mode !== 'none' && (\n        <TableCell padding=\"checkbox\" sx={sticky}>\n          {selection.mode === 'multi' && (\n            <Checkbox\n              indeterminate={picked > 0 && picked < total}\n              checked={total > 0 && picked === total}\n              onChange={(event) =>\n                model.setSelectedRowIds(\n                  event.target.checked\n                    ? model.processedRows.map((row, index) => rowIdOf(props, row, index))\n                    : [],\n                )\n              }\n              inputProps={{ 'aria-label': props.copy.selectAllRows }}\n            />\n          )}\n        </TableCell>\n      )}\n      {expansion && <TableCell padding=\"checkbox\" sx={sticky} />}\n    </>\n  );\n}\n\n/** The caller's `getRowId`, or the row's own `id`, or its index. */\nexport function rowIdOf<T extends Record<string, unknown>>(\n  props: DataGridProps<T>,\n  row: T,\n  index: number,\n): string | number {\n  if (props.getRowId) return props.getRowId(row, index);\n  const candidate = (row as { id?: string | number }).id;\n  return candidate ?? index;\n}\n\nexport function GridHeader<T extends Record<string, unknown>>(\n  section: GridSectionProps<T>,\n): React.JSX.Element {\n  const { model, props } = section;\n  const theme = useTheme();\n  const { sorting = {}, stickyHeader = true } = props;\n  // 56 design px unless the caller says, drawn through the type scale.\n  const headerHeight = rem(theme, props.headerHeight ?? 56);\n  const sortable = sorting.mode === 'client' || sorting.mode === 'server';\n  return (\n    <TableHead data-slot=\"header\">\n      <TableRow data-slot=\"header-row\" role=\"row\">\n        <HeaderControls {...section} />\n        {model.visibleColumns.map((column) => (\n          <HeaderCell\n            key={column.id}\n            column={column}\n            sort={model.sortBy.find((entry) => entry.id === column.id)}\n            sortable={column.enableSort !== false && sortable}\n            stickyHeader={stickyHeader}\n            headerHeight={headerHeight}\n            onSort={model.onSort}\n            copy={props.copy}\n          />\n        ))}\n      </TableRow>\n    </TableHead>\n  );\n}\n\n/**\n * An invisible row standing in for `rows` rows the window is not rendering —\n * that many times the row's own CSS height, so the spacer and the rows it\n * replaces are the same length by construction.\n */\nfunction Spacer({\n  rows,\n  rowHeight,\n  colSpan,\n}: {\n  rows: number;\n  rowHeight: string;\n  colSpan: number;\n}): React.JSX.Element | null {\n  if (rows <= 0) return null;\n  return (\n    <TableRow>\n      <TableCell\n        colSpan={colSpan}\n        sx={{ height: `calc(${rows} * ${rowHeight})`, border: 'none', p: 0 }}\n      />\n    </TableRow>\n  );\n}\n\nexport function GridBody<T extends Record<string, unknown>>(\n  section: GridSectionProps<T>,\n): React.JSX.Element {\n  const { model, props, totalColumns } = section;\n  const { start, end } = model.visibleRange;\n  const trailing = model.virtualized ? model.processedRows.length - end : 0;\n  return (\n    <TableBody data-slot=\"body\">\n      {model.virtualized ? (\n        <Spacer rows={start} rowHeight={model.rowHeight} colSpan={totalColumns} />\n      ) : null}\n      {model.visibleRows.map((row, offset) => {\n        const index = model.virtualized ? start + offset : offset;\n        const rowId = rowIdOf(props, row, index);\n        return (\n          <GridRow\n            key={rowId}\n            row={row}\n            index={index}\n            rowId={rowId}\n            isSelected={model.selectedRowIdsSet.has(rowId)}\n            isExpanded={model.expandedRowIdsSet.has(rowId)}\n            totalColumns={totalColumns}\n            model={model}\n            props={props}\n          />\n        );\n      })}\n      {model.virtualized ? (\n        <Spacer rows={trailing} rowHeight={model.rowHeight} colSpan={totalColumns} />\n      ) : null}\n    </TableBody>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/data-display/Alert.js

@@ -6,13 +6,13 @@ import "../chunk-MO47Y26B.js";
 import "../chunk-L7VH6IMR.js";
 import "../chunk-P2UIXDEG.js";
 import "../chunk-TYJR4GOF.js";
-import "../chunk-YFODI4KT.js";
-import "../chunk-VBP46YP4.js";
+import "../chunk-6WZUZHJM.js";
 import "../chunk-2BYKTBDL.js";
 import "../chunk-AG66JBNH.js";
 import "../chunk-FZXKH2ZT.js";
-import "../chunk-26X4CZVR.js";
+import "../chunk-VBP46YP4.js";
 import "../chunk-O6MJWHU5.js";
+import "../chunk-26X4CZVR.js";
 import "../chunk-FQ6UW7IY.js";
 import "../chunk-6JAIFIPW.js";
 import "../chunk-N3GAFIXG.js";

package/dist/data-display/Badge.js

@@ -9,20 +9,20 @@ import "../chunk-3UIDKLML.js";
 import "../chunk-PYC4CWCQ.js";
 import "../chunk-TYJR4GOF.js";
 import "../chunk-ZSTSISM6.js";
-import "../chunk-DJKVSUXH.js";
 import "../chunk-7ZPUN7TV.js";
+import "../chunk-DJKVSUXH.js";
 import "../chunk-PT6TCWIW.js";
 import "../chunk-M47ZOUGF.js";
 import "../chunk-7FDU3FIN.js";
 import "../chunk-EPEJMTCQ.js";
 import "../chunk-GDN2LUTZ.js";
-import "../chunk-YFODI4KT.js";
-import "../chunk-VBP46YP4.js";
+import "../chunk-6WZUZHJM.js";
 import "../chunk-2BYKTBDL.js";
 import "../chunk-AG66JBNH.js";
 import "../chunk-FZXKH2ZT.js";
-import "../chunk-26X4CZVR.js";
+import "../chunk-VBP46YP4.js";
 import "../chunk-O6MJWHU5.js";
+import "../chunk-26X4CZVR.js";
 import "../chunk-FQ6UW7IY.js";
 import "../chunk-6JAIFIPW.js";
 import "../chunk-N3GAFIXG.js";

package/dist/data-display/Banner.js

@@ -3,13 +3,13 @@ import {
 } from "../chunk-5IAVC4BT.js";
 import "../chunk-XZW2U6KR.js";
 import "../chunk-P2UIXDEG.js";
-import "../chunk-YFODI4KT.js";
-import "../chunk-VBP46YP4.js";
+import "../chunk-6WZUZHJM.js";
 import "../chunk-2BYKTBDL.js";
 import "../chunk-AG66JBNH.js";
 import "../chunk-FZXKH2ZT.js";
-import "../chunk-26X4CZVR.js";
+import "../chunk-VBP46YP4.js";
 import "../chunk-O6MJWHU5.js";
+import "../chunk-26X4CZVR.js";
 import "../chunk-FQ6UW7IY.js";
 import "../chunk-6JAIFIPW.js";
 import "../chunk-N3GAFIXG.js";

package/dist/data-display/CardKit.js

@@ -47,13 +47,13 @@ import "../chunk-M47ZOUGF.js";
 import "../chunk-7FDU3FIN.js";
 import "../chunk-EPEJMTCQ.js";
 import "../chunk-GDN2LUTZ.js";
-import "../chunk-YFODI4KT.js";
-import "../chunk-VBP46YP4.js";
+import "../chunk-6WZUZHJM.js";
 import "../chunk-2BYKTBDL.js";
 import "../chunk-AG66JBNH.js";
 import "../chunk-FZXKH2ZT.js";
-import "../chunk-26X4CZVR.js";
+import "../chunk-VBP46YP4.js";
 import "../chunk-O6MJWHU5.js";
+import "../chunk-26X4CZVR.js";
 import "../chunk-FQ6UW7IY.js";
 import "../chunk-6JAIFIPW.js";
 import "../chunk-N3GAFIXG.js";

package/dist/data-display/Carousel.js

@@ -13,20 +13,20 @@ import "../chunk-5B7BTLN4.js";
 import "../chunk-TRHWA74K.js";
 import "../chunk-HPK33ACY.js";
 import "../chunk-ZSTSISM6.js";
-import "../chunk-DJKVSUXH.js";
 import "../chunk-7ZPUN7TV.js";
+import "../chunk-DJKVSUXH.js";
 import "../chunk-PT6TCWIW.js";
 import "../chunk-M47ZOUGF.js";
 import "../chunk-7FDU3FIN.js";
 import "../chunk-EPEJMTCQ.js";
 import "../chunk-GDN2LUTZ.js";
-import "../chunk-YFODI4KT.js";
-import "../chunk-VBP46YP4.js";
+import "../chunk-6WZUZHJM.js";
 import "../chunk-2BYKTBDL.js";
 import "../chunk-AG66JBNH.js";
 import "../chunk-FZXKH2ZT.js";
-import "../chunk-26X4CZVR.js";
+import "../chunk-VBP46YP4.js";
 import "../chunk-O6MJWHU5.js";
+import "../chunk-26X4CZVR.js";
 import "../chunk-FQ6UW7IY.js";
 import "../chunk-6JAIFIPW.js";
 import "../chunk-N3GAFIXG.js";

package/dist/data-display/Chart.js

@@ -32,20 +32,20 @@ import "../chunk-GANW7FXQ.js";
 import "../chunk-CNR5RFKC.js";
 import "../chunk-SOHQPPYJ.js";
 import "../chunk-ZSTSISM6.js";
-import "../chunk-DJKVSUXH.js";
 import "../chunk-7ZPUN7TV.js";
+import "../chunk-DJKVSUXH.js";
 import "../chunk-PT6TCWIW.js";
 import "../chunk-M47ZOUGF.js";
 import "../chunk-7FDU3FIN.js";
 import "../chunk-EPEJMTCQ.js";
 import "../chunk-GDN2LUTZ.js";
-import "../chunk-YFODI4KT.js";
-import "../chunk-VBP46YP4.js";
+import "../chunk-6WZUZHJM.js";
 import "../chunk-2BYKTBDL.js";
 import "../chunk-AG66JBNH.js";
 import "../chunk-FZXKH2ZT.js";
-import "../chunk-26X4CZVR.js";
+import "../chunk-VBP46YP4.js";
 import "../chunk-O6MJWHU5.js";
+import "../chunk-26X4CZVR.js";
 import "../chunk-FQ6UW7IY.js";
 import "../chunk-6JAIFIPW.js";
 import "../chunk-N3GAFIXG.js";

package/dist/data-display/DataGrid.js

@@ -1,12 +1,21 @@
 import "../chunk-L5CPOEDP.js";
 import {
   DataGrid
-} from "../chunk-ZEYUSS3W.js";
-import "../chunk-H5ZTIELC.js";
-import "../chunk-F7JTIHV5.js";
+} from "../chunk-Z6LTEJ7F.js";
+import "../chunk-ZFXTRPQO.js";
+import "../chunk-ICDAYOJ6.js";
 import "../chunk-EARWC6PD.js";
-import "../chunk-DGMDQHMI.js";
+import "../chunk-U6DOF5CR.js";
 import "../chunk-G3E66C6J.js";
+import "../chunk-DJKVSUXH.js";
+import "../chunk-M47ZOUGF.js";
+import "../chunk-7FDU3FIN.js";
+import "../chunk-EPEJMTCQ.js";
+import "../chunk-GDN2LUTZ.js";
+import "../chunk-VBP46YP4.js";
+import "../chunk-O6MJWHU5.js";
+import "../chunk-26X4CZVR.js";
+import "../chunk-6JAIFIPW.js";
 import "../chunk-YKCAJ2TN.js";
 import "../chunk-PZ5AY32C.js";
 export {