@12-apps/ui 6.24.3 → 6.24.5

package/dist/{chunk-W2YNUUVJ.js → chunk-TU6RNZUQ.js}

@@ -68,35 +68,95 @@ var AppHeaderStatus = ({
   );
 };
 AppHeaderStatus.displayName = "AppHeaderStatus";
-var IdentityText = ({ title, subtitle, status, size = "md", interactive, disclosed, dataTestId }) => /* @__PURE__ */ jsxs(Box, { sx: { minWidth: 0, display: "flex", flexDirection: "column", gap: 0.25 }, children: [
-  /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.25, minWidth: 0 }, children: [
-    /* @__PURE__ */ jsx(
-      Typography,
-      {
-        component: "span",
-        "data-testid": `${dataTestId}-title`,
-        sx: { fontSize: TITLE_PX[size], fontWeight: 700, lineHeight: 1.2, ...ONE_LINE },
-        children: title
+var IdentityTitle = ({ title, size = "md", interactive, disclosed, dataTestId }) => /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.25, minWidth: 0, width: "100%" }, children: [
+  /* @__PURE__ */ jsx(
+    Typography,
+    {
+      component: "span",
+      "data-testid": `${dataTestId}-title`,
+      sx: { fontSize: TITLE_PX[size], fontWeight: 700, lineHeight: 1.2, ...ONE_LINE },
+      children: title
+    }
+  ),
+  interactive && /* @__PURE__ */ jsx(
+    KeyboardArrowDown,
+    {
+      "aria-hidden": true,
+      "data-testid": `${dataTestId}-chevron`,
+      sx: {
+        flex: "0 0 auto",
+        fontSize: 20,
+        opacity: 0.7,
+        transition: "transform 150ms ease",
+        transform: disclosed ? "rotate(180deg)" : "none"
       }
-    ),
-    interactive && /* @__PURE__ */ jsx(
-      KeyboardArrowDown,
+    }
+  )
+] });
+var discloseSx = {
+  display: "flex",
+  alignItems: "center",
+  gap: 0.25,
+  width: "100%",
+  minWidth: 0,
+  appearance: "none",
+  px: 0.5,
+  mx: -0.5,
+  py: 0.25,
+  my: -0.25,
+  border: "none",
+  borderRadius: 1.5,
+  background: "none",
+  color: "inherit",
+  font: "inherit",
+  textAlign: "left",
+  cursor: "pointer",
+  // Guarded: on a touch screen an unguarded `:hover` sticks after the tap that
+  // opened the panel, so the row stays highlighted behind it.
+  "@media (hover: hover)": { "&:hover": { backgroundColor: "action.hover" } },
+  "&:focus-visible": { outline: "2px solid", outlineColor: "primary.main", outlineOffset: 2 }
+};
+var IdentityText = ({
+  title,
+  subtitle,
+  status,
+  size = "md",
+  onDisclose,
+  disclosed,
+  discloseLabel,
+  className,
+  dataTestId
+}) => {
+  const name = /* @__PURE__ */ jsx(
+    IdentityTitle,
+    {
+      title,
+      size,
+      interactive: Boolean(onDisclose),
+      disclosed,
+      dataTestId
+    }
+  );
+  return /* @__PURE__ */ jsxs(Box, { sx: { minWidth: 0, flex: 1, display: "flex", flexDirection: "column", gap: 0.25 }, children: [
+    onDisclose ? /* @__PURE__ */ jsx(
+      Box,
       {
-        "aria-hidden": true,
-        "data-testid": `${dataTestId}-chevron`,
-        sx: {
-          flex: "0 0 auto",
-          fontSize: 20,
-          opacity: 0.7,
-          transition: "transform 150ms ease",
-          transform: disclosed ? "rotate(180deg)" : "none"
-        }
+        component: "button",
+        type: "button",
+        className,
+        "data-testid": dataTestId,
+        onClick: onDisclose,
+        "aria-haspopup": "dialog",
+        "aria-expanded": disclosed,
+        "aria-label": discloseLabel ?? `Detalhes de ${title}`,
+        sx: discloseSx,
+        children: name
       }
-    )
-  ] }),
-  subtitle && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", component: "span", sx: ONE_LINE, children: subtitle }),
-  status
-] });
+    ) : name,
+    subtitle && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", component: "span", sx: ONE_LINE, children: subtitle }),
+    status
+  ] });
+};
 var IdentitySkeleton = ({
   size,
   dataTestId
@@ -138,59 +198,38 @@ var AppHeaderIdentity = ({
   dataTestId = "app-header-identity"
 }) => {
   if (loading) return /* @__PURE__ */ jsx(IdentitySkeleton, { size, dataTestId });
-  const body = /* @__PURE__ */ jsxs(Fragment, { children: [
-    mark ?? /* @__PURE__ */ jsx(
-      AppHeaderBrand,
-      {
-        name: title,
-        logoUrl,
-        seedColor,
-        size,
-        dataTestId: `${dataTestId}-brand`
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      IdentityText,
-      {
-        title,
-        subtitle,
-        status,
-        size,
-        interactive: Boolean(onDisclose),
-        disclosed,
-        dataTestId
-      }
-    )
-  ] });
-  if (!onDisclose) {
-    return /* @__PURE__ */ jsx(Box, { className, "data-testid": dataTestId, sx: rowSx, children: body });
-  }
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(
     Box,
     {
-      component: "button",
-      type: "button",
-      className,
-      "data-testid": dataTestId,
-      onClick: onDisclose,
-      "aria-haspopup": "dialog",
-      "aria-expanded": disclosed,
-      "aria-label": discloseLabel ?? `Detalhes de ${title}`,
-      sx: {
-        ...rowSx,
-        appearance: "none",
-        p: 0.5,
-        ml: -0.5,
-        border: "none",
-        borderRadius: 1.5,
-        background: "none",
-        color: "inherit",
-        font: "inherit",
-        cursor: "pointer",
-        "&:hover": { backgroundColor: "action.hover" },
-        "&:focus-visible": { outline: "2px solid", outlineColor: "primary.main", outlineOffset: 2 }
-      },
-      children: body
+      className: onDisclose ? void 0 : className,
+      "data-testid": onDisclose ? void 0 : dataTestId,
+      sx: rowSx,
+      children: [
+        mark ?? /* @__PURE__ */ jsx(
+          AppHeaderBrand,
+          {
+            name: title,
+            logoUrl,
+            seedColor,
+            size,
+            dataTestId: `${dataTestId}-brand`
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          IdentityText,
+          {
+            title,
+            subtitle,
+            status,
+            size,
+            onDisclose,
+            disclosed,
+            discloseLabel,
+            className,
+            dataTestId
+          }
+        )
+      ]
     }
   );
 };
@@ -200,4 +239,4 @@ export {
   AppHeaderStatus,
   AppHeaderIdentity
 };
-//# sourceMappingURL=chunk-W2YNUUVJ.js.map
+//# sourceMappingURL=chunk-TU6RNZUQ.js.map

package/dist/chunk-TU6RNZUQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/AppHeader/AppHeader.identity.tsx"],"sourcesContent":["'use client';\n\nimport KeyboardArrowDown from '@mui/icons-material/KeyboardArrowDown';\nimport Box from '@mui/material/Box/index.js';\nimport Skeleton from '@mui/material/Skeleton/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { accentFor, type SizeValue } from '../../../tokens/scales';\n\nimport { AppHeaderBrand } from './AppHeader.brand';\nimport type { AppHeaderIdentityProps, AppHeaderStatusProps } from './AppHeader.types';\n\n/** Title type scale, per house size step. */\nconst TITLE_PX: Record<SizeValue, number> = { xs: 14, sm: 15, md: 17, lg: 20, xl: 24 };\n\n/** One line, ellipsised — a long store name must not push the actions off-screen. */\nconst ONE_LINE = {\n  minWidth: 0,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n} as const;\n\n/**\n * The dotted state line: \"● Aberto agora · Retirada no balcão\".\n *\n * Segments are joined here rather than by the caller because the separator is a\n * presentational choice — a caller that pre-joins its own string can never be\n * restyled, and each segment loses the chance to carry its own markup.\n */\nexport const AppHeaderStatus: React.FC<AppHeaderStatusProps> = ({\n  tone,\n  items,\n  separator = '·',\n  className,\n  dataTestId = 'app-header-status',\n}) => {\n  const theme = useTheme();\n  const visible = items.filter((item) => item !== null && item !== undefined && item !== '');\n  if (visible.length === 0) return null;\n\n  return (\n    <Box\n      className={className}\n      data-testid={dataTestId}\n      sx={{ display: 'flex', alignItems: 'center', gap: 0.75, ...ONE_LINE }}\n    >\n      {tone && (\n        <Box\n          aria-hidden\n          data-testid={`${dataTestId}-dot`}\n          sx={{\n            width: 8,\n            height: 8,\n            flex: '0 0 auto',\n            borderRadius: '50%',\n            backgroundColor: accentFor(theme, tone).main,\n          }}\n        />\n      )}\n      <Typography variant=\"body2\" color=\"text.secondary\" component=\"span\" sx={ONE_LINE}>\n        {visible.map((item, index) => (\n          // Index keys: the segments are positional presentation, and nothing\n          // here reorders or is keyed on identity elsewhere.\n          <React.Fragment key={index}>\n            {index > 0 && (\n              <>\n                {/* Real spaces, not margin. A screen reader reads `textContent`,\n                    and a CSS-only gap runs \"Aberto agora\" straight into\n                    \"Retirada no balcão\" as one word. The glyph itself is\n                    hidden — it is punctuation, not something to announce. */}\n                {' '}\n                <Box component=\"span\" aria-hidden>\n                  {separator}\n                </Box>{' '}\n              </>\n            )}\n            {item}\n          </React.Fragment>\n        ))}\n      </Typography>\n    </Box>\n  );\n};\n\nAppHeaderStatus.displayName = 'AppHeaderStatus';\n\n/** The name and, when the block opens onto something, the chevron beside it. */\nconst IdentityTitle: React.FC<\n  Pick<AppHeaderIdentityProps, 'title' | 'size'> & {\n    interactive: boolean;\n    disclosed: boolean;\n    dataTestId: string;\n  }\n> = ({ title, size = 'md', interactive, disclosed, dataTestId }) => (\n  <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.25, minWidth: 0, width: '100%' }}>\n    <Typography\n      component=\"span\"\n      data-testid={`${dataTestId}-title`}\n      sx={{ fontSize: TITLE_PX[size], fontWeight: 700, lineHeight: 1.2, ...ONE_LINE }}\n    >\n      {title}\n    </Typography>\n    {interactive && (\n      <KeyboardArrowDown\n        aria-hidden\n        data-testid={`${dataTestId}-chevron`}\n        sx={{\n          flex: '0 0 auto',\n          fontSize: 20,\n          opacity: 0.7,\n          transition: 'transform 150ms ease',\n          transform: disclosed ? 'rotate(180deg)' : 'none',\n        }}\n      />\n    )}\n  </Box>\n);\n\n/**\n * The disclosure, wrapping the NAME ROW and nothing else (12-63).\n *\n * The padding is cancelled by an equal negative margin, so the hover and the\n * focus ring bleed outward while the title still starts on the same pixel as\n * the lines under it. A padded button with no offset moves one of the two.\n */\nconst discloseSx = {\n  display: 'flex',\n  alignItems: 'center',\n  gap: 0.25,\n  width: '100%',\n  minWidth: 0,\n  appearance: 'none',\n  px: 0.5,\n  mx: -0.5,\n  py: 0.25,\n  my: -0.25,\n  border: 'none',\n  borderRadius: 1.5,\n  background: 'none',\n  color: 'inherit',\n  font: 'inherit',\n  textAlign: 'left',\n  cursor: 'pointer',\n  // Guarded: on a touch screen an unguarded `:hover` sticks after the tap that\n  // opened the panel, so the row stays highlighted behind it.\n  '@media (hover: hover)': { '&:hover': { backgroundColor: 'action.hover' } },\n  '&:focus-visible': { outline: '2px solid', outlineColor: 'primary.main', outlineOffset: 2 },\n} as const;\n\n/**\n * The text column: the name row, then the quieter lines under it.\n *\n * ## `subtitle` and `status` are OUTSIDE the disclosure, on purpose (12-63)\n *\n * Both are `ReactNode`, and `AppHeaderStatus.items` is a `ReactNode[]` — so a\n * segment of the state line is free to be a control, and consumers put controls\n * there: a mesa chip, a service-mode picker. While the whole block was one\n * `<button>` those were `<button>`s inside a `<button>`, which is invalid HTML\n * (the content model of `button` excludes interactive content) and, more\n * visibly, means one tap fires two handlers. An adopting storefront opened two\n * popups on every tap of either control because of it, and had already\n * hand-rolled this component at one tier to dodge the nesting — a consumer\n * working around the component is the report.\n *\n * The target stays large. The button is the full-width NAME ROW, which is the\n * thing a reader aims at — what it gives up is the mark beside it, and a mark\n * that opens the panel is not worth a state line that cannot hold a control.\n */\nconst IdentityText: React.FC<\n  Pick<\n    AppHeaderIdentityProps,\n    'title' | 'subtitle' | 'status' | 'size' | 'discloseLabel' | 'className'\n  > & {\n    onDisclose: (() => void) | undefined;\n    disclosed: boolean;\n    dataTestId: string;\n  }\n> = ({\n  title,\n  subtitle,\n  status,\n  size = 'md',\n  onDisclose,\n  disclosed,\n  discloseLabel,\n  className,\n  dataTestId,\n}) => {\n  const name = (\n    <IdentityTitle\n      title={title}\n      size={size}\n      interactive={Boolean(onDisclose)}\n      disclosed={disclosed}\n      dataTestId={dataTestId}\n    />\n  );\n  return (\n    <Box sx={{ minWidth: 0, flex: 1, display: 'flex', flexDirection: 'column', gap: 0.25 }}>\n      {onDisclose ? (\n        <Box\n          component=\"button\"\n          type=\"button\"\n          className={className}\n          data-testid={dataTestId}\n          onClick={onDisclose}\n          aria-haspopup=\"dialog\"\n          aria-expanded={disclosed}\n          aria-label={discloseLabel ?? `Detalhes de ${title}`}\n          sx={discloseSx}\n        >\n          {name}\n        </Box>\n      ) : (\n        name\n      )}\n      {subtitle && (\n        <Typography variant=\"body2\" color=\"text.secondary\" component=\"span\" sx={ONE_LINE}>\n          {subtitle}\n        </Typography>\n      )}\n      {status}\n    </Box>\n  );\n};\n\n/** The placeholder held while the identity is still resolving. */\nconst IdentitySkeleton: React.FC<{ size: SizeValue; dataTestId: string }> = ({\n  size,\n  dataTestId,\n}) => (\n  <Box\n    data-testid={`${dataTestId}-loading`}\n    sx={{ display: 'flex', alignItems: 'center', gap: 1.25, minWidth: 0 }}\n  >\n    <Skeleton variant=\"rounded\" width={40} height={40} sx={{ flex: '0 0 auto' }} />\n    <Box sx={{ minWidth: 0, flex: 1 }}>\n      <Skeleton variant=\"text\" width={140} height={TITLE_PX[size] * 1.4} />\n      <Skeleton variant=\"text\" width={180} height={16} />\n    </Box>\n  </Box>\n);\n\n/**\n * The BLOCK's row: the mark, then the text column beside it.\n *\n * Always a `Box` div now — since 12-63 the disclosure is the name row inside\n * the text column ({@link discloseSx}), not this element. `width: '100%'` and\n * `minWidth: 0` stay because the column below still has to ellipsise against\n * something; the argument about a `<button>` sizing to max-content moved to\n * `discloseSx`, which is where the button now is.\n */\nconst rowSx = {\n  display: 'flex',\n  alignItems: 'center',\n  gap: 1.25,\n  width: '100%',\n  minWidth: 0,\n  textAlign: 'left',\n} as const;\n\n/**\n * Mark + title + state line, and — when it can be opened — a name row that is\n * the button.\n *\n * The disclosure used to wrap EVERYTHING, on the argument that the chevron\n * alone is a 20px target next to a 40px mark that does nothing. The target is\n * still not the chevron: the button is the full-width NAME ROW, which is what a\n * reader aims at. What it no longer swallows is the mark beside it and the\n * quieter lines below — because those lines take `ReactNode`s, consumers put\n * CONTROLS in them, and a control inside a button is invalid HTML whose every\n * tap fires two handlers. See {@link IdentityText} (12-63).\n *\n * `className` and `dataTestId` stay on the same elements they always named: the\n * block when it is static, the disclosure when there is one.\n */\nexport const AppHeaderIdentity: React.FC<AppHeaderIdentityProps> = ({\n  title,\n  subtitle,\n  status,\n  mark,\n  logoUrl,\n  seedColor,\n  onDisclose,\n  disclosed = false,\n  discloseLabel,\n  loading = false,\n  size = 'md',\n  className,\n  dataTestId = 'app-header-identity',\n}) => {\n  if (loading) return <IdentitySkeleton size={size} dataTestId={dataTestId} />;\n\n  return (\n    <Box\n      className={onDisclose ? undefined : className}\n      data-testid={onDisclose ? undefined : dataTestId}\n      sx={rowSx}\n    >\n      {mark ?? (\n        <AppHeaderBrand\n          name={title}\n          logoUrl={logoUrl}\n          seedColor={seedColor}\n          size={size}\n          dataTestId={`${dataTestId}-brand`}\n        />\n      )}\n      <IdentityText\n        title={title}\n        subtitle={subtitle}\n        status={status}\n        size={size}\n        onDisclose={onDisclose}\n        disclosed={disclosed}\n        discloseLabel={discloseLabel}\n        className={className}\n        dataTestId={dataTestId}\n      />\n    </Box>\n  );\n};\n\nAppHeaderIdentity.displayName = 'AppHeaderIdentity';\n"],"mappings":"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","names":[]}

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/navigation/AppHeader.js

@@ -6,7 +6,7 @@ import {
 import {
   AppHeaderIdentity,
   AppHeaderStatus
-} from "../chunk-W2YNUUVJ.js";
+} from "../chunk-TU6RNZUQ.js";
 import {
   AppHeaderBrand
 } from "../chunk-H37GIAAM.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/dist/types/components/navigation/AppHeader/AppHeader.identity.d.ts

@@ -9,12 +9,19 @@ import type { AppHeaderIdentityProps, AppHeaderStatusProps } from './AppHeader.t
  */
 export declare const AppHeaderStatus: React.FC<AppHeaderStatusProps>;
 /**
- * Mark + title + state line, and — when it can be opened — the whole block as
- * one button.
+ * Mark + title + state line, and — when it can be opened — a name row that is
+ * the button.
  *
- * The button wraps EVERYTHING rather than sitting next to the title, because on
- * a phone the chevron alone is a 20px target next to a 40px one that does
- * nothing. A shopper aiming at the store's name expects the store's details.
+ * The disclosure used to wrap EVERYTHING, on the argument that the chevron
+ * alone is a 20px target next to a 40px mark that does nothing. The target is
+ * still not the chevron: the button is the full-width NAME ROW, which is what a
+ * reader aims at. What it no longer swallows is the mark beside it and the
+ * quieter lines below — because those lines take `ReactNode`s, consumers put
+ * CONTROLS in them, and a control inside a button is invalid HTML whose every
+ * tap fires two handlers. See {@link IdentityText} (12-63).
+ *
+ * `className` and `dataTestId` stay on the same elements they always named: the
+ * block when it is static, the disclosure when there is one.
  */
 export declare const AppHeaderIdentity: React.FC<AppHeaderIdentityProps>;
 //# sourceMappingURL=AppHeader.identity.d.ts.map

package/dist/types/components/navigation/AppHeader/AppHeader.identity.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppHeader.identity.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/AppHeader/AppHeader.identity.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAatF;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqD1D,CAAC;AAkFF;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA4E9D,CAAC"}
+{"version":3,"file":"AppHeader.identity.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/AppHeader/AppHeader.identity.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAatF;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqD1D,CAAC;AAmLF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6C9D,CAAC"}

package/dist/types/components/navigation/AppHeader/AppHeader.types.d.ts

@@ -56,19 +56,27 @@ export interface AppHeaderStatusProps {
  * the consumer's own router in the `leading` slot, whereas an `href` prop would
  * have to guess whose link component it is being handed — `to` for one router,
  * `href` for another — and would half-work for everybody. `onDisclose` is the
- * only interaction the block owns: with it the block is a button and a chevron
- * appears, without it the block is static text.
+ * only interaction the block owns: with it the NAME ROW is a button and a
+ * chevron appears, without it the row is static text.
+ *
+ * The button stops at that row (12-63). `status` and `subtitle` render as its
+ * SIBLINGS, so a consumer may put controls in the state line — which they do,
+ * and which used to nest a `<button>` inside a `<button>`.
  */
 export interface AppHeaderIdentityProps extends Pick<AppHeaderBrandProps, 'logoUrl' | 'seedColor'> {
     /** The name shown, and the one the mark derives its initials from. */
     title: string;
-    /** A quieter line under the title — use `status` for the dotted state line. */
+    /**
+     * A quieter line under the title — use `status` for the dotted state line.
+     *
+     * Rendered OUTSIDE the disclosure, like `status`, so it may hold a control.
+     */
     subtitle?: ReactNode;
     /** The state line, usually an {@link AppHeaderStatusProps} element. */
     status?: ReactNode;
     /** Replaces the derived mark entirely (an icon, an `<img>`, nothing). */
     mark?: ReactNode;
-    /** Opens the details panel. Renders the block as a button with a chevron. */
+    /** Opens the details panel. Renders the NAME ROW as a button with a chevron. */
     onDisclose?: () => void;
     /** Whether the panel `onDisclose` opens is currently open (`aria-expanded`). */
     disclosed?: boolean;

package/dist/types/components/navigation/AppHeader/AppHeader.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppHeader.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/AppHeader/AppHeader.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"AppHeader.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/AppHeader/AppHeader.types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@12-apps/ui",
-  "version": "6.24.3",
+  "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