@12-apps/ui 6.57.0 → 6.58.0

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

package/dist/chunk-U47KRLEW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/base-list-card-geometry.tsx"],"sourcesContent":["\"use client\";\n\nimport { useTheme, type Theme } from \"@mui/material/styles/index.js\";\n\nimport {\n  CARD_RADIUS,\n  cardSurfaceStyles,\n  isActionable,\n  isSelectable,\n  slotTestIds,\n} from \"./card-surface\";\nimport { useDragItem } from \"./data-views-drag\";\nimport { DENSITY_ROW_PADDING } from \"./data-views-layout-context\";\nimport { RAIL_COUNT, RAIL_GAP, railsTemplateFor, useListRails } from \"./list-card-rails\";\nimport { STACK_BREAK } from \"./base-list-card-slots\";\nimport type { BaseListCardProps } from \"./base-list-card\";\nimport { rem } from \"../../../tokens/relative\";\n\n/**\n * THE ROW'S GEOMETRY AND SURFACE, split from the component at the size gate.\n *\n * Everything here answers \"what shape is this row, and where do its slots land\"\n * — the rails, the density padding, the two-line collapse, the drag and\n * selection plumbing. None of it renders anything, which is why the two halves\n * can live apart without either becoming harder to follow.\n */\n/**\n * Whether a click was really a click, or the tail of a text selection.\n *\n * Without this, selecting an order id to copy it navigates away instead — the\n * single most annoying thing a clickable row does.\n */\nfunction isTextSelection(): boolean {\n  return (globalThis.getSelection?.()?.toString().length ?? 0) > 0;\n}\n\n/** Keyboard equivalence for a card that acts but does not navigate. */\nfunction clickKeys(onClick: () => void) {\n  return (event: React.KeyboardEvent): void => {\n    if (event.key !== \"Enter\" && event.key !== \" \") return;\n    event.preventDefault();\n    onClick();\n  };\n}\n\n/**\n * Geometry: the rails, the density padding, the two-line collapse.\n *\n * SCALE IS `zoom`, NOT A SET OF MULTIPLIED FONT SIZES.\n *\n * It used to be the latter, on exactly three values — title, value, row padding\n * — so the slider left the subtitle, the meta labels, the rules, the checkbox,\n * the grip, the chip and the menu at their fixed sizes, and the row came apart\n * as you dragged it. Multiplying the rest is not a fix: the checkbox and the\n * chip are MUI internals sized in their own px, and no prop we pass reaches\n * them.\n *\n * `zoom` scales the used value of every length in the subtree — ours and theirs\n * — and unlike `transform: scale` it REFLOWS, so the row still occupies the\n * space it draws and the rails still resolve. Verified against the group: at\n * 1.4 all four rows keep identical rail edges, because subgrid tracks and the\n * zoom that reads them are the same for every row.\n */\n/** What {@link rowSx} needs to know about the row it lays out. */\ninterface RowSxOptions {\n  inGroup: boolean;\n  railCount: number;\n  cellTemplate: string | null;\n  gutters: { disclose: boolean; drag: boolean; select: boolean };\n  metaColumns: number;\n  pad: number;\n  padY: number;\n  scale: number;\n  divider: boolean;\n  interactive: boolean;\n  draggable: boolean;\n  /** What the two-line layout below `STACK_BREAK` has to place by name. */\n  stack: StackPlacement;\n}\n\n/**\n * The slots the stacked row places that the named-slot rules cannot know about.\n *\n * For a CONFIGURED row, `firstCell` is the cell that takes the title's place and\n * `valueCell` the one that takes the value's (null for a named-slot row, or for\n * a one-cell row with no value to show). `expandable` decides whether the\n * disclosure button gets a place or, when it is only a reserved empty gutter,\n * none at all.\n */\nexport interface StackPlacement {\n  firstCell: string | null;\n  valueCell: string | null;\n  expandable: boolean;\n}\n\n/** A `[data-slot=\"cell-<id>\"]` child selector, quoted so any id is safe. */\nconst cellSlot = (id: string): string => `& > [data-slot=${JSON.stringify(`cell-${id}`)}]`;\n\n/**\n * A configured row, stacked, keeps the SAME two facts a named-slot row keeps:\n * what the record is (the first cell, in the title's place on line 1) and the\n * figure it is about (the value cell, on line 2 from under the title to the\n * right edge, where an `end` cell sits flush right). Every other cell goes, as\n * `meta` goes — a row is a fixed-height scanning unit, and what does not fit\n * belongs in its expandable body.\n *\n * Left to auto-placement these cells had flowed into whatever track was free:\n * a name squeezed beside the glyph, an amount clipped to \"R$ …\".\n *\n * The hide-all rule comes first and the two named cells after it: the\n * selectors have equal specificity, so the later rule wins for those cells.\n */\nfunction stackedCells(stack: StackPlacement): Record<string, unknown> {\n  if (stack.firstCell == null) return {};\n  return {\n    '& > [data-slot^=\"cell-\"]': { display: \"none\" },\n    [cellSlot(stack.firstCell)]: { display: \"flex\", gridArea: \"1 / 3\" },\n    ...(stack.valueCell == null ? {} : { [cellSlot(stack.valueCell)]: { display: \"flex\", gridArea: \"2 / 3 / 3 / 5\" } }),\n  };\n}\n\n/**\n * TWO-LINE, below the point where the shared rails stop helping.\n *\n * The standard mobile transaction row: what the record IS on the first line,\n * what it COSTS under it at the right edge. Better than\n * truncating four columns into ellipses, and the reason each slot carries a\n * `data-slot` — the placement is explicit rather than whatever order the\n * children happen to be in.\n *\n *   [ select ][ leading ][ title …………… ][   menu ]\n *   [ (disclose) ]       [ (cells) …………… ][  value ]\n *\n * The MENU stays in the top-right corner at every width. It is the row's\n * one fixed landmark — an overflow that moves to the second line on a phone\n * is an overflow nobody finds twice.\n */\nconst stackedRowSx = (inGroup: boolean, railCount: number, stack: StackPlacement): Record<string, unknown> => ({\n  gridTemplateColumns: \"auto auto minmax(0, 1fr) max-content\",\n  // The GROUP's track count, which a configured list sets from its cells\n  // (`cellRailCount`) — not the named-slot RAIL_COUNT, which over-spans a\n  // configured group and adds an implicit track at its end.\n  ...(inGroup ? { gridColumn: `span ${railCount}` } : {}),\n  rowGap: 0.75,\n  columnGap: 1,\n  '& > [data-slot=\"drag\"]': { display: \"none\" },\n  // The disclosure button, when there is one, under the checkbox: the head of\n  // the row, where it sits at every other width — never beside the menu, where\n  // it read as an \"open\" arrow. A reserved empty gutter takes no place at all.\n  '& > [data-slot=\"disclose\"]': stack.expandable ? { gridArea: \"2 / 1\", justifySelf: \"center\" } : { display: \"none\" },\n  '& > [data-slot=\"select\"]': { gridArea: \"1 / 1\" },\n  '& > [data-slot=\"leading\"]': { gridArea: \"1 / 2\" },\n  '& > [data-slot=\"caption\"]': { gridArea: \"1 / 3\" },\n  '& > [data-slot=\"actions\"]': { gridArea: \"1 / 4\", justifyContent: \"flex-end\" },\n  '& > [data-slot=\"meta\"]': { display: \"none\" },\n  // Second line, starting under the title rather than under the checkbox.\n  '& > [data-slot=\"value\"]': { gridArea: \"2 / 4\", textAlign: \"right\" },\n  ...stackedCells(stack),\n});\n\n/**\n * DIVIDER COMPOSES WITH THE VARIANT — it changes the row's SHAPE, not its\n * surface.\n *\n * It used to set `border: 0` and hard-code its own rule colour, which discarded\n * whatever the variant had drawn: `outline`, `text` and `ghost` all collapsed\n * to one identical flush row, and the variant control silently stopped meaning\n * anything the moment `divider` was on.\n *\n * Now only the GEOMETRY changes here — the box's sides go, one edge stays — and\n * no `borderColor` is written, so the colour set by `cardSurfaceStyles` survives.\n * A variant that draws no border of its own gets the neutral rule from\n * {@link rowStyles}.\n */\nexport const rowSx = (theme: Theme, opts: RowSxOptions): Record<string, unknown> => {\n  const { inGroup, railCount, cellTemplate, gutters, metaColumns, pad, padY, scale, divider, interactive, draggable, stack } = opts;\n  return {\n    position: \"relative\",\n    borderRadius: CARD_RADIUS,\n    display: \"grid\",\n    zoom: scale,\n    // SUBGRID AND `container-type` CANNOT COEXIST on one element: containment\n    // makes the box size independently of its parent, so the browser drops the\n    // subgrid and every slot stacks into one column. (Observed exactly that —\n    // computed `grid-template-columns: 1222px` on a card asking for subgrid.)\n    //\n    // So inside a group the GROUP is the query container and the row is the\n    // subgrid. Standalone, the row is its own grid but NOT its own container:\n    // a container query matches an ANCESTOR, never the element itself, so a\n    // row that was its own container placed its children for two lines while\n    // its own template stayed wide. A standalone card renders inside a wrapper\n    // that is the container (`BaseListCard`).\n    ...(inGroup\n      ? { gridColumn: `span ${railCount}`, gridTemplateColumns: \"subgrid\" }\n      : { gridTemplateColumns: cellTemplate ?? railsTemplateFor(gutters, metaColumns) }),\n    alignItems: \"center\",\n    // Wide enough that the meta cluster, the value and the status read as three\n    // columns rather than one run of text — the complaint that started all this\n    // was `MÉTODO PIX R$ 13,90` scanning as a single phrase.\n    columnGap: RAIL_GAP,\n    width: \"100%\",\n    px: pad,\n    py: padY,\n    cursor: draggable ? \"grab\" : interactive ? \"pointer\" : undefined,\n    ...(draggable ? { touchAction: \"none\", \"&:active\": { cursor: \"grabbing\" } } : {}),\n    ...(interactive ? { \"&:hover\": { backgroundColor: \"action.hover\" } } : {}),\n    // A real focus ring, which a clickable <div> never had.\n    \"&:focus-visible\": {\n      outline: `${rem(theme, 2)} solid`,\n      outlineStyle: \"solid\",\n      outlineColor: \"primary.main\",\n      outlineOffset: rem(theme, 2),\n    },\n    // TWO-LINE below STACK_BREAK: see {@link stackedRowSx}.\n    [`@container (max-width: ${rem(theme, STACK_BREAK)})`]: stackedRowSx(inGroup, railCount, stack),\n    ...(divider\n      ? { borderRadius: 0, borderWidth: 0, borderBottomWidth: 1, borderStyle: \"solid\" }\n      : {}),\n  };\n};\n\n/**\n * A selectable full-width row: a marker, a title over a subtitle, labelled\n * middle columns, a value, a status, actions and a menu.\n *\n * A SHELL, like {@link BaseCard}. Domain rows live in the app and compose it.\n */\n/**\n * The id this row drags under, or nothing.\n *\n * `undefined` is the inert answer: `useDragItem` treats a missing id as \"no\n * drag\", which is how the card's own veto (`draggable={false}`) and an\n * unactionable record both switch dragging off without the card knowing\n * anything about the container above it.\n */\nfunction dragIdFor(\n  props: BaseListCardProps,\n  actionable: boolean,\n): string | number | undefined {\n  return props.draggable === false || !actionable ? undefined : props.dragId;\n}\n\n/**\n * What the meta cluster amounts to — asked once, used three times: to size the\n * rail, to close the cluster with a rule, and to decide whether the value has\n * anything to be divided FROM.\n */\nexport function metaShape(props: BaseListCardProps): { columns: number; present: boolean } {\n  const columns = props.meta?.length ?? 0;\n  return { columns, present: columns > 0 || props.metaSlot != null };\n}\n\n/**\n * Everything the row derives before it can render — extracted so the component\n * stays inside the size budget.\n */\nexport function useRowShell(props: BaseListCardProps) {\n  const actionable = isActionable(props.state);\n  const group = useListRails();\n  const scale = props.scale ?? 1;\n  return {\n    group,\n    actionable,\n    scale,\n    theme: useTheme(),\n    selectable: isSelectable(props),\n    slot: slotTestIds(props.testId),\n    drag: useDragItem(dragIdFor(props, actionable)),\n    // Standalone holds no gutter open: there is no list beside it to line up\n    // with, so a reserved-but-empty rail is pure inset.\n    reserve: group?.reserveGutters ?? false,\n    // 1, not 1.5. The row's contents still have to line up with the toolbar\n    // above them, but 12px of card padding stacked on the checkbox's own 9px\n    // and an empty drag gutter's 24px read as a row indented for no reason.\n    //\n    // Not multiplied by `scale` — the row's `zoom` already scales it, and doing\n    // both would square the factor on padding alone.\n    pad: 1,\n    padY: DENSITY_ROW_PADDING[group?.density ?? props.density ?? \"cozy\"],\n    // A card that navigates does so with a real anchor, so it takes no click\n    // handler of its own — the stretched link IS the target.\n    acts: props.onClick != null && props.href == null && actionable,\n  };\n}\n\n/** The click/keyboard props a row that acts (but does not navigate) needs. */\nexport function actionProps(onClick: (() => void) | undefined) {\n  return {\n    role: \"button\",\n    tabIndex: 0,\n    onClick: () => {\n      if (isTextSelection()) return;\n      onClick?.();\n    },\n    onKeyDown: clickKeys(() => onClick?.()),\n  };\n}\n\n/** The surface and the geometry, merged — the row's whole `sx` in one place. */\n\n/**\n * The row's painted surface, plus the divider's colour fallback.\n *\n * A variant with no border of its own (`text`, `ghost`) would draw its rule in\n * the inherited colour — the TEXT colour, i.e. a black bar across the row. The\n * neutral divider token is supplied only in that case; a variant that has a\n * border keeps it, which is the whole point of composing the two.\n */\nfunction rowSurface(\n  props: BaseListCardProps,\n  shell: ReturnType<typeof useRowShell>,\n): Record<string, unknown> {\n  const { theme, selectable, drag } = shell;\n  const surface = cardSurfaceStyles(\n    { ...props, selectable, shape: \"row\", state: drag.dragging ? \"disabled\" : props.state },\n    theme,\n  );\n  if (props.divider !== true || surface.borderColor != null) return surface;\n  return { ...surface, borderBottomColor: theme.palette.divider };\n}\n\n/**\n * Which head gutters this row renders: the ones it uses, or all three when its\n * group reserves them. The template is built from this; the three gutter slots\n * (`base-list-card-gutters.tsx`) apply the SAME conditions on their own — keep\n * the two in step, because a template that disagrees with the slots is exactly\n * how cells slid two tracks.\n */\nexport function rowGutters(\n  props: BaseListCardProps,\n  shell: ReturnType<typeof useRowShell>,\n): { disclose: boolean; drag: boolean; select: boolean } {\n  const { selectable, drag, reserve } = shell;\n  return {\n    disclose: reserve || props.children != null,\n    drag: reserve || drag.draggable,\n    select: reserve || selectable,\n  };\n}\n\nexport function rowStyles(\n  props: BaseListCardProps,\n  shell: ReturnType<typeof useRowShell>,\n  cellTemplate: string | null,\n  stack: StackPlacement,\n): Record<string, unknown> {\n  const { theme, group, drag, pad, padY, scale, acts } = shell;\n  return {\n    ...rowSurface(props, shell),\n    ...rowSx(theme, {\n      inGroup: group !== null,\n      railCount: group?.railCount ?? RAIL_COUNT,\n      cellTemplate,\n      gutters: rowGutters(props, shell),\n      metaColumns: metaShape(props).columns,\n      pad,\n      padY,\n      scale,\n      divider: props.divider ?? false,\n      interactive: acts || props.href != null,\n      draggable: drag.draggable && drag.handleProps === undefined,\n      stack,\n    }),\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-RBHBJDOZ.js → chunk-UEU5NSIG.js}

@@ -1,10 +1,10 @@
+import {
+  buildChartContext
+} from "./chunk-7CWZI6MQ.js";
 import {
   ChartLegendContent,
   ChartTooltipContent
 } from "./chunk-RIRTW5EU.js";
-import {
-  buildChartContext
-} from "./chunk-C67FDYG7.js";
 import {
   uiInk
 } from "./chunk-SSX5ITPM.js";
@@ -318,4 +318,4 @@ function renderChartByType(props, theme) {
 export {
   renderChartByType
 };
-//# sourceMappingURL=chunk-RBHBJDOZ.js.map
+//# sourceMappingURL=chunk-UEU5NSIG.js.map

package/dist/chunk-V4V2N6YJ.js

@@ -0,0 +1,55 @@
+import {
+  rowGutters
+} from "./chunk-U47KRLEW.js";
+import {
+  cellRailsTemplate
+} from "./chunk-QKAYXAQE.js";
+import {
+  cellTracks,
+  useCellConfig
+} from "./chunk-COYGTEN5.js";
+import {
+  default as default2
+} from "./chunk-6DPAWXZ3.js";
+
+// src/components/data-display/DataViews/base-list-card-layout.tsx
+import { Fragment, jsx } from "react/jsx-runtime";
+function useResolvedCells(props, inGroup, gutters) {
+  const groupCells = useCellConfig();
+  const cells = groupCells ?? props.cells ?? null;
+  const configured = cells != null && cells.length > 0 && props.row != null;
+  const cellTemplate = configured && !inGroup ? cellRailsTemplate(cellTracks(cells), gutters) : null;
+  return { cells, configured, cellTemplate };
+}
+function rowOpens(props, shell, configured, expandable) {
+  if (expandable) return false;
+  return shell.acts || shell.actionable && props.href != null && props.title != null && !configured;
+}
+function valueCellId(cells) {
+  const first = cells[0];
+  const candidate = cells.find((cell) => cell.strong === true && cell !== first) ?? cells[cells.length - 1];
+  return candidate != null && candidate !== first ? candidate.id : null;
+}
+function useRowLayout(props, shell, expandable) {
+  const resolved = useResolvedCells(props, shell.group != null, rowGutters(props, shell));
+  const cells = resolved.configured ? resolved.cells : null;
+  return {
+    ...resolved,
+    opens: rowOpens(props, shell, resolved.configured, expandable),
+    stack: {
+      firstCell: cells?.[0]?.id ?? null,
+      valueCell: cells == null ? null : valueCellId(cells),
+      expandable
+    }
+  };
+}
+function StandaloneContainer({ inGroup, children }) {
+  if (inGroup) return /* @__PURE__ */ jsx(Fragment, { children });
+  return /* @__PURE__ */ jsx(default2, { sx: { containerType: "inline-size", width: "100%", minWidth: 0 }, children });
+}
+
+export {
+  useRowLayout,
+  StandaloneContainer
+};
+//# sourceMappingURL=chunk-V4V2N6YJ.js.map

package/dist/chunk-V4V2N6YJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/base-list-card-layout.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ReactNode } from \"react\";\n\nimport { Box } from \"../../../mui/Box\";\nimport type { BaseListCardProps } from \"./base-list-card\";\nimport { rowGutters, type StackPlacement, type useRowShell } from \"./base-list-card-geometry\";\nimport { cellRailsTemplate } from \"./list-card-rails\";\nimport { cellTracks, useCellConfig, type ListCardCellConfig } from \"./list-card-cells\";\n\n/**\n * WHAT SHAPE A ROW TAKES, resolved once: its cells and their template, whether\n * it ends in the \"this opens\" chevron, and what its two-line form keeps.\n *\n * Split from the card at the file-size gate. Everything here decides; nothing\n * here renders but the standalone container.\n */\n\n/**\n * Which cell config applies, and whether this row resolves its own tracks.\n *\n * The list's config wins over the card's: one declaration of the list's shape is\n * the point, so a row inside a group cannot introduce a column of its own. And\n * the template is standalone-only — inside a group the GROUP owns it and the row\n * is subgrid over it, because a row resolving its own tracks is exactly what\n * stops a list from lining up.\n */\nfunction useResolvedCells(\n  props: BaseListCardProps,\n  inGroup: boolean,\n  gutters: { disclose: boolean; drag: boolean; select: boolean },\n): {\n  cells: readonly ListCardCellConfig<never>[] | null;\n  configured: boolean;\n  cellTemplate: string | null;\n} {\n  const groupCells = useCellConfig();\n  const cells = groupCells ?? props.cells ?? null;\n  const configured = cells != null && cells.length > 0 && props.row != null;\n  const cellTemplate = configured && !inGroup ? cellRailsTemplate(cellTracks(cells), gutters) : null;\n  return { cells, configured, cellTemplate };\n}\n\n/**\n * Whether the row ends in the \"this opens\" chevron: it is live and leads\n * somewhere it can actually go — a click handler, or a link the row renders.\n * Only a named-slot row with a title renders an anchor for `href` (the caption\n * wraps the title), so an `href` alone does not count elsewhere: a chevron on\n * a row that cannot open is the promise the disclosure chevron's docblock\n * warns about. Not when the row expands either:\n * the disclosure chevron already speaks, and a second arrow meaning something\n * else beside it would contradict it.\n */\nfunction rowOpens(\n  props: BaseListCardProps,\n  shell: ReturnType<typeof useRowShell>,\n  configured: boolean,\n  expandable: boolean,\n): boolean {\n  if (expandable) return false;\n  // The named-slot caption renders its anchor only around a title.\n  return shell.acts || (shell.actionable && props.href != null && props.title != null && !configured);\n}\n\n/**\n * The cell that takes the VALUE's place when the row stacks: the one the config\n * marks `strong` (\"the figure the row is really about\"), else the last — as\n * long as it is not the first cell, which already holds the title's place.\n */\nfunction valueCellId(cells: readonly ListCardCellConfig<never>[]): string | null {\n  const first = cells[0];\n  const candidate = cells.find((cell) => cell.strong === true && cell !== first) ?? cells[cells.length - 1];\n  return candidate != null && candidate !== first ? candidate.id : null;\n}\n\n/** Everything the row's shape depends on, resolved once. */\nexport function useRowLayout(\n  props: BaseListCardProps,\n  shell: ReturnType<typeof useRowShell>,\n  expandable: boolean,\n): ReturnType<typeof useResolvedCells> & { opens: boolean; stack: StackPlacement } {\n  const resolved = useResolvedCells(props, shell.group != null, rowGutters(props, shell));\n  const cells = resolved.configured ? resolved.cells : null;\n  return {\n    ...resolved,\n    opens: rowOpens(props, shell, resolved.configured, expandable),\n    stack: {\n      firstCell: cells?.[0]?.id ?? null,\n      valueCell: cells == null ? null : valueCellId(cells),\n      expandable,\n    },\n  };\n}\n\n/**\n * A standalone row's QUERY CONTAINER. A container query matches an ancestor,\n * never the element itself, so the row cannot be the container its own\n * two-line template asks about. In a group the group is the container, and the\n * row must stay its direct child for subgrid, so no wrapper there.\n */\nexport function StandaloneContainer({ inGroup, children }: { inGroup: boolean; children: ReactNode }): React.JSX.Element {\n  if (inGroup) return <>{children}</>;\n  return <Box sx={{ containerType: \"inline-size\", width: \"100%\", minWidth: 0 }}>{children}</Box>;\n}\n"],"mappings":";;;;;;;;;;;;;;;AAqGsB;AA1EtB,SAAS,iBACP,OACA,SACA,SAKA;AACA,QAAM,aAAa,cAAc;AACjC,QAAM,QAAQ,cAAc,MAAM,SAAS;AAC3C,QAAM,aAAa,SAAS,QAAQ,MAAM,SAAS,KAAK,MAAM,OAAO;AACrE,QAAM,eAAe,cAAc,CAAC,UAAU,kBAAkB,WAAW,KAAK,GAAG,OAAO,IAAI;AAC9F,SAAO,EAAE,OAAO,YAAY,aAAa;AAC3C;AAYA,SAAS,SACP,OACA,OACA,YACA,YACS;AACT,MAAI,WAAY,QAAO;AAEvB,SAAO,MAAM,QAAS,MAAM,cAAc,MAAM,QAAQ,QAAQ,MAAM,SAAS,QAAQ,CAAC;AAC1F;AAOA,SAAS,YAAY,OAA4D;AAC/E,QAAM,QAAQ,MAAM,CAAC;AACrB,QAAM,YAAY,MAAM,KAAK,CAAC,SAAS,KAAK,WAAW,QAAQ,SAAS,KAAK,KAAK,MAAM,MAAM,SAAS,CAAC;AACxG,SAAO,aAAa,QAAQ,cAAc,QAAQ,UAAU,KAAK;AACnE;AAGO,SAAS,aACd,OACA,OACA,YACiF;AACjF,QAAM,WAAW,iBAAiB,OAAO,MAAM,SAAS,MAAM,WAAW,OAAO,KAAK,CAAC;AACtF,QAAM,QAAQ,SAAS,aAAa,SAAS,QAAQ;AACrD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,SAAS,OAAO,OAAO,SAAS,YAAY,UAAU;AAAA,IAC7D,OAAO;AAAA,MACL,WAAW,QAAQ,CAAC,GAAG,MAAM;AAAA,MAC7B,WAAW,SAAS,OAAO,OAAO,YAAY,KAAK;AAAA,MACnD;AAAA,IACF;AAAA,EACF;AACF;AAQO,SAAS,oBAAoB,EAAE,SAAS,SAAS,GAAiE;AACvH,MAAI,QAAS,QAAO,gCAAG,UAAS;AAChC,SAAO,oBAACA,UAAA,EAAI,IAAI,EAAE,eAAe,eAAe,OAAO,QAAQ,UAAU,EAAE,GAAI,UAAS;AAC1F;","names":["default"]}

package/dist/{chunk-G76BNXWE.js → chunk-XW5SEW3H.js}

@@ -1,8 +1,3 @@
-import {
-  AVATAR_DEFAULTS,
-  contentTypeOf,
-  pickAvatarContent
-} from "./chunk-3ZVUNSFF.js";
 import {
   AvatarView
 } from "./chunk-GYDUXL3D.js";
@@ -12,6 +7,11 @@ import {
   GROUP_MAX,
   GROUP_OVERLAP
 } from "./chunk-6ZZGK5DT.js";
+import {
+  AVATAR_DEFAULTS,
+  contentTypeOf,
+  pickAvatarContent
+} from "./chunk-3ZVUNSFF.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -175,4 +175,4 @@ export {
   Avatar,
   AvatarGroup
 };
-//# sourceMappingURL=chunk-G76BNXWE.js.map
+//# sourceMappingURL=chunk-XW5SEW3H.js.map

package/dist/{chunk-46ZATLQV.js → chunk-YIKFYWKD.js}

@@ -1,9 +1,9 @@
 import {
   SectionNavRail
-} from "./chunk-53ACGKBW.js";
+} from "./chunk-EDBP62WG.js";
 import {
   SectionNavBar
-} from "./chunk-VWW2EXH7.js";
+} from "./chunk-ZYJZHXFU.js";
 
 // src/components/navigation/SectionNav/SectionNav.tsx
 import { jsx } from "react/jsx-runtime";
@@ -52,4 +52,4 @@ function SectionNav({
 export {
   SectionNav
 };
-//# sourceMappingURL=chunk-46ZATLQV.js.map
+//# sourceMappingURL=chunk-YIKFYWKD.js.map