@12-apps/ui 6.33.1 → 6.35.0

package/dist/chunk-IE7ISTLQ.js

@@ -1,167 +0,0 @@
-import {
-  SettingsSectionHeader
-} from "./chunk-4M6CEQVK.js";
-import {
-  SettingsSectionChips
-} from "./chunk-SVSOUC5S.js";
-import {
-  TOUCH_TARGET,
-  atLeastRail,
-  displayAcrossRail
-} from "./chunk-LIG7TKIB.js";
-
-// src/components/layout/SettingsLayout/SettingsPanel.tsx
-import ChevronLeftIcon from "@mui/icons-material/ChevronLeft";
-import Box from "@mui/material/Box/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-function BackLink({
-  href,
-  label,
-  breakpoint,
-  linkComponent,
-  testIdPrefix
-}) {
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      component: linkComponent,
-      href,
-      "aria-label": label,
-      "data-testid": `${testIdPrefix}-back`,
-      sx: (theme) => ({
-        ...displayAcrossRail(theme, breakpoint, "inline-flex", "none"),
-        alignItems: "center",
-        gap: 0.5,
-        minHeight: TOUCH_TARGET,
-        pr: 1,
-        textDecoration: "none",
-        color: "text.secondary",
-        font: "inherit",
-        fontSize: "0.875rem"
-      }),
-      children: [
-        /* @__PURE__ */ jsx(ChevronLeftIcon, { fontSize: "small" }),
-        label
-      ]
-    }
-  );
-}
-function PanelBack({
-  href,
-  backLabel,
-  sectionTitle,
-  sectionDescription,
-  breakpoint,
-  linkComponent,
-  testIdPrefix
-}) {
-  if (sectionTitle === void 0) {
-    return /* @__PURE__ */ jsx(
-      BackLink,
-      {
-        href,
-        label: backLabel,
-        breakpoint,
-        linkComponent,
-        testIdPrefix
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    SettingsSectionHeader,
-    {
-      href,
-      backLabel,
-      title: sectionTitle,
-      description: sectionDescription,
-      breakpoint,
-      linkComponent,
-      testIdPrefix
-    }
-  );
-}
-function panelSx(breakpoint, hideOnNarrow, fillHeight) {
-  return (theme) => ({
-    display: hideOnNarrow ? "none" : "block",
-    flex: "1 1 auto",
-    minWidth: 0,
-    width: "100%",
-    [atLeastRail(theme, breakpoint)]: {
-      ...hideOnNarrow ? { display: "block" } : {},
-      ...fillHeight ? {
-        height: "100%",
-        minHeight: 0,
-        overflowY: "auto",
-        overscrollBehavior: "contain"
-      } : {}
-    }
-  });
-}
-function SettingsPanel({
-  inSection,
-  hideOnNarrow,
-  breakpoint,
-  indexHref,
-  backLabel,
-  sectionTitle,
-  sectionDescription,
-  ariaLabel,
-  sectionChips,
-  activeItemId,
-  linkComponent,
-  onSelectItem,
-  testIdPrefix,
-  fillHeight = false,
-  children
-}) {
-  const showBack = inSection && indexHref !== void 0 && linkComponent !== void 0;
-  const showChips = inSection && sectionChips !== void 0 && sectionChips.length > 0;
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      "data-testid": `${testIdPrefix}-panel`,
-      sx: panelSx(breakpoint, hideOnNarrow, fillHeight),
-      children: [
-        showBack ? /* @__PURE__ */ jsx(
-          PanelBack,
-          {
-            href: indexHref,
-            backLabel,
-            sectionTitle,
-            sectionDescription,
-            breakpoint,
-            linkComponent,
-            testIdPrefix
-          }
-        ) : null,
-        showChips ? /* @__PURE__ */ jsx(
-          Box,
-          {
-            sx: (theme) => ({
-              ...displayAcrossRail(theme, breakpoint, "block", "none"),
-              mb: 1,
-              minWidth: 0
-            }),
-            children: /* @__PURE__ */ jsx(
-              SettingsSectionChips,
-              {
-                items: sectionChips,
-                activeItemId,
-                ariaLabel,
-                linkComponent,
-                onSelectItem,
-                testIdPrefix
-              }
-            )
-          }
-        ) : null,
-        children
-      ]
-    }
-  );
-}
-
-export {
-  SettingsPanel
-};
-//# sourceMappingURL=chunk-IE7ISTLQ.js.map

package/dist/chunk-IE7ISTLQ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/layout/SettingsLayout/SettingsPanel.tsx"],"sourcesContent":["\"use client\";\n\nimport ChevronLeftIcon from \"@mui/icons-material/ChevronLeft\";\nimport type { CSSObject, Theme } from \"@mui/material/styles/index.js\";\nimport Box from \"@mui/material/Box/index.js\";\nimport React from \"react\";\n\nimport {\n  atLeastRail,\n  displayAcrossRail,\n  TOUCH_TARGET,\n} from \"./SettingsLayout.styles\";\nimport { SettingsSectionChips } from \"./SettingsSectionChips\";\nimport { SettingsSectionHeader } from \"./SettingsSectionHeader\";\nimport type {\n  SettingsLayoutProps,\n  SettingsNavItem,\n  SettingsRailBreakpoint,\n} from \"./SettingsLayout.types\";\n\nexport interface SettingsPanelProps {\n  /** True in `drilldown`, inside a section rather than at the index. */\n  inSection: boolean;\n  /** True in `drilldown`, at the area's index. */\n  hideOnNarrow: boolean;\n  breakpoint: SettingsRailBreakpoint;\n  indexHref?: string;\n  backLabel: string;\n  /** The open section's own name — turns the back link into a compact header. */\n  sectionTitle?: string;\n  /** One line under that name. */\n  sectionDescription?: string;\n  ariaLabel: string;\n  sectionChips?: SettingsNavItem[];\n  activeItemId?: string;\n  linkComponent?: SettingsLayoutProps[\"linkComponent\"];\n  onSelectItem?: (id: string) => void;\n  testIdPrefix: string;\n  children: React.ReactNode;\n  /** Scroll inside the panel rather than with the page. See `fillHeight`. */\n  fillHeight?: boolean;\n}\n\n/** The way back to the area's index — narrow widths only. */\nfunction BackLink({\n  href,\n  label,\n  breakpoint,\n  linkComponent,\n  testIdPrefix,\n}: {\n  href: string;\n  label: string;\n  breakpoint: SettingsRailBreakpoint;\n  linkComponent: NonNullable<SettingsLayoutProps[\"linkComponent\"]>;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  return (\n    <Box\n      component={linkComponent}\n      href={href}\n      aria-label={label}\n      data-testid={`${testIdPrefix}-back`}\n      sx={(theme) => ({\n        ...displayAcrossRail(theme, breakpoint, \"inline-flex\", \"none\"),\n        alignItems: \"center\",\n        gap: 0.5,\n        minHeight: TOUCH_TARGET,\n        pr: 1,\n        textDecoration: \"none\",\n        color: \"text.secondary\",\n        font: \"inherit\",\n        fontSize: \"0.875rem\",\n      })}\n    >\n      <ChevronLeftIcon fontSize=\"small\" />\n      {label}\n    </Box>\n  );\n}\n\n/**\n * Two shapes of the same control, chosen by whether the host named the section.\n *\n * With a `sectionTitle` the back folds into a compact header that also says\n * where you are; without one the original text link is kept, so no existing\n * consumer's header grows a title and pushes their first field down the page on\n * upgrade. Its own component so `SettingsPanel` keeps one branch rather than\n * three.\n */\nfunction PanelBack({\n  href,\n  backLabel,\n  sectionTitle,\n  sectionDescription,\n  breakpoint,\n  linkComponent,\n  testIdPrefix,\n}: {\n  href: string;\n  backLabel: string;\n  sectionTitle?: string;\n  sectionDescription?: string;\n  breakpoint: SettingsRailBreakpoint;\n  linkComponent: NonNullable<SettingsLayoutProps['linkComponent']>;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  if (sectionTitle === undefined) {\n    return (\n      <BackLink\n        href={href}\n        label={backLabel}\n        breakpoint={breakpoint}\n        linkComponent={linkComponent}\n        testIdPrefix={testIdPrefix}\n      />\n    );\n  }\n  return (\n    <SettingsSectionHeader\n      href={href}\n      backLabel={backLabel}\n      title={sectionTitle}\n      description={sectionDescription}\n      breakpoint={breakpoint}\n      linkComponent={linkComponent}\n      testIdPrefix={testIdPrefix}\n    />\n  );\n}\n\n/**\n * The panel's own box, as ONE object per media query rather than two.\n *\n * Both the `display` rule and `fillHeight`'s belong at the same wide-shape\n * query, and spreading them as separate `{ [query]: … }` objects makes the\n * second REPLACE the first — so turning `fillHeight` on silently dropped the\n * `display: block` that `hideOnNarrow` puts there and left the panel\n * `display: none` at every width. That only shows at a drilldown INDEX, where\n * `hideOnNarrow` is true, which is why a section route looked fine.\n *\n * `overflowY` here is also what lets a `position: sticky` toolbar inside\n * `children` pin to the TOP OF THE PANEL — under the host's header — instead\n * of to a document that is not the scroller.\n */\nfunction panelSx(\n  breakpoint: SettingsRailBreakpoint,\n  hideOnNarrow: boolean,\n  fillHeight: boolean,\n): (theme: Theme) => CSSObject {\n  return (theme) => ({\n    display: hideOnNarrow ? \"none\" : \"block\",\n    flex: \"1 1 auto\",\n    minWidth: 0,\n    width: \"100%\",\n    [atLeastRail(theme, breakpoint)]: {\n      ...(hideOnNarrow ? { display: \"block\" } : {}),\n      ...(fillHeight\n        ? {\n            height: \"100%\",\n            minHeight: 0,\n            overflowY: \"auto\",\n            overscrollBehavior: \"contain\",\n          }\n        : {}),\n    },\n  });\n}\n\n/**\n * The central column: the open screen, and — in `drilldown`, inside a section —\n * the back link and sibling-section strip above it.\n *\n * At the index in `drilldown` this whole column is `display: none` below the\n * breakpoint and the rail becomes the page. Mounted either way: the panel and\n * the list are one tree with `display` between them, not two branches of a\n * render.\n */\nexport function SettingsPanel({\n  inSection,\n  hideOnNarrow,\n  breakpoint,\n  indexHref,\n  backLabel,\n  sectionTitle,\n  sectionDescription,\n  ariaLabel,\n  sectionChips,\n  activeItemId,\n  linkComponent,\n  onSelectItem,\n  testIdPrefix,\n  fillHeight = false,\n  children,\n}: SettingsPanelProps): React.JSX.Element {\n  const showBack =\n    inSection && indexHref !== undefined && linkComponent !== undefined;\n  const showChips =\n    inSection && sectionChips !== undefined && sectionChips.length > 0;\n\n  return (\n    <Box\n      data-testid={`${testIdPrefix}-panel`}\n      sx={panelSx(breakpoint, hideOnNarrow, fillHeight)}\n    >\n      {showBack ? (\n        <PanelBack\n          href={indexHref}\n          backLabel={backLabel}\n          sectionTitle={sectionTitle}\n          sectionDescription={sectionDescription}\n          breakpoint={breakpoint}\n          linkComponent={linkComponent}\n          testIdPrefix={testIdPrefix}\n        />\n      ) : null}\n\n      {showChips ? (\n        <Box\n          sx={(theme) => ({\n            ...displayAcrossRail(theme, breakpoint, \"block\", \"none\"),\n            mb: 1,\n            minWidth: 0,\n          })}\n        >\n          <SettingsSectionChips\n            items={sectionChips}\n            activeItemId={activeItemId}\n            ariaLabel={ariaLabel}\n            linkComponent={linkComponent}\n            onSelectItem={onSelectItem}\n            testIdPrefix={testIdPrefix}\n          />\n        </Box>\n      ) : null}\n\n      {children}\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAEA,OAAO,qBAAqB;AAE5B,OAAO,SAAS;AAsDZ,SAiBE,KAjBF;AAdJ,SAAS,SAAS;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMsB;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA,cAAY;AAAA,MACZ,eAAa,GAAG,YAAY;AAAA,MAC5B,IAAI,CAAC,WAAW;AAAA,QACd,GAAG,kBAAkB,OAAO,YAAY,eAAe,MAAM;AAAA,QAC7D,YAAY;AAAA,QACZ,KAAK;AAAA,QACL,WAAW;AAAA,QACX,IAAI;AAAA,QACJ,gBAAgB;AAAA,QAChB,OAAO;AAAA,QACP,MAAM;AAAA,QACN,UAAU;AAAA,MACZ;AAAA,MAEA;AAAA,4BAAC,mBAAgB,UAAS,SAAQ;AAAA,QACjC;AAAA;AAAA;AAAA,EACH;AAEJ;AAWA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQsB;AACpB,MAAI,iBAAiB,QAAW;AAC9B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAgBA,SAAS,QACP,YACA,cACA,YAC6B;AAC7B,SAAO,CAAC,WAAW;AAAA,IACjB,SAAS,eAAe,SAAS;AAAA,IACjC,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,IACP,CAAC,YAAY,OAAO,UAAU,CAAC,GAAG;AAAA,MAChC,GAAI,eAAe,EAAE,SAAS,QAAQ,IAAI,CAAC;AAAA,MAC3C,GAAI,aACA;AAAA,QACE,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,WAAW;AAAA,QACX,oBAAoB;AAAA,MACtB,IACA,CAAC;AAAA,IACP;AAAA,EACF;AACF;AAWO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AACF,GAA0C;AACxC,QAAM,WACJ,aAAa,cAAc,UAAa,kBAAkB;AAC5D,QAAM,YACJ,aAAa,iBAAiB,UAAa,aAAa,SAAS;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,GAAG,YAAY;AAAA,MAC5B,IAAI,QAAQ,YAAY,cAAc,UAAU;AAAA,MAE/C;AAAA,mBACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF,IACE;AAAA,QAEH,YACC;AAAA,UAAC;AAAA;AAAA,YACC,IAAI,CAAC,WAAW;AAAA,cACd,GAAG,kBAAkB,OAAO,YAAY,SAAS,MAAM;AAAA,cACvD,IAAI;AAAA,cACJ,UAAU;AAAA,YACZ;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,gBACP;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA;AAAA,YACF;AAAA;AAAA,QACF,IACE;AAAA,QAEH;AAAA;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/chunk-IFAEKIT2.js

@@ -1,273 +0,0 @@
-import {
-  DataViewsBoard
-} from "./chunk-VLVMJDGD.js";
-import {
-  SelectAllStrip
-} from "./chunk-BM4ZPBBT.js";
-import {
-  toGridExpansion
-} from "./chunk-O5UGAL2V.js";
-import {
-  cardGridTracks
-} from "./chunk-7FWXG2KF.js";
-import {
-  ListCardGroup
-} from "./chunk-LYSSO6WC.js";
-import {
-  DENSITY_BOARD_SCALE,
-  DENSITY_ROW_PADDING,
-  cardScaleForZoom,
-  cardTargetWidthFor,
-  useDataViewsLayout
-} from "./chunk-ZPIMPOHV.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  DataGrid
-} from "./chunk-XPOQZI5X.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-
-// src/components/data-display/DataViews/data-views-grid-bodies.tsx
-import React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function GridBody({
-  rows,
-  columns,
-  getRowId,
-  selectedIds,
-  onChangeSelected,
-  sortBy,
-  onChangeSortBy,
-  sortMode,
-  rowPadding,
-  rowDetail,
-  dataTestId,
-  emptyState
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsx(
-    default2,
-    {
-      sx: {
-        width: "100%",
-        overflowX: "auto",
-        mt: 1.5,
-        // Tabwoah-style dense rows: MUI's default TableCell padding keeps rows
-        // tall regardless of rowHeight, so the DENSITY preference is applied
-        // here rather than through `rowHeight`, which it would fight.
-        "& .MuiTableCell-root": { py: rowPadding, fontSize: "0.8125rem" },
-        "& .MuiTableCell-head": { py: 0.5, fontSize: "0.75rem" }
-      },
-      children: /* @__PURE__ */ jsx(
-        DataGrid,
-        {
-          rows,
-          columns,
-          getRowId: (row) => getRowId(row),
-          virtualizeRows: false,
-          density: "compact",
-          rowHeight: 36,
-          headerHeight: 36,
-          selection: { mode: "multi", selectedRowIds: selectedIds, onChangeSelected },
-          sorting: { mode: sortMode, sortBy, onChangeSortBy },
-          expansion: toGridExpansion(rowDetail, copy),
-          "data-testid": dataTestId,
-          emptyState,
-          emptyText: copy.grid.emptyFilteredTitle
-        }
-      )
-    }
-  );
-}
-function CardBody({
-  rows,
-  renderCard,
-  getRowId,
-  selectedIds,
-  onToggleId,
-  targetCardWidth,
-  cardScale,
-  dataTestId,
-  emptyState
-}) {
-  if (rows.length === 0) {
-    return /* @__PURE__ */ jsx(default2, { sx: { mt: 1.5 }, children: emptyState });
-  }
-  return /* @__PURE__ */ jsx(
-    default2,
-    {
-      sx: {
-        mt: 1.5,
-        display: "grid",
-        // Fixed inter-card gap — deliberately NOT scaled by the zoom slider, so
-        // only the cards grow while the space between them stays constant.
-        gap: 1.5,
-        ...cardGridTracks(targetCardWidth)
-      },
-      "data-testid": dataTestId ? `${dataTestId}-cards` : "data-views-cards",
-      children: rows.map((row) => {
-        const id = getRowId(row);
-        return /* @__PURE__ */ jsx(default2, { children: renderCard(row, {
-          selected: selectedIds.has(id),
-          onToggleSelect: () => onToggleId(id),
-          scale: cardScale
-        }) }, id);
-      })
-    }
-  );
-}
-function ListBody({
-  rows,
-  renderListRow,
-  getRowId,
-  selectedIds,
-  onToggleId,
-  rowGap,
-  group,
-  density,
-  dataTestId,
-  emptyState
-}) {
-  if (rows.length === 0) {
-    return /* @__PURE__ */ jsx(default2, { sx: { mt: 1.5 }, children: emptyState });
-  }
-  const testId = dataTestId ? `${dataTestId}-list` : "data-views-list";
-  const selectionFor = (id) => ({
-    selected: selectedIds.has(id),
-    onToggleSelect: () => onToggleId(id),
-    scale: 1
-  });
-  if (group) {
-    return /* @__PURE__ */ jsx(default2, { sx: { mt: 1.5 }, children: /* @__PURE__ */ jsx(
-      ListCardGroup,
-      {
-        cells: group.cells,
-        metaColumns: group.metaColumns,
-        rails: group.rails,
-        reserveGutters: group.reserveGutters,
-        density,
-        gap: rowGap,
-        dataTestId: testId,
-        children: rows.map((row) => {
-          const id = getRowId(row);
-          return /* @__PURE__ */ jsx(React.Fragment, { children: renderListRow(row, selectionFor(id)) }, id);
-        })
-      }
-    ) });
-  }
-  return /* @__PURE__ */ jsx(
-    default2,
-    {
-      sx: { mt: 1.5, display: "flex", flexDirection: "column", gap: rowGap },
-      "data-testid": testId,
-      children: rows.map((row) => {
-        const id = getRowId(row);
-        return /* @__PURE__ */ jsx(default2, { children: renderListRow(row, selectionFor(id)) }, id);
-      })
-    }
-  );
-}
-function Headerless({
-  c,
-  getRowId,
-  testIdPrefix,
-  children
-}) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      SelectAllStrip,
-      {
-        rows: c.matched,
-        getRowId,
-        selectedIds: c.selectedIds,
-        onChange: (next) => c.setSelectedIds(next),
-        testIdPrefix
-      }
-    ),
-    children
-  ] });
-}
-function headerlessBody({ c, getRowId, renderCard, renderListRow, listGroup, board, dataTestId, emptyState }, { layout, zoom, density }) {
-  if (layout === "list" && renderListRow) {
-    return /* @__PURE__ */ jsx(
-      ListBody,
-      {
-        rows: c.matched,
-        renderListRow,
-        getRowId,
-        selectedIds: c.selectedIds,
-        onToggleId: c.toggleId,
-        rowGap: DENSITY_ROW_PADDING[density],
-        group: listGroup,
-        density,
-        dataTestId,
-        emptyState
-      }
-    );
-  }
-  if (layout === "board" && board && renderCard) {
-    return /* @__PURE__ */ jsx(
-      DataViewsBoard,
-      {
-        rows: c.matched,
-        board,
-        getRowId,
-        renderCard,
-        selectedIds: c.selectedIds,
-        onToggleId: c.toggleId,
-        cardScale: DENSITY_BOARD_SCALE[density],
-        dataTestId
-      }
-    );
-  }
-  if (layout === "cards" && renderCard) {
-    return /* @__PURE__ */ jsx(
-      CardBody,
-      {
-        rows: c.matched,
-        renderCard,
-        getRowId,
-        selectedIds: c.selectedIds,
-        onToggleId: c.toggleId,
-        targetCardWidth: cardTargetWidthFor(zoom, density),
-        cardScale: cardScaleForZoom(zoom),
-        dataTestId,
-        emptyState
-      }
-    );
-  }
-  return null;
-}
-function GridMain(props) {
-  const { c, getRowId, dataTestId, emptyState, testIdPrefix } = props;
-  const layoutState = useDataViewsLayout();
-  const body = headerlessBody(props, layoutState);
-  if (body) {
-    return /* @__PURE__ */ jsx(Headerless, { c, getRowId, testIdPrefix, children: body });
-  }
-  return /* @__PURE__ */ jsx(
-    GridBody,
-    {
-      rows: c.matched,
-      columns: c.gridColumns,
-      getRowId,
-      selectedIds: [...c.selectedIds],
-      onChangeSelected: (ids) => c.setSelectedIds(new Set(ids)),
-      sortBy: c.state.sortBy,
-      onChangeSortBy: (next) => c.patch({ sortBy: next }),
-      sortMode: c.serverMode ? "server" : "client",
-      rowPadding: DENSITY_ROW_PADDING[layoutState.density],
-      rowDetail: props.rowDetail,
-      dataTestId,
-      emptyState
-    }
-  );
-}
-
-export {
-  GridMain
-};
-//# sourceMappingURL=chunk-IFAEKIT2.js.map

package/dist/chunk-IFAEKIT2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/data-views-grid-bodies.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\n\nimport { DataGrid, type GridColumn, type GridSort } from \"../DataGrid\";\nimport { Box } from \"../../../mui/Box\";\n\nimport {\n  cardTargetWidthFor,\n  cardScaleForZoom,\n  DENSITY_BOARD_SCALE,\n  DENSITY_ROW_PADDING,\n  useDataViewsLayout,\n  type DataViewsDensity,\n} from \"./data-views-layout-context\";\nimport { cardGridTracks } from \"./data-views-grid-helpers\";\nimport { DataViewsBoard, type BoardConfig } from \"./DataViewsBoard\";\nimport { SelectAllStrip } from \"./data-views-select-all-strip\";\nimport { ListCardGroup, type ListGroupConfig } from \"./list-card-rails\";\nimport type { DataViewCardSelection } from \"./data-views-types\";\nimport { toGridExpansion, type DataViewRowDetail } from \"./data-views-row-detail\";\nimport type { DataViewsController } from \"./use-data-views-state\";\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\n\n/* ── Body (grid) ─────────────────────────────────────────────────────────── */\n\ninterface GridBodyProps<T extends Record<string, unknown>> {\n  rows: T[];\n  columns: GridColumn<T>[];\n  getRowId: (row: T) => string | number;\n  selectedIds: Array<string | number>;\n  onChangeSelected: (ids: Array<string | number>) => void;\n  sortBy: GridSort[];\n  onChangeSortBy: (next: GridSort[]) => void;\n  /** \"server\" defers ordering to the backend (rows render as-is); \"client\" sorts in-grid. */\n  sortMode: \"client\" | \"server\";\n  /** Vertical cell padding, from the density preference. */\n  rowPadding: number;\n  rowDetail?: DataViewRowDetail<T>;\n  dataTestId?: string;\n  emptyState?: React.ReactNode;\n}\n\n/** The dense DataGrid with multi-select, wrapped in the scrollable table region. */\nfunction GridBody<T extends Record<string, unknown>>({\n  rows,\n  columns,\n  getRowId,\n  selectedIds,\n  onChangeSelected,\n  sortBy,\n  onChangeSortBy,\n  sortMode,\n  rowPadding,\n  rowDetail,\n  dataTestId,\n  emptyState,\n}: GridBodyProps<T>): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Box\n      sx={{\n        width: \"100%\",\n        overflowX: \"auto\",\n        mt: 1.5,\n        // Tabwoah-style dense rows: MUI's default TableCell padding keeps rows\n        // tall regardless of rowHeight, so the DENSITY preference is applied\n        // here rather than through `rowHeight`, which it would fight.\n        \"& .MuiTableCell-root\": { py: rowPadding, fontSize: \"0.8125rem\" },\n        \"& .MuiTableCell-head\": { py: 0.5, fontSize: \"0.75rem\" },\n      }}\n    >\n      <DataGrid<T>\n        rows={rows}\n        columns={columns}\n        getRowId={(row) => getRowId(row)}\n        virtualizeRows={false}\n        density=\"compact\"\n        rowHeight={36}\n        headerHeight={36}\n        selection={{ mode: \"multi\", selectedRowIds: selectedIds, onChangeSelected }}\n        sorting={{ mode: sortMode, sortBy, onChangeSortBy }}\n        expansion={toGridExpansion(rowDetail, copy)}\n        data-testid={dataTestId}\n        emptyState={emptyState}\n        emptyText={copy.grid.emptyFilteredTitle}\n      />\n    </Box>\n  );\n}\n\n/* ── Body (cards) ────────────────────────────────────────────────────────── */\n\ninterface CardBodyProps<T extends Record<string, unknown>> {\n  rows: T[];\n  renderCard: (row: T, selection: DataViewCardSelection) => React.ReactNode;\n  getRowId: (row: T) => string | number;\n  selectedIds: Set<string | number>;\n  onToggleId: (id: string | number) => void;\n  /** The width each card asks for; `auto-fill` turns it into a column count. */\n  targetCardWidth: number;\n  /** Content scale (padding + type) handed to each card, from the zoom slider. */\n  cardScale: number;\n  dataTestId?: string;\n  emptyState?: React.ReactNode;\n}\n\n/**\n * The \"Grade\" layout: the filtered/sorted rows rendered as an auto-filling grid\n * of entity-supplied cards. Reuses `rows` (= `c.matched`), so search/filter/sort\n * apply; the column width comes from the zoom slider, and each card is handed its\n * selection state so it can drive its own checkbox (BaseCard) — the same\n * selection model as the table.\n */\nfunction CardBody<T extends Record<string, unknown>>({\n  rows,\n  renderCard,\n  getRowId,\n  selectedIds,\n  onToggleId,\n  targetCardWidth,\n  cardScale,\n  dataTestId,\n  emptyState,\n}: CardBodyProps<T>): React.JSX.Element {\n  if (rows.length === 0) {\n    return <Box sx={{ mt: 1.5 }}>{emptyState}</Box>;\n  }\n  return (\n    <Box\n      sx={{\n        mt: 1.5,\n        display: \"grid\",\n        // Fixed inter-card gap — deliberately NOT scaled by the zoom slider, so\n        // only the cards grow while the space between them stays constant.\n        gap: 1.5,\n        ...cardGridTracks(targetCardWidth),\n      }}\n      data-testid={dataTestId ? `${dataTestId}-cards` : \"data-views-cards\"}\n    >\n      {rows.map((row) => {\n        const id = getRowId(row);\n        return (\n          <Box key={id}>\n            {renderCard(row, {\n              selected: selectedIds.has(id),\n              onToggleSelect: () => onToggleId(id),\n              scale: cardScale,\n            })}\n          </Box>\n        );\n      })}\n    </Box>\n  );\n}\n\n/* ── Body (list) ─────────────────────────────────────────────────────────── */\n\ninterface ListBodyProps<T extends Record<string, unknown>> {\n  rows: T[];\n  renderListRow: (row: T, selection: DataViewCardSelection) => React.ReactNode;\n  getRowId: (row: T) => string | number;\n  selectedIds: Set<string | number>;\n  onToggleId: (id: string | number) => void;\n  /** Gap between rows, from the density preference. */\n  rowGap: number;\n  /** The list's shared column config. See {@link ListGroupConfig}. */\n  group?: ListGroupConfig<T>;\n  /** The density every row answers, handed to the group when there is one. */\n  density: DataViewsDensity;\n  dataTestId?: string;\n  emptyState?: React.ReactNode;\n}\n\n/**\n * The \"Lista\" layout: one FULL-WIDTH row per record, rendered by the entity — a\n * marker, a title, a subtitle and a value on the right is the shape it was\n * designed for (FUT-733).\n *\n * It sits between the table and the cards rather than replacing either: the\n * table is for comparing many columns, the cards are for browsing, and the list\n * is for scanning a queue on a narrow screen. Selection is the SAME model as\n * both — each row receives its selection state, so it can drive its own\n * checkbox and the bulk menu behaves identically in every layout.\n *\n * `scale` is handed over as 1 rather than the zoom multiplier, and the zoom\n * slider is hidden in this layout: a full-width row has no card size to\n * multiply. See {@link DataViewsZoomSlider}.\n */\nfunction ListBody<T extends Record<string, unknown>>({\n  rows,\n  renderListRow,\n  getRowId,\n  selectedIds,\n  onToggleId,\n  rowGap,\n  group,\n  density,\n  dataTestId,\n  emptyState,\n}: ListBodyProps<T>): React.JSX.Element {\n  if (rows.length === 0) {\n    return <Box sx={{ mt: 1.5 }}>{emptyState}</Box>;\n  }\n  const testId = dataTestId ? `${dataTestId}-list` : \"data-views-list\";\n  const selectionFor = (id: string | number): DataViewCardSelection => ({\n    selected: selectedIds.has(id),\n    onToggleSelect: () => onToggleId(id),\n    scale: 1,\n  });\n\n  if (group) {\n    return (\n      <Box sx={{ mt: 1.5 }}>\n        <ListCardGroup\n          cells={group.cells}\n          metaColumns={group.metaColumns}\n          rails={group.rails}\n          reserveGutters={group.reserveGutters}\n          density={density}\n          gap={rowGap}\n          dataTestId={testId}\n        >\n          {rows.map((row) => {\n            const id = getRowId(row);\n            // A FRAGMENT, NOT A BOX. The row is subgrid over the group's tracks\n            // (`gridColumn: span railCount`), which only resolves while the card\n            // is a DIRECT child of the group's grid. One wrapper element and the\n            // span is measured against a grid that isn't there, so every rail\n            // collapses — the exact failure the group exists to prevent.\n            return (\n              <React.Fragment key={id}>\n                {renderListRow(row, selectionFor(id))}\n              </React.Fragment>\n            );\n          })}\n        </ListCardGroup>\n      </Box>\n    );\n  }\n\n  return (\n    <Box\n      sx={{ mt: 1.5, display: \"flex\", flexDirection: \"column\", gap: rowGap }}\n      data-testid={testId}\n    >\n      {rows.map((row) => {\n        const id = getRowId(row);\n        return <Box key={id}>{renderListRow(row, selectionFor(id))}</Box>;\n      })}\n    </Box>\n  );\n}\n\n/* ── Body selector (board vs list vs cards vs table, from context) ───────── */\n\ninterface GridMainProps<T extends Record<string, unknown>> {\n  c: DataViewsController<T>;\n  getRowId: (row: T) => string | number;\n  renderCard?: (row: T, selection: DataViewCardSelection) => React.ReactNode;\n  /** Opt-in \"Lista\" layout — one full-width row per record. */\n  renderListRow?: (row: T, selection: DataViewCardSelection) => React.ReactNode;\n  /** The Lista's shared columns. Omitted, each row resolves its own tracks. */\n  listGroup?: ListGroupConfig<T>;\n  /** Opt-in \"Quadro\" (board) layout — needs `renderCard`, since it reuses the card. */\n  board?: BoardConfig<T>;\n  /** Opt-in expandable rows — the TABLE only; the headerless layouts ignore it. */\n  rowDetail?: DataViewRowDetail<T>;\n  dataTestId?: string;\n  emptyState?: React.ReactNode;\n  testIdPrefix: string;\n}\n\n/**\n * The headerless layouts, each preceded by its own select-all.\n *\n * The strip is rendered HERE rather than inside each body so all three agree on\n * where it sits and what it says — and so the table, which already has one in\n * its `<thead>`, never gets a second.\n */\nfunction Headerless<T extends Record<string, unknown>>({\n  c,\n  getRowId,\n  testIdPrefix,\n  children,\n}: {\n  c: DataViewsController<T>;\n  getRowId: (row: T) => string | number;\n  testIdPrefix: string;\n  children: React.ReactNode;\n}): React.JSX.Element {\n  return (\n    <>\n      <SelectAllStrip\n        rows={c.matched}\n        getRowId={getRowId}\n        selectedIds={c.selectedIds}\n        onChange={(next) => c.setSelectedIds(next)}\n        testIdPrefix={testIdPrefix}\n      />\n      {children}\n    </>\n  );\n}\n\n/**\n * The body for one of the three HEADERLESS layouts, or `null` for the table.\n *\n * Split out from {@link GridMain} so the select-all strip is wrapped around the\n * result exactly once instead of being repeated identically in every branch —\n * which is also what keeps either function inside the line budget.\n */\nfunction headerlessBody<T extends Record<string, unknown>>(\n  { c, getRowId, renderCard, renderListRow, listGroup, board, dataTestId, emptyState }: GridMainProps<T>,\n  { layout, zoom, density }: ReturnType<typeof useDataViewsLayout>,\n): React.ReactNode | null {\n  if (layout === \"list\" && renderListRow) {\n    return (\n      <ListBody\n        rows={c.matched}\n        renderListRow={renderListRow}\n        getRowId={getRowId}\n        selectedIds={c.selectedIds}\n        onToggleId={c.toggleId}\n        rowGap={DENSITY_ROW_PADDING[density]}\n        group={listGroup}\n        density={density}\n        dataTestId={dataTestId}\n        emptyState={emptyState}\n      />\n    );\n  }\n  if (layout === \"board\" && board && renderCard) {\n    return (\n      <DataViewsBoard\n        rows={c.matched}\n        board={board}\n        getRowId={getRowId}\n        renderCard={renderCard}\n        selectedIds={c.selectedIds}\n        onToggleId={c.toggleId}\n        // DENSITY, not zoom: the board's own knob in the Exibição tab is how\n        // wide its columns are, and it is the only sizing control the board\n        // has since the zoom slider was removed.\n        cardScale={DENSITY_BOARD_SCALE[density]}\n        dataTestId={dataTestId}\n      />\n    );\n  }\n  if (layout === \"cards\" && renderCard) {\n    return (\n      <CardBody\n        rows={c.matched}\n        renderCard={renderCard}\n        getRowId={getRowId}\n        selectedIds={c.selectedIds}\n        onToggleId={c.toggleId}\n        targetCardWidth={cardTargetWidthFor(zoom, density)}\n        cardScale={cardScaleForZoom(zoom)}\n        dataTestId={dataTestId}\n        emptyState={emptyState}\n      />\n    );\n  }\n  return null;\n}\n\n/** Picks the body from the layout context: board, list, cards, or the dense grid. */\nexport function GridMain<T extends Record<string, unknown>>(props: GridMainProps<T>): React.JSX.Element {\n  const { c, getRowId, dataTestId, emptyState, testIdPrefix } = props;\n  const layoutState = useDataViewsLayout();\n  const body = headerlessBody(props, layoutState);\n  if (body) {\n    return (\n      <Headerless c={c} getRowId={getRowId} testIdPrefix={testIdPrefix}>\n        {body}\n      </Headerless>\n    );\n  }\n  return (\n    <GridBody\n      rows={c.matched}\n      columns={c.gridColumns}\n      getRowId={getRowId}\n      selectedIds={[...c.selectedIds]}\n      onChangeSelected={(ids) => c.setSelectedIds(new Set(ids))}\n      sortBy={c.state.sortBy}\n      onChangeSortBy={(next: GridSort[]) => c.patch({ sortBy: next })}\n      sortMode={c.serverMode ? \"server\" : \"client\"}\n      rowPadding={DENSITY_ROW_PADDING[layoutState.density]}\n      rowDetail={props.rowDetail}\n      dataTestId={dataTestId}\n      emptyState={emptyState}\n    />\n  );\n}\n\n"],"mappings":"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","names":["default"]}

package/dist/chunk-IGO5DC7D.js

@@ -1,159 +0,0 @@
-import {
-  CategoryQuickActions
-} from "./chunk-V6Z4XS3I.js";
-import {
-  CategoryPanelList
-} from "./chunk-NU3EQX2L.js";
-import {
-  CategoryPanelHead,
-  CategoryPinnedTray
-} from "./chunk-MQZDTGGJ.js";
-import {
-  CategoryMultiFoot,
-  CategorySingleFoot
-} from "./chunk-67N6TH6E.js";
-import {
-  panelSx,
-  sheetSx
-} from "./chunk-LGLHU55A.js";
-import {
-  removeChip
-} from "./chunk-PN4HVM43.js";
-
-// src/components/form/CategorySelect/CategoryPanel.tsx
-import Box from "@mui/material/Box/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-function CategoryPanel({
-  state,
-  chips,
-  rowIds,
-  changed,
-  single,
-  sheet,
-  loading,
-  showCounts,
-  allowParentSelection,
-  ariaLabel,
-  onKeyDown,
-  onActivateCategory,
-  onActivateSubcategory,
-  onApply,
-  onCancel,
-  onCreateCategory,
-  searchInputRef,
-  listRef,
-  dataTestId,
-  copy
-}) {
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      onKeyDown,
-      role: "dialog",
-      "aria-label": ariaLabel,
-      "data-testid": `${dataTestId}-panel`,
-      sx: (theme) => ({ ...panelSx(theme), ...sheet ? sheetSx(theme) : {} }),
-      children: [
-        /* @__PURE__ */ jsx(
-          CategoryPanelHead,
-          {
-            copy,
-            query: state.query,
-            placeholder: single ? copy.search.placeholderSingle : copy.search.placeholderMulti,
-            sheet,
-            quickActions: single ? void 0 : /* @__PURE__ */ jsx(CategoryQuickActions, { state, dataTestId, copy }),
-            onQueryChange: state.setQuery,
-            searchInputRef,
-            dataTestId
-          }
-        ),
-        !single && !loading && /* @__PURE__ */ jsx(PinnedTray, { state, chips, dataTestId, copy }),
-        /* @__PURE__ */ jsx(
-          CategoryPanelList,
-          {
-            copy,
-            groups: state.visibleGroups,
-            query: state.query,
-            draft: state.draft,
-            rowIds,
-            activeIndex: state.activeIndex,
-            sheet,
-            single,
-            loading,
-            showCounts,
-            allowParentSelection,
-            deepTree: state.deepTree,
-            isExpanded: state.isExpanded,
-            onToggleExpanded: state.toggleExpanded,
-            onActivateCategory,
-            onActivateSubcategory,
-            onClearQuery: () => state.setQuery(""),
-            onCreateCategory,
-            listRef,
-            dataTestId
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          PanelFooter,
-          {
-            state,
-            changed,
-            single,
-            sheet,
-            copy,
-            onApply,
-            onCancel,
-            dataTestId
-          }
-        )
-      ]
-    }
-  );
-}
-function PinnedTray({
-  state,
-  chips,
-  dataTestId,
-  copy
-}) {
-  return /* @__PURE__ */ jsx(
-    CategoryPinnedTray,
-    {
-      copy,
-      chips,
-      onRemove: (chipId) => state.setDraft(removeChip(state.allGroups, chipId, state.draft)),
-      dataTestId
-    }
-  );
-}
-function PanelFooter({
-  state,
-  changed,
-  single,
-  sheet,
-  onApply,
-  onCancel,
-  dataTestId,
-  copy
-}) {
-  if (single) {
-    return /* @__PURE__ */ jsx(CategorySingleFoot, { sheet, onCancel, dataTestId, copy });
-  }
-  return /* @__PURE__ */ jsx(
-    CategoryMultiFoot,
-    {
-      count: state.draft.size,
-      changed,
-      sheet,
-      copy,
-      onClear: () => state.setDraft(/* @__PURE__ */ new Set()),
-      onApply,
-      dataTestId
-    }
-  );
-}
-
-export {
-  CategoryPanel
-};
-//# sourceMappingURL=chunk-IGO5DC7D.js.map