@12-apps/ui 6.57.0 → 6.59.0

package/dist/_internal/user-avatar/user-avatar.js

@@ -2,12 +2,12 @@
 import {
   UserAvatar,
   UserMenu
-} from "../../chunk-I6ESCBY3.js";
+} from "../../chunk-TF27Z27K.js";
 import "../../chunk-UDQSIRAP.js";
-import "../../chunk-G76BNXWE.js";
-import "../../chunk-3ZVUNSFF.js";
+import "../../chunk-XW5SEW3H.js";
 import "../../chunk-GYDUXL3D.js";
 import "../../chunk-6ZZGK5DT.js";
+import "../../chunk-3ZVUNSFF.js";
 import "../../chunk-MTEQEPNY.js";
 import "../../chunk-VUHLNYAE.js";
 import "../../chunk-2GSIEDGN.js";

package/dist/charts.js

@@ -1,22 +1,24 @@
 import "./chunk-5KLSLD72.js";
 import {
   SpecChart
-} from "./chunk-GI24X7XA.js";
+} from "./chunk-4PPNCZWY.js";
 import {
   Chart
-} from "./chunk-JL77BSOL.js";
+} from "./chunk-WBDQSBLV.js";
 import {
   CHART_SEMANTIC_COLORS,
   ChartSpecError,
   parseChartSpec,
   specToChartProps
-} from "./chunk-R6SBP5M5.js";
+} from "./chunk-JVOEVTCZ.js";
 import {
   getChartSpecRenderer,
   getRegisteredChartSpecTypes,
   registerChartSpecRenderer
 } from "./chunk-WKUA6P3W.js";
-import "./chunk-RBHBJDOZ.js";
+import "./chunk-3FMWQQW6.js";
+import "./chunk-W7N4ORCV.js";
+import "./chunk-SOHQPPYJ.js";
 import {
   ChartContainer,
   ChartLegend,
@@ -24,13 +26,11 @@ import {
   ChartTooltip,
   ChartTooltipContent
 } from "./chunk-RIRTW5EU.js";
+import "./chunk-FIMSPRKX.js";
 import {
   chartValueFormatter,
   formatChartValue
-} from "./chunk-QVWNK4JO.js";
-import "./chunk-C67FDYG7.js";
-import "./chunk-FIMSPRKX.js";
-import "./chunk-SOHQPPYJ.js";
+} from "./chunk-6GPNZSAE.js";
 import "./chunk-B7ZHEOQQ.js";
 import "./chunk-BRHRK7BK.js";
 import "./chunk-25MSGLNU.js";

package/dist/{chunk-RBHBJDOZ.js → chunk-3FMWQQW6.js}

@@ -1,10 +1,10 @@
+import {
+  buildChartContext
+} from "./chunk-W7N4ORCV.js";
 import {
   ChartLegendContent,
   ChartTooltipContent
 } from "./chunk-RIRTW5EU.js";
-import {
-  buildChartContext
-} from "./chunk-C67FDYG7.js";
 import {
   uiInk
 } from "./chunk-SSX5ITPM.js";
@@ -78,7 +78,7 @@ function cartesianAxes(ctx) {
         label: props.yAxisLabel,
         width: "auto",
         tickMargin: axisConfig.tickMargin,
-        tickFormatter: props.valueFormatter,
+        tickFormatter: props.axisValueFormatter ?? props.valueFormatter,
         allowDecimals: props.allowDecimalTicks !== false
       },
       "y"
@@ -318,4 +318,4 @@ function renderChartByType(props, theme) {
 export {
   renderChartByType
 };
-//# sourceMappingURL=chunk-RBHBJDOZ.js.map
+//# sourceMappingURL=chunk-3FMWQQW6.js.map

package/dist/chunk-3FMWQQW6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Chart/chart-renderers.tsx"],"sourcesContent":["import type { Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\nimport {\n  Area,\n  AreaChart,\n  Bar,\n  BarChart,\n  CartesianGrid,\n  Cell,\n  ComposedChart,\n  Legend,\n  Line,\n  LineChart,\n  Pie,\n  PieChart,\n  PolarAngleAxis,\n  PolarGrid,\n  PolarRadiusAxis,\n  Radar,\n  RadarChart,\n  Scatter,\n  ScatterChart,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from 'recharts';\n\nimport type { ChartProps, ChartSeries } from './Chart.types';\nimport { ChartLegendContent, ChartTooltipContent } from './ChartComposables';\nimport { buildChartContext, type ChartRenderContext } from './chart-context';\nimport { uiInk } from '../../../tokens/ink';\nimport { remPx } from '../../../tokens/relative';\n\n/**\n * Per-type Recharts renderers for the prop-driven Chart, dispatched from a\n * registry keyed by `ChartProps['type']`. Each renderer reads a prepared\n * {@link ChartRenderContext} so every function stays small.\n */\n\nfunction chartExtras(ctx: ChartRenderContext): React.ReactNode[] {\n  const { props } = ctx;\n  const nodes: React.ReactNode[] = [];\n  if (props.showTooltip !== false) {\n    nodes.push(\n      <Tooltip key=\"tooltip\" content={<ChartTooltipContent valueFormatter={props.valueFormatter} />} />,\n    );\n  }\n  if (props.showLegend !== false) {\n    nodes.push(<Legend key=\"legend\" content={<ChartLegendContent />} />);\n  }\n  return nodes;\n}\n\n/**\n * Gridlines: solid, and one step below the card border. A dashed line at the\n * border's own weight competes with the data drawn over it.\n */\nfunction chartGrid(ctx: ChartRenderContext): React.ReactElement {\n  return <CartesianGrid key=\"grid\" stroke={ctx.gridStroke} strokeOpacity={ctx.gridOpacity} />;\n}\n\nfunction cartesianAxes(ctx: ChartRenderContext): React.ReactNode[] {\n  const { props, axisConfig } = ctx;\n  const nodes: React.ReactNode[] = [];\n  if (props.showCartesianGrid !== false) nodes.push(chartGrid(ctx));\n  nodes.push(\n    <XAxis\n      key=\"x\"\n      dataKey={props.xAxisKey ?? 'name'}\n      style={ctx.axisStyle}\n      label={props.xAxisLabel}\n      tickMargin={axisConfig.tickMargin}\n      ticks={axisConfig.categoryTicks}\n      tickFormatter={axisConfig.tickFormatter}\n    />,\n    <YAxis\n      key=\"y\"\n      style={ctx.axisStyle}\n      label={props.yAxisLabel}\n      // Sized from its own widest tick: a fixed 60px lets \"R$ 1.234,56\" spill\n      // out of the card, which is the other way axis text ends up on top of\n      // something.\n      width=\"auto\"\n      tickMargin={axisConfig.tickMargin}\n      tickFormatter={props.axisValueFormatter ?? props.valueFormatter}\n      allowDecimals={props.allowDecimalTicks !== false}\n    />,\n  );\n  return nodes;\n}\n\nfunction renderLine(ctx: ChartRenderContext): React.ReactElement {\n  return (\n    <LineChart {...ctx.commonProps}>\n      {cartesianAxes(ctx)}\n      {chartExtras(ctx)}\n      {ctx.chartSeries.map((s, index) => (\n        <Line\n          key={s.dataKey}\n          type={ctx.strokeType}\n          dataKey={s.dataKey}\n          name={s.name}\n          stroke={s.color ?? ctx.chartColors[index % ctx.chartColors.length]}\n          strokeWidth={s.strokeWidth ?? 2}\n          dot={s.dot !== false}\n          activeDot={s.activeDot !== false ? { r: 8 } : false}\n          animationDuration={ctx.animationDuration}\n        />\n      ))}\n    </LineChart>\n  );\n}\n\nfunction renderBar(ctx: ChartRenderContext): React.ReactElement {\n  return (\n    <BarChart {...ctx.commonProps}>\n      {cartesianAxes(ctx)}\n      {chartExtras(ctx)}\n      {ctx.chartSeries.map((s, index) => (\n        <Bar\n          key={s.dataKey}\n          dataKey={s.dataKey}\n          name={s.name}\n          fill={s.fill ?? s.color ?? ctx.chartColors[index % ctx.chartColors.length]}\n          stackId={ctx.props.stacked ? 'stack' : undefined}\n          radius={ctx.barGeometry.radius}\n          maxBarSize={ctx.barGeometry.maxBarSize}\n          animationDuration={ctx.animationDuration}\n        />\n      ))}\n    </BarChart>\n  );\n}\n\nfunction renderArea(ctx: ChartRenderContext): React.ReactElement {\n  return (\n    <AreaChart {...ctx.commonProps}>\n      {cartesianAxes(ctx)}\n      {chartExtras(ctx)}\n      {ctx.chartSeries.map((s, index) => (\n        <Area\n          key={s.dataKey}\n          type={ctx.strokeType}\n          dataKey={s.dataKey}\n          name={s.name}\n          stroke={s.color ?? ctx.chartColors[index % ctx.chartColors.length]}\n          fill={s.fill ?? s.color ?? ctx.chartColors[index % ctx.chartColors.length]}\n          fillOpacity={s.fillOpacity ?? 0.6}\n          stackId={ctx.props.stacked ? 'stack' : undefined}\n          animationDuration={ctx.animationDuration}\n        />\n      ))}\n    </AreaChart>\n  );\n}\n\nfunction pieCenterLabel(ctx: ChartRenderContext): React.ReactNode {\n  const { centerLabel } = ctx.props;\n  const innerRadius = ctx.props.innerRadius ?? 0;\n  if (!centerLabel || innerRadius <= 0) return null;\n  const fill = ctx.props.variant === 'neon' ? uiInk(ctx.theme).dataVizNeon.accent : ctx.theme.palette.text.primary;\n  return (\n    <text\n      x=\"50%\"\n      y=\"50%\"\n      textAnchor=\"middle\"\n      dominantBaseline=\"middle\"\n      style={{ fontSize: ctx.sizeStyles.fontSize, fill, fontWeight: 600 }}\n    >\n      {typeof centerLabel === 'string' ? (\n        centerLabel\n      ) : (\n        <>\n          <tspan\n            x=\"50%\"\n            dy=\"-0.6em\"\n            style={{ fontSize: '0.875em', fontWeight: 500, fill: ctx.theme.palette.text.secondary }}\n          >\n            {centerLabel.label}\n          </tspan>\n          <tspan x=\"50%\" dy=\"1.4em\" style={{ fontSize: '1.5em', fontWeight: 700 }}>\n            {centerLabel.value}\n          </tspan>\n        </>\n      )}\n    </text>\n  );\n}\n\nfunction renderPie(ctx: ChartRenderContext): React.ReactElement {\n  const { props } = ctx;\n  return (\n    <PieChart>\n      {chartExtras(ctx)}\n      <Pie\n        data={props.data}\n        dataKey={ctx.chartSeries[0]?.dataKey ?? 'value'}\n        nameKey={props.xAxisKey ?? 'name'}\n        cx=\"50%\"\n        cy=\"50%\"\n        outerRadius={ctx.sizeStyles.height / 3}\n        innerRadius={remPx(ctx.theme, props.innerRadius ?? 0)}\n        fill={ctx.chartColors[0]}\n        label={props.showValues ?? false}\n        animationDuration={ctx.animationDuration}\n      >\n        {props.data.map((entry, index) => (\n          <Cell key={`cell-${index}`} fill={ctx.chartColors[index % ctx.chartColors.length]} />\n        ))}\n      </Pie>\n      {pieCenterLabel(ctx)}\n    </PieChart>\n  );\n}\n\nfunction renderRadar(ctx: ChartRenderContext): React.ReactElement {\n  return (\n    <RadarChart {...ctx.commonProps}>\n      <PolarGrid stroke={ctx.gridStroke} />\n      <PolarAngleAxis dataKey={ctx.props.xAxisKey ?? 'name'} style={ctx.axisStyle} />\n      <PolarRadiusAxis style={ctx.axisStyle} />\n      {chartExtras(ctx)}\n      {ctx.chartSeries.map((s, index) => (\n        <Radar\n          key={s.dataKey}\n          dataKey={s.dataKey}\n          name={s.name}\n          stroke={s.color ?? ctx.chartColors[index % ctx.chartColors.length]}\n          fill={s.fill ?? s.color ?? ctx.chartColors[index % ctx.chartColors.length]}\n          fillOpacity={s.fillOpacity ?? 0.6}\n          animationDuration={ctx.animationDuration}\n        />\n      ))}\n    </RadarChart>\n  );\n}\n\nfunction renderScatter(ctx: ChartRenderContext): React.ReactElement {\n  const { props } = ctx;\n  return (\n    <ScatterChart {...ctx.commonProps}>\n      {props.showCartesianGrid !== false && chartGrid(ctx)}\n      <XAxis\n        dataKey={props.xAxisKey ?? 'name'}\n        style={ctx.axisStyle}\n        label={props.xAxisLabel}\n        tickMargin={ctx.axisConfig.tickMargin}\n      />\n      <YAxis\n        dataKey={ctx.chartSeries[0]?.dataKey}\n        style={ctx.axisStyle}\n        label={props.yAxisLabel}\n        tickMargin={ctx.axisConfig.tickMargin}\n      />\n      {chartExtras(ctx)}\n      <Scatter\n        name={ctx.chartSeries[0]?.name ?? 'Data'}\n        data={props.data}\n        fill={ctx.chartColors[0]}\n        animationDuration={ctx.animationDuration}\n      />\n    </ScatterChart>\n  );\n}\n\nfunction composedSeries(ctx: ChartRenderContext, s: ChartSeries, index: number): React.ReactElement {\n  const color = s.color ?? ctx.chartColors[index % ctx.chartColors.length];\n  if (s.type === 'bar') {\n    return (\n      <Bar\n        key={s.dataKey}\n        dataKey={s.dataKey}\n        name={s.name}\n        fill={color}\n        radius={ctx.barGeometry.radius}\n        maxBarSize={ctx.barGeometry.maxBarSize}\n        animationDuration={ctx.animationDuration}\n      />\n    );\n  }\n  if (s.type === 'area') {\n    return (\n      <Area\n        key={s.dataKey}\n        type={ctx.strokeType}\n        dataKey={s.dataKey}\n        name={s.name}\n        stroke={color}\n        fill={color}\n        fillOpacity={0.6}\n        animationDuration={ctx.animationDuration}\n      />\n    );\n  }\n  return (\n    <Line\n      key={s.dataKey}\n      type={ctx.strokeType}\n      dataKey={s.dataKey}\n      name={s.name}\n      stroke={color}\n      animationDuration={ctx.animationDuration}\n    />\n  );\n}\n\nfunction renderComposed(ctx: ChartRenderContext): React.ReactElement {\n  return (\n    <ComposedChart {...ctx.commonProps}>\n      {cartesianAxes(ctx)}\n      {chartExtras(ctx)}\n      {ctx.chartSeries.map((s, index) => composedSeries(ctx, s, index))}\n    </ComposedChart>\n  );\n}\n\nconst RENDERERS: Record<string, (ctx: ChartRenderContext) => React.ReactElement> = {\n  line: renderLine,\n  bar: renderBar,\n  area: renderArea,\n  pie: renderPie,\n  radar: renderRadar,\n  scatter: renderScatter,\n  composed: renderComposed,\n};\n\n/** Render the Recharts element for the requested chart type. */\nexport function renderChartByType(props: ChartProps, theme: Theme): React.ReactElement {\n  const renderer = RENDERERS[props.type ?? 'line'];\n  const ctx = buildChartContext(props, theme);\n  return renderer ? renderer(ctx) : <></>;\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-MKAA3YIJ.js → chunk-3K7WN2PO.js}

@@ -4,13 +4,13 @@ import {
 } from "./chunk-QLJU7UUI.js";
 import {
   MoreFilters
-} from "./chunk-HFBQCJNP.js";
+} from "./chunk-HCYRCU4W.js";
 import {
   PillControl
 } from "./chunk-GWUJIO6Z.js";
 import {
   RangePill
-} from "./chunk-YXIVQFNW.js";
+} from "./chunk-EWIKSTJV.js";
 import {
   CollapsedSearch,
   InlineKeyword
@@ -220,4 +220,4 @@ function FilterSlots({
 export {
   InlineFilterControls
 };
-//# sourceMappingURL=chunk-MKAA3YIJ.js.map
+//# sourceMappingURL=chunk-3K7WN2PO.js.map

package/dist/{chunk-GI24X7XA.js → chunk-4PPNCZWY.js}

@@ -1,10 +1,10 @@
 import {
   Chart
-} from "./chunk-JL77BSOL.js";
+} from "./chunk-WBDQSBLV.js";
 import {
   CHART_SEMANTIC_COLORS,
   specToChartProps
-} from "./chunk-R6SBP5M5.js";
+} from "./chunk-JVOEVTCZ.js";
 import {
   accentFor
 } from "./chunk-B7ZHEOQQ.js";
@@ -46,4 +46,4 @@ var SpecChart = ({
 export {
   SpecChart
 };
-//# sourceMappingURL=chunk-GI24X7XA.js.map
+//# sourceMappingURL=chunk-4PPNCZWY.js.map

package/dist/{chunk-573XC4HK.js → chunk-4QKS5Y35.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-GWUJIO6Z.js";
 import {
   RangeBounds
-} from "./chunk-YXIVQFNW.js";
+} from "./chunk-EWIKSTJV.js";
 import {
   isRangeSet
 } from "./chunk-GCZJH4XL.js";
@@ -199,4 +199,4 @@ export {
   fieldClearing,
   MoreGroup
 };
-//# sourceMappingURL=chunk-573XC4HK.js.map
+//# sourceMappingURL=chunk-4QKS5Y35.js.map

package/dist/{chunk-KX75HM5U.js → chunk-5YDS6HO3.js}

@@ -1,4 +1,8 @@
 // src/components/data-display/DataViews/data-views-selection-extra.ts
+function allOnPageSelected(c, getRowId) {
+  const page = c.matched;
+  return page.length > 0 && page.every((row) => c.selectedIds.has(getRowId(row)));
+}
 function resolveSelectionExtra({
   c,
   getRowId,
@@ -9,12 +13,13 @@ function resolveSelectionExtra({
   return selectionExtra({
     selectedRows: c.selectedRows,
     clearSelection: c.clearSelection,
-    allOnPageSelected: page.length > 0 && page.every((row) => c.selectedIds.has(getRowId(row))),
+    allOnPageSelected: allOnPageSelected(c, getRowId),
     pageRowCount: page.length
   });
 }
 
 export {
+  allOnPageSelected,
   resolveSelectionExtra
 };
-//# sourceMappingURL=chunk-KX75HM5U.js.map
+//# sourceMappingURL=chunk-5YDS6HO3.js.map

package/dist/{chunk-KX75HM5U.js.map → chunk-5YDS6HO3.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/data-views-selection-extra.ts"],"sourcesContent":["/**\n * The selection-WIDENING slot: what a paginated grid needs so an operator can\n * act on \"everything matching the filter\" rather than on the page in front of\n * them.\n *\n * It is a slot of its own rather than a share of the bulk-actions menu because\n * the two answer different questions — `actions` is what HAPPENS to the\n * selection, this is what the selection IS. Folding a widening into the actions\n * menu files \"change what I picked\" under \"do this to what I picked\", where\n * every entry is expected to write something.\n */\nimport type { DataViewsController } from \"./use-data-views-state\";\n\n/**\n * What a widening control gets to decide with.\n *\n * `allOnPageSelected` is the one thing a host cannot compute for itself, and\n * the whole reason this is a context rather than a bare node: the grid owns\n * which rows the page is currently rendering — server mode pages at the\n * backend, so the host's `rows` prop and the page can differ mid-fetch — and\n * \"every row here is ticked\" is the trigger a select-all-matching control\n * hangs on. Deriving it host-side would be a second, slightly different answer\n * to the question the grid already answers to draw its own header checkbox.\n */\nexport interface SelectionExtraContext<T extends Record<string, unknown>> {\n  /** The selected rows, off-page ones included. */\n  selectedRows: T[];\n  /** Drop the whole selection. */\n  clearSelection: () => void;\n  /** Every row the page is rendering is selected — and the page is not empty. */\n  allOnPageSelected: boolean;\n  /** How many rows the page is rendering. */\n  pageRowCount: number;\n}\n\n/** The host's widening control, called only while something is selected. */\nexport type SelectionExtraRender<T extends Record<string, unknown>> = (\n  context: SelectionExtraContext<T>,\n) => React.ReactNode;\n\n/**\n * Resolve the host's control against the page on screen.\n *\n * Measured against `c.matched` — which in server mode IS the page — rather than\n * the `rows` prop, so the answer cannot lag a page change.\n *\n * Returns `undefined` with nothing selected, so the toolbar renders no empty\n * slot: a widening with nothing to widen is not a control.\n */\nexport function resolveSelectionExtra<T extends Record<string, unknown>>({\n  c,\n  getRowId,\n  selectionExtra,\n}: {\n  c: DataViewsController<T>;\n  getRowId: (row: T) => string | number;\n  selectionExtra?: SelectionExtraRender<T>;\n}): React.ReactNode {\n  if (selectionExtra === undefined || c.selectedRows.length === 0) return undefined;\n  const page = c.matched;\n  return selectionExtra({\n    selectedRows: c.selectedRows,\n    clearSelection: c.clearSelection,\n    allOnPageSelected: page.length > 0 && page.every((row) => c.selectedIds.has(getRowId(row))),\n    pageRowCount: page.length,\n  });\n}\n"],"mappings":";AAiDO,SAAS,sBAAyD;AAAA,EACvE;AAAA,EACA;AAAA,EACA;AACF,GAIoB;AAClB,MAAI,mBAAmB,UAAa,EAAE,aAAa,WAAW,EAAG,QAAO;AACxE,QAAM,OAAO,EAAE;AACf,SAAO,eAAe;AAAA,IACpB,cAAc,EAAE;AAAA,IAChB,gBAAgB,EAAE;AAAA,IAClB,mBAAmB,KAAK,SAAS,KAAK,KAAK,MAAM,CAAC,QAAQ,EAAE,YAAY,IAAI,SAAS,GAAG,CAAC,CAAC;AAAA,IAC1F,cAAc,KAAK;AAAA,EACrB,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-selection-extra.ts"],"sourcesContent":["/**\n * The selection-WIDENING slot: what a paginated grid needs so an operator can\n * act on \"everything matching the filter\" rather than on the page in front of\n * them.\n *\n * It is a slot of its own rather than a share of the bulk-actions menu because\n * the two answer different questions — `actions` is what HAPPENS to the\n * selection, this is what the selection IS. Folding a widening into the actions\n * menu files \"change what I picked\" under \"do this to what I picked\", where\n * every entry is expected to write something.\n */\nimport type { DataViewsController } from \"./use-data-views-state\";\n\n/**\n * What a widening control gets to decide with.\n *\n * `allOnPageSelected` is the one thing a host cannot compute for itself, and\n * the whole reason this is a context rather than a bare node: the grid owns\n * which rows the page is currently rendering — server mode pages at the\n * backend, so the host's `rows` prop and the page can differ mid-fetch — and\n * \"every row here is ticked\" is the trigger a select-all-matching control\n * hangs on. Deriving it host-side would be a second, slightly different answer\n * to the question the grid already answers to draw its own header checkbox.\n */\nexport interface SelectionExtraContext<T extends Record<string, unknown>> {\n  /** The selected rows, off-page ones included. */\n  selectedRows: T[];\n  /** Drop the whole selection. */\n  clearSelection: () => void;\n  /** Every row the page is rendering is selected — and the page is not empty. */\n  allOnPageSelected: boolean;\n  /** How many rows the page is rendering. */\n  pageRowCount: number;\n}\n\n/** The host's widening control, called only while something is selected. */\nexport type SelectionExtraRender<T extends Record<string, unknown>> = (\n  context: SelectionExtraContext<T>,\n) => React.ReactNode;\n\n/**\n * Resolve the host's control against the page on screen.\n *\n * Measured against `c.matched` — which in server mode IS the page — rather than\n * the `rows` prop, so the answer cannot lag a page change.\n *\n * Returns `undefined` with nothing selected, so the toolbar renders no empty\n * slot: a widening with nothing to widen is not a control.\n */\n/** Every row the page is rendering is selected — and the page is not empty. */\nexport function allOnPageSelected<T extends Record<string, unknown>>(\n  c: DataViewsController<T>,\n  getRowId: (row: T) => string | number,\n): boolean {\n  const page = c.matched;\n  return page.length > 0 && page.every((row) => c.selectedIds.has(getRowId(row)));\n}\n\nexport function resolveSelectionExtra<T extends Record<string, unknown>>({\n  c,\n  getRowId,\n  selectionExtra,\n}: {\n  c: DataViewsController<T>;\n  getRowId: (row: T) => string | number;\n  selectionExtra?: SelectionExtraRender<T>;\n}): React.ReactNode {\n  if (selectionExtra === undefined || c.selectedRows.length === 0) return undefined;\n  const page = c.matched;\n  return selectionExtra({\n    selectedRows: c.selectedRows,\n    clearSelection: c.clearSelection,\n    allOnPageSelected: allOnPageSelected(c, getRowId),\n    pageRowCount: page.length,\n  });\n}\n"],"mappings":";AAkDO,SAAS,kBACd,GACA,UACS;AACT,QAAM,OAAO,EAAE;AACf,SAAO,KAAK,SAAS,KAAK,KAAK,MAAM,CAAC,QAAQ,EAAE,YAAY,IAAI,SAAS,GAAG,CAAC,CAAC;AAChF;AAEO,SAAS,sBAAyD;AAAA,EACvE;AAAA,EACA;AAAA,EACA;AACF,GAIoB;AAClB,MAAI,mBAAmB,UAAa,EAAE,aAAa,WAAW,EAAG,QAAO;AACxE,QAAM,OAAO,EAAE;AACf,SAAO,eAAe;AAAA,IACpB,cAAc,EAAE;AAAA,IAChB,gBAAgB,EAAE;AAAA,IAClB,mBAAmB,kBAAkB,GAAG,QAAQ;AAAA,IAChD,cAAc,KAAK;AAAA,EACrB,CAAC;AACH;","names":[]}

package/dist/{chunk-N4MR4EMC.js → chunk-6D2PFC5C.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-GWUJIO6Z.js";
 import {
   PanelRangeField
-} from "./chunk-YXIVQFNW.js";
+} from "./chunk-EWIKSTJV.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -157,4 +157,4 @@ export {
   GridFilterPanel,
   FilterDialog
 };
-//# sourceMappingURL=chunk-N4MR4EMC.js.map
+//# sourceMappingURL=chunk-6D2PFC5C.js.map

package/dist/{chunk-QVWNK4JO.js → chunk-6GPNZSAE.js}

@@ -14,9 +14,26 @@ function formatChartValue(value, format = "decimal") {
 function chartValueFormatter(format) {
   return (value) => formatChartValue(value, format);
 }
+var brlWhole = new Intl.NumberFormat("pt-BR", {
+  style: "currency",
+  currency: "BRL",
+  minimumFractionDigits: 0,
+  maximumFractionDigits: 0
+});
+function formatChartAxisValue(value, format = "decimal") {
+  if (format === "brl" && Number.isFinite(value) && value % 100 === 0) {
+    return brlWhole.format(value / 100);
+  }
+  return formatChartValue(value, format);
+}
+function chartAxisValueFormatter(format) {
+  return (value) => formatChartAxisValue(value, format);
+}
 
 export {
   formatChartValue,
-  chartValueFormatter
+  chartValueFormatter,
+  formatChartAxisValue,
+  chartAxisValueFormatter
 };
-//# sourceMappingURL=chunk-QVWNK4JO.js.map
+//# sourceMappingURL=chunk-6GPNZSAE.js.map

package/dist/chunk-6GPNZSAE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Chart/chart-format.ts"],"sourcesContent":["import type { ChartNumberFormat } from './ChartSpec.types';\n\nconst formatters: Record<ChartNumberFormat, Intl.NumberFormat> = {\n  brl: new Intl.NumberFormat('pt-BR', { style: 'currency', currency: 'BRL' }),\n  percent: new Intl.NumberFormat('pt-BR', { style: 'percent', maximumFractionDigits: 1 }),\n  compact: new Intl.NumberFormat('pt-BR', { notation: 'compact', maximumFractionDigits: 1 }),\n  integer: new Intl.NumberFormat('pt-BR', { maximumFractionDigits: 0 }),\n  decimal: new Intl.NumberFormat('pt-BR', { maximumFractionDigits: 2 }),\n};\n\n/**\n * Format a chart value with one of the serializable number formats.\n * `brl` expects integer centavos (repo-wide money convention); `percent`\n * expects a fraction (0.15 → \"15%\"). Non-finite values render as an empty\n * string so a null-ish row never draws \"NaN\" into a tooltip or axis.\n */\nexport function formatChartValue(value: number, format: ChartNumberFormat = 'decimal'): string {\n  if (!Number.isFinite(value)) return '';\n  if (format === 'brl') return formatters.brl.format(value / 100);\n  return formatters[format].format(value);\n}\n\n/** Curried {@link formatChartValue}, memo-friendly for tooltip/axis props. */\nexport function chartValueFormatter(format?: ChartNumberFormat): (value: number) => string {\n  return (value: number) => formatChartValue(value, format);\n}\n\n/** Whole reais, for an axis tick that has no centavos to show. */\nconst brlWhole = new Intl.NumberFormat('pt-BR', {\n  style: 'currency',\n  currency: 'BRL',\n  minimumFractionDigits: 0,\n  maximumFractionDigits: 0,\n});\n\n/**\n * Format a value-AXIS tick: {@link formatChartValue}, except that a `brl` tick\n * on a whole real drops its \",00\".\n *\n * An axis tick is a gridline's name, not an amount anybody reads to the\n * centavo. Recharts picks round ticks (R$ 45, R$ 90, R$ 135…), so on a phone\n * \"R$ 180,00\" spent a fifth of the card on two zeros and squeezed the plot it\n * labels to ~160px at 390. A tick that does fall between reais keeps its\n * centavos, so no tick is ever rounded into a value it is not. Tooltips keep\n * the full amount: they ARE read to the centavo.\n */\nexport function formatChartAxisValue(value: number, format: ChartNumberFormat = 'decimal'): string {\n  if (format === 'brl' && Number.isFinite(value) && value % 100 === 0) {\n    return brlWhole.format(value / 100);\n  }\n  return formatChartValue(value, format);\n}\n\n/** Curried {@link formatChartAxisValue}, memo-friendly for the value axis. */\nexport function chartAxisValueFormatter(format?: ChartNumberFormat): (value: number) => string {\n  return (value: number) => formatChartAxisValue(value, format);\n}\n"],"mappings":";AAEA,IAAM,aAA2D;AAAA,EAC/D,KAAK,IAAI,KAAK,aAAa,SAAS,EAAE,OAAO,YAAY,UAAU,MAAM,CAAC;AAAA,EAC1E,SAAS,IAAI,KAAK,aAAa,SAAS,EAAE,OAAO,WAAW,uBAAuB,EAAE,CAAC;AAAA,EACtF,SAAS,IAAI,KAAK,aAAa,SAAS,EAAE,UAAU,WAAW,uBAAuB,EAAE,CAAC;AAAA,EACzF,SAAS,IAAI,KAAK,aAAa,SAAS,EAAE,uBAAuB,EAAE,CAAC;AAAA,EACpE,SAAS,IAAI,KAAK,aAAa,SAAS,EAAE,uBAAuB,EAAE,CAAC;AACtE;AAQO,SAAS,iBAAiB,OAAe,SAA4B,WAAmB;AAC7F,MAAI,CAAC,OAAO,SAAS,KAAK,EAAG,QAAO;AACpC,MAAI,WAAW,MAAO,QAAO,WAAW,IAAI,OAAO,QAAQ,GAAG;AAC9D,SAAO,WAAW,MAAM,EAAE,OAAO,KAAK;AACxC;AAGO,SAAS,oBAAoB,QAAuD;AACzF,SAAO,CAAC,UAAkB,iBAAiB,OAAO,MAAM;AAC1D;AAGA,IAAM,WAAW,IAAI,KAAK,aAAa,SAAS;AAAA,EAC9C,OAAO;AAAA,EACP,UAAU;AAAA,EACV,uBAAuB;AAAA,EACvB,uBAAuB;AACzB,CAAC;AAaM,SAAS,qBAAqB,OAAe,SAA4B,WAAmB;AACjG,MAAI,WAAW,SAAS,OAAO,SAAS,KAAK,KAAK,QAAQ,QAAQ,GAAG;AACnE,WAAO,SAAS,OAAO,QAAQ,GAAG;AAAA,EACpC;AACA,SAAO,iBAAiB,OAAO,MAAM;AACvC;AAGO,SAAS,wBAAwB,QAAuD;AAC7F,SAAO,CAAC,UAAkB,qBAAqB,OAAO,MAAM;AAC9D;","names":[]}

package/dist/{chunk-LJKWWXZD.js → chunk-6OSUK2C7.js}

@@ -1,3 +1,7 @@
+import {
+  StandaloneContainer,
+  useRowLayout
+} from "./chunk-V4V2N6YJ.js";
 import {
   DiscloseSlot,
   DragSlot,
@@ -8,13 +12,13 @@ import {
   metaShape,
   rowStyles,
   useRowShell
-} from "./chunk-JF5LQOGB.js";
+} from "./chunk-U47KRLEW.js";
 import {
   ListCardActions,
   ListCardCaption,
   ListCardMeta,
   ListCardTail
-} from "./chunk-4JBS6NOT.js";
+} from "./chunk-ZWBGQYVO.js";
 import {
   useDisclosure
 } from "./chunk-2JCRNWHE.js";
@@ -22,12 +26,7 @@ import {
   DropIndicator
 } from "./chunk-K4EKTMTC.js";
 import {
-  cellRailsTemplate
-} from "./chunk-GNBCSTXF.js";
-import {
-  ListCardCells,
-  cellTracks,
-  useCellConfig
+  ListCardCells
 } from "./chunk-COYGTEN5.js";
 import {
   default as default2
@@ -39,20 +38,14 @@ import {
 // src/components/data-display/DataViews/base-list-card.tsx
 import Collapse from "@mui/material/Collapse/index.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function useResolvedCells(props, inGroup) {
-  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)) : null;
-  return { cells, configured, cellTemplate };
-}
 function RowContent({
   card,
   cells,
   configured,
   slot,
   actionable,
-  meta
+  meta,
+  opens
 }) {
   if (configured && cells != null) {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -63,6 +56,7 @@ function RowContent({
           actions: actionable ? card.actions : void 0,
           alwaysVisible: card.actionsAlwaysVisible,
           menu: card.menu,
+          opens,
           testId: slot
         }
       )
@@ -88,6 +82,7 @@ function RowContent({
         actions: actionable ? card.actions : void 0,
         actionsAlwaysVisible: card.actionsAlwaysVisible,
         menu: card.menu,
+        opens,
         testId: slot
       }
     )
@@ -131,8 +126,8 @@ function BaseListCard(props) {
   const { actionable, selectable, slot, drag, reserve, pad, padY, acts } = shell;
   const meta = metaShape(props);
   const disclosure = useDisclosure(props);
-  const { cells, configured, cellTemplate } = useResolvedCells(props, shell.group != null);
-  return /* @__PURE__ */ jsxs(
+  const { cells, configured, cellTemplate, opens, stack } = useRowLayout(props, shell, disclosure.expandable);
+  return /* @__PURE__ */ jsx(StandaloneContainer, { inGroup: shell.group != null, children: /* @__PURE__ */ jsxs(
     Card,
     {
       variant: "outlined",
@@ -143,7 +138,7 @@ function BaseListCard(props) {
       onContextMenu: props.onContextMenu,
       ...acts ? actionProps(onClick) : {},
       ...drag.itemProps,
-      sx: rowStyles(props, shell, cellTemplate),
+      sx: rowStyles(props, shell, cellTemplate, stack),
       children: [
         drag.dropEdge != null && /* @__PURE__ */ jsx(DropIndicator, { edge: drag.dropEdge }),
         /* @__PURE__ */ jsx(
@@ -169,14 +164,25 @@ function BaseListCard(props) {
           }
         ),
         /* @__PURE__ */ jsx(default2, { "data-slot": "leading", sx: { display: "flex", alignItems: "center" }, children: props.leading }),
-        /* @__PURE__ */ jsx(RowContent, { card: props, cells, configured, slot, actionable, meta }),
+        /* @__PURE__ */ jsx(
+          RowContent,
+          {
+            card: props,
+            cells,
+            configured,
+            slot,
+            actionable,
+            meta,
+            opens
+          }
+        ),
         /* @__PURE__ */ jsx(ExpandableBody, { disclosure, padY, pad, children: props.children })
       ]
     }
-  );
+  ) });
 }
 
 export {
   BaseListCard
 };
-//# sourceMappingURL=chunk-LJKWWXZD.js.map
+//# sourceMappingURL=chunk-6OSUK2C7.js.map

package/dist/chunk-6OSUK2C7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/base-list-card.tsx"],"sourcesContent":["\"use client\";\n\nimport Collapse from \"@mui/material/Collapse/index.js\";\nimport { type ReactNode } from \"react\";\n\nimport { Card } from \"../../layout/Card\";\nimport type { DescriptionItemProps } from \"../DescriptionItem\";\nimport { Box } from \"../../../mui/Box\";\n\nimport { type CardSurfaceProps } from \"./card-surface\";\nimport { DropIndicator } from \"./data-views-drag\";\nimport { useDisclosure } from \"./base-list-card-disclosure\";\nimport { actionProps, metaShape, rowStyles, useRowShell } from \"./base-list-card-geometry\";\nimport { StandaloneContainer, useRowLayout } from \"./base-list-card-layout\";\nimport { DiscloseSlot, DragSlot, SelectSlot } from \"./base-list-card-gutters\";\nimport { type DataViewsDensity } from \"./data-views-layout-context\";\nimport { ListCardCells, type ListCardCellConfig } from \"./list-card-cells\";\nimport {\n  ListCardActions,\n  ListCardCaption,\n  ListCardMeta,\n  ListCardTail,\n} from \"./base-list-card-slots\";\n\n/**\n * THE \"LISTA\" LAYOUT'S CARD — {@link BaseCard}'s horizontal sibling.\n *\n * `ListBody` always described the shape it wanted (\"a marker, a title, a\n * subtitle and a value on the right\") and never provided it, so every host\n * hand-rolled a `<Box>` flex row: a tint for selection with no checkbox, fixed\n * `minWidth` columns that ignored density and never collapsed, no hover, no\n * focus ring, and a `borderBottom` fighting the gap between rows.\n *\n * THE LIST OWNS THE COLUMNS. Inside a {@link ListCardGroup} this card is\n * `grid-template-columns: subgrid` across the group's rails, so the value sits\n * on its own edge and cannot be shunted about by the width of the status chip\n * beside it. Standalone it falls back to the same template on its own. See\n * `list-card-rails`.\n *\n * IT ANSWERS ITS OWN WIDTH, not the viewport — a container query, because the\n * same row renders full-bleed on a phone, in a 300px board column, and beside a\n * filter panel that opens and closes. Below `STACK_BREAK` it leaves the shared\n * rails entirely and goes two-line, which is the standard mobile transaction\n * row and beats truncating everything: the title (with its subtitle) on line\n * 1, the value under it at the right edge.\n * A CONFIGURED row keeps the same two facts — its first cell in the title's\n * place, its `strong` (else last) cell in the value's — and drops the rest\n * into the expandable body's job. Standalone, the card renders inside a\n * wrapper that is the query container, since a row cannot query itself.\n *\n * A row that OPENS something (a click handler, or a link it renders) ends in a\n * chevron saying so, at every width — unless it expands, where the disclosure\n * chevron is the only arrow it carries.\n */\n\nexport interface BaseListCardProps extends CardSurfaceProps {\n  /** A marker: avatar, thumbnail or status glyph. Earn the pixels — a generic\n   *  icon repeated down fifty rows is noise. */\n  leading?: ReactNode;\n  /** First-class title. Rendered as the link when `href` is set. */\n  title?: ReactNode;\n  /** Secondary line under the title. */\n  subtitle?: ReactNode;\n  /**\n   * Middle columns as labelled pairs — {@link DescriptionItem}s, not free-form\n   * nodes, so a screen reader reads \"Data, 05/08/2026\" rather than four\n   * unrelated strings. Stacked (label above value) by default.\n   *\n   * The FIRST rung of the collapse ladder: the only slot whose absence does not\n   * stop the row being identified or acted on.\n   */\n  meta?: DescriptionItemProps[];\n  /** Escape hatch for a middle section these pairs cannot express. */\n  metaSlot?: ReactNode;\n  /** The number this row is about. Its own rail, tabular figures, never truncated. */\n  value?: ReactNode;\n  /**\n   * Inline actions — the one or two things done often enough to deserve a\n   * button. Revealed on hover and `:focus-within` by default, so fifty rows of\n   * buttons are not the resting state of the page.\n   */\n  actions?: ReactNode;\n  /** Always show the inline actions, rather than on hover/focus. */\n  actionsAlwaysVisible?: boolean;\n  /** The 3-dots overflow menu, pinned to the end. Also opens on right-click. */\n  menu?: ReactNode;\n  /** What opens the overflow menu on right-click / long-press. */\n  onContextMenu?: (event: React.MouseEvent) => void;\n  /**\n   * THE EXPANDABLE BODY — and the whole reason this is a card and not a table\n   * row.\n   *\n   * A summary row of labelled columns is a table row with a border round it: it\n   * restates what the table already says and gives nobody a reason to switch to\n   * it. What a card can do that a table cell cannot is OPEN — carry the record's\n   * own detail underneath its summary, in whatever shape that record wants.\n   *\n   * So this container makes no claim about what goes in here. It spans every\n   * rail and imposes nothing: an order puts its line items and a totals ledger\n   * here, a cart adds its recovery actions, a role lists its permissions. The\n   * design of that area belongs entirely to the consumer, and none of it is the\n   * envelope's business.\n   *\n   * ABSENT ⇒ NO CHEVRON. A row given nothing to reveal renders no disclosure\n   * control at all, rather than one that opens onto an empty box, so a column of\n   * chevrons is a truthful index of which rows have more behind them.\n   */\n  children?: ReactNode;\n  /** Open on first render, for an uncontrolled card. Ignored when `expanded` is set. */\n  defaultExpanded?: boolean;\n  /**\n   * Open state, when the LIST wants to own it.\n   *\n   * Left unset the card keeps its own, and rows open independently — several at\n   * once, which is what comparing two records requires. Pass this (with\n   * `onExpandedChange`) to impose something else, an accordion being the usual\n   * reason.\n   */\n  expanded?: boolean;\n  /** Fired with the state the card is asking to move to. */\n  onExpandedChange?: (expanded: boolean) => void;\n  /** Toggle this row's selection. Receives the raw event so a list can range-select. */\n  onToggleSelect?: (event?: React.MouseEvent) => void;\n  /** How much air the row gets. Vertical only — a full-width row cannot narrow. */\n  density?: DataViewsDensity;\n  /**\n   * Fine-grained size multiplier on top of `density` (1 = base).\n   *\n   * Applied as `zoom`, so it scales EVERYTHING the row draws — type, gutters,\n   * gaps, padding, the checkbox, the grip, the chip and the menu — not just the\n   * handful of font sizes it once multiplied.\n   */\n  scale?: number;\n  /** Flush style: a bottom rule instead of an outline. Row-only. */\n  divider?: boolean;\n  /** This row's id for drag purposes. Inert outside a `DragContainerProvider`. */\n  dragId?: string | number;\n  /**\n   * The record this row is about, read by the list's cell config.\n   *\n   * Required only when cells are configured — the config's `primary`/`secondary`\n   * are functions of the row, so without one there is nothing to render them\n   * from and the card falls back to its named slots.\n   */\n  row?: Record<string, unknown>;\n  /**\n   * A cell config for a STANDALONE card.\n   *\n   * Inside a `ListCardGroup` the list's config wins and this is ignored: one\n   * declaration of the list's shape is the whole point, and a row permitted to\n   * override it could put its columns somewhere no other row has them.\n   */\n  cells?: readonly ListCardCellConfig<never>[];\n}\n\n\n/**\n * The row's middle: either the list's configured cells, or the named slots.\n *\n * Split out because the branch is the only conditional shape the card has, and\n * inlined it pushed `BaseListCard` past both the line and the complexity gate.\n */\nfunction RowContent({\n  card,\n  cells,\n  configured,\n  slot,\n  actionable,\n  meta,\n  opens,\n}: {\n  card: BaseListCardProps;\n  cells: readonly ListCardCellConfig<never>[] | null;\n  configured: boolean;\n  slot: (name: string) => string | undefined;\n  actionable: boolean;\n  meta: { columns: number; present: boolean };\n  /** Whether the row ends in the \"this opens\" chevron. */\n  opens: boolean;\n}): React.JSX.Element {\n  if (configured && cells != null) {\n    return (\n      <>\n        {/* The list's columns, rendered from this row. */}\n        <ListCardCells cells={cells} row={card.row as never} />\n        {/* THE MENU IS NOT PART OF THE CONFIG and never optional: it is where a\n          * row's actions live, and a list that folded it into a cell would have\n          * nowhere left to put them. So it brackets the cells on its own rail,\n          * exactly as the gutters do at the other end. */}\n        <ListCardActions\n          actions={actionable ? card.actions : undefined}\n          alwaysVisible={card.actionsAlwaysVisible}\n          menu={card.menu}\n          opens={opens}\n          testId={slot}\n        />\n      </>\n    );\n  }\n  return (\n    <>\n      <ListCardCaption\n        title={card.title}\n        subtitle={card.subtitle}\n        href={card.href}\n        target={card.target}\n        testId={slot(\"title\")}\n      />\n      <ListCardMeta meta={card.meta} metaSlot={card.metaSlot} trailingRule={card.value != null} />\n      <ListCardTail\n        value={card.value}\n        separated={meta.present}\n        actions={actionable ? card.actions : undefined}\n        actionsAlwaysVisible={card.actionsAlwaysVisible}\n        menu={card.menu}\n        opens={opens}\n        testId={slot}\n      />\n    </>\n  );\n}\n\n/**\n * The revealed body, and the rule that separates it from the summary.\n *\n * `gridColumn: 1 / -1` so it spans every rail: the summary's columns are the\n * LIST's, and nothing about them should constrain a detail area whose design\n * belongs to the consumer.\n *\n * Collapse rather than an unmount, so the body animates open and keeps its own\n * state between peeks — a consumer putting a form or a scrolled table in here\n * would otherwise have it reset on every toggle. `unmountOnExit` is deliberately\n * NOT set: fifty closed rows pay for fifty hidden subtrees, which is the trade\n * taken because the alternative re-runs every consumer's effects per toggle.\n */\nfunction ExpandableBody({\n  disclosure,\n  padY,\n  pad,\n  children,\n}: {\n  disclosure: { expandable: boolean; expanded: boolean; regionId: string };\n  padY: number;\n  pad: number;\n  children: ReactNode;\n}): React.JSX.Element {\n  if (!disclosure.expandable) return <></>;\n  return (\n    <Box sx={{ gridColumn: \"1 / -1\", minWidth: 0 }}>\n      <Collapse in={disclosure.expanded} timeout={150}>\n        <Box\n          id={disclosure.regionId}\n          role=\"region\"\n          sx={{\n            minWidth: 0,\n            // `padY`, not a fraction of the horizontal padding. The card's own\n            // `py` wraps the summary AND the body, so once the body is in flow\n            // the summary has no bottom padding of its own — at `comfortable`\n            // the row visibly lost the height it had while closed.\n            mt: padY,\n            pt: padY,\n            // A RULE BETWEEN SUMMARY AND BODY, bled through the row's horizontal\n            // padding so it spans the card edge to edge. Inset, it reads as a\n            // border around the content rather than a division of the card.\n            borderTop: 1,\n            borderColor: \"divider\",\n            mx: -pad,\n            px: pad,\n          }}\n        >\n          {children}\n        </Box>\n      </Collapse>\n    </Box>\n  );\n}\n\nexport function BaseListCard(props: BaseListCardProps): React.JSX.Element {\n  const { selected = false, onClick } = props;\n  const shell = useRowShell(props);\n  const { actionable, selectable, slot, drag, reserve, pad, padY, acts } = shell;\n  const meta = metaShape(props);\n  const disclosure = useDisclosure(props);\n  const { cells, configured, cellTemplate, opens, stack } = useRowLayout(props, shell, disclosure.expandable);\n\n  return (\n    <StandaloneContainer inGroup={shell.group != null}>\n      <Card\n        variant=\"outlined\"\n        className={props.className}\n        dataTestId={props.testId}\n        aria-label={props[\"aria-label\"]}\n        aria-disabled={actionable ? undefined : true}\n        onContextMenu={props.onContextMenu}\n        {...(acts ? actionProps(onClick) : {})}\n        {...drag.itemProps}\n        // A PLAIN OBJECT: `Card` merges by spreading, so a function sx vanishes.\n        sx={rowStyles(props, shell, cellTemplate, stack)}\n      >\n        {drag.dropEdge != null && <DropIndicator edge={drag.dropEdge} />}\n        <DiscloseSlot\n          expandable={disclosure.expandable}\n          expanded={disclosure.expanded}\n          reserve={reserve}\n          onToggle={disclosure.toggle}\n          controls={disclosure.regionId}\n          testId={slot(\"disclose\")}\n        />\n        <DragSlot drag={drag} reserve={reserve} testId={slot(\"drag\")} />\n        <SelectSlot\n          selectable={selectable}\n          selected={selected}\n          reserve={reserve}\n          onToggleSelect={props.onToggleSelect}\n          testId={slot(\"checkbox\")}\n        />\n        <Box data-slot=\"leading\" sx={{ display: \"flex\", alignItems: \"center\" }}>\n          {props.leading}\n        </Box>\n        <RowContent\n          card={props}\n          cells={cells}\n          configured={configured}\n          slot={slot}\n          actionable={actionable}\n          meta={meta}\n          opens={opens}\n        />\n        <ExpandableBody disclosure={disclosure} padY={padY} pad={pad}>\n          {props.children}\n        </ExpandableBody>\n      </Card>\n    </StandaloneContainer>\n  );\n}\n\nexport { META_BREAK, STACK_BREAK } from \"./base-list-card-slots\";\n"],"mappings":"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","names":["default"]}

package/dist/{chunk-ICSXPZXT.js → chunk-6QBT5TPS.js}

@@ -1,6 +1,6 @@
 import {
   GridShell
-} from "./chunk-45PGSVOH.js";
+} from "./chunk-NTJUAPJM.js";
 import {
   useDataViewsState
 } from "./chunk-2W2MWEP2.js";
@@ -27,4 +27,4 @@ function DataViewsGrid(props) {
 export {
   DataViewsGrid
 };
-//# sourceMappingURL=chunk-ICSXPZXT.js.map
+//# sourceMappingURL=chunk-6QBT5TPS.js.map

package/dist/{chunk-A6EUQDRK.js → chunk-ARJIKW56.js}

@@ -1,6 +1,6 @@
 import {
   GridToolbar
-} from "./chunk-KEKOPD43.js";
+} from "./chunk-PQ7RWH7L.js";
 
 // src/components/data-display/DataViews/data-views-shell-toolbar.tsx
 import { jsx } from "react/jsx-runtime";
@@ -11,6 +11,7 @@ function ShellToolbar({
   rowActions,
   bulkActions,
   selectionExtra,
+  allOnPageSelected,
   toolbarRightSlot,
   showInline,
   compactControls,
@@ -44,6 +45,7 @@ function ShellToolbar({
       rowActions,
       bulkActions,
       selectionExtra,
+      allOnPageSelected,
       sortFields: c.resolvedSortFields,
       activeSortField: c.activeSortField,
       activeSortOrder: c.activeSortOrder,
@@ -64,4 +66,4 @@ function ShellToolbar({
 export {
   ShellToolbar
 };
-//# sourceMappingURL=chunk-A6EUQDRK.js.map
+//# sourceMappingURL=chunk-ARJIKW56.js.map

package/dist/chunk-ARJIKW56.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-shell-toolbar.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * The toolbar band, fed from the controller — ~25 props of pure forwarding and\n * nothing else, which is why it lives in its own file rather than in the shell.\n */\nimport { type ColumnVisibilityOption } from \"../../layout/ContentToolbar\";\n\nimport type { DisplayPanelView } from \"./data-views-display-panel\";\nimport type { DataViewExport } from \"./data-views-export\";\nimport { GridToolbar } from \"./data-views-toolbar\";\nimport type { RowAction } from \"./data-views-types\";\nimport type { DataViewsController } from \"./use-data-views-state\";\n\n/**\n * The toolbar band, fed from the controller. Split out of `GridShell` for that\n * function's size budget — it is ~25 props of pure forwarding and nothing else.\n */\nexport function ShellToolbar<T extends Record<string, unknown>>({\n  c,\n  rows,\n  testIdPrefix,\n  rowActions,\n  bulkActions,\n  selectionExtra,\n  allOnPageSelected,\n  toolbarRightSlot,\n  showInline,\n  compactControls,\n  counterHidden,\n  sortKinds,\n  displayView,\n  exportConfig,\n  filterControls,\n  barRef,\n}: {\n  c: DataViewsController<T>;\n  rows: T[];\n  testIdPrefix: string;\n  sortKinds?: Record<string, string>;\n  displayView?: DisplayPanelView;\n  exportConfig?: DataViewExport;\n  rowActions?: RowAction<T>[];\n  bulkActions?: (selectedRows: T[], clearSelection: () => void) => React.ReactNode;\n  /** Already resolved by the shell, which is the party that knows the page. */\n  selectionExtra?: React.ReactNode;\n  /** Every row on the page is ticked: the select-all box reads checked, else partial. */\n  allOnPageSelected?: boolean;\n  toolbarRightSlot?: React.ReactNode;\n  /** Search + filters, rendered on the toolbar line (see `GridToolbar`). */\n  filterControls?: React.ReactNode;\n  barRef?: React.Ref<HTMLDivElement>;\n  showInline: boolean;\n  /** Step 2 of the ladder: Exibir/Exportar as icons only. */\n  compactControls?: boolean;\n  /** Step 5, last resort: drop the counter so the row still fits one line. */\n  counterHidden?: boolean;\n}): React.JSX.Element {\n  const columnOptions: ColumnVisibilityOption[] = c.hideableColumns.map((col) => ({\n    id: col.id,\n    label: col.label,\n    visible: c.state.visibleColumns.includes(col.id),\n  }));\n  return (\n    <GridToolbar\n      c={c}\n      sortKinds={sortKinds}\n      displayView={displayView}\n      exportConfig={exportConfig}\n      filterControls={filterControls}\n      barRef={barRef}\n      compactControls={compactControls}\n      counterHidden={counterHidden}\n      testIdPrefix={testIdPrefix}\n      selectedRows={c.selectedRows}\n      selectAll={c.selectAll}\n      clearSelection={c.clearSelection}\n      rowActions={rowActions}\n      bulkActions={bulkActions}\n      selectionExtra={selectionExtra}\n      allOnPageSelected={allOnPageSelected}\n      sortFields={c.resolvedSortFields}\n      activeSortField={c.activeSortField}\n      activeSortOrder={c.activeSortOrder}\n      onChangeSort={(field, order) => c.patch({ sortBy: [{ id: field, dir: order }] })}\n      matchedCount={c.matched.length}\n      totalCount={c.serverMode ? c.serverTotalCount : rows.length}\n      toolbarRightSlot={toolbarRightSlot}\n      columnOptions={columnOptions}\n      onToggleColumn={c.toggleColumn}\n      filterOpen={c.filterOpen}\n      setFilterOpen={c.setFilterOpen}\n      activeFilterCount={c.activeFilterCount}\n      showFilterTrigger={!showInline}\n    />\n  );\n}\n\n/** Wires the controller into the shared toolbar + filter panel + grid/cards body. */\n"],"mappings":";;;;;AAgEI;AA9CG,SAAS,aAAgD;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAsBsB;AACpB,QAAM,gBAA0C,EAAE,gBAAgB,IAAI,CAAC,SAAS;AAAA,IAC9E,IAAI,IAAI;AAAA,IACR,OAAO,IAAI;AAAA,IACX,SAAS,EAAE,MAAM,eAAe,SAAS,IAAI,EAAE;AAAA,EACjD,EAAE;AACF,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc,EAAE;AAAA,MAChB,WAAW,EAAE;AAAA,MACb,gBAAgB,EAAE;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,EAAE;AAAA,MACd,iBAAiB,EAAE;AAAA,MACnB,iBAAiB,EAAE;AAAA,MACnB,cAAc,CAAC,OAAO,UAAU,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,IAAI,OAAO,KAAK,MAAM,CAAC,EAAE,CAAC;AAAA,MAC/E,cAAc,EAAE,QAAQ;AAAA,MACxB,YAAY,EAAE,aAAa,EAAE,mBAAmB,KAAK;AAAA,MACrD;AAAA,MACA;AAAA,MACA,gBAAgB,EAAE;AAAA,MAClB,YAAY,EAAE;AAAA,MACd,eAAe,EAAE;AAAA,MACjB,mBAAmB,EAAE;AAAA,MACrB,mBAAmB,CAAC;AAAA;AAAA,EACtB;AAEJ;","names":[]}

package/dist/{chunk-53ACGKBW.js → chunk-EDBP62WG.js}

@@ -1,6 +1,6 @@
 import {
   RailCreateMenu
-} from "./chunk-RREWYOKS.js";
+} from "./chunk-IL4FCC54.js";
 import {
   Box,
   CONTROL_RESET,
@@ -10,7 +10,7 @@ import {
   controlProps,
   destinationControl,
   focusRing
-} from "./chunk-IK2ZVV3M.js";
+} from "./chunk-GK7JNSMK.js";
 import {
   destinationState,
   isMenu
@@ -245,4 +245,4 @@ function SectionNavRail({
 export {
   SectionNavRail
 };
-//# sourceMappingURL=chunk-53ACGKBW.js.map
+//# sourceMappingURL=chunk-EDBP62WG.js.map

package/dist/{chunk-YXIVQFNW.js → chunk-EWIKSTJV.js}

@@ -1,6 +1,9 @@
 import {
   RangePresets
 } from "./chunk-7D7CJRL7.js";
+import {
+  presetsFor
+} from "./chunk-CBOB5AV6.js";
 import {
   NumberBoundInput
 } from "./chunk-FJ3UZ4RC.js";
@@ -10,9 +13,6 @@ import {
   numericRange,
   rangeChipLabel
 } from "./chunk-GCZJH4XL.js";
-import {
-  presetsFor
-} from "./chunk-CBOB5AV6.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -291,4 +291,4 @@ export {
   RangePill,
   PanelRangeField
 };
-//# sourceMappingURL=chunk-YXIVQFNW.js.map
+//# sourceMappingURL=chunk-EWIKSTJV.js.map

package/dist/{chunk-LWZ2K225.js → chunk-FXZUVZON.js}

@@ -1,3 +1,8 @@
+import {
+  DataGridEmpty,
+  DataGridError,
+  DataGridLoading
+} from "./chunk-EARWC6PD.js";
 import {
   useDataGridModel
 } from "./chunk-LDROG4QI.js";
@@ -5,11 +10,6 @@ import {
   GridBody,
   GridHeader
 } from "./chunk-ZFXTRPQO.js";
-import {
-  DataGridEmpty,
-  DataGridError,
-  DataGridLoading
-} from "./chunk-EARWC6PD.js";
 
 // src/components/data-display/DataGrid/DataGrid.tsx
 import Paper from "@mui/material/Paper/index.js";
@@ -120,4 +120,4 @@ export {
   DataGrid,
   GRID_ONLY_PROPS
 };
-//# sourceMappingURL=chunk-LWZ2K225.js.map
+//# sourceMappingURL=chunk-FXZUVZON.js.map