@12-apps/ui 6.57.0 → 6.59.0

package/dist/chunk-PQ7RWH7L.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-toolbar.tsx"],"sourcesContent":["\"use client\";\n\nimport Divider from \"@mui/material/Divider/index.js\";\n\nimport {\n  ContentToolbar,\n  FilterTrigger,\n  type ColumnVisibilityOption,\n  type SortFieldDefinition,\n} from \"../../layout/ContentToolbar\";\nimport { Box } from \"../../../mui/Box\";\nimport { Text } from \"../../typography/Text\";\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { DataViewsDisplayPanel, type DisplayPanelView } from \"./data-views-display-panel\";\nimport { DataViewsExportMenu, type DataViewExport } from \"./data-views-export\";\nimport { renderBulkActions } from \"./data-views-grid-helpers\";\nimport type { RowAction } from \"./data-views-types\";\nimport type { DataViewsController } from \"./use-data-views-state\";\nimport { sxRem } from \"../../../tokens/relative\";\n\nexport interface GridToolbarProps<T extends Record<string, unknown>> {\n  testIdPrefix: string;\n  selectedRows: T[];\n  selectAll: () => void;\n  clearSelection: () => void;\n  rowActions?: RowAction<T>[];\n  bulkActions?: (selectedRows: T[], clearSelection: () => void) => React.ReactNode;\n  /** A control between the count and the actions menu — see `selectionExtra`. */\n  selectionExtra?: React.ReactNode;\n  /** Every row on the page is ticked: the select-all box reads checked, else partial. */\n  allOnPageSelected?: boolean;\n  sortFields: SortFieldDefinition[];\n  activeSortField: string;\n  activeSortOrder: \"asc\" | \"desc\";\n  onChangeSort: (field: string, order: \"asc\" | \"desc\") => void;\n  matchedCount: number;\n  totalCount: number;\n  toolbarRightSlot?: React.ReactNode;\n  columnOptions: ColumnVisibilityOption[];\n  onToggleColumn: (id: string, visible: boolean) => void;\n  filterOpen: boolean;\n  setFilterOpen: (open: boolean) => void;\n  activeFilterCount: number;\n  /** Hide the \"Filtros\" slide-in trigger (compact layout shows filters inline). */\n  showFilterTrigger?: boolean;\n  /**\n   * Search + filter controls, rendered ON the toolbar line rather than on a row\n   * beneath it. Absent ⇒ the toolbar keeps its plain two-cluster shape.\n   */\n  filterControls?: React.ReactNode;\n  /** Measures the toolbar ROW for the filter overflow — see `useFilterOverflow`. */\n  barRef?: React.Ref<HTMLDivElement>;\n  /** The controller, so \"Exibir\" can drive sort, columns, order and format. */\n  c: DataViewsController<T>;\n  /** Per-sort-field value kind, so directions read in the column's own terms. */\n  sortKinds?: Record<string, string>;\n  /** The saved-view chrome bracketing the Exibir panel, when the host has views. */\n  displayView?: DisplayPanelView;\n  /** Injected export. Absent ⇒ no Exportar control. */\n  exportConfig?: DataViewExport;\n  /**\n   * Step 2 of the degradation ladder: Exibir/Exportar as icons only.\n   * MEASURED upstream (see `useFilterOverflow`) rather than switched at a\n   * breakpoint, so a two-filter page keeps its labels where a five-filter one\n   * has already given them up.\n   */\n  compactControls?: boolean;\n  /**\n   * Step 5 of the ladder, and its floor: on a screen too narrow for even the\n   * fully-collapsed row, the counter is dropped so the controls still fit one\n   * line instead of spilling outside the toolbar.\n   */\n  counterHidden?: boolean;\n}\n\n/** The right-aligned toolbar controls: Sort By, the counter, zoom/layout/columns, filters. */\nfunction ToolbarRightControls<T extends Record<string, unknown>>(props: GridToolbarProps<T>): React.JSX.Element {\n  const { testIdPrefix, matchedCount, totalCount, filterOpen, setFilterOpen } = props;\n  return (\n    <>\n      {/* MEASURED, never breakpointed: `RESERVED.counter` prices it into the\n          ladder, so hiding it at `md` was the ladder and a breakpoint\n          disagreeing about the same pixels — which broke the row at exactly\n          900px. It is dropped only as the ladder's last rung. */}\n      {!props.counterHidden && (\n        <>\n          <Text variant=\"caption\" as=\"span\">\n            <Box\n              component=\"span\"\n              data-testid={`${testIdPrefix}-counter`}\n              sx={{ whiteSpace: \"nowrap\" }}\n            >\n              {matchedCount} de {totalCount}\n            </Box>\n          </Text>\n          {/* Divides the READING of the list from the controls that change it —\n              the counter states what is on screen, everything right of here\n              acts on it. */}\n          <Divider\n            orientation=\"vertical\"\n            flexItem\n            sx={{ height: sxRem(20), alignSelf: \"center\", mx: 0.5 }}\n          />\n        </>\n      )}\n      {props.toolbarRightSlot}\n      {/* Sort + columns + format, in ONE control — see DataViewsDisplayPanel. */}\n      <DataViewsDisplayPanel\n        c={props.c}\n        testIdPrefix={testIdPrefix}\n        sortKinds={props.sortKinds}\n        view={props.displayView}\n        compact={props.compactControls}\n      />\n      {props.exportConfig && (\n        <DataViewsExportMenu\n          config={props.exportConfig}\n          query={props.c.currentQuery}\n          totalCount={props.totalCount}\n          selectedIds={[...props.c.selectedIds]}\n          columns={props.columnOptions.filter((col) => col.visible).map((col) => ({ id: col.id, label: col.label }))}\n          testIdPrefix={testIdPrefix}\n          compact={props.compactControls}\n        />\n      )}\n      {props.showFilterTrigger !== false && (\n        <FilterTrigger\n          open={filterOpen}\n          onOpenChange={setFilterOpen}\n          activeCount={props.activeFilterCount}\n          data-testid={`${testIdPrefix}-filters-toggle`}\n        />\n      )}\n    </>\n  );\n}\n\n/**\n * The bordered toolbar band: selection chrome + Sort By, the result counter, the\n * saved-views slot, and the filter funnel. The negative margin lets the top/bottom\n * separators reach the sidebar's vertical line and the window edge.\n */\nexport function GridToolbar<T extends Record<string, unknown>>(props: GridToolbarProps<T>): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const { testIdPrefix, selectedRows } = props;\n  return (\n    <Box\n      ref={props.barRef}\n      sx={{\n        borderTop: 1,\n        borderBottom: 1,\n        borderColor: \"divider\",\n        py: 1.25,\n        mx: { xs: -2, md: -3 },\n        px: { xs: 2, md: 3 },\n      }}\n    >\n      <ContentToolbar\n        selectAllLabel={copy.selection.selectAll}\n        selectAllText={copy.selection.selectAllOnPage}\n        clearAllText={copy.filters.clearAll}\n        hasSelection={selectedRows.length > 0}\n        selectedCount={selectedRows.length}\n        selectedCountLabel={copy.selection.selectedCount}\n        selectAll={props.selectAll}\n        clearSelection={props.clearSelection}\n        selectAllTestId={`${testIdPrefix}-select-all`}\n        clearAllTestId={`${testIdPrefix}-clear-all`}\n        selectionExtra={props.selectionExtra}\n        allSelected={props.allOnPageSelected}\n        actions={renderBulkActions({\n          rowActions: props.rowActions,\n          bulkActions: props.bulkActions,\n          selectedRows,\n          clearSelection: props.clearSelection,\n          testIdPrefix,\n        })}\n        leadingControls={props.filterControls}\n        // Selection takes the whole line: no Select All while browsing, and no\n        // search/filters/Exibir/Exportar once a row is ticked.\n        exclusiveSelection\n        rightControls={<ToolbarRightControls {...props} />}\n      />\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,aAAa;AAoFZ,mBACE,KACE,YAFJ;AATR,SAAS,qBAAwD,OAA+C;AAC9G,QAAM,EAAE,cAAc,cAAc,YAAY,YAAY,cAAc,IAAI;AAC9E,SACE,iCAKG;AAAA,KAAC,MAAM,iBACN,iCACE;AAAA,0BAAC,QAAK,SAAQ,WAAU,IAAG,QACzB;AAAA,QAACA;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,eAAa,GAAG,YAAY;AAAA,UAC5B,IAAI,EAAE,YAAY,SAAS;AAAA,UAE1B;AAAA;AAAA,YAAa;AAAA,YAAK;AAAA;AAAA;AAAA,MACrB,GACF;AAAA,MAIA;AAAA,QAAC;AAAA;AAAA,UACC,aAAY;AAAA,UACZ,UAAQ;AAAA,UACR,IAAI,EAAE,QAAQ,MAAM,EAAE,GAAG,WAAW,UAAU,IAAI,IAAI;AAAA;AAAA,MACxD;AAAA,OACF;AAAA,IAED,MAAM;AAAA,IAEP;AAAA,MAAC;AAAA;AAAA,QACC,GAAG,MAAM;AAAA,QACT;AAAA,QACA,WAAW,MAAM;AAAA,QACjB,MAAM,MAAM;AAAA,QACZ,SAAS,MAAM;AAAA;AAAA,IACjB;AAAA,IACC,MAAM,gBACL;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,MAAM;AAAA,QACd,OAAO,MAAM,EAAE;AAAA,QACf,YAAY,MAAM;AAAA,QAClB,aAAa,CAAC,GAAG,MAAM,EAAE,WAAW;AAAA,QACpC,SAAS,MAAM,cAAc,OAAO,CAAC,QAAQ,IAAI,OAAO,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,IAAI,IAAI,OAAO,IAAI,MAAM,EAAE;AAAA,QACzG;AAAA,QACA,SAAS,MAAM;AAAA;AAAA,IACjB;AAAA,IAED,MAAM,sBAAsB,SAC3B;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,cAAc;AAAA,QACd,aAAa,MAAM;AAAA,QACnB,eAAa,GAAG,YAAY;AAAA;AAAA,IAC9B;AAAA,KAEJ;AAEJ;AAOO,SAAS,YAA+C,OAA+C;AAC5G,QAAM,OAAO,iBAAiB;AAC9B,QAAM,EAAE,cAAc,aAAa,IAAI;AACvC,SACE;AAAA,IAACA;AAAA,IAAA;AAAA,MACC,KAAK,MAAM;AAAA,MACX,IAAI;AAAA,QACF,WAAW;AAAA,QACX,cAAc;AAAA,QACd,aAAa;AAAA,QACb,IAAI;AAAA,QACJ,IAAI,EAAE,IAAI,IAAI,IAAI,GAAG;AAAA,QACrB,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE;AAAA,MACrB;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,gBAAgB,KAAK,UAAU;AAAA,UAC/B,eAAe,KAAK,UAAU;AAAA,UAC9B,cAAc,KAAK,QAAQ;AAAA,UAC3B,cAAc,aAAa,SAAS;AAAA,UACpC,eAAe,aAAa;AAAA,UAC5B,oBAAoB,KAAK,UAAU;AAAA,UACnC,WAAW,MAAM;AAAA,UACjB,gBAAgB,MAAM;AAAA,UACtB,iBAAiB,GAAG,YAAY;AAAA,UAChC,gBAAgB,GAAG,YAAY;AAAA,UAC/B,gBAAgB,MAAM;AAAA,UACtB,aAAa,MAAM;AAAA,UACnB,SAAS,kBAAkB;AAAA,YACzB,YAAY,MAAM;AAAA,YAClB,aAAa,MAAM;AAAA,YACnB;AAAA,YACA,gBAAgB,MAAM;AAAA,YACtB;AAAA,UACF,CAAC;AAAA,UACD,iBAAiB,MAAM;AAAA,UAGvB,oBAAkB;AAAA,UAClB,eAAe,oBAAC,wBAAsB,GAAG,OAAO;AAAA;AAAA,MAClD;AAAA;AAAA,EACF;AAEJ;","names":["default"]}

package/dist/{chunk-HRMB72E4.js → chunk-QHP5PZNC.js}

@@ -202,6 +202,7 @@ var PT_BR_DATA_VIEWS_COPY = {
     clearSelection: "Limpar sele\xE7\xE3o",
     selectAll: "Selecionar tudo",
     onThisPage: (count) => `${count} nesta p\xE1gina`,
+    selectedCount: (count) => `${count} ${count === 1 ? "selecionado" : "selecionados"}`,
     selectRow: "Selecionar",
     expandRow: "Expandir detalhes",
     collapseRow: "Recolher detalhes"
@@ -247,4 +248,4 @@ export {
   PT_BR_DATA_STATE_COPY,
   PT_BR_DATA_VIEWS_COPY
 };
-//# sourceMappingURL=chunk-HRMB72E4.js.map
+//# sourceMappingURL=chunk-QHP5PZNC.js.map

package/dist/{chunk-HRMB72E4.js.map → chunk-QHP5PZNC.js.map}

@@ -1 +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":[]}
+{"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    selectedCount: (count) => `${count} ${count === 1 ? \"selecionado\" : \"selecionados\"}`,\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-GNBCSTXF.js → chunk-QKAYXAQE.js}

@@ -64,15 +64,15 @@ function railsTemplateFor(gutters, metaColumns) {
 }
 var RAIL_COUNT = 8;
 var CELL_FIXED_RAILS = 4;
-function cellRailsTemplate(cells) {
+function cellRailsTemplate(cells, gutters = { disclose: true, drag: true, select: true }) {
   return [
-    DEFAULT_RAILS.disclose,
-    DEFAULT_RAILS.drag,
-    DEFAULT_RAILS.select,
+    gutters.disclose ? DEFAULT_RAILS.disclose : null,
+    gutters.drag ? DEFAULT_RAILS.drag : null,
+    gutters.select ? DEFAULT_RAILS.select : null,
     DEFAULT_RAILS.leading,
     ...cells,
     DEFAULT_RAILS.actions
-  ].join(" ");
+  ].filter((rail) => rail != null).join(" ");
 }
 function cellRailCount(cells) {
   return CELL_FIXED_RAILS + cells + 1;
@@ -129,4 +129,4 @@ export {
   cellRailCount,
   ListCardGroup
 };
-//# sourceMappingURL=chunk-GNBCSTXF.js.map
+//# sourceMappingURL=chunk-QKAYXAQE.js.map

package/dist/{chunk-GNBCSTXF.js.map → chunk-QKAYXAQE.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/list-card-rails.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext, type ReactNode } from \"react\";\n\nimport { Box } from \"../../../mui/Box\";\nimport { DENSITY_ROW_PADDING, type DataViewsDensity } from \"./data-views-layout-context\";\nimport { CellConfigProvider, cellTracks, type ListCardCellConfig } from \"./list-card-cells\";\n\n/**\n * THE LIST OWNS THE COLUMNS, NOT THE ROW.\n *\n * Every row laying itself out with flex produces a list where nothing lines up.\n * The caption takes `flex: 1` and shoves the rest right; the value sits after\n * the meta cluster with the same gap as any other pair, so `MÉTODO PIX\n * R$ 13,90` reads as one continuous run and the only unlabelled thing in the\n * row is the number that matters most; and because the status chip's width\n * varies with its text (`Pago` vs `Em aberto` vs `Cancelado`), the money jitters\n * left and right on every row down the page.\n *\n * So the rails are declared ONCE, here, and each card is `grid-template-columns:\n * subgrid` spanning them. One set of edges for the whole list, the value on its\n * own rail, the status in a slot wide enough for the longest label it will ever\n * hold. Adding a row cannot move the column.\n *\n * Subgrid needs the card to be a DIRECT child of this grid — no wrapper element\n * between them, which is why the group renders its children bare.\n */\n\n/** One rail. Fixed where alignment matters, flexible where it does not. */\nexport interface ListRails {\n  /**\n   * The disclosure chevron, ahead of everything.\n   *\n   * Reserved on the same terms as the gutters behind it: a list where only SOME\n   * rows carry an expandable body would otherwise indent those rows and no\n   * others, and a column of captions that starts at two different offsets reads\n   * as a rendering fault rather than as a row you can open.\n   */\n  disclose: string;\n  /** Reserved even when nothing drags: toggling drag mode must not shift the list. */\n  drag: string;\n  /** Reserved even when nothing is selectable, for the same reason. */\n  select: string;\n  leading: string;\n  /** Absorbs spare width, alongside `meta`. */\n  caption: string;\n  /** Also absorbs spare width, so the middle columns spread rather than bunch. */\n  meta: string;\n  /** The value's own rail, with a fixed right edge. */\n  value: string;\n  actions: string;\n}\n\n/**\n * The meta rail, sized to sit its pairs on even intervals WITH the caption.\n *\n * ONE SHARE OF THE SPARE WIDTH PER PAIR, not one for the cluster. A single `1fr`\n * handed the whole cluster as much room as the title and then split it between\n * the pairs, so the title sat on a full share while `DATA` and `MÉTODO` had half\n * a share each — which is why the gap after the title came out twice the gap\n * between the pairs. Even columns need even shares, so the rail grows with the\n * number of pairs it has to hold.\n *\n * `max-content` still floors it: the evenness is never paid for with a clipped\n * label on a row too narrow to afford it.\n */\nexport function metaRail(columns: number): string {\n  return `minmax(max-content, ${Math.max(columns, 1)}fr)`;\n}\n\n/**\n * The caption and meta rails, resolved TOGETHER — because exactly one of them\n * has to be the flexible track, and which one depends on whether the row has any\n * middle columns at all.\n *\n * A grid distributes its free space to `fr` tracks; with no `fr` present it\n * spreads it across every `auto` track instead — including the empty gutters,\n * the empty meta rail and the empty status rail. So a row with a title and a\n * value and nothing between them drifted its title into the middle of the row,\n * each empty rail having claimed an equal share of the slack.\n *\n * With pairs to place, `meta` is the flexible one and the caption sizes to its\n * title (the spare width belongs to the only rail with several things to space\n * out). With no pairs, there is nothing to distribute and the caption takes the\n * slack back, which is what it always did.\n */\nexport function contentRails(metaColumns: number): Pick<ListRails, \"caption\" | \"meta\"> {\n  return metaColumns > 0\n    ? { caption: \"minmax(0, auto)\", meta: metaRail(metaColumns) }\n    : { caption: \"minmax(0, 1fr)\", meta: \"auto\" };\n}\n\nexport const DEFAULT_RAILS: ListRails = {\n  disclose: \"auto\",\n  drag: \"auto\",\n  select: \"auto\",\n  leading: \"auto\",\n  // Two is the canonical row (a date and a method); a list carrying a different\n  // number says so with `metaColumns`, and a standalone card counts its own.\n  ...contentRails(2),\n  // `max-content` on the value, so the rail is as wide as the widest amount in\n  // the list and no wider — a fixed px guess is either clipping or dead space.\n  // NOT an `fr`: the value's whole promise is a fixed right edge, and a rail\n  // that grows with the spare width moves that edge on every list.\n  value: \"max-content\",\n  actions: \"auto\",\n};\n\nexport interface ListRailsValue {\n  density: DataViewsDensity;\n  /** Whether the gutters are held open even when empty. */\n  reserveGutters: boolean;\n  /**\n   * How many tracks a row spans.\n   *\n   * Fixed at {@link RAIL_COUNT} for the named-slot layout, but a cell-configured\n   * list has as many tracks as the config declares, and every row must span the\n   * same number or subgrid tears.\n   */\n  railCount: number;\n}\n\nconst ListRailsContext = createContext<ListRailsValue | null>(null);\n\n/** Is this card inside a group that owns the rails? */\nexport function useListRails(): ListRailsValue | null {\n  return useContext(ListRailsContext);\n}\n\n/**\n * The column template, as one `grid-template-columns` value.\n *\n * A rail set to `null` is DROPPED rather than sized to zero. The two are not the\n * same: a zero-width track still takes a `column-gap` beside it, so a gutter\n * nobody is using still pushes the row's contents inward. Only a standalone card\n * may drop one — inside a group the rails are subgrid over a shared template and\n * every row must span the same count.\n */\nexport function railsTemplate(rails: RailOverrides): string {\n  return [\n    rails.disclose,\n    rails.drag,\n    rails.select,\n    rails.leading,\n    rails.caption,\n    rails.meta,\n    rails.value,\n    rails.actions,\n  ]\n    .filter((rail): rail is string => rail != null)\n    .join(\" \");\n}\n\n/** A rail set, where `null` means \"this rail is not in the template at all\". */\ntype RailOverrides = { [K in keyof ListRails]: ListRails[K] | null };\n\n/** The gap between rails, in theme spacing units. */\nexport const RAIL_GAP = 3;\n\n/** …the same gap in pixels, for anything drawing INTO it. */\nexport const RAIL_GAP_PX = RAIL_GAP * 8;\n\n/**\n * AN EMPTY GUTTER COSTS ITS OWN WIDTH *AND* THE RAIL GAP BESIDE IT.\n *\n * A zero-width grid track still gets a `column-gap`, and no margin on the item\n * inside it can win that back — gaps sit between TRACKS, and a track's position\n * is settled before any item's margin is applied. (Tried it; the box simply\n * overhangs its own track and everything after it stays put.) So a row with\n * nothing to drag was paying 24px for a rail holding nothing, which was the\n * single biggest contributor to the left inset the checkbox appeared to have.\n *\n * The only way out is for the track NOT TO EXIST: the slot renders nothing and\n * the rail leaves the template, which is safe because grid auto-placement fills\n * the remaining tracks in DOM order. Standalone only — inside a\n * {@link ListCardGroup} the rails are subgrid across a shared template and the\n * count cannot vary per row, which is also where `reserveGutters` earns its\n * keep: a selectable list and a read-only one still line up, and turning drag\n * mode on does not shift every row sideways.\n */\nexport function railsTemplateFor(\n  gutters: { disclose: boolean; drag: boolean; select: boolean },\n  metaColumns: number,\n): string {\n  return railsTemplate({\n    ...DEFAULT_RAILS,\n    // Standalone, the card can simply COUNT its pairs — no `metaColumns` to be\n    // told, and no guess.\n    ...contentRails(metaColumns),\n    ...(gutters.disclose ? {} : { disclose: null }),\n    ...(gutters.drag ? {} : { drag: null }),\n    ...(gutters.select ? {} : { select: null }),\n  });\n}\n\n/** How many rails the named-slot layout has — the span such a card claims. */\nexport const RAIL_COUNT = 8;\n\n/**\n * The gutters and the trailing menu that bracket a CONFIGURED row.\n *\n * A cell-configured list still has a head and a tail the config does not\n * describe: the disclosure chevron, the drag grip and the checkbox in front, and\n * the overflow menu behind. The menu is not optional — it is where a row's\n * actions live, and a list that hid it would have nowhere to put them.\n */\nconst CELL_FIXED_RAILS = 4;\n\n/** Tracks for a cell-configured row: gutters, leading, the cells, then the menu. */\nexport function cellRailsTemplate(cells: readonly string[]): string {\n  return [\n    DEFAULT_RAILS.disclose,\n    DEFAULT_RAILS.drag,\n    DEFAULT_RAILS.select,\n    DEFAULT_RAILS.leading,\n    ...cells,\n    DEFAULT_RAILS.actions,\n  ].join(\" \");\n}\n\n/** How many tracks such a row spans — the fixed head/tail plus one per cell. */\nexport function cellRailCount(cells: number): number {\n  return CELL_FIXED_RAILS + cells + 1;\n}\n\n/**\n * A {@link ListCardGroup}'s configuration, as a value a caller can pass around.\n *\n * The same fields the group takes as props, named once so a table can accept\n * \"the list's columns\" as a single prop and hand them straight over. It is what\n * makes a list line up BY CONSTRUCTION rather than by convention: without it\n * every row resolves its own tracks from its own copy of the config, which\n * agrees with its neighbours right until one row carries an unusually wide value.\n */\nexport interface ListGroupConfig<T extends Record<string, unknown>> {\n  /**\n   * The cells every row renders. Supplying these replaces the named-slot layout\n   * (title/subtitle/meta/value/status) for the rows inside.\n   */\n  cells?: readonly ListCardCellConfig<T>[];\n  /**\n   * How many labelled pairs the rows carry, in the named-slot layout. The group\n   * renders its children opaquely and cannot count them.\n   */\n  metaColumns?: number;\n  /** Override individual rails; anything omitted keeps its default. */\n  rails?: Partial<ListRails>;\n  /**\n   * Hold the drag and select gutters open even when nothing uses them. On by\n   * default, so a selectable list and a read-only one still line up.\n   */\n  reserveGutters?: boolean;\n}\n\n/**\n * A list of {@link BaseListCard}s that share one set of columns.\n *\n * Also the natural home for the things a review pointed out belong to the list\n * rather than the card: the density every row answers, and — when it lands —\n * shift-click range selection and the single `aria-live` region a list needs\n * (fifty polite live regions is a screen-reader nightmare, which is why the\n * card no longer takes one).\n */\nexport function ListCardGroup({\n  children,\n  density = \"cozy\",\n  cells,\n  metaColumns,\n  rails,\n  reserveGutters = true,\n  gap,\n  dataTestId,\n}: {\n  children: ReactNode;\n  density?: DataViewsDensity;\n  /**\n   * The list's CELL CONFIG — declared once here, obeyed by every row.\n   *\n   * This is what makes the columns line up by construction rather than by\n   * convention: the group resolves the tracks and hands the same config to every\n   * card, so two rows cannot disagree about the shape of the list because\n   * neither of them decides it.\n   *\n   * Supplying this replaces the named-slot layout (title/subtitle/meta/value/\n   * status) for the rows inside — they render `row` through these cells instead.\n   * The gutters and the overflow menu are unaffected; they bracket the cells and\n   * are not the config's to describe.\n   */\n  cells?: readonly ListCardCellConfig<never>[];\n  /**\n   * How many labelled pairs the rows in this list carry.\n   *\n   * The rail claims one share of the spare width per pair, so the title and\n   * every pair land on even intervals. A list is homogeneous — its rows show\n   * the same fields — but the group renders its children opaquely and cannot\n   * count them, so this is the one thing it has to be told.\n   */\n  metaColumns?: number;\n  /** Override individual rails; anything omitted keeps its default. */\n  rails?: Partial<ListRails>;\n  /**\n   * Hold the drag and select gutters open even when nothing uses them.\n   *\n   * On by default: a selectable list and a read-only one should line up, and\n   * turning drag mode on should not shift every row sideways.\n   */\n  reserveGutters?: boolean;\n  /** Row gap. Defaults to the density's own spacing. */\n  gap?: number;\n  dataTestId?: string;\n}): React.JSX.Element {\n  const resolved = {\n    ...DEFAULT_RAILS,\n    ...(metaColumns == null ? {} : contentRails(metaColumns)),\n    ...rails,\n  };\n  const configured = cells != null && cells.length > 0;\n  const template = configured ? cellRailsTemplate(cellTracks(cells)) : railsTemplate(resolved);\n  const railCount = configured ? cellRailCount(cells.length) : RAIL_COUNT;\n  return (\n    <ListRailsContext.Provider value={{ density, reserveGutters, railCount }}>\n     <CellConfigProvider cells={cells}>\n      <Box\n        data-testid={dataTestId}\n        sx={{\n          // The query container for every row inside it — a row cannot be one\n          // itself and a subgrid at the same time (containment drops subgrid).\n          // Every row in a list is the same width anyway, so the group is the\n          // honest place to ask the question.\n          containerType: \"inline-size\",\n          display: \"grid\",\n          gridTemplateColumns: template,\n          alignItems: \"center\",\n          rowGap: gap ?? DENSITY_ROW_PADDING[density],\n        }}\n      >\n        {children}\n      </Box>\n     </CellConfigProvider>\n    </ListRailsContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAEA,SAAS,eAAe,kBAAkC;AAgUpD;AAhQC,SAAS,SAAS,SAAyB;AAChD,SAAO,uBAAuB,KAAK,IAAI,SAAS,CAAC,CAAC;AACpD;AAkBO,SAAS,aAAa,aAA0D;AACrF,SAAO,cAAc,IACjB,EAAE,SAAS,mBAAmB,MAAM,SAAS,WAAW,EAAE,IAC1D,EAAE,SAAS,kBAAkB,MAAM,OAAO;AAChD;AAEO,IAAM,gBAA2B;AAAA,EACtC,UAAU;AAAA,EACV,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA;AAAA;AAAA,EAGT,GAAG,aAAa,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAKjB,OAAO;AAAA,EACP,SAAS;AACX;AAgBA,IAAM,mBAAmB,cAAqC,IAAI;AAG3D,SAAS,eAAsC;AACpD,SAAO,WAAW,gBAAgB;AACpC;AAWO,SAAS,cAAc,OAA8B;AAC1D,SAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,EACR,EACG,OAAO,CAAC,SAAyB,QAAQ,IAAI,EAC7C,KAAK,GAAG;AACb;AAMO,IAAM,WAAW;AAGjB,IAAM,cAAc,WAAW;AAoB/B,SAAS,iBACd,SACA,aACQ;AACR,SAAO,cAAc;AAAA,IACnB,GAAG;AAAA;AAAA;AAAA,IAGH,GAAG,aAAa,WAAW;AAAA,IAC3B,GAAI,QAAQ,WAAW,CAAC,IAAI,EAAE,UAAU,KAAK;AAAA,IAC7C,GAAI,QAAQ,OAAO,CAAC,IAAI,EAAE,MAAM,KAAK;AAAA,IACrC,GAAI,QAAQ,SAAS,CAAC,IAAI,EAAE,QAAQ,KAAK;AAAA,EAC3C,CAAC;AACH;AAGO,IAAM,aAAa;AAU1B,IAAM,mBAAmB;AAGlB,SAAS,kBAAkB,OAAkC;AAClE,SAAO;AAAA,IACL,cAAc;AAAA,IACd,cAAc;AAAA,IACd,cAAc;AAAA,IACd,cAAc;AAAA,IACd,GAAG;AAAA,IACH,cAAc;AAAA,EAChB,EAAE,KAAK,GAAG;AACZ;AAGO,SAAS,cAAc,OAAuB;AACnD,SAAO,mBAAmB,QAAQ;AACpC;AAwCO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA;AACF,GAsCsB;AACpB,QAAM,WAAW;AAAA,IACf,GAAG;AAAA,IACH,GAAI,eAAe,OAAO,CAAC,IAAI,aAAa,WAAW;AAAA,IACvD,GAAG;AAAA,EACL;AACA,QAAM,aAAa,SAAS,QAAQ,MAAM,SAAS;AACnD,QAAM,WAAW,aAAa,kBAAkB,WAAW,KAAK,CAAC,IAAI,cAAc,QAAQ;AAC3F,QAAM,YAAY,aAAa,cAAc,MAAM,MAAM,IAAI;AAC7D,SACE,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,EAAE,SAAS,gBAAgB,UAAU,GACtE,8BAAC,sBAAmB,OACnB;AAAA,IAACA;AAAA,IAAA;AAAA,MACC,eAAa;AAAA,MACb,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,QAKF,eAAe;AAAA,QACf,SAAS;AAAA,QACT,qBAAqB;AAAA,QACrB,YAAY;AAAA,QACZ,QAAQ,OAAO,oBAAoB,OAAO;AAAA,MAC5C;AAAA,MAEC;AAAA;AAAA,EACH,GACD,GACD;AAEJ;","names":["default"]}
+{"version":3,"sources":["../src/components/data-display/DataViews/list-card-rails.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext, type ReactNode } from \"react\";\n\nimport { Box } from \"../../../mui/Box\";\nimport { DENSITY_ROW_PADDING, type DataViewsDensity } from \"./data-views-layout-context\";\nimport { CellConfigProvider, cellTracks, type ListCardCellConfig } from \"./list-card-cells\";\n\n/**\n * THE LIST OWNS THE COLUMNS, NOT THE ROW.\n *\n * Every row laying itself out with flex produces a list where nothing lines up.\n * The caption takes `flex: 1` and shoves the rest right; the value sits after\n * the meta cluster with the same gap as any other pair, so `MÉTODO PIX\n * R$ 13,90` reads as one continuous run and the only unlabelled thing in the\n * row is the number that matters most; and because the status chip's width\n * varies with its text (`Pago` vs `Em aberto` vs `Cancelado`), the money jitters\n * left and right on every row down the page.\n *\n * So the rails are declared ONCE, here, and each card is `grid-template-columns:\n * subgrid` spanning them. One set of edges for the whole list, the value on its\n * own rail, the status in a slot wide enough for the longest label it will ever\n * hold. Adding a row cannot move the column.\n *\n * Subgrid needs the card to be a DIRECT child of this grid — no wrapper element\n * between them, which is why the group renders its children bare.\n */\n\n/** One rail. Fixed where alignment matters, flexible where it does not. */\nexport interface ListRails {\n  /**\n   * The disclosure chevron, ahead of everything.\n   *\n   * Reserved on the same terms as the gutters behind it: a list where only SOME\n   * rows carry an expandable body would otherwise indent those rows and no\n   * others, and a column of captions that starts at two different offsets reads\n   * as a rendering fault rather than as a row you can open.\n   */\n  disclose: string;\n  /** Reserved even when nothing drags: toggling drag mode must not shift the list. */\n  drag: string;\n  /** Reserved even when nothing is selectable, for the same reason. */\n  select: string;\n  leading: string;\n  /** Absorbs spare width, alongside `meta`. */\n  caption: string;\n  /** Also absorbs spare width, so the middle columns spread rather than bunch. */\n  meta: string;\n  /** The value's own rail, with a fixed right edge. */\n  value: string;\n  actions: string;\n}\n\n/**\n * The meta rail, sized to sit its pairs on even intervals WITH the caption.\n *\n * ONE SHARE OF THE SPARE WIDTH PER PAIR, not one for the cluster. A single `1fr`\n * handed the whole cluster as much room as the title and then split it between\n * the pairs, so the title sat on a full share while `DATA` and `MÉTODO` had half\n * a share each — which is why the gap after the title came out twice the gap\n * between the pairs. Even columns need even shares, so the rail grows with the\n * number of pairs it has to hold.\n *\n * `max-content` still floors it: the evenness is never paid for with a clipped\n * label on a row too narrow to afford it.\n */\nexport function metaRail(columns: number): string {\n  return `minmax(max-content, ${Math.max(columns, 1)}fr)`;\n}\n\n/**\n * The caption and meta rails, resolved TOGETHER — because exactly one of them\n * has to be the flexible track, and which one depends on whether the row has any\n * middle columns at all.\n *\n * A grid distributes its free space to `fr` tracks; with no `fr` present it\n * spreads it across every `auto` track instead — including the empty gutters,\n * the empty meta rail and the empty status rail. So a row with a title and a\n * value and nothing between them drifted its title into the middle of the row,\n * each empty rail having claimed an equal share of the slack.\n *\n * With pairs to place, `meta` is the flexible one and the caption sizes to its\n * title (the spare width belongs to the only rail with several things to space\n * out). With no pairs, there is nothing to distribute and the caption takes the\n * slack back, which is what it always did.\n */\nexport function contentRails(metaColumns: number): Pick<ListRails, \"caption\" | \"meta\"> {\n  return metaColumns > 0\n    ? { caption: \"minmax(0, auto)\", meta: metaRail(metaColumns) }\n    : { caption: \"minmax(0, 1fr)\", meta: \"auto\" };\n}\n\nexport const DEFAULT_RAILS: ListRails = {\n  disclose: \"auto\",\n  drag: \"auto\",\n  select: \"auto\",\n  leading: \"auto\",\n  // Two is the canonical row (a date and a method); a list carrying a different\n  // number says so with `metaColumns`, and a standalone card counts its own.\n  ...contentRails(2),\n  // `max-content` on the value, so the rail is as wide as the widest amount in\n  // the list and no wider — a fixed px guess is either clipping or dead space.\n  // NOT an `fr`: the value's whole promise is a fixed right edge, and a rail\n  // that grows with the spare width moves that edge on every list.\n  value: \"max-content\",\n  actions: \"auto\",\n};\n\nexport interface ListRailsValue {\n  density: DataViewsDensity;\n  /** Whether the gutters are held open even when empty. */\n  reserveGutters: boolean;\n  /**\n   * How many tracks a row spans.\n   *\n   * Fixed at {@link RAIL_COUNT} for the named-slot layout, but a cell-configured\n   * list has as many tracks as the config declares, and every row must span the\n   * same number or subgrid tears.\n   */\n  railCount: number;\n}\n\nconst ListRailsContext = createContext<ListRailsValue | null>(null);\n\n/** Is this card inside a group that owns the rails? */\nexport function useListRails(): ListRailsValue | null {\n  return useContext(ListRailsContext);\n}\n\n/**\n * The column template, as one `grid-template-columns` value.\n *\n * A rail set to `null` is DROPPED rather than sized to zero. The two are not the\n * same: a zero-width track still takes a `column-gap` beside it, so a gutter\n * nobody is using still pushes the row's contents inward. Only a standalone card\n * may drop one — inside a group the rails are subgrid over a shared template and\n * every row must span the same count.\n */\nexport function railsTemplate(rails: RailOverrides): string {\n  return [\n    rails.disclose,\n    rails.drag,\n    rails.select,\n    rails.leading,\n    rails.caption,\n    rails.meta,\n    rails.value,\n    rails.actions,\n  ]\n    .filter((rail): rail is string => rail != null)\n    .join(\" \");\n}\n\n/** A rail set, where `null` means \"this rail is not in the template at all\". */\ntype RailOverrides = { [K in keyof ListRails]: ListRails[K] | null };\n\n/** The gap between rails, in theme spacing units. */\nexport const RAIL_GAP = 3;\n\n/** …the same gap in pixels, for anything drawing INTO it. */\nexport const RAIL_GAP_PX = RAIL_GAP * 8;\n\n/**\n * AN EMPTY GUTTER COSTS ITS OWN WIDTH *AND* THE RAIL GAP BESIDE IT.\n *\n * A zero-width grid track still gets a `column-gap`, and no margin on the item\n * inside it can win that back — gaps sit between TRACKS, and a track's position\n * is settled before any item's margin is applied. (Tried it; the box simply\n * overhangs its own track and everything after it stays put.) So a row with\n * nothing to drag was paying 24px for a rail holding nothing, which was the\n * single biggest contributor to the left inset the checkbox appeared to have.\n *\n * The only way out is for the track NOT TO EXIST: the slot renders nothing and\n * the rail leaves the template, which is safe because grid auto-placement fills\n * the remaining tracks in DOM order. Standalone only — inside a\n * {@link ListCardGroup} the rails are subgrid across a shared template and the\n * count cannot vary per row, which is also where `reserveGutters` earns its\n * keep: a selectable list and a read-only one still line up, and turning drag\n * mode on does not shift every row sideways.\n */\nexport function railsTemplateFor(\n  gutters: { disclose: boolean; drag: boolean; select: boolean },\n  metaColumns: number,\n): string {\n  return railsTemplate({\n    ...DEFAULT_RAILS,\n    // Standalone, the card can simply COUNT its pairs — no `metaColumns` to be\n    // told, and no guess.\n    ...contentRails(metaColumns),\n    ...(gutters.disclose ? {} : { disclose: null }),\n    ...(gutters.drag ? {} : { drag: null }),\n    ...(gutters.select ? {} : { select: null }),\n  });\n}\n\n/** How many rails the named-slot layout has — the span such a card claims. */\nexport const RAIL_COUNT = 8;\n\n/**\n * The gutters and the trailing menu that bracket a CONFIGURED row.\n *\n * A cell-configured list still has a head and a tail the config does not\n * describe: the disclosure chevron, the drag grip and the checkbox in front, and\n * the overflow menu behind. The menu is not optional — it is where a row's\n * actions live, and a list that hid it would have nowhere to put them.\n */\nconst CELL_FIXED_RAILS = 4;\n\n/**\n * Tracks for a cell-configured row: gutters, leading, the cells, then the menu.\n *\n * `gutters` says which of the three head gutters RENDER. A group reserves all\n * three (the default), so every row spans the same tracks. A standalone row\n * renders a gutter only when it uses it, and a track whose slot renders nothing\n * is not a reserved gap: grid auto-placement fills it with the NEXT slot. So the\n * checkbox landed in the disclosure track, the glyph in the drag track, and\n * every cell two tracks early, in a column sized for something else. The named-\n * slot layout already drops absent gutters ({@link railsTemplateFor}); this is\n * the same rule for configured cells.\n */\nexport function cellRailsTemplate(\n  cells: readonly string[],\n  gutters: { disclose: boolean; drag: boolean; select: boolean } = { disclose: true, drag: true, select: true },\n): string {\n  return [\n    gutters.disclose ? DEFAULT_RAILS.disclose : null,\n    gutters.drag ? DEFAULT_RAILS.drag : null,\n    gutters.select ? DEFAULT_RAILS.select : null,\n    DEFAULT_RAILS.leading,\n    ...cells,\n    DEFAULT_RAILS.actions,\n  ]\n    .filter((rail): rail is string => rail != null)\n    .join(\" \");\n}\n\n/** How many tracks such a row spans — the fixed head/tail plus one per cell. */\nexport function cellRailCount(cells: number): number {\n  return CELL_FIXED_RAILS + cells + 1;\n}\n\n/**\n * A {@link ListCardGroup}'s configuration, as a value a caller can pass around.\n *\n * The same fields the group takes as props, named once so a table can accept\n * \"the list's columns\" as a single prop and hand them straight over. It is what\n * makes a list line up BY CONSTRUCTION rather than by convention: without it\n * every row resolves its own tracks from its own copy of the config, which\n * agrees with its neighbours right until one row carries an unusually wide value.\n */\nexport interface ListGroupConfig<T extends Record<string, unknown>> {\n  /**\n   * The cells every row renders. Supplying these replaces the named-slot layout\n   * (title/subtitle/meta/value/status) for the rows inside.\n   */\n  cells?: readonly ListCardCellConfig<T>[];\n  /**\n   * How many labelled pairs the rows carry, in the named-slot layout. The group\n   * renders its children opaquely and cannot count them.\n   */\n  metaColumns?: number;\n  /** Override individual rails; anything omitted keeps its default. */\n  rails?: Partial<ListRails>;\n  /**\n   * Hold the drag and select gutters open even when nothing uses them. On by\n   * default, so a selectable list and a read-only one still line up.\n   */\n  reserveGutters?: boolean;\n}\n\n/**\n * A list of {@link BaseListCard}s that share one set of columns.\n *\n * Also the natural home for the things a review pointed out belong to the list\n * rather than the card: the density every row answers, and — when it lands —\n * shift-click range selection and the single `aria-live` region a list needs\n * (fifty polite live regions is a screen-reader nightmare, which is why the\n * card no longer takes one).\n */\nexport function ListCardGroup({\n  children,\n  density = \"cozy\",\n  cells,\n  metaColumns,\n  rails,\n  reserveGutters = true,\n  gap,\n  dataTestId,\n}: {\n  children: ReactNode;\n  density?: DataViewsDensity;\n  /**\n   * The list's CELL CONFIG — declared once here, obeyed by every row.\n   *\n   * This is what makes the columns line up by construction rather than by\n   * convention: the group resolves the tracks and hands the same config to every\n   * card, so two rows cannot disagree about the shape of the list because\n   * neither of them decides it.\n   *\n   * Supplying this replaces the named-slot layout (title/subtitle/meta/value/\n   * status) for the rows inside — they render `row` through these cells instead.\n   * The gutters and the overflow menu are unaffected; they bracket the cells and\n   * are not the config's to describe.\n   */\n  cells?: readonly ListCardCellConfig<never>[];\n  /**\n   * How many labelled pairs the rows in this list carry.\n   *\n   * The rail claims one share of the spare width per pair, so the title and\n   * every pair land on even intervals. A list is homogeneous — its rows show\n   * the same fields — but the group renders its children opaquely and cannot\n   * count them, so this is the one thing it has to be told.\n   */\n  metaColumns?: number;\n  /** Override individual rails; anything omitted keeps its default. */\n  rails?: Partial<ListRails>;\n  /**\n   * Hold the drag and select gutters open even when nothing uses them.\n   *\n   * On by default: a selectable list and a read-only one should line up, and\n   * turning drag mode on should not shift every row sideways.\n   */\n  reserveGutters?: boolean;\n  /** Row gap. Defaults to the density's own spacing. */\n  gap?: number;\n  dataTestId?: string;\n}): React.JSX.Element {\n  const resolved = {\n    ...DEFAULT_RAILS,\n    ...(metaColumns == null ? {} : contentRails(metaColumns)),\n    ...rails,\n  };\n  const configured = cells != null && cells.length > 0;\n  const template = configured ? cellRailsTemplate(cellTracks(cells)) : railsTemplate(resolved);\n  const railCount = configured ? cellRailCount(cells.length) : RAIL_COUNT;\n  return (\n    <ListRailsContext.Provider value={{ density, reserveGutters, railCount }}>\n     <CellConfigProvider cells={cells}>\n      <Box\n        data-testid={dataTestId}\n        sx={{\n          // The query container for every row inside it — a row cannot be one\n          // itself and a subgrid at the same time (containment drops subgrid).\n          // Every row in a list is the same width anyway, so the group is the\n          // honest place to ask the question.\n          containerType: \"inline-size\",\n          display: \"grid\",\n          gridTemplateColumns: template,\n          alignItems: \"center\",\n          rowGap: gap ?? DENSITY_ROW_PADDING[density],\n        }}\n      >\n        {children}\n      </Box>\n     </CellConfigProvider>\n    </ListRailsContext.Provider>\n  );\n}\n"],"mappings":"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","names":["default"]}

package/dist/{chunk-TZFBJ47T.js → chunk-SFLNHCA2.js}

@@ -23,9 +23,32 @@ var selectionButtonSx = {
   textTransform: "none",
   color: "text.primary"
 };
+function SelectAllBox({
+  hasSelection,
+  allSelected,
+  selectAll,
+  clearSelection,
+  selectAllTestId,
+  selectAllLabel
+}) {
+  return /* @__PURE__ */ jsx(
+    Checkbox,
+    {
+      size: "small",
+      checked: allSelected ?? hasSelection,
+      indeterminate: hasSelection && allSelected === false,
+      onChange: () => hasSelection && allSelected !== false ? clearSelection() : selectAll(),
+      "data-testid": `${selectAllTestId}-checkbox`,
+      inputProps: { "aria-label": selectAllLabel },
+      sx: { p: 0.5, display: { xs: "inline-flex", md: "none" } }
+    }
+  );
+}
 function SelectionCluster({
   hasSelection,
+  allSelected,
   selectedCount,
+  selectedCountLabel,
   selectAll,
   clearSelection,
   actions,
@@ -78,20 +101,21 @@ function SelectionCluster({
           }
         ),
         /* @__PURE__ */ jsx(
-          Checkbox,
+          SelectAllBox,
           {
-            size: "small",
-            checked: hasSelection,
-            onChange: (event) => event.target.checked ? selectAll() : clearSelection(),
-            "data-testid": `${selectAllTestId}-checkbox`,
-            inputProps: { "aria-label": selectAllLabel },
-            sx: { p: 0.5, display: { xs: "inline-flex", md: "none" } }
+            hasSelection,
+            allSelected,
+            selectAll,
+            clearSelection,
+            selectAllTestId,
+            selectAllLabel
           }
         ),
         hasSelection ? /* @__PURE__ */ jsx(
           SelectionState,
           {
             selectedCount,
+            selectedCountLabel,
             clearSelection,
             clearAllTestId,
             clearAllText,
@@ -105,6 +129,7 @@ function SelectionCluster({
 }
 function SelectionState({
   selectedCount,
+  selectedCountLabel,
   clearSelection,
   clearAllTestId,
   clearAllText,
@@ -124,18 +149,13 @@ function SelectionState({
       }
     ),
     /* @__PURE__ */ jsx(Divider, { orientation: "vertical", flexItem: true, sx: { height: sxRem(16), alignSelf: "center" } }),
-    /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(
       Typography,
       {
         component: "span",
         "data-testid": "selected-count-indicator",
         sx: { fontSize: sxRem(14), color: "text.secondary", whiteSpace: "nowrap", flexShrink: 0 },
-        children: [
-          selectedCount,
-          " ",
-          selectedCount === 1 ? "item" : "items",
-          " selected"
-        ]
+        children: selectedCountLabel(selectedCount)
       }
     ),
     selectionExtra !== void 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -202,7 +222,9 @@ function BrowsingClusters({
 }
 function ContentToolbar({
   hasSelection,
+  allSelected,
   selectedCount,
+  selectedCountLabel,
   selectAll,
   clearSelection,
   rightControls,
@@ -244,7 +266,9 @@ function ContentToolbar({
               selectAllText,
               clearAllText,
               hasSelection,
+              allSelected,
               selectedCount,
+              selectedCountLabel,
               selectAll,
               clearSelection,
               actions,
@@ -273,4 +297,4 @@ function ContentToolbar({
 export {
   ContentToolbar
 };
-//# sourceMappingURL=chunk-TZFBJ47T.js.map
+//# sourceMappingURL=chunk-SFLNHCA2.js.map

package/dist/chunk-SFLNHCA2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/ContentToolbar/ContentToolbar.tsx"],"sourcesContent":["'use client';\n\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport Checkbox from '@mui/material/Checkbox/index.js';\nimport Divider from '@mui/material/Divider/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport React from 'react';\n\nimport type { ContentToolbarProps } from './ContentToolbar.types';\nimport { fieldRadiusPx } from '../../../tokens/field-radius';\nimport { sxRem } from '../../../tokens/relative';\n\nconst selectionButtonSx = {\n  minWidth: 0,\n  height: 'auto',\n  borderRadius: fieldRadiusPx,\n  fontWeight: 600,\n  py: 0.5,\n  px: 1.5,\n  fontSize: sxRem(12),\n  textTransform: 'none',\n  color: 'text.primary',\n} as const;\n\ntype SelectionClusterProps = Pick<\n  ContentToolbarProps,\n  | 'hasSelection'\n  | 'selectedCount'\n  | 'selectedCountLabel'\n  | 'allSelected'\n  | 'selectAll'\n  | 'clearSelection'\n  | 'actions'\n  | 'selectionExtra'\n  | 'selectAllTestId'\n  | 'clearAllTestId'\n  | 'edgeAlign'\n  | 'selectAllLabel'\n  | 'selectAllText'\n  | 'clearAllText'\n>;\n\n/**\n * The phone's select-all box. Checked only when everything is ticked and\n * partial while some is, when the host says which (`allSelected`) — the same\n * reading as the table's header checkbox. A partial box selects the rest, as\n * the header does; a full one clears.\n */\nfunction SelectAllBox({\n  hasSelection,\n  allSelected,\n  selectAll,\n  clearSelection,\n  selectAllTestId,\n  selectAllLabel,\n}: Pick<\n  ContentToolbarProps,\n  'hasSelection' | 'allSelected' | 'selectAll' | 'clearSelection' | 'selectAllTestId' | 'selectAllLabel'\n>): React.JSX.Element {\n  return (\n    <Checkbox\n      size=\"small\"\n      checked={allSelected ?? hasSelection}\n      indeterminate={hasSelection && allSelected === false}\n      onChange={() => (hasSelection && allSelected !== false ? clearSelection() : selectAll())}\n      data-testid={`${selectAllTestId}-checkbox`}\n      inputProps={{ 'aria-label': selectAllLabel }}\n      sx={{ p: 0.5, display: { xs: 'inline-flex', md: 'none' } }}\n    />\n  );\n}\n\n/** The left cluster: Select All + (when selecting) Clear All / count / actions. */\nfunction SelectionCluster({\n  hasSelection,\n  allSelected,\n  selectedCount,\n  selectedCountLabel,\n  selectAll,\n  clearSelection,\n  actions,\n  selectionExtra,\n  selectAllTestId,\n  clearAllTestId,\n  edgeAlign = false,\n  selectAllLabel,\n  selectAllText,\n  clearAllText,\n}: SelectionClusterProps): React.JSX.Element {\n  const actionsSlot = actions !== undefined && (\n    <Box sx={{ ml: 0.5, display: 'flex', flexShrink: 0, alignItems: 'center' }}>{actions}</Box>\n  );\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        minWidth: 0,\n        // Browsing (mobile): don't grow, so the controls sit on the SAME line as\n        // the checkbox (no orphaned selection row). Desktop: grow to push\n        // controls right.\n        //\n        // SELECTING (mobile) it must be able to shrink instead. Its children are\n        // all `flex-shrink: 0`, so a cluster pinned at content width cannot wrap\n        // and the row painted past the toolbar's own edge — on Produtos at 390px\n        // that took \"Ações\" off-screen behind a sideways scroll, which is the\n        // one control the selection exists to reach.\n        flex: { xs: hasSelection ? '1 1 auto' : '0 0 auto', md: 1 },\n        alignItems: 'center',\n        // Wrapping is the phone's answer, and only the phone's: below `md` the\n        // cluster carries the count, the scope control and \"Ações\" at once, and\n        // no combination of those fits 320px on one line. From `md` up it stays\n        // a single line, where it always fitted.\n        flexWrap: { xs: 'wrap', md: 'nowrap' },\n        columnGap: 1.5,\n        rowGap: 1,\n        ml: edgeAlign ? -1.5 : 0,\n      }}\n    >\n      {/* Desktop: a \"Select All\" text button (md+). Mobile: a compact checkbox\n          that toggles select-all/clear — the text would eat the tight row. */}\n      <Button\n        variant=\"text\"\n        size=\"small\"\n        color=\"inherit\"\n        onClick={selectAll}\n        data-testid={selectAllTestId}\n        sx={{ ...selectionButtonSx, display: { xs: 'none', md: 'inline-flex' } }}\n      >\n        {selectAllText}\n      </Button>\n      <SelectAllBox\n        hasSelection={hasSelection}\n        allSelected={allSelected}\n        selectAll={selectAll}\n        clearSelection={clearSelection}\n        selectAllTestId={selectAllTestId}\n        selectAllLabel={selectAllLabel}\n      />\n      {hasSelection ? (\n        <SelectionState\n          selectedCount={selectedCount}\n          selectedCountLabel={selectedCountLabel}\n          clearSelection={clearSelection}\n          clearAllTestId={clearAllTestId}\n          clearAllText={clearAllText}\n          selectionExtra={selectionExtra}\n        />\n      ) : null}\n      {actionsSlot}\n    </Box>\n  );\n}\n\n/**\n * What the cluster shows once something IS ticked: Clear All, the count, and\n * the host's own `selectionExtra`.\n *\n * Its own component only because the cluster around it is at the complexity\n * gate's line ceiling — but the split falls where the meaning does. Everything\n * here exists only while a selection does, and the `actions` slot deliberately\n * stays OUTSIDE it: a toolbar may carry actions while browsing too.\n */\nfunction SelectionState({\n  selectedCount,\n  selectedCountLabel,\n  clearSelection,\n  clearAllTestId,\n  clearAllText,\n  selectionExtra,\n}: Pick<\n  ContentToolbarProps,\n  'selectedCount' | 'selectedCountLabel' | 'clearSelection' | 'clearAllTestId' | 'clearAllText' | 'selectionExtra'\n>): React.JSX.Element {\n  return (\n    <>\n      <Button\n        variant=\"text\"\n        size=\"small\"\n        color=\"inherit\"\n        onClick={clearSelection}\n        data-testid={clearAllTestId}\n        sx={selectionButtonSx}\n      >\n        {clearAllText}\n      </Button>\n      <Divider orientation=\"vertical\" flexItem sx={{ height: sxRem(16), alignSelf: 'center' }} />\n      <Typography\n        component=\"span\"\n        data-testid=\"selected-count-indicator\"\n        sx={{ fontSize: sxRem(14), color: 'text.secondary', whiteSpace: 'nowrap', flexShrink: 0 }}\n      >\n        {selectedCountLabel(selectedCount)}\n      </Typography>\n      {selectionExtra !== undefined && (\n        <>\n          {/* A DELIBERATE break, not a wrap that happened to land here. What\n              follows — \"Seleção: 48 produtos — todas as páginas\", its \"Limpar\n              seleção\", and \"Ações\" — is a sentence about the selection plus the\n              control that acts on it, and letting the phone break it wherever it\n              ran out of room split that sentence mid-phrase. Zero height so it\n              costs nothing but the row gap, and `display:none` from `md` up,\n              where the line still fits. */}\n          <Box\n            aria-hidden\n            sx={{ flexBasis: '100%', height: 0, display: { xs: 'block', md: 'none' } }}\n          />\n          {selectionExtra}\n        </>\n      )}\n    </>\n  );\n}\n\n/**\n * The BROWSING half of the toolbar: search + filters on the left, the page's\n * own controls on the right. Split out of {@link ContentToolbar} so that\n * function stays inside the complexity gate — it is layout only, and the\n * decision of whether to show it at all is made by the caller.\n */\nfunction BrowsingClusters({\n  leadingControls,\n  rightControls,\n  hasSelection,\n  edgeAlign,\n}: {\n  leadingControls?: React.ReactNode;\n  rightControls: React.ReactNode;\n  hasSelection: boolean;\n  edgeAlign: boolean;\n}): React.JSX.Element {\n  return (\n    <>\n      {/* minWidth:0 lets this cluster be the one that gives up width as the row\n       * tightens, which is what the filter overflow measures against. */}\n      {leadingControls !== undefined && (\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            flexGrow: 1,\n            minWidth: 0,\n            // The collapse ladder has a FLOOR — below roughly 400px even the\n            // fully-collapsed row does not fit, and its controls cannot shrink\n            // (they are flexShrink:0 so an over-packed row sheds instead of\n            // squeezing). Past that point this scrolls rather than letting them\n            // paint outside the toolbar, which is what a narrow phone did.\n            overflowX: 'auto',\n            // No scrollbar gutter stealing height on the common case.\n            scrollbarWidth: 'thin',\n          }}\n        >\n          {leadingControls}\n        </Box>\n      )}\n      {/* ml:auto keeps the controls right-aligned even when the cluster wraps to\n       * its own row (where justify-content:space-between would otherwise snap a\n       * lone item to the left); it's a no-op on a shared row. */}\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          // Same single-line rule as the row itself: this cluster wrapping\n          // INTERNALLY buys a second line just as surely as the row wrapping\n          // does. It bit at exactly 900px, the `md` breakpoint where the \"N de\n          // N\" counter appears and pushes Exibir/Exportar over the edge.\n          flexWrap: leadingControls === undefined ? 'wrap' : 'nowrap',\n          // Tight (5px) when browsing so the controls fit one line beside the\n          // checkbox; roomier (14px) in selection mode where they get their own row.\n          gap: hasSelection ? sxRem(14) : sxRem(5),\n          ml: 'auto',\n          mr: edgeAlign ? -1.5 : 0,\n          '& > *': { flexShrink: 0 },\n        }}\n      >\n        {rightControls}\n      </Box>\n    </>\n  );\n}\n\n/**\n * Shared toolbar for content pages (Favorites, Personal Space, Recents, …). The\n * left cluster owns selection chrome — **Select All**, and once items are\n * selected, **Clear All** + the count (`selectedCountLabel`) + an optional `actions`\n * slot. The right cluster is a free `rightControls` slot for page-specific\n * controls (ViewSelector, SortByDropdown, MultiSelectDropdown, FilterTrigger).\n *\n * Faithful, generic MUI port of the reference `ContentPageToolbar` — the\n * domain-specific default actions are intentionally left to the consumer via\n * the `actions` slot so this stays agnostic and reusable across projects.\n *\n * @example\n * ```tsx\n * <ContentToolbar\n *   hasSelection={selected.size > 0}\n *   selectedCount={selected.size}\n *   selectedCountLabel={(n) => `${n} ${n === 1 ? 'selecionado' : 'selecionados'}`}\n *   selectAll={selectAll}\n *   clearSelection={clear}\n *   rightControls={\n *     <>\n *       <ViewSelector viewMode={view} onViewModeChange={setView} zoom={zoom} onZoomChange={setZoom} />\n *       <SortByDropdown fields={FIELDS} activeField={field} onFieldChange={setField} />\n *       <MultiSelectDropdown label=\"Content Type\" options={types} selected={typeSet} onToggle={toggle} onClear={clear} />\n *       <FilterTrigger open={panelOpen} onOpenChange={setPanelOpen} hasActiveFilters={hasFilters} />\n *     </>\n *   }\n * />\n * ```\n */\nexport function ContentToolbar({\n  hasSelection,\n  allSelected,\n  selectedCount,\n  selectedCountLabel,\n  selectAll,\n  clearSelection,\n  rightControls,\n  leadingControls,\n  actions,\n  selectionExtra,\n  selectAllTestId,\n  clearAllTestId,\n  edgeAlign = false,\n  exclusiveSelection = false,\n  selectAllLabel,\n  selectAllText,\n  clearAllText,\n}: ContentToolbarProps): React.JSX.Element {\n  // Under `exclusiveSelection` the two states are alternatives, not neighbours:\n  // browsing shows the controls and no checkbox, selecting shows the checkbox\n  // and no controls. Anything else double-books the row.\n  const showSelection = !exclusiveSelection || hasSelection;\n  const showControls = !exclusiveSelection || !hasSelection;\n  return (\n    // Two clusters on one line. They may wrap onto separate rows ONLY for a\n    // toolbar without `leadingControls` — one carrying search + filters is\n    // driven by a measured collapse ladder (see `useFilterOverflow`), and a\n    // wrap there is the ladder having failed: it would silently buy a second\n    // row instead of shedding a control into \"Mais\", which is the one outcome\n    // the ladder exists to prevent.\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        gap: 2,\n        flexWrap: leadingControls === undefined ? 'wrap' : 'nowrap',\n        rowGap: 1,\n      }}\n    >\n      {showSelection && (\n        <SelectionCluster\n          selectAllText={selectAllText}\n          clearAllText={clearAllText}\n          hasSelection={hasSelection}\n          allSelected={allSelected}\n          selectedCount={selectedCount}\n          selectedCountLabel={selectedCountLabel}\n          selectAll={selectAll}\n          clearSelection={clearSelection}\n          actions={actions}\n          selectionExtra={selectionExtra}\n          selectAllTestId={selectAllTestId}\n          clearAllTestId={clearAllTestId}\n          selectAllLabel={selectAllLabel}\n          edgeAlign={edgeAlign}\n        />\n      )}\n\n      {showControls && (\n        <BrowsingClusters\n          leadingControls={leadingControls}\n          rightControls={rightControls}\n          hasSelection={hasSelection}\n          edgeAlign={edgeAlign}\n        />\n      )}\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-OBMPE6PW.js → chunk-SSDYEOU4.js}

@@ -1,3 +1,7 @@
+import {
+  containerStyles,
+  frameBox
+} from "./chunk-Z64TMGYT.js";
 import {
   CarouselTrack
 } from "./chunk-EMNDJ57M.js";
@@ -7,10 +11,6 @@ import {
 import {
   CarouselChrome
 } from "./chunk-QCTG7LIX.js";
-import {
-  containerStyles,
-  frameBox
-} from "./chunk-Z64TMGYT.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -151,4 +151,4 @@ var Carousel = (props) => {
 export {
   Carousel
 };
-//# sourceMappingURL=chunk-OBMPE6PW.js.map
+//# sourceMappingURL=chunk-SSDYEOU4.js.map

package/dist/{chunk-I6ESCBY3.js → chunk-TF27Z27K.js}

@@ -1,6 +1,6 @@
 import {
   Avatar
-} from "./chunk-G76BNXWE.js";
+} from "./chunk-XW5SEW3H.js";
 import {
   Card
 } from "./chunk-J2QIICWP.js";
@@ -74,4 +74,4 @@ export {
   UserAvatar,
   UserMenu
 };
-//# sourceMappingURL=chunk-I6ESCBY3.js.map
+//# sourceMappingURL=chunk-TF27Z27K.js.map

package/dist/{chunk-JF5LQOGB.js → chunk-U47KRLEW.js}

@@ -1,6 +1,6 @@
 import {
   STACK_BREAK
-} from "./chunk-4JBS6NOT.js";
+} from "./chunk-ZWBGQYVO.js";
 import {
   CARD_RADIUS,
   cardSurfaceStyles,
@@ -16,7 +16,7 @@ import {
   RAIL_GAP,
   railsTemplateFor,
   useListRails
-} from "./chunk-GNBCSTXF.js";
+} from "./chunk-QKAYXAQE.js";
 import {
   DENSITY_ROW_PADDING
 } from "./chunk-MUIBNHJW.js";
@@ -36,8 +36,39 @@ function clickKeys(onClick) {
     onClick();
   };
 }
+var cellSlot = (id) => `& > [data-slot=${JSON.stringify(`cell-${id}`)}]`;
+function stackedCells(stack) {
+  if (stack.firstCell == null) return {};
+  return {
+    '& > [data-slot^="cell-"]': { display: "none" },
+    [cellSlot(stack.firstCell)]: { display: "flex", gridArea: "1 / 3" },
+    ...stack.valueCell == null ? {} : { [cellSlot(stack.valueCell)]: { display: "flex", gridArea: "2 / 3 / 3 / 5" } }
+  };
+}
+var stackedRowSx = (inGroup, railCount, stack) => ({
+  gridTemplateColumns: "auto auto minmax(0, 1fr) max-content",
+  // The GROUP's track count, which a configured list sets from its cells
+  // (`cellRailCount`) — not the named-slot RAIL_COUNT, which over-spans a
+  // configured group and adds an implicit track at its end.
+  ...inGroup ? { gridColumn: `span ${railCount}` } : {},
+  rowGap: 0.75,
+  columnGap: 1,
+  '& > [data-slot="drag"]': { display: "none" },
+  // The disclosure button, when there is one, under the checkbox: the head of
+  // the row, where it sits at every other width — never beside the menu, where
+  // it read as an "open" arrow. A reserved empty gutter takes no place at all.
+  '& > [data-slot="disclose"]': stack.expandable ? { gridArea: "2 / 1", justifySelf: "center" } : { display: "none" },
+  '& > [data-slot="select"]': { gridArea: "1 / 1" },
+  '& > [data-slot="leading"]': { gridArea: "1 / 2" },
+  '& > [data-slot="caption"]': { gridArea: "1 / 3" },
+  '& > [data-slot="actions"]': { gridArea: "1 / 4", justifyContent: "flex-end" },
+  '& > [data-slot="meta"]': { display: "none" },
+  // Second line, starting under the title rather than under the checkbox.
+  '& > [data-slot="value"]': { gridArea: "2 / 4", textAlign: "right" },
+  ...stackedCells(stack)
+});
 var rowSx = (theme, opts) => {
-  const { inGroup, railCount, cellTemplate, gutters, metaColumns, pad, padY, scale, divider, interactive, draggable } = opts;
+  const { inGroup, railCount, cellTemplate, gutters, metaColumns, pad, padY, scale, divider, interactive, draggable, stack } = opts;
   return {
     position: "relative",
     borderRadius: CARD_RADIUS,
@@ -49,11 +80,12 @@ var rowSx = (theme, opts) => {
     // computed `grid-template-columns: 1222px` on a card asking for subgrid.)
     //
     // So inside a group the GROUP is the query container and the row is the
-    // subgrid; standalone, the row is both the container and its own grid.
-    ...inGroup ? { gridColumn: `span ${railCount}`, gridTemplateColumns: "subgrid" } : {
-      containerType: "inline-size",
-      gridTemplateColumns: cellTemplate ?? railsTemplateFor(gutters, metaColumns)
-    },
+    // subgrid. Standalone, the row is its own grid but NOT its own container:
+    // a container query matches an ANCESTOR, never the element itself, so a
+    // row that was its own container placed its children for two lines while
+    // its own template stayed wide. A standalone card renders inside a wrapper
+    // that is the container (`BaseListCard`).
+    ...inGroup ? { gridColumn: `span ${railCount}`, gridTemplateColumns: "subgrid" } : { gridTemplateColumns: cellTemplate ?? railsTemplateFor(gutters, metaColumns) },
     alignItems: "center",
     // Wide enough that the meta cluster, the value and the status read as three
     // columns rather than one run of text — the complaint that started all this
@@ -72,34 +104,8 @@ var rowSx = (theme, opts) => {
       outlineColor: "primary.main",
       outlineOffset: rem(theme, 2)
     },
-    // TWO-LINE, below the point where the shared rails stop helping.
-    //
-    // The standard mobile transaction row: what the record IS and what it COST
-    // on the first line, the supporting detail on the second. Better than
-    // truncating four columns into ellipses, and the reason each slot carries a
-    // `data-slot` — the placement is explicit rather than whatever order the
-    // children happen to be in.
-    //
-    //   [ select ][ leading ][ title …………… ][   menu ]
-    //                        [ (cells) …………… ][  value ]
-    //
-    // The MENU stays in the top-right corner at every width. It is the row's
-    // one fixed landmark — an overflow that moves to the second line on a phone
-    // is an overflow nobody finds twice.
-    [`@container (max-width: ${rem(theme, STACK_BREAK)})`]: {
-      gridTemplateColumns: "auto auto minmax(0, 1fr) max-content",
-      ...inGroup ? { gridColumn: `span ${RAIL_COUNT}` } : {},
-      rowGap: 0.75,
-      columnGap: 1,
-      '& > [data-slot="drag"]': { display: "none" },
-      '& > [data-slot="select"]': { gridArea: "1 / 1" },
-      '& > [data-slot="leading"]': { gridArea: "1 / 2" },
-      '& > [data-slot="caption"]': { gridArea: "1 / 3" },
-      '& > [data-slot="actions"]': { gridArea: "1 / 4", justifyContent: "flex-end" },
-      '& > [data-slot="meta"]': { display: "none" },
-      // Second line, starting under the title rather than under the checkbox.
-      '& > [data-slot="value"]': { gridArea: "2 / 4", textAlign: "right" }
-    },
+    // TWO-LINE below STACK_BREAK: see {@link stackedRowSx}.
+    [`@container (max-width: ${rem(theme, STACK_BREAK)})`]: stackedRowSx(inGroup, railCount, stack),
     ...divider ? { borderRadius: 0, borderWidth: 0, borderBottomWidth: 1, borderStyle: "solid" } : {}
   };
 };
@@ -158,26 +164,31 @@ function rowSurface(props, shell) {
   if (props.divider !== true || surface.borderColor != null) return surface;
   return { ...surface, borderBottomColor: theme.palette.divider };
 }
-function rowStyles(props, shell, cellTemplate) {
-  const { theme, group, selectable, drag, reserve, pad, padY, scale, acts } = shell;
+function rowGutters(props, shell) {
+  const { selectable, drag, reserve } = shell;
+  return {
+    disclose: reserve || props.children != null,
+    drag: reserve || drag.draggable,
+    select: reserve || selectable
+  };
+}
+function rowStyles(props, shell, cellTemplate, stack) {
+  const { theme, group, drag, pad, padY, scale, acts } = shell;
   return {
     ...rowSurface(props, shell),
     ...rowSx(theme, {
       inGroup: group !== null,
       railCount: group?.railCount ?? RAIL_COUNT,
       cellTemplate,
-      gutters: {
-        disclose: reserve || props.children != null,
-        drag: reserve || drag.draggable,
-        select: reserve || selectable
-      },
+      gutters: rowGutters(props, shell),
       metaColumns: metaShape(props).columns,
       pad,
       padY,
       scale,
       divider: props.divider ?? false,
       interactive: acts || props.href != null,
-      draggable: drag.draggable && drag.handleProps === void 0
+      draggable: drag.draggable && drag.handleProps === void 0,
+      stack
     })
   };
 }
@@ -187,6 +198,7 @@ export {
   metaShape,
   useRowShell,
   actionProps,
+  rowGutters,
   rowStyles
 };
-//# sourceMappingURL=chunk-JF5LQOGB.js.map
+//# sourceMappingURL=chunk-U47KRLEW.js.map