@12-apps/ui 6.24.4 → 6.24.5

package/dist/_internal/components/data-display/CardKit/row-actions-to-menu.js

@@ -1,6 +1,6 @@
 import {
   rowActionsToMenuItems
-} from "../../../../chunk-5MXVT7DO.js";
+} from "../../../../chunk-ZBXG6RVJ.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   rowActionsToMenuItems

package/dist/_internal/components/data-display/DataViews/DataViewsGrid.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   DataViewsGrid
-} from "../../../../chunk-QX2PLXQA.js";
-import "../../../../chunk-NXNNICH7.js";
+} from "../../../../chunk-53PDVLRK.js";
+import "../../../../chunk-LWRMKF7D.js";
 import "../../../../chunk-BPLFM2GL.js";
 import "../../../../chunk-E55CJV65.js";
 import "../../../../chunk-PN5CQKA2.js";
@@ -21,14 +21,14 @@ import "../../../../chunk-CBOB5AV6.js";
 import "../../../../chunk-HP2ODXNA.js";
 import "../../../../chunk-TQ6FPOPD.js";
 import "../../../../chunk-IAGOUTI6.js";
-import "../../../../chunk-7GKRZJWI.js";
+import "../../../../chunk-EMMPNB6D.js";
 import "../../../../chunk-KX75HM5U.js";
 import "../../../../chunk-XKV5ZIBG.js";
 import "../../../../chunk-A7Q5AQVD.js";
 import "../../../../chunk-OGGHD64H.js";
 import "../../../../chunk-CZPU5TW3.js";
 import "../../../../chunk-6VP2L3DJ.js";
-import "../../../../chunk-JD4IVP22.js";
+import "../../../../chunk-4ZV7N5CU.js";
 import "../../../../chunk-SQNW22ZZ.js";
 import "../../../../chunk-7NSX7A5H.js";
 import "../../../../chunk-DW5FRWRQ.js";
@@ -59,7 +59,7 @@ import "../../../../chunk-7AIL2F5E.js";
 import "../../../../chunk-WVML3ENZ.js";
 import "../../../../chunk-IDHZHOZW.js";
 import "../../../../chunk-MOLQGQEQ.js";
-import "../../../../chunk-TSPHRZ4U.js";
+import "../../../../chunk-L2E7TY7P.js";
 import "../../../../chunk-JMVIIKII.js";
 import "../../../../chunk-WXD7MGBT.js";
 import "../../../../chunk-WQFIV5WD.js";

package/dist/_internal/components/data-display/DataViews/DataViewsTableBase.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   DataViewsTableBase
-} from "../../../../chunk-JPV45AD6.js";
+} from "../../../../chunk-ZXOT3U6U.js";
 import "../../../../chunk-4X4KM4ZB.js";
-import "../../../../chunk-QX2PLXQA.js";
+import "../../../../chunk-53PDVLRK.js";
 import "../../../../chunk-ZOLAYP2D.js";
-import "../../../../chunk-NXNNICH7.js";
+import "../../../../chunk-LWRMKF7D.js";
 import "../../../../chunk-BPLFM2GL.js";
 import "../../../../chunk-E55CJV65.js";
 import "../../../../chunk-PN5CQKA2.js";
@@ -24,14 +24,14 @@ import "../../../../chunk-CBOB5AV6.js";
 import "../../../../chunk-HP2ODXNA.js";
 import "../../../../chunk-TQ6FPOPD.js";
 import "../../../../chunk-IAGOUTI6.js";
-import "../../../../chunk-7GKRZJWI.js";
+import "../../../../chunk-EMMPNB6D.js";
 import "../../../../chunk-KX75HM5U.js";
 import "../../../../chunk-XKV5ZIBG.js";
 import "../../../../chunk-A7Q5AQVD.js";
 import "../../../../chunk-OGGHD64H.js";
 import "../../../../chunk-CZPU5TW3.js";
 import "../../../../chunk-6VP2L3DJ.js";
-import "../../../../chunk-JD4IVP22.js";
+import "../../../../chunk-4ZV7N5CU.js";
 import "../../../../chunk-SQNW22ZZ.js";
 import "../../../../chunk-7NSX7A5H.js";
 import "../../../../chunk-DW5FRWRQ.js";
@@ -69,7 +69,7 @@ import "../../../../chunk-7AIL2F5E.js";
 import "../../../../chunk-WVML3ENZ.js";
 import "../../../../chunk-IDHZHOZW.js";
 import "../../../../chunk-MOLQGQEQ.js";
-import "../../../../chunk-TSPHRZ4U.js";
+import "../../../../chunk-L2E7TY7P.js";
 import "../../../../chunk-JMVIIKII.js";
 import "../../../../chunk-WXD7MGBT.js";
 import "../../../../chunk-WQFIV5WD.js";

package/dist/_internal/components/data-display/DataViews/data-views-category-pill.js

@@ -5,7 +5,7 @@ import {
 } from "../../../../chunk-EJQW2IYW.js";
 import "../../../../chunk-KHG57NAE.js";
 import "../../../../chunk-MOLQGQEQ.js";
-import "../../../../chunk-TSPHRZ4U.js";
+import "../../../../chunk-L2E7TY7P.js";
 import "../../../../chunk-JMVIIKII.js";
 import "../../../../chunk-WXD7MGBT.js";
 import "../../../../chunk-WQFIV5WD.js";

package/dist/_internal/components/data-display/DataViews/data-views-filter-panel.js

@@ -14,7 +14,7 @@ import "../../../../chunk-4NS4PJJH.js";
 import "../../../../chunk-J3JGO6Y6.js";
 import "../../../../chunk-7AIL2F5E.js";
 import "../../../../chunk-MOLQGQEQ.js";
-import "../../../../chunk-TSPHRZ4U.js";
+import "../../../../chunk-L2E7TY7P.js";
 import "../../../../chunk-JMVIIKII.js";
 import "../../../../chunk-WXD7MGBT.js";
 import "../../../../chunk-WQFIV5WD.js";

package/dist/_internal/components/data-display/DataViews/data-views-grid-parts.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   GridShell
-} from "../../../../chunk-NXNNICH7.js";
+} from "../../../../chunk-LWRMKF7D.js";
 import "../../../../chunk-BPLFM2GL.js";
 import "../../../../chunk-E55CJV65.js";
 import "../../../../chunk-PN5CQKA2.js";
@@ -20,14 +20,14 @@ import "../../../../chunk-CBOB5AV6.js";
 import "../../../../chunk-HP2ODXNA.js";
 import "../../../../chunk-TQ6FPOPD.js";
 import "../../../../chunk-IAGOUTI6.js";
-import "../../../../chunk-7GKRZJWI.js";
+import "../../../../chunk-EMMPNB6D.js";
 import "../../../../chunk-KX75HM5U.js";
 import "../../../../chunk-XKV5ZIBG.js";
 import "../../../../chunk-A7Q5AQVD.js";
 import "../../../../chunk-OGGHD64H.js";
 import "../../../../chunk-CZPU5TW3.js";
 import "../../../../chunk-6VP2L3DJ.js";
-import "../../../../chunk-JD4IVP22.js";
+import "../../../../chunk-4ZV7N5CU.js";
 import "../../../../chunk-SQNW22ZZ.js";
 import "../../../../chunk-7NSX7A5H.js";
 import "../../../../chunk-DW5FRWRQ.js";
@@ -52,7 +52,7 @@ import "../../../../chunk-7AIL2F5E.js";
 import "../../../../chunk-WVML3ENZ.js";
 import "../../../../chunk-IDHZHOZW.js";
 import "../../../../chunk-MOLQGQEQ.js";
-import "../../../../chunk-TSPHRZ4U.js";
+import "../../../../chunk-L2E7TY7P.js";
 import "../../../../chunk-JMVIIKII.js";
 import "../../../../chunk-WXD7MGBT.js";
 import "../../../../chunk-WQFIV5WD.js";

package/dist/_internal/components/data-display/DataViews/data-views-inline-bar.js

@@ -17,7 +17,7 @@ import "../../../../chunk-4NS4PJJH.js";
 import "../../../../chunk-J3JGO6Y6.js";
 import "../../../../chunk-7AIL2F5E.js";
 import "../../../../chunk-MOLQGQEQ.js";
-import "../../../../chunk-TSPHRZ4U.js";
+import "../../../../chunk-L2E7TY7P.js";
 import "../../../../chunk-JMVIIKII.js";
 import "../../../../chunk-WXD7MGBT.js";
 import "../../../../chunk-WQFIV5WD.js";

package/dist/_internal/components/data-display/DataViews/data-views-more-fields.js

@@ -13,7 +13,7 @@ import "../../../../chunk-4NS4PJJH.js";
 import "../../../../chunk-J3JGO6Y6.js";
 import "../../../../chunk-7AIL2F5E.js";
 import "../../../../chunk-MOLQGQEQ.js";
-import "../../../../chunk-TSPHRZ4U.js";
+import "../../../../chunk-L2E7TY7P.js";
 import "../../../../chunk-JMVIIKII.js";
 import "../../../../chunk-WXD7MGBT.js";
 import "../../../../chunk-WQFIV5WD.js";

package/dist/_internal/components/data-display/DataViews/data-views-more-filters.js

@@ -13,7 +13,7 @@ import "../../../../chunk-4NS4PJJH.js";
 import "../../../../chunk-J3JGO6Y6.js";
 import "../../../../chunk-7AIL2F5E.js";
 import "../../../../chunk-MOLQGQEQ.js";
-import "../../../../chunk-TSPHRZ4U.js";
+import "../../../../chunk-L2E7TY7P.js";
 import "../../../../chunk-JMVIIKII.js";
 import "../../../../chunk-WXD7MGBT.js";
 import "../../../../chunk-WQFIV5WD.js";

package/dist/_internal/components/data-display/DataViews/data-views-shell-toolbar.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   ShellToolbar
-} from "../../../../chunk-7GKRZJWI.js";
-import "../../../../chunk-JD4IVP22.js";
+} from "../../../../chunk-EMMPNB6D.js";
+import "../../../../chunk-4ZV7N5CU.js";
 import "../../../../chunk-SQNW22ZZ.js";
 import "../../../../chunk-7NSX7A5H.js";
 import "../../../../chunk-DW5FRWRQ.js";
@@ -16,7 +16,7 @@ import "../../../../chunk-KHG57NAE.js";
 import "../../../../chunk-WVML3ENZ.js";
 import "../../../../chunk-IDHZHOZW.js";
 import "../../../../chunk-MOLQGQEQ.js";
-import "../../../../chunk-TSPHRZ4U.js";
+import "../../../../chunk-L2E7TY7P.js";
 import "../../../../chunk-JMVIIKII.js";
 import "../../../../chunk-WXD7MGBT.js";
 import "../../../../chunk-WQFIV5WD.js";

package/dist/_internal/components/data-display/DataViews/data-views-table-parts.js

@@ -10,7 +10,7 @@ import "../../../../chunk-5M4TYFR3.js";
 import "../../../../chunk-2HPP6RVC.js";
 import "../../../../chunk-KHG57NAE.js";
 import "../../../../chunk-MOLQGQEQ.js";
-import "../../../../chunk-TSPHRZ4U.js";
+import "../../../../chunk-L2E7TY7P.js";
 import "../../../../chunk-JMVIIKII.js";
 import "../../../../chunk-WXD7MGBT.js";
 import "../../../../chunk-WQFIV5WD.js";

package/dist/_internal/components/data-display/DataViews/data-views-toolbar.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   GridToolbar
-} from "../../../../chunk-JD4IVP22.js";
+} from "../../../../chunk-4ZV7N5CU.js";
 import "../../../../chunk-SQNW22ZZ.js";
 import "../../../../chunk-7NSX7A5H.js";
 import "../../../../chunk-DW5FRWRQ.js";
@@ -15,7 +15,7 @@ import "../../../../chunk-KHG57NAE.js";
 import "../../../../chunk-WVML3ENZ.js";
 import "../../../../chunk-IDHZHOZW.js";
 import "../../../../chunk-MOLQGQEQ.js";
-import "../../../../chunk-TSPHRZ4U.js";
+import "../../../../chunk-L2E7TY7P.js";
 import "../../../../chunk-JMVIIKII.js";
 import "../../../../chunk-WXD7MGBT.js";
 import "../../../../chunk-WQFIV5WD.js";

package/dist/_internal/components/index.js

@@ -537,7 +537,7 @@ import {
 import "../../chunk-MOLQGQEQ.js";
 import {
   ContentToolbar
-} from "../../chunk-TSPHRZ4U.js";
+} from "../../chunk-L2E7TY7P.js";
 import {
   ColumnsMenu
 } from "../../chunk-JMVIIKII.js";

package/dist/_internal/components/layout/ContentToolbar/ContentToolbar.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   ContentToolbar
-} from "../../../../chunk-TSPHRZ4U.js";
+} from "../../../../chunk-L2E7TY7P.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   ContentToolbar

package/dist/_internal/components/layout/index.js

@@ -74,7 +74,7 @@ import {
 import "../../../chunk-MOLQGQEQ.js";
 import {
   ContentToolbar
-} from "../../../chunk-TSPHRZ4U.js";
+} from "../../../chunk-L2E7TY7P.js";
 import {
   ColumnsMenu
 } from "../../../chunk-JMVIIKII.js";

package/dist/{chunk-JD4IVP22.js → chunk-4ZV7N5CU.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   ContentToolbar
-} from "./chunk-TSPHRZ4U.js";
+} from "./chunk-L2E7TY7P.js";
 import {
   FilterTrigger
 } from "./chunk-LVCUJ7YU.js";
@@ -133,4 +133,4 @@ function GridToolbar(props) {
 export {
   GridToolbar
 };
-//# sourceMappingURL=chunk-JD4IVP22.js.map
+//# sourceMappingURL=chunk-4ZV7N5CU.js.map

package/dist/{chunk-QX2PLXQA.js → chunk-53PDVLRK.js}

@@ -1,6 +1,6 @@
 import {
   GridShell
-} from "./chunk-NXNNICH7.js";
+} from "./chunk-LWRMKF7D.js";
 import {
   useDataViewsState
 } from "./chunk-TX5V42AY.js";
@@ -27,4 +27,4 @@ function DataViewsGrid(props) {
 export {
   DataViewsGrid
 };
-//# sourceMappingURL=chunk-QX2PLXQA.js.map
+//# sourceMappingURL=chunk-53PDVLRK.js.map

package/dist/{chunk-7GKRZJWI.js → chunk-EMMPNB6D.js}

@@ -1,6 +1,6 @@
 import {
   GridToolbar
-} from "./chunk-JD4IVP22.js";
+} from "./chunk-4ZV7N5CU.js";
 
 // src/components/data-display/DataViews/data-views-shell-toolbar.tsx
 import { jsx } from "react/jsx-runtime";
@@ -64,4 +64,4 @@ function ShellToolbar({
 export {
   ShellToolbar
 };
-//# sourceMappingURL=chunk-7GKRZJWI.js.map
+//# sourceMappingURL=chunk-EMMPNB6D.js.map

package/dist/{chunk-TSPHRZ4U.js → chunk-L2E7TY7P.js}

@@ -37,11 +37,24 @@ function SelectionCluster({
       sx: {
         display: "flex",
         minWidth: 0,
-        // Mobile: don't grow, so the controls sit on the SAME line as the checkbox
-        // (no orphaned selection row). Desktop: grow to push controls right.
-        flex: { xs: "0 0 auto", md: 1 },
+        // Browsing (mobile): don't grow, so the controls sit on the SAME line as
+        // the checkbox (no orphaned selection row). Desktop: grow to push
+        // controls right.
+        //
+        // SELECTING (mobile) it must be able to shrink instead. Its children are
+        // all `flex-shrink: 0`, so a cluster pinned at content width cannot wrap
+        // and the row painted past the toolbar's own edge — on Produtos at 390px
+        // that took "Ações" off-screen behind a sideways scroll, which is the
+        // one control the selection exists to reach.
+        flex: { xs: hasSelection ? "1 1 auto" : "0 0 auto", md: 1 },
         alignItems: "center",
-        gap: 1.5,
+        // Wrapping is the phone's answer, and only the phone's: below `md` the
+        // cluster carries the count, the scope control and "Ações" at once, and
+        // no combination of those fits 320px on one line. From `md` up it stays
+        // a single line, where it always fitted.
+        flexWrap: { xs: "wrap", md: "nowrap" },
+        columnGap: 1.5,
+        rowGap: 1,
         ml: edgeAlign ? -1.5 : 0
       },
       children: [
@@ -68,41 +81,68 @@ function SelectionCluster({
             sx: { p: 0.5, display: { xs: "inline-flex", md: "none" } }
           }
         ),
-        hasSelection ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "text",
-              size: "small",
-              color: "inherit",
-              onClick: clearSelection,
-              "data-testid": clearAllTestId,
-              sx: selectionButtonSx,
-              children: clearAllText
-            }
-          ),
-          /* @__PURE__ */ jsx(Divider, { orientation: "vertical", flexItem: true, sx: { height: 16, alignSelf: "center" } }),
-          /* @__PURE__ */ jsxs(
-            Typography,
-            {
-              component: "span",
-              "data-testid": "selected-count-indicator",
-              sx: { fontSize: "0.875rem", color: "text.secondary", whiteSpace: "nowrap", flexShrink: 0 },
-              children: [
-                selectedCount,
-                " ",
-                selectedCount === 1 ? "item" : "items",
-                " selected"
-              ]
-            }
-          ),
-          selectionExtra,
-          actionsSlot
-        ] }) : actionsSlot
+        hasSelection ? /* @__PURE__ */ jsx(
+          SelectionState,
+          {
+            selectedCount,
+            clearSelection,
+            clearAllTestId,
+            clearAllText,
+            selectionExtra
+          }
+        ) : null,
+        actionsSlot
       ]
     }
   );
 }
+function SelectionState({
+  selectedCount,
+  clearSelection,
+  clearAllTestId,
+  clearAllText,
+  selectionExtra
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "text",
+        size: "small",
+        color: "inherit",
+        onClick: clearSelection,
+        "data-testid": clearAllTestId,
+        sx: selectionButtonSx,
+        children: clearAllText
+      }
+    ),
+    /* @__PURE__ */ jsx(Divider, { orientation: "vertical", flexItem: true, sx: { height: 16, alignSelf: "center" } }),
+    /* @__PURE__ */ jsxs(
+      Typography,
+      {
+        component: "span",
+        "data-testid": "selected-count-indicator",
+        sx: { fontSize: "0.875rem", color: "text.secondary", whiteSpace: "nowrap", flexShrink: 0 },
+        children: [
+          selectedCount,
+          " ",
+          selectedCount === 1 ? "item" : "items",
+          " selected"
+        ]
+      }
+    ),
+    selectionExtra !== void 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        Box,
+        {
+          "aria-hidden": true,
+          sx: { flexBasis: "100%", height: 0, display: { xs: "block", md: "none" } }
+        }
+      ),
+      selectionExtra
+    ] })
+  ] });
+}
 function BrowsingClusters({
   leadingControls,
   rightControls,
@@ -226,4 +266,4 @@ function ContentToolbar({
 export {
   ContentToolbar
 };
-//# sourceMappingURL=chunk-TSPHRZ4U.js.map
+//# sourceMappingURL=chunk-L2E7TY7P.js.map

package/dist/chunk-L2E7TY7P.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';\n\nconst selectionButtonSx = {\n  minWidth: 0,\n  height: 'auto',\n  borderRadius: 0.5,\n  fontWeight: 600,\n  py: 0.5,\n  px: 1.5,\n  fontSize: '0.75rem',\n  textTransform: 'none',\n  color: 'text.primary',\n} as const;\n\ntype SelectionClusterProps = Pick<\n  ContentToolbarProps,\n  | 'hasSelection'\n  | 'selectedCount'\n  | 'selectAll'\n  | 'clearSelection'\n  | 'actions'\n  | 'selectionExtra'\n  | 'selectAllTestId'\n  | 'clearAllTestId'\n  | 'edgeAlign'\n  | 'selectAllLabel'\n  | 'selectAllText'\n  | 'clearAllText'\n>;\n\n/** The left cluster: Select All + (when selecting) Clear All / count / actions. */\nfunction SelectionCluster({\n  hasSelection,\n  selectedCount,\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      <Checkbox\n        size=\"small\"\n        checked={hasSelection}\n        onChange={(event) => (event.target.checked ? selectAll() : clearSelection())}\n        data-testid={`${selectAllTestId}-checkbox`}\n        inputProps={{ 'aria-label': selectAllLabel }}\n        sx={{ p: 0.5, display: { xs: 'inline-flex', md: 'none' } }}\n      />\n      {hasSelection ? (\n        <SelectionState\n          selectedCount={selectedCount}\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  clearSelection,\n  clearAllTestId,\n  clearAllText,\n  selectionExtra,\n}: Pick<\n  ContentToolbarProps,\n  'selectedCount' | '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: 16, alignSelf: 'center' }} />\n      <Typography\n        component=\"span\"\n        data-testid=\"selected-count-indicator\"\n        sx={{ fontSize: '0.875rem', color: 'text.secondary', whiteSpace: 'nowrap', flexShrink: 0 }}\n      >\n        {selectedCount} {selectedCount === 1 ? 'item' : 'items'} selected\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 ? '14px' : '5px',\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** + an \"N items selected\" count + 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 *   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  selectedCount,\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          selectedCount={selectedCount}\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-NXNNICH7.js → chunk-LWRMKF7D.js}

@@ -23,7 +23,7 @@ import {
 } from "./chunk-TQ6FPOPD.js";
 import {
   ShellToolbar
-} from "./chunk-7GKRZJWI.js";
+} from "./chunk-EMMPNB6D.js";
 import {
   resolveSelectionExtra
 } from "./chunk-KX75HM5U.js";
@@ -237,4 +237,4 @@ function GridShell(props) {
 export {
   GridShell
 };
-//# sourceMappingURL=chunk-NXNNICH7.js.map
+//# sourceMappingURL=chunk-LWRMKF7D.js.map

package/dist/{chunk-5MXVT7DO.js → chunk-ZBXG6RVJ.js}

@@ -1,6 +1,6 @@
 // src/components/data-display/CardKit/row-actions-to-menu.ts
 function rowActionsToMenuItems(actions, row) {
-  return actions.filter((action) => action.isVisible?.(row) ?? true).map((action) => ({
+  return actions.filter((action) => action.row !== false).filter((action) => action.isVisible?.(row) ?? true).map((action) => ({
     id: action.id,
     label: action.rowLabel?.(row) ?? action.label,
     color: action.color,
@@ -11,4 +11,4 @@ function rowActionsToMenuItems(actions, row) {
 export {
   rowActionsToMenuItems
 };
-//# sourceMappingURL=chunk-5MXVT7DO.js.map
+//# sourceMappingURL=chunk-ZBXG6RVJ.js.map

package/dist/chunk-ZBXG6RVJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/CardKit/row-actions-to-menu.ts"],"sourcesContent":["import type { DropdownMenuItem } from '../../navigation/DropdownMenu';\nimport type { RowAction } from '../DataViews';\n\n/**\n * Adapt a list of {@link RowAction}s into single-row kebab items.\n *\n * Drops the actions that declare `row: false`, applies each survivor's\n * `isVisible` guard, resolves its per-row `rowLabel` override, carries its\n * colour, and fires `onSelect([row])` on click.\n *\n * The point is that ONE definition drives both surfaces. An entity that already\n * declares its per-row actions as `RowAction[]` — because the table's multi-\n * select menu needs them — gets the card's kebab from the same array through\n * `renderRowMenu` / `renderCard`, with no second list to keep in step. Two\n * lists is how a \"Duplicar\" that appears in the table and not on the card\n * happens, and nothing reports it.\n *\n * ## Why `row: false` is filtered HERE\n *\n * `row` and `bulk` are the flags that make one list serve two surfaces, so an\n * adapter that ignores one of them defeats the arrangement it exists to\n * support. This one did, and the result was a per-row \"⋮\" on Produtos offering\n * \"Inativar todos\", \"Destacar todos\" and \"Remover destaque de todos\" beside\n * that row's own \"Inativar\" and \"Remover destaque\" — bulk verbs on a menu whose\n * every other entry means \"this one\", where \"todos\" reads as the whole\n * catalogue and the click actually writes a single row.\n *\n * The bulk half was already honoured (`renderBulkActions` filters `bulk`), so\n * only the kebab leaked. Filtering here fixes it for every surface that builds\n * a kebab from `RowAction[]` — the table row, the grid card and the list card\n * all arrive through this function.\n */\nexport function rowActionsToMenuItems<T extends Record<string, unknown>>(\n  actions: RowAction<T>[],\n  row: T,\n): DropdownMenuItem[] {\n  return actions\n    .filter((action) => action.row !== false)\n    .filter((action) => action.isVisible?.(row) ?? true)\n    .map((action) => ({\n      id: action.id,\n      label: action.rowLabel?.(row) ?? action.label,\n      color: action.color,\n      onClick: () => void action.onSelect([row]),\n    }));\n}\n"],"mappings":";AAgCO,SAAS,sBACd,SACA,KACoB;AACpB,SAAO,QACJ,OAAO,CAAC,WAAW,OAAO,QAAQ,KAAK,EACvC,OAAO,CAAC,WAAW,OAAO,YAAY,GAAG,KAAK,IAAI,EAClD,IAAI,CAAC,YAAY;AAAA,IAChB,IAAI,OAAO;AAAA,IACX,OAAO,OAAO,WAAW,GAAG,KAAK,OAAO;AAAA,IACxC,OAAO,OAAO;AAAA,IACd,SAAS,MAAM,KAAK,OAAO,SAAS,CAAC,GAAG,CAAC;AAAA,EAC3C,EAAE;AACN;","names":[]}

package/dist/{chunk-JPV45AD6.js → chunk-ZXOT3U6U.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4X4KM4ZB.js";
 import {
   DataViewsGrid
-} from "./chunk-QX2PLXQA.js";
+} from "./chunk-53PDVLRK.js";
 import {
   viewStateKey
 } from "./chunk-ZOLAYP2D.js";
@@ -178,4 +178,4 @@ function renderViewDialogs(ctl, fields, columns, views, testIdPrefix, onSaved) {
 export {
   DataViewsTableBase
 };
-//# sourceMappingURL=chunk-JPV45AD6.js.map
+//# sourceMappingURL=chunk-ZXOT3U6U.js.map

package/dist/data-display/CardKit.js

@@ -3,7 +3,7 @@ import {
 } from "../chunk-KM5O4ICK.js";
 import {
   rowActionsToMenuItems
-} from "../chunk-5MXVT7DO.js";
+} from "../chunk-ZBXG6RVJ.js";
 import {
   BodyHeading,
   DetailColumns,

package/dist/data-display/DataViews.js

@@ -3,11 +3,11 @@ import {
 } from "../chunk-JWW2Z3RH.js";
 import {
   DataViewsTableBase
-} from "../chunk-JPV45AD6.js";
+} from "../chunk-ZXOT3U6U.js";
 import "../chunk-4X4KM4ZB.js";
 import {
   DataViewsGrid
-} from "../chunk-QX2PLXQA.js";
+} from "../chunk-53PDVLRK.js";
 import {
   BaseListCard
 } from "../chunk-WR5JFDQ5.js";
@@ -22,7 +22,7 @@ import {
   DropIndicator,
   useDragItem
 } from "../chunk-JCJGJX7V.js";
-import "../chunk-NXNNICH7.js";
+import "../chunk-LWRMKF7D.js";
 import "../chunk-BPLFM2GL.js";
 import {
   DataViewsBoard
@@ -43,7 +43,7 @@ import "../chunk-CBOB5AV6.js";
 import "../chunk-HP2ODXNA.js";
 import "../chunk-TQ6FPOPD.js";
 import "../chunk-IAGOUTI6.js";
-import "../chunk-7GKRZJWI.js";
+import "../chunk-EMMPNB6D.js";
 import "../chunk-KX75HM5U.js";
 import "../chunk-XKV5ZIBG.js";
 import "../chunk-A7Q5AQVD.js";
@@ -56,7 +56,7 @@ import {
 import {
   DEFAULT_CELL_WIDTH
 } from "../chunk-6VP2L3DJ.js";
-import "../chunk-JD4IVP22.js";
+import "../chunk-4ZV7N5CU.js";
 import "../chunk-SQNW22ZZ.js";
 import "../chunk-7NSX7A5H.js";
 import "../chunk-DW5FRWRQ.js";
@@ -108,7 +108,7 @@ import "../chunk-7AIL2F5E.js";
 import "../chunk-WVML3ENZ.js";
 import "../chunk-IDHZHOZW.js";
 import "../chunk-MOLQGQEQ.js";
-import "../chunk-TSPHRZ4U.js";
+import "../chunk-L2E7TY7P.js";
 import "../chunk-JMVIIKII.js";
 import "../chunk-WXD7MGBT.js";
 import "../chunk-WQFIV5WD.js";

package/dist/layout/ContentToolbar.js

@@ -1,7 +1,7 @@
 import "../chunk-MOLQGQEQ.js";
 import {
   ContentToolbar
-} from "../chunk-TSPHRZ4U.js";
+} from "../chunk-L2E7TY7P.js";
 import {
   ColumnsMenu
 } from "../chunk-JMVIIKII.js";

package/dist/types/components/data-display/CardKit/row-actions-to-menu.d.ts

@@ -3,8 +3,9 @@ import type { RowAction } from '../DataViews';
 /**
  * Adapt a list of {@link RowAction}s into single-row kebab items.
  *
- * Applies each action's `isVisible` guard, resolves its per-row `rowLabel`
- * override, carries its colour, and fires `onSelect([row])` on click.
+ * Drops the actions that declare `row: false`, applies each survivor's
+ * `isVisible` guard, resolves its per-row `rowLabel` override, carries its
+ * colour, and fires `onSelect([row])` on click.
  *
  * The point is that ONE definition drives both surfaces. An entity that already
  * declares its per-row actions as `RowAction[]` — because the table's multi-
@@ -12,6 +13,21 @@ import type { RowAction } from '../DataViews';
  * `renderRowMenu` / `renderCard`, with no second list to keep in step. Two
  * lists is how a "Duplicar" that appears in the table and not on the card
  * happens, and nothing reports it.
+ *
+ * ## Why `row: false` is filtered HERE
+ *
+ * `row` and `bulk` are the flags that make one list serve two surfaces, so an
+ * adapter that ignores one of them defeats the arrangement it exists to
+ * support. This one did, and the result was a per-row "⋮" on Produtos offering
+ * "Inativar todos", "Destacar todos" and "Remover destaque de todos" beside
+ * that row's own "Inativar" and "Remover destaque" — bulk verbs on a menu whose
+ * every other entry means "this one", where "todos" reads as the whole
+ * catalogue and the click actually writes a single row.
+ *
+ * The bulk half was already honoured (`renderBulkActions` filters `bulk`), so
+ * only the kebab leaked. Filtering here fixes it for every surface that builds
+ * a kebab from `RowAction[]` — the table row, the grid card and the list card
+ * all arrive through this function.
  */
 export declare function rowActionsToMenuItems<T extends Record<string, unknown>>(actions: RowAction<T>[], row: T): DropdownMenuItem[];
 //# sourceMappingURL=row-actions-to-menu.d.ts.map

package/dist/types/components/data-display/CardKit/row-actions-to-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"row-actions-to-menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/CardKit/row-actions-to-menu.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C;;;;;;;;;;;;GAYG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACrE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,EACvB,GAAG,EAAE,CAAC,GACL,gBAAgB,EAAE,CASpB"}
+{"version":3,"file":"row-actions-to-menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/CardKit/row-actions-to-menu.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACrE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,EACvB,GAAG,EAAE,CAAC,GACL,gBAAgB,EAAE,CAUpB"}

package/dist/types/components/layout/ContentToolbar/ContentToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/ContentToolbar/ContentToolbar.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAkLlE;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,cAAc,CAAC,EAC7B,YAAY,EACZ,aAAa,EACb,SAAS,EACT,cAAc,EACd,aAAa,EACb,eAAe,EACf,OAAO,EACP,cAAc,EACd,eAAe,EACf,cAAc,EACd,SAAiB,EACjB,kBAA0B,EAC1B,cAAc,EACd,aAAa,EACb,YAAY,GACb,EAAE,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkDzC"}
+{"version":3,"file":"ContentToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/ContentToolbar/ContentToolbar.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AA0OlE;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,cAAc,CAAC,EAC7B,YAAY,EACZ,aAAa,EACb,SAAS,EACT,cAAc,EACd,aAAa,EACb,eAAe,EACf,OAAO,EACP,cAAc,EACd,eAAe,EACf,cAAc,EACd,SAAiB,EACjB,kBAA0B,EAC1B,cAAc,EACd,aAAa,EACb,YAAY,GACb,EAAE,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkDzC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@12-apps/ui",
-  "version": "6.24.4",
+  "version": "6.24.5",
   "license": "MIT",
   "packageManager": "pnpm@10.34.5",
   "type": "module",

package/src/components/data-display/CardKit/row-actions-to-menu.ts

@@ -4,8 +4,9 @@ import type { RowAction } from '../DataViews';
 /**
  * Adapt a list of {@link RowAction}s into single-row kebab items.
  *
- * Applies each action's `isVisible` guard, resolves its per-row `rowLabel`
- * override, carries its colour, and fires `onSelect([row])` on click.
+ * Drops the actions that declare `row: false`, applies each survivor's
+ * `isVisible` guard, resolves its per-row `rowLabel` override, carries its
+ * colour, and fires `onSelect([row])` on click.
  *
  * The point is that ONE definition drives both surfaces. An entity that already
  * declares its per-row actions as `RowAction[]` — because the table's multi-
@@ -13,12 +14,28 @@ import type { RowAction } from '../DataViews';
  * `renderRowMenu` / `renderCard`, with no second list to keep in step. Two
  * lists is how a "Duplicar" that appears in the table and not on the card
  * happens, and nothing reports it.
+ *
+ * ## Why `row: false` is filtered HERE
+ *
+ * `row` and `bulk` are the flags that make one list serve two surfaces, so an
+ * adapter that ignores one of them defeats the arrangement it exists to
+ * support. This one did, and the result was a per-row "⋮" on Produtos offering
+ * "Inativar todos", "Destacar todos" and "Remover destaque de todos" beside
+ * that row's own "Inativar" and "Remover destaque" — bulk verbs on a menu whose
+ * every other entry means "this one", where "todos" reads as the whole
+ * catalogue and the click actually writes a single row.
+ *
+ * The bulk half was already honoured (`renderBulkActions` filters `bulk`), so
+ * only the kebab leaked. Filtering here fixes it for every surface that builds
+ * a kebab from `RowAction[]` — the table row, the grid card and the list card
+ * all arrive through this function.
  */
 export function rowActionsToMenuItems<T extends Record<string, unknown>>(
   actions: RowAction<T>[],
   row: T,
 ): DropdownMenuItem[] {
   return actions
+    .filter((action) => action.row !== false)
     .filter((action) => action.isVisible?.(row) ?? true)
     .map((action) => ({
       id: action.id,

package/src/components/data-display/DataViews/RESPONSIVE-BEHAVIOUR.md

@@ -46,6 +46,49 @@ Everything below exists to keep that true. When a change breaks it, the fix is
 another rung on the ladder — never a scrollbar, and never letting controls paint
 outside the toolbar.
 
+**"One line" is a rule about BROWSING.** Everything in this document describes
+the row an operator reads a list from, and the ladder measures that row. The
+selection row is a different row with different contents and no ladder at all —
+see below.
+
+---
+
+## The selection row
+
+Tick a checkbox and `exclusiveSelection` hands the whole toolbar to the
+selection cluster: the search, the filters, Exibir and Exportar all stand down,
+and what is left is "Limpar filtros", the count, whatever the host puts in
+`selectionExtra`, and the actions menu.
+
+That cluster is not on the ladder, and it must not be. The ladder sheds controls
+because each one it sheds has somewhere else to be — a filter into "Mais", a
+label into an icon, "Limpar" into a panel footer. Nothing here does. Dropping
+the count loses the only statement of what is about to be written to; dropping
+"Ações" loses the reason the operator ticked anything.
+
+**So below `md` it WRAPS instead**, which is the one thing the browsing row may
+never do:
+
+| | small mobile | large mobile | tablet | desktop |
+| --- | --- | --- | --- | --- |
+| checkbox + "Limpar filtros" + count | line 1 | line 1 | line 1 | line 1 |
+| `selectionExtra` + "Ações" | line 2 | line 2 | line 2 | line 1 |
+
+The break before `selectionExtra` is deliberate rather than wherever the row ran
+out of room. What follows it is one thought — what the selection IS ("Seleção:
+48 produtos — todas as páginas" and its "Limpar seleção") plus the control that
+acts on it — and a natural wrap split that thought mid-phrase.
+
+Before this, the cluster was pinned at content width with every child
+`flex-shrink: 0`. On Produtos with the scope armed that is ~766px of controls,
+so at 320 the row painted 446px past the toolbar's own edge and "Ações" sat
+off-screen behind a sideways scroll of the document. The button the whole
+selection exists to reach was the one you could not see.
+
+`ContentToolbar.stories.tsx` → **NarrowSelectionOverflow** is that exact row.
+Open it at 320 and 390; jsdom cannot see this failure, so no unit test can
+guard it.
+
 ---
 
 ## The ladder

package/src/components/layout/ContentToolbar/ContentToolbar.tsx

@@ -60,11 +60,24 @@ function SelectionCluster({
       sx={{
         display: 'flex',
         minWidth: 0,
-        // Mobile: don't grow, so the controls sit on the SAME line as the checkbox
-        // (no orphaned selection row). Desktop: grow to push controls right.
-        flex: { xs: '0 0 auto', md: 1 },
+        // Browsing (mobile): don't grow, so the controls sit on the SAME line as
+        // the checkbox (no orphaned selection row). Desktop: grow to push
+        // controls right.
+        //
+        // SELECTING (mobile) it must be able to shrink instead. Its children are
+        // all `flex-shrink: 0`, so a cluster pinned at content width cannot wrap
+        // and the row painted past the toolbar's own edge — on Produtos at 390px
+        // that took "Ações" off-screen behind a sideways scroll, which is the
+        // one control the selection exists to reach.
+        flex: { xs: hasSelection ? '1 1 auto' : '0 0 auto', md: 1 },
         alignItems: 'center',
-        gap: 1.5,
+        // Wrapping is the phone's answer, and only the phone's: below `md` the
+        // cluster carries the count, the scope control and "Ações" at once, and
+        // no combination of those fits 320px on one line. From `md` up it stays
+        // a single line, where it always fitted.
+        flexWrap: { xs: 'wrap', md: 'nowrap' },
+        columnGap: 1.5,
+        rowGap: 1,
         ml: edgeAlign ? -1.5 : 0,
       }}
     >
@@ -89,32 +102,75 @@ function SelectionCluster({
         sx={{ p: 0.5, display: { xs: 'inline-flex', md: 'none' } }}
       />
       {hasSelection ? (
+        <SelectionState
+          selectedCount={selectedCount}
+          clearSelection={clearSelection}
+          clearAllTestId={clearAllTestId}
+          clearAllText={clearAllText}
+          selectionExtra={selectionExtra}
+        />
+      ) : null}
+      {actionsSlot}
+    </Box>
+  );
+}
+
+/**
+ * What the cluster shows once something IS ticked: Clear All, the count, and
+ * the host's own `selectionExtra`.
+ *
+ * Its own component only because the cluster around it is at the complexity
+ * gate's line ceiling — but the split falls where the meaning does. Everything
+ * here exists only while a selection does, and the `actions` slot deliberately
+ * stays OUTSIDE it: a toolbar may carry actions while browsing too.
+ */
+function SelectionState({
+  selectedCount,
+  clearSelection,
+  clearAllTestId,
+  clearAllText,
+  selectionExtra,
+}: Pick<
+  ContentToolbarProps,
+  'selectedCount' | 'clearSelection' | 'clearAllTestId' | 'clearAllText' | 'selectionExtra'
+>): React.JSX.Element {
+  return (
+    <>
+      <Button
+        variant="text"
+        size="small"
+        color="inherit"
+        onClick={clearSelection}
+        data-testid={clearAllTestId}
+        sx={selectionButtonSx}
+      >
+        {clearAllText}
+      </Button>
+      <Divider orientation="vertical" flexItem sx={{ height: 16, alignSelf: 'center' }} />
+      <Typography
+        component="span"
+        data-testid="selected-count-indicator"
+        sx={{ fontSize: '0.875rem', color: 'text.secondary', whiteSpace: 'nowrap', flexShrink: 0 }}
+      >
+        {selectedCount} {selectedCount === 1 ? 'item' : 'items'} selected
+      </Typography>
+      {selectionExtra !== undefined && (
         <>
-          <Button
-            variant="text"
-            size="small"
-            color="inherit"
-            onClick={clearSelection}
-            data-testid={clearAllTestId}
-            sx={selectionButtonSx}
-          >
-            {clearAllText}
-          </Button>
-          <Divider orientation="vertical" flexItem sx={{ height: 16, alignSelf: 'center' }} />
-          <Typography
-            component="span"
-            data-testid="selected-count-indicator"
-            sx={{ fontSize: '0.875rem', color: 'text.secondary', whiteSpace: 'nowrap', flexShrink: 0 }}
-          >
-            {selectedCount} {selectedCount === 1 ? 'item' : 'items'} selected
-          </Typography>
+          {/* A DELIBERATE break, not a wrap that happened to land here. What
+              follows — "Seleção: 48 produtos — todas as páginas", its "Limpar
+              seleção", and "Ações" — is a sentence about the selection plus the
+              control that acts on it, and letting the phone break it wherever it
+              ran out of room split that sentence mid-phrase. Zero height so it
+              costs nothing but the row gap, and `display:none` from `md` up,
+              where the line still fits. */}
+          <Box
+            aria-hidden
+            sx={{ flexBasis: '100%', height: 0, display: { xs: 'block', md: 'none' } }}
+          />
           {selectionExtra}
-          {actionsSlot}
         </>
-      ) : (
-        actionsSlot
       )}
-    </Box>
+    </>
   );
 }
 

package/dist/chunk-5MXVT7DO.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/CardKit/row-actions-to-menu.ts"],"sourcesContent":["import type { DropdownMenuItem } from '../../navigation/DropdownMenu';\nimport type { RowAction } from '../DataViews';\n\n/**\n * Adapt a list of {@link RowAction}s into single-row kebab items.\n *\n * Applies each action's `isVisible` guard, resolves its per-row `rowLabel`\n * override, carries its colour, and fires `onSelect([row])` on click.\n *\n * The point is that ONE definition drives both surfaces. An entity that already\n * declares its per-row actions as `RowAction[]` — because the table's multi-\n * select menu needs them — gets the card's kebab from the same array through\n * `renderRowMenu` / `renderCard`, with no second list to keep in step. Two\n * lists is how a \"Duplicar\" that appears in the table and not on the card\n * happens, and nothing reports it.\n */\nexport function rowActionsToMenuItems<T extends Record<string, unknown>>(\n  actions: RowAction<T>[],\n  row: T,\n): DropdownMenuItem[] {\n  return actions\n    .filter((action) => action.isVisible?.(row) ?? true)\n    .map((action) => ({\n      id: action.id,\n      label: action.rowLabel?.(row) ?? action.label,\n      color: action.color,\n      onClick: () => void action.onSelect([row]),\n    }));\n}\n"],"mappings":";AAgBO,SAAS,sBACd,SACA,KACoB;AACpB,SAAO,QACJ,OAAO,CAAC,WAAW,OAAO,YAAY,GAAG,KAAK,IAAI,EAClD,IAAI,CAAC,YAAY;AAAA,IAChB,IAAI,OAAO;AAAA,IACX,OAAO,OAAO,WAAW,GAAG,KAAK,OAAO;AAAA,IACxC,OAAO,OAAO;AAAA,IACd,SAAS,MAAM,KAAK,OAAO,SAAS,CAAC,GAAG,CAAC;AAAA,EAC3C,EAAE;AACN;","names":[]}

package/dist/chunk-TSPHRZ4U.js.map

@@ -1 +0,0 @@
-{"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';\n\nconst selectionButtonSx = {\n  minWidth: 0,\n  height: 'auto',\n  borderRadius: 0.5,\n  fontWeight: 600,\n  py: 0.5,\n  px: 1.5,\n  fontSize: '0.75rem',\n  textTransform: 'none',\n  color: 'text.primary',\n} as const;\n\ntype SelectionClusterProps = Pick<\n  ContentToolbarProps,\n  | 'hasSelection'\n  | 'selectedCount'\n  | 'selectAll'\n  | 'clearSelection'\n  | 'actions'\n  | 'selectionExtra'\n  | 'selectAllTestId'\n  | 'clearAllTestId'\n  | 'edgeAlign'\n  | 'selectAllLabel'\n  | 'selectAllText'\n  | 'clearAllText'\n>;\n\n/** The left cluster: Select All + (when selecting) Clear All / count / actions. */\nfunction SelectionCluster({\n  hasSelection,\n  selectedCount,\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        // Mobile: don't grow, so the controls sit on the SAME line as the checkbox\n        // (no orphaned selection row). Desktop: grow to push controls right.\n        flex: { xs: '0 0 auto', md: 1 },\n        alignItems: 'center',\n        gap: 1.5,\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      <Checkbox\n        size=\"small\"\n        checked={hasSelection}\n        onChange={(event) => (event.target.checked ? selectAll() : clearSelection())}\n        data-testid={`${selectAllTestId}-checkbox`}\n        inputProps={{ 'aria-label': selectAllLabel }}\n        sx={{ p: 0.5, display: { xs: 'inline-flex', md: 'none' } }}\n      />\n      {hasSelection ? (\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: 16, alignSelf: 'center' }} />\n          <Typography\n            component=\"span\"\n            data-testid=\"selected-count-indicator\"\n            sx={{ fontSize: '0.875rem', color: 'text.secondary', whiteSpace: 'nowrap', flexShrink: 0 }}\n          >\n            {selectedCount} {selectedCount === 1 ? 'item' : 'items'} selected\n          </Typography>\n          {selectionExtra}\n          {actionsSlot}\n        </>\n      ) : (\n        actionsSlot\n      )}\n    </Box>\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 ? '14px' : '5px',\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** + an \"N items selected\" count + 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 *   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  selectedCount,\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          selectedCount={selectedCount}\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":[]}