@12-apps/ui 6.34.0 → 6.36.0

package/dist/chunk-PKFH6C7W.js

@@ -1,136 +0,0 @@
-import {
-  DataViewsDisplayPanel
-} from "./chunk-EHCUOX6R.js";
-import {
-  DataViewsExportMenu
-} from "./chunk-HRHPRIGT.js";
-import {
-  renderBulkActions
-} from "./chunk-TNDV33LP.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  FilterTrigger
-} from "./chunk-JLWAYBOP.js";
-import {
-  ContentToolbar
-} from "./chunk-SZB2Z6QN.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Text
-} from "./chunk-H57ZS6W2.js";
-
-// src/components/data-display/DataViews/data-views-toolbar.tsx
-import Divider from "@mui/material/Divider/index.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function ToolbarRightControls(props) {
-  const { testIdPrefix, matchedCount, totalCount, filterOpen, setFilterOpen } = props;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !props.counterHidden && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsxs(
-        default2,
-        {
-          component: "span",
-          "data-testid": `${testIdPrefix}-counter`,
-          sx: { whiteSpace: "nowrap" },
-          children: [
-            matchedCount,
-            " de ",
-            totalCount
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsx(
-        Divider,
-        {
-          orientation: "vertical",
-          flexItem: true,
-          sx: { height: 20, alignSelf: "center", mx: 0.5 }
-        }
-      )
-    ] }),
-    props.toolbarRightSlot,
-    /* @__PURE__ */ jsx(
-      DataViewsDisplayPanel,
-      {
-        c: props.c,
-        testIdPrefix,
-        sortKinds: props.sortKinds,
-        view: props.displayView,
-        compact: props.compactControls
-      }
-    ),
-    props.exportConfig && /* @__PURE__ */ jsx(
-      DataViewsExportMenu,
-      {
-        config: props.exportConfig,
-        query: props.c.currentQuery,
-        totalCount: props.totalCount,
-        selectedIds: [...props.c.selectedIds],
-        columns: props.columnOptions.filter((col) => col.visible).map((col) => ({ id: col.id, label: col.label })),
-        testIdPrefix,
-        compact: props.compactControls
-      }
-    ),
-    props.showFilterTrigger !== false && /* @__PURE__ */ jsx(
-      FilterTrigger,
-      {
-        open: filterOpen,
-        onOpenChange: setFilterOpen,
-        activeCount: props.activeFilterCount,
-        "data-testid": `${testIdPrefix}-filters-toggle`
-      }
-    )
-  ] });
-}
-function GridToolbar(props) {
-  const copy = useDataViewsCopy();
-  const { testIdPrefix, selectedRows } = props;
-  return /* @__PURE__ */ jsx(
-    default2,
-    {
-      ref: props.barRef,
-      sx: {
-        borderTop: 1,
-        borderBottom: 1,
-        borderColor: "divider",
-        py: 1.25,
-        mx: { xs: -2, md: -3 },
-        px: { xs: 2, md: 3 }
-      },
-      children: /* @__PURE__ */ jsx(
-        ContentToolbar,
-        {
-          selectAllLabel: copy.selection.selectAll,
-          selectAllText: copy.selection.selectAllOnPage,
-          clearAllText: copy.filters.clearAll,
-          hasSelection: selectedRows.length > 0,
-          selectedCount: selectedRows.length,
-          selectAll: props.selectAll,
-          clearSelection: props.clearSelection,
-          selectAllTestId: `${testIdPrefix}-select-all`,
-          clearAllTestId: `${testIdPrefix}-clear-all`,
-          selectionExtra: props.selectionExtra,
-          actions: renderBulkActions({
-            rowActions: props.rowActions,
-            bulkActions: props.bulkActions,
-            selectedRows,
-            clearSelection: props.clearSelection,
-            testIdPrefix
-          }),
-          leadingControls: props.filterControls,
-          exclusiveSelection: true,
-          rightControls: /* @__PURE__ */ jsx(ToolbarRightControls, { ...props })
-        }
-      )
-    }
-  );
-}
-
-export {
-  GridToolbar
-};
-//# sourceMappingURL=chunk-PKFH6C7W.js.map

package/dist/chunk-PKFH6C7W.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/data-views-toolbar.tsx"],"sourcesContent":["\"use client\";\n\nimport Divider from \"@mui/material/Divider/index.js\";\n\nimport {\n  ContentToolbar,\n  FilterTrigger,\n  type ColumnVisibilityOption,\n  type SortFieldDefinition,\n} from \"../../layout/ContentToolbar\";\nimport { Box } from \"../../../mui/Box\";\nimport { Text } from \"../../typography/Text\";\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { DataViewsDisplayPanel, type DisplayPanelView } from \"./data-views-display-panel\";\nimport { DataViewsExportMenu, type DataViewExport } from \"./data-views-export\";\nimport { renderBulkActions } from \"./data-views-grid-helpers\";\nimport type { RowAction } from \"./data-views-types\";\nimport type { DataViewsController } from \"./use-data-views-state\";\n\nexport interface GridToolbarProps<T extends Record<string, unknown>> {\n  testIdPrefix: string;\n  selectedRows: T[];\n  selectAll: () => void;\n  clearSelection: () => void;\n  rowActions?: RowAction<T>[];\n  bulkActions?: (selectedRows: T[], clearSelection: () => void) => React.ReactNode;\n  /** A control between the count and the actions menu — see `selectionExtra`. */\n  selectionExtra?: React.ReactNode;\n  sortFields: SortFieldDefinition[];\n  activeSortField: string;\n  activeSortOrder: \"asc\" | \"desc\";\n  onChangeSort: (field: string, order: \"asc\" | \"desc\") => void;\n  matchedCount: number;\n  totalCount: number;\n  toolbarRightSlot?: React.ReactNode;\n  columnOptions: ColumnVisibilityOption[];\n  onToggleColumn: (id: string, visible: boolean) => void;\n  filterOpen: boolean;\n  setFilterOpen: (open: boolean) => void;\n  activeFilterCount: number;\n  /** Hide the \"Filtros\" slide-in trigger (compact layout shows filters inline). */\n  showFilterTrigger?: boolean;\n  /**\n   * Search + filter controls, rendered ON the toolbar line rather than on a row\n   * beneath it. Absent ⇒ the toolbar keeps its plain two-cluster shape.\n   */\n  filterControls?: React.ReactNode;\n  /** Measures the toolbar ROW for the filter overflow — see `useFilterOverflow`. */\n  barRef?: React.Ref<HTMLDivElement>;\n  /** The controller, so \"Exibir\" can drive sort, columns, order and format. */\n  c: DataViewsController<T>;\n  /** Per-sort-field value kind, so directions read in the column's own terms. */\n  sortKinds?: Record<string, string>;\n  /** The saved-view chrome bracketing the Exibir panel, when the host has views. */\n  displayView?: DisplayPanelView;\n  /** Injected export. Absent ⇒ no Exportar control. */\n  exportConfig?: DataViewExport;\n  /**\n   * Step 2 of the degradation ladder: Exibir/Exportar as icons only.\n   * MEASURED upstream (see `useFilterOverflow`) rather than switched at a\n   * breakpoint, so a two-filter page keeps its labels where a five-filter one\n   * has already given them up.\n   */\n  compactControls?: boolean;\n  /**\n   * Step 5 of the ladder, and its floor: on a screen too narrow for even the\n   * fully-collapsed row, the counter is dropped so the controls still fit one\n   * line instead of spilling outside the toolbar.\n   */\n  counterHidden?: boolean;\n}\n\n/** The right-aligned toolbar controls: Sort By, the counter, zoom/layout/columns, filters. */\nfunction ToolbarRightControls<T extends Record<string, unknown>>(props: GridToolbarProps<T>): React.JSX.Element {\n  const { testIdPrefix, matchedCount, totalCount, filterOpen, setFilterOpen } = props;\n  return (\n    <>\n      {/* MEASURED, never breakpointed: `RESERVED.counter` prices it into the\n          ladder, so hiding it at `md` was the ladder and a breakpoint\n          disagreeing about the same pixels — which broke the row at exactly\n          900px. It is dropped only as the ladder's last rung. */}\n      {!props.counterHidden && (\n        <>\n          <Text variant=\"caption\" as=\"span\">\n            <Box\n              component=\"span\"\n              data-testid={`${testIdPrefix}-counter`}\n              sx={{ whiteSpace: \"nowrap\" }}\n            >\n              {matchedCount} de {totalCount}\n            </Box>\n          </Text>\n          {/* Divides the READING of the list from the controls that change it —\n              the counter states what is on screen, everything right of here\n              acts on it. */}\n          <Divider\n            orientation=\"vertical\"\n            flexItem\n            sx={{ height: 20, alignSelf: \"center\", mx: 0.5 }}\n          />\n        </>\n      )}\n      {props.toolbarRightSlot}\n      {/* Sort + columns + format, in ONE control — see DataViewsDisplayPanel. */}\n      <DataViewsDisplayPanel\n        c={props.c}\n        testIdPrefix={testIdPrefix}\n        sortKinds={props.sortKinds}\n        view={props.displayView}\n        compact={props.compactControls}\n      />\n      {props.exportConfig && (\n        <DataViewsExportMenu\n          config={props.exportConfig}\n          query={props.c.currentQuery}\n          totalCount={props.totalCount}\n          selectedIds={[...props.c.selectedIds]}\n          columns={props.columnOptions.filter((col) => col.visible).map((col) => ({ id: col.id, label: col.label }))}\n          testIdPrefix={testIdPrefix}\n          compact={props.compactControls}\n        />\n      )}\n      {props.showFilterTrigger !== false && (\n        <FilterTrigger\n          open={filterOpen}\n          onOpenChange={setFilterOpen}\n          activeCount={props.activeFilterCount}\n          data-testid={`${testIdPrefix}-filters-toggle`}\n        />\n      )}\n    </>\n  );\n}\n\n/**\n * The bordered toolbar band: selection chrome + Sort By, the result counter, the\n * saved-views slot, and the filter funnel. The negative margin lets the top/bottom\n * separators reach the sidebar's vertical line and the window edge.\n */\nexport function GridToolbar<T extends Record<string, unknown>>(props: GridToolbarProps<T>): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const { testIdPrefix, selectedRows } = props;\n  return (\n    <Box\n      ref={props.barRef}\n      sx={{\n        borderTop: 1,\n        borderBottom: 1,\n        borderColor: \"divider\",\n        py: 1.25,\n        mx: { xs: -2, md: -3 },\n        px: { xs: 2, md: 3 },\n      }}\n    >\n      <ContentToolbar\n        selectAllLabel={copy.selection.selectAll}\n        selectAllText={copy.selection.selectAllOnPage}\n        clearAllText={copy.filters.clearAll}\n        hasSelection={selectedRows.length > 0}\n        selectedCount={selectedRows.length}\n        selectAll={props.selectAll}\n        clearSelection={props.clearSelection}\n        selectAllTestId={`${testIdPrefix}-select-all`}\n        clearAllTestId={`${testIdPrefix}-clear-all`}\n        selectionExtra={props.selectionExtra}\n        actions={renderBulkActions({\n          rowActions: props.rowActions,\n          bulkActions: props.bulkActions,\n          selectedRows,\n          clearSelection: props.clearSelection,\n          testIdPrefix,\n        })}\n        leadingControls={props.filterControls}\n        // Selection takes the whole line: no Select All while browsing, and no\n        // search/filters/Exibir/Exportar once a row is ticked.\n        exclusiveSelection\n        rightControls={<ToolbarRightControls {...props} />}\n      />\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,aAAa;AAiFZ,mBACE,KACE,YAFJ;AATR,SAAS,qBAAwD,OAA+C;AAC9G,QAAM,EAAE,cAAc,cAAc,YAAY,YAAY,cAAc,IAAI;AAC9E,SACE,iCAKG;AAAA,KAAC,MAAM,iBACN,iCACE;AAAA,0BAAC,QAAK,SAAQ,WAAU,IAAG,QACzB;AAAA,QAACA;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,eAAa,GAAG,YAAY;AAAA,UAC5B,IAAI,EAAE,YAAY,SAAS;AAAA,UAE1B;AAAA;AAAA,YAAa;AAAA,YAAK;AAAA;AAAA;AAAA,MACrB,GACF;AAAA,MAIA;AAAA,QAAC;AAAA;AAAA,UACC,aAAY;AAAA,UACZ,UAAQ;AAAA,UACR,IAAI,EAAE,QAAQ,IAAI,WAAW,UAAU,IAAI,IAAI;AAAA;AAAA,MACjD;AAAA,OACF;AAAA,IAED,MAAM;AAAA,IAEP;AAAA,MAAC;AAAA;AAAA,QACC,GAAG,MAAM;AAAA,QACT;AAAA,QACA,WAAW,MAAM;AAAA,QACjB,MAAM,MAAM;AAAA,QACZ,SAAS,MAAM;AAAA;AAAA,IACjB;AAAA,IACC,MAAM,gBACL;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,MAAM;AAAA,QACd,OAAO,MAAM,EAAE;AAAA,QACf,YAAY,MAAM;AAAA,QAClB,aAAa,CAAC,GAAG,MAAM,EAAE,WAAW;AAAA,QACpC,SAAS,MAAM,cAAc,OAAO,CAAC,QAAQ,IAAI,OAAO,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,IAAI,IAAI,OAAO,IAAI,MAAM,EAAE;AAAA,QACzG;AAAA,QACA,SAAS,MAAM;AAAA;AAAA,IACjB;AAAA,IAED,MAAM,sBAAsB,SAC3B;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,cAAc;AAAA,QACd,aAAa,MAAM;AAAA,QACnB,eAAa,GAAG,YAAY;AAAA;AAAA,IAC9B;AAAA,KAEJ;AAEJ;AAOO,SAAS,YAA+C,OAA+C;AAC5G,QAAM,OAAO,iBAAiB;AAC9B,QAAM,EAAE,cAAc,aAAa,IAAI;AACvC,SACE;AAAA,IAACA;AAAA,IAAA;AAAA,MACC,KAAK,MAAM;AAAA,MACX,IAAI;AAAA,QACF,WAAW;AAAA,QACX,cAAc;AAAA,QACd,aAAa;AAAA,QACb,IAAI;AAAA,QACJ,IAAI,EAAE,IAAI,IAAI,IAAI,GAAG;AAAA,QACrB,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE;AAAA,MACrB;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,gBAAgB,KAAK,UAAU;AAAA,UAC/B,eAAe,KAAK,UAAU;AAAA,UAC9B,cAAc,KAAK,QAAQ;AAAA,UAC3B,cAAc,aAAa,SAAS;AAAA,UACpC,eAAe,aAAa;AAAA,UAC5B,WAAW,MAAM;AAAA,UACjB,gBAAgB,MAAM;AAAA,UACtB,iBAAiB,GAAG,YAAY;AAAA,UAChC,gBAAgB,GAAG,YAAY;AAAA,UAC/B,gBAAgB,MAAM;AAAA,UACtB,SAAS,kBAAkB;AAAA,YACzB,YAAY,MAAM;AAAA,YAClB,aAAa,MAAM;AAAA,YACnB;AAAA,YACA,gBAAgB,MAAM;AAAA,YACtB;AAAA,UACF,CAAC;AAAA,UACD,iBAAiB,MAAM;AAAA,UAGvB,oBAAkB;AAAA,UAClB,eAAe,oBAAC,wBAAsB,GAAG,OAAO;AAAA;AAAA,MAClD;AAAA;AAAA,EACF;AAEJ;","names":["default"]}

package/dist/chunk-PO2RWE7N.js

@@ -1,131 +0,0 @@
-import {
-  FilterChips,
-  PALETTE_CARD_SX,
-  PaletteBody,
-  PaletteInput,
-  PaletteScrollArea,
-  Paper,
-  createKeyDownHandler,
-  ghostRemainder
-} from "./chunk-B3OMUMZO.js";
-
-// src/components/form/SearchPalette/SearchPalette.tsx
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DEFAULT_MAX_ITEMS = 5;
-function resolveOpts(props) {
-  return {
-    maxItems: props.maxItems ?? DEFAULT_MAX_ITEMS,
-    filters: props.filters ?? [],
-    activeFilterIds: props.activeFilterIds ?? [],
-    isLoading: Boolean(props.isLoading),
-    showGhostText: props.showGhostText ?? true,
-    autoFocus: props.autoFocus ?? true
-  };
-}
-function resolveText(props) {
-  return {
-    submitAllLabel: props.submitAllLabel,
-    submitKeyLabel: props.submitKeyLabel,
-    noResultsLabel: props.noResultsLabel,
-    placeholder: props.placeholder,
-    dataTestId: props.dataTestId ?? "search-palette"
-  };
-}
-function SearchPalette(props) {
-  const opts = resolveOpts(props);
-  const text = resolveText(props);
-  const trimmed = props.value.trim();
-  const hasQuery = trimmed.length > 0;
-  const visible = props.items.slice(0, opts.maxItems);
-  const showFooter = Boolean(props.onSubmitAll) && hasQuery;
-  const rowCount = visible.length + (showFooter ? 1 : 0);
-  const footerIndex = showFooter ? visible.length : -1;
-  const [activeIndex, setActiveIndex] = React.useState(0);
-  React.useEffect(() => {
-    setActiveIndex((i) => rowCount === 0 ? 0 : Math.min(i, rowCount - 1));
-  }, [rowCount]);
-  const top = visible[0];
-  const ghost = opts.showGhostText && hasQuery && top ? ghostRemainder(props.getPrimary(top), props.value) : "";
-  const onKeyDown = createKeyDownHandler({
-    rowCount,
-    activeIndex,
-    footerIndex,
-    visible,
-    hasQuery,
-    ghost,
-    top,
-    trimmed,
-    getPrimary: props.getPrimary,
-    onChange: props.onChange,
-    onSelect: props.onSelect,
-    onSubmitAll: props.onSubmitAll,
-    onClose: props.onClose,
-    setActiveIndex
-  });
-  return /* @__PURE__ */ jsxs(
-    Paper,
-    {
-      elevation: 8,
-      className: props.className,
-      "data-testid": text.dataTestId,
-      sx: PALETTE_CARD_SX,
-      children: [
-        /* @__PURE__ */ jsx(
-          PaletteInput,
-          {
-            value: props.value,
-            ghost,
-            isLoading: opts.isLoading,
-            autoFocus: opts.autoFocus,
-            placeholder: text.placeholder,
-            inputAriaLabel: props.inputAriaLabel,
-            hasQuery,
-            onChange: props.onChange,
-            onKeyDown
-          }
-        ),
-        opts.filters.length > 0 && /* @__PURE__ */ jsx(
-          FilterChips,
-          {
-            filters: opts.filters,
-            activeFilterIds: opts.activeFilterIds,
-            onToggleFilter: props.onToggleFilter
-          }
-        ),
-        /* @__PURE__ */ jsx(PaletteScrollArea, { children: /* @__PURE__ */ jsx(
-          PaletteBody,
-          {
-            hasQuery,
-            emptyQueryContent: props.emptyQueryContent,
-            visible,
-            isLoading: opts.isLoading,
-            noResultsLabel: text.noResultsLabel,
-            showFooter,
-            footerIndex,
-            activeIndex,
-            trimmed,
-            submitAllLabel: text.submitAllLabel,
-            submitKeyLabel: text.submitKeyLabel,
-            getKey: props.getKey,
-            getPrimary: props.getPrimary,
-            getSecondary: props.getSecondary,
-            getLead: props.getLead,
-            getTrailing: props.getTrailing,
-            onSelect: props.onSelect,
-            onSubmitAll: props.onSubmitAll,
-            setActiveIndex
-          }
-        ) })
-      ]
-    }
-  );
-}
-SearchPalette.displayName = "SearchPalette";
-var SearchPalette_default = SearchPalette;
-
-export {
-  SearchPalette,
-  SearchPalette_default
-};
-//# sourceMappingURL=chunk-PO2RWE7N.js.map

package/dist/chunk-PRVK3U6U.js

@@ -1,169 +0,0 @@
-import {
-  SettingsStatusMarker
-} from "./chunk-QXTO3G2T.js";
-import {
-  TOUCH_TARGET,
-  atLeastRail
-} from "./chunk-LIG7TKIB.js";
-
-// src/components/layout/SettingsLayout/SettingsLayout.items.tsx
-import Box from "@mui/material/Box/index.js";
-import List from "@mui/material/List/index.js";
-import ListItem from "@mui/material/ListItem/index.js";
-import ListItemButton from "@mui/material/ListItemButton/index.js";
-import ListItemIcon from "@mui/material/ListItemIcon/index.js";
-import ListItemText from "@mui/material/ListItemText/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { alpha, useTheme } from "@mui/material/styles/index.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function RailItemContent({
-  item,
-  active,
-  testIdPrefix
-}) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    item.icon ? /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: 0, color: "inherit" }, children: item.icon }) : null,
-    /* @__PURE__ */ jsx(
-      ListItemText,
-      {
-        primary: item.label,
-        primaryTypographyProps: { variant: "body2", noWrap: true, fontWeight: active ? 600 : 500 }
-      }
-    ),
-    item.status ? /* @__PURE__ */ jsx(
-      SettingsStatusMarker,
-      {
-        status: item.status,
-        label: item.statusLabel,
-        testId: `${testIdPrefix}-status-${item.id}`
-      }
-    ) : null
-  ] });
-}
-function SettingsRailItem({
-  item,
-  active,
-  linkComponent,
-  onSelectItem,
-  onNavigate,
-  testIdPrefix,
-  variant,
-  breakpoint
-}) {
-  const theme = useTheme();
-  const touchFloor = variant === "drilldown" ? { minHeight: TOUCH_TARGET, [atLeastRail(theme, breakpoint)]: { minHeight: "auto" } } : null;
-  const shared = {
-    "data-testid": `${testIdPrefix}-item-${item.id}`,
-    sx: {
-      borderRadius: 1.5,
-      mb: 0.25,
-      gap: 1.5,
-      ...touchFloor,
-      color: active ? "primary.main" : "text.secondary",
-      "&.Mui-selected": {
-        bgcolor: alpha(theme.palette.primary.main, 0.12),
-        "&:hover": { bgcolor: alpha(theme.palette.primary.main, 0.18) }
-      }
-    }
-  };
-  const content = /* @__PURE__ */ jsx(RailItemContent, { item, active, testIdPrefix });
-  if (item.inert) {
-    return /* @__PURE__ */ jsx(ListItem, { ...shared, "data-inert": "true", children: content });
-  }
-  const interactive = {
-    ...shared,
-    selected: active,
-    "aria-current": active ? "page" : void 0
-  };
-  if (item.href && linkComponent) {
-    const LinkComponent = linkComponent;
-    return /* @__PURE__ */ jsx(
-      ListItemButton,
-      {
-        component: LinkComponent,
-        href: item.href,
-        onClick: onNavigate,
-        ...interactive,
-        children: content
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    ListItemButton,
-    {
-      onClick: () => {
-        onSelectItem?.(item.id);
-        onNavigate?.();
-      },
-      ...interactive,
-      children: content
-    }
-  );
-}
-function indexListSx(shape) {
-  if (shape.variant !== "drilldown" || !shape.atIndex) return null;
-  return (theme) => ({
-    display: "grid",
-    gridTemplateColumns: "1fr",
-    // One spacing unit (8px). This is an `sx` callback, where a bare 8 is
-    // EIGHT units — it drew a 64px gutter between the two columns.
-    columnGap: 1,
-    [theme.breakpoints.up("sm")]: { gridTemplateColumns: "1fr 1fr" },
-    [atLeastRail(theme, shape.breakpoint)]: { gridTemplateColumns: "1fr" }
-  });
-}
-function SettingsRailGroup({
-  group,
-  activeItemId,
-  linkComponent,
-  onSelectItem,
-  onNavigate,
-  testIdPrefix,
-  ...shape
-}) {
-  const grid = indexListSx(shape);
-  return /* @__PURE__ */ jsxs(Box, { "data-testid": `${testIdPrefix}-group-${group.id}`, sx: { mb: 2 }, children: [
-    /* @__PURE__ */ jsx(
-      Typography,
-      {
-        variant: "caption",
-        sx: {
-          display: "block",
-          px: 1,
-          color: "text.secondary",
-          fontWeight: 600,
-          textTransform: "uppercase",
-          letterSpacing: "0.06em"
-        },
-        children: group.label
-      }
-    ),
-    group.description ? /* @__PURE__ */ jsx(Typography, { variant: "caption", component: "p", sx: { px: 1, mt: 0.25, color: "text.disabled" }, children: group.description }) : null,
-    /* @__PURE__ */ jsx(
-      List,
-      {
-        disablePadding: true,
-        sx: (theme) => ({ mt: 0.5, ...grid ? grid(theme) : null }),
-        children: group.items.map((item) => /* @__PURE__ */ jsx(
-          SettingsRailItem,
-          {
-            item,
-            active: item.id === activeItemId,
-            linkComponent,
-            onSelectItem,
-            onNavigate,
-            testIdPrefix,
-            ...shape
-          },
-          item.id
-        ))
-      }
-    )
-  ] });
-}
-
-export {
-  SettingsRailItem,
-  SettingsRailGroup
-};
-//# sourceMappingURL=chunk-PRVK3U6U.js.map