@12-apps/ui 6.11.1 → 6.12.1

package/dist/chunk-JQCWDFFH.js

@@ -1,116 +0,0 @@
-import {
-  GridBody,
-  GridHeader
-} from "./chunk-ZHILFSFU.js";
-import {
-  DataGridEmpty,
-  DataGridError,
-  DataGridLoading
-} from "./chunk-6PFNFMGY.js";
-import {
-  useDataGridModel
-} from "./chunk-DLJGBJZW.js";
-
-// src/components/data-display/DataGrid/DataGrid.tsx
-import { Paper, Table, TableContainer } from "@mui/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-function resolveChrome(props) {
-  const { className, style, "data-testid": dataTestId, ...rest } = props;
-  const stickyHeader = props.stickyHeader ?? true;
-  return {
-    dataAttrs: {
-      "data-ui": "datagrid",
-      "data-density": props.density ?? "comfortable",
-      "data-size-mode": props.sizeMode ?? "auto",
-      "data-virtual-rows": props.virtualizeRows ?? true,
-      "data-virtual-cols": props.virtualizeColumns ?? false,
-      "data-sticky-header": stickyHeader
-    },
-    placeholder: {
-      dataTestId,
-      ariaLabel: props.ariaLabel ?? "Data grid",
-      className,
-      style,
-      // Only the DOM-safe leftovers reach the element: every grid-specific prop
-      // is named in `GRID_ONLY_PROPS`, so this cannot smuggle `rows` onto a div.
-      htmlProps: omitGridProps(rest)
-    }
-  };
-}
-var DataGrid = (props) => {
-  const model = useDataGridModel(props);
-  const { dataAttrs, placeholder } = resolveChrome(props);
-  if (props.loading) return /* @__PURE__ */ jsx(DataGridLoading, { ...placeholder });
-  if (props.error) return /* @__PURE__ */ jsx(DataGridError, { ...placeholder, error: props.error });
-  if (model.processedRows.length === 0) {
-    return /* @__PURE__ */ jsx(DataGridEmpty, { ...placeholder, emptyState: props.emptyState, emptyText: props.emptyText });
-  }
-  const leadingColumns = (props.selection?.mode ?? "none") !== "none" ? 1 : 0;
-  const totalColumns = model.visibleColumns.length + leadingColumns + (props.expansion ? 1 : 0);
-  const section = { model, props, totalColumns };
-  return /* @__PURE__ */ jsx(
-    Paper,
-    {
-      ref: model.containerRef,
-      ...dataAttrs,
-      "data-testid": placeholder.dataTestId,
-      className: placeholder.className,
-      style: placeholder.style,
-      role: "grid",
-      "aria-label": placeholder.ariaLabel,
-      "aria-description": props.ariaDescription,
-      "aria-rowcount": model.processedRows.length + 1,
-      "aria-colcount": totalColumns,
-      sx: { height: "100%", overflow: "hidden", display: "flex", flexDirection: "column" },
-      ...placeholder.htmlProps,
-      children: /* @__PURE__ */ jsx(
-        TableContainer,
-        {
-          sx: { flex: 1, overflow: "auto", position: "relative" },
-          onScroll: model.onScroll,
-          children: /* @__PURE__ */ jsxs(Table, { stickyHeader: props.stickyHeader ?? true, children: [
-            /* @__PURE__ */ jsx(GridHeader, { ...section }),
-            /* @__PURE__ */ jsx(GridBody, { ...section })
-          ] })
-        }
-      )
-    }
-  );
-};
-var GRID_ONLY_PROPS = [
-  "rows",
-  "columns",
-  "getRowId",
-  "sizeMode",
-  "density",
-  "rowHeight",
-  "headerHeight",
-  "footerHeight",
-  "selection",
-  "pagination",
-  "sorting",
-  "filtering",
-  "expansion",
-  "editing",
-  "virtualizeRows",
-  "virtualizeColumns",
-  "stickyHeader",
-  "stickyFooter",
-  "loading",
-  "error",
-  "emptyState",
-  "onRequestData",
-  "ariaLabel",
-  "ariaDescription"
-];
-function omitGridProps(rest) {
-  const html = { ...rest };
-  for (const key of GRID_ONLY_PROPS) delete html[key];
-  return html;
-}
-DataGrid.displayName = "DataGrid";
-
-export {
-  DataGrid
-};
-//# sourceMappingURL=chunk-JQCWDFFH.js.map

package/dist/chunk-JQCWDFFH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataGrid/DataGrid.tsx"],"sourcesContent":["/**\n * `DataGrid` — the shell.\n *\n * Everything that is not \"which of the four renders is this, and what wraps the\n * table\" lives beside it: the state in `DataGrid.model.ts`, the client-mode row\n * pipeline in `DataGrid.rows.ts`, the cells and rows in `DataGrid.cells.tsx`,\n * the head/body in `DataGrid.body.tsx`, and the loading/error/empty renders in\n * `DataGrid.states.tsx`.\n *\n * All FOUR renders carry the caller's `data-testid`. It used to be applied only\n * on the populated one, so a grid whose first paint had no rows could not be\n * found by a test at all — see `DataGrid.states.tsx` for the full story.\n */\nimport { Paper, Table, TableContainer } from '@mui/material';\nimport type React from 'react';\n\nimport { GridBody, GridHeader } from './DataGrid.body';\nimport { useDataGridModel } from './DataGrid.model';\nimport { DataGridEmpty, DataGridError, DataGridLoading } from './DataGrid.states';\nimport type { DataGridProps } from './DataGrid.types';\n\n/**\n * The chrome every render needs, with the defaults resolved ONCE.\n *\n * Extracted from the component body because a dozen destructuring defaults are\n * a dozen branches: the gate counted them, correctly, as complexity the render\n * did not need to carry.\n */\nfunction resolveChrome<T extends Record<string, unknown>>(props: DataGridProps<T>): {\n  dataAttrs: Record<string, unknown>;\n  placeholder: {\n    dataTestId?: string;\n    ariaLabel: string;\n    className?: string;\n    style?: React.CSSProperties;\n    htmlProps: React.HTMLAttributes<HTMLElement>;\n  };\n} {\n  const { className, style, 'data-testid': dataTestId, ...rest } = props;\n  const stickyHeader = props.stickyHeader ?? true;\n  return {\n    dataAttrs: {\n      'data-ui': 'datagrid',\n      'data-density': props.density ?? 'comfortable',\n      'data-size-mode': props.sizeMode ?? 'auto',\n      'data-virtual-rows': props.virtualizeRows ?? true,\n      'data-virtual-cols': props.virtualizeColumns ?? false,\n      'data-sticky-header': stickyHeader,\n    },\n    placeholder: {\n      dataTestId,\n      ariaLabel: props.ariaLabel ?? 'Data grid',\n      className,\n      style,\n      // Only the DOM-safe leftovers reach the element: every grid-specific prop\n      // is named in `GRID_ONLY_PROPS`, so this cannot smuggle `rows` onto a div.\n      htmlProps: omitGridProps(rest as Record<string, unknown>),\n    },\n  };\n}\n\nexport const DataGrid = <T extends Record<string, unknown> = Record<string, unknown>>(\n  props: DataGridProps<T>,\n): React.JSX.Element => {\n  const model = useDataGridModel(props);\n  const { dataAttrs, placeholder } = resolveChrome(props);\n\n  if (props.loading) return <DataGridLoading {...placeholder} />;\n  if (props.error) return <DataGridError {...placeholder} error={props.error} />;\n  if (model.processedRows.length === 0) {\n    return <DataGridEmpty {...placeholder} emptyState={props.emptyState} emptyText={props.emptyText} />;\n  }\n\n  const leadingColumns = (props.selection?.mode ?? 'none') !== 'none' ? 1 : 0;\n  const totalColumns =\n    model.visibleColumns.length + leadingColumns + (props.expansion ? 1 : 0);\n  const section = { model, props, totalColumns };\n\n  return (\n    <Paper\n      ref={model.containerRef}\n      {...dataAttrs}\n      data-testid={placeholder.dataTestId}\n      className={placeholder.className}\n      style={placeholder.style}\n      role=\"grid\"\n      aria-label={placeholder.ariaLabel}\n      aria-description={props.ariaDescription}\n      aria-rowcount={model.processedRows.length + 1} // +1 for the header row\n      aria-colcount={totalColumns}\n      sx={{ height: '100%', overflow: 'hidden', display: 'flex', flexDirection: 'column' }}\n      {...placeholder.htmlProps}\n    >\n      <TableContainer\n        sx={{ flex: 1, overflow: 'auto', position: 'relative' }}\n        onScroll={model.onScroll}\n      >\n        <Table stickyHeader={props.stickyHeader ?? true}>\n          <GridHeader {...section} />\n          <GridBody {...section} />\n        </Table>\n      </TableContainer>\n    </Paper>\n  );\n};\n\n/**\n * The grid props that are NOT HTML attributes.\n *\n * `DataGridProps` extends `HTMLAttributes`, so the rest-spread carries the\n * grid's own configuration too. React would warn (or worse, serialize an array\n * of rows into an attribute) if any of it reached the DOM.\n */\nconst GRID_ONLY_PROPS = [\n  'rows',\n  'columns',\n  'getRowId',\n  'sizeMode',\n  'density',\n  'rowHeight',\n  'headerHeight',\n  'footerHeight',\n  'selection',\n  'pagination',\n  'sorting',\n  'filtering',\n  'expansion',\n  'editing',\n  'virtualizeRows',\n  'virtualizeColumns',\n  'stickyHeader',\n  'stickyFooter',\n  'loading',\n  'error',\n  'emptyState',\n  'onRequestData',\n  'ariaLabel',\n  'ariaDescription',\n] as const;\n\nfunction omitGridProps(rest: Record<string, unknown>): React.HTMLAttributes<HTMLElement> {\n  const html: Record<string, unknown> = { ...rest };\n  for (const key of GRID_ONLY_PROPS) delete html[key];\n  return html as React.HTMLAttributes<HTMLElement>;\n}\n\nDataGrid.displayName = 'DataGrid';\n"],"mappings":";;;;;;;;;;;;;;AAaA,SAAS,OAAO,OAAO,sBAAsB;AAsDjB,cA8BpB,YA9BoB;AAvC5B,SAAS,cAAiD,OASxD;AACA,QAAM,EAAE,WAAW,OAAO,eAAe,YAAY,GAAG,KAAK,IAAI;AACjE,QAAM,eAAe,MAAM,gBAAgB;AAC3C,SAAO;AAAA,IACL,WAAW;AAAA,MACT,WAAW;AAAA,MACX,gBAAgB,MAAM,WAAW;AAAA,MACjC,kBAAkB,MAAM,YAAY;AAAA,MACpC,qBAAqB,MAAM,kBAAkB;AAAA,MAC7C,qBAAqB,MAAM,qBAAqB;AAAA,MAChD,sBAAsB;AAAA,IACxB;AAAA,IACA,aAAa;AAAA,MACX;AAAA,MACA,WAAW,MAAM,aAAa;AAAA,MAC9B;AAAA,MACA;AAAA;AAAA;AAAA,MAGA,WAAW,cAAc,IAA+B;AAAA,IAC1D;AAAA,EACF;AACF;AAEO,IAAM,WAAW,CACtB,UACsB;AACtB,QAAM,QAAQ,iBAAiB,KAAK;AACpC,QAAM,EAAE,WAAW,YAAY,IAAI,cAAc,KAAK;AAEtD,MAAI,MAAM,QAAS,QAAO,oBAAC,mBAAiB,GAAG,aAAa;AAC5D,MAAI,MAAM,MAAO,QAAO,oBAAC,iBAAe,GAAG,aAAa,OAAO,MAAM,OAAO;AAC5E,MAAI,MAAM,cAAc,WAAW,GAAG;AACpC,WAAO,oBAAC,iBAAe,GAAG,aAAa,YAAY,MAAM,YAAY,WAAW,MAAM,WAAW;AAAA,EACnG;AAEA,QAAM,kBAAkB,MAAM,WAAW,QAAQ,YAAY,SAAS,IAAI;AAC1E,QAAM,eACJ,MAAM,eAAe,SAAS,kBAAkB,MAAM,YAAY,IAAI;AACxE,QAAM,UAAU,EAAE,OAAO,OAAO,aAAa;AAE7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,MAAM;AAAA,MACV,GAAG;AAAA,MACJ,eAAa,YAAY;AAAA,MACzB,WAAW,YAAY;AAAA,MACvB,OAAO,YAAY;AAAA,MACnB,MAAK;AAAA,MACL,cAAY,YAAY;AAAA,MACxB,oBAAkB,MAAM;AAAA,MACxB,iBAAe,MAAM,cAAc,SAAS;AAAA,MAC5C,iBAAe;AAAA,MACf,IAAI,EAAE,QAAQ,QAAQ,UAAU,UAAU,SAAS,QAAQ,eAAe,SAAS;AAAA,MAClF,GAAG,YAAY;AAAA,MAEhB;AAAA,QAAC;AAAA;AAAA,UACC,IAAI,EAAE,MAAM,GAAG,UAAU,QAAQ,UAAU,WAAW;AAAA,UACtD,UAAU,MAAM;AAAA,UAEhB,+BAAC,SAAM,cAAc,MAAM,gBAAgB,MACzC;AAAA,gCAAC,cAAY,GAAG,SAAS;AAAA,YACzB,oBAAC,YAAU,GAAG,SAAS;AAAA,aACzB;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AASA,IAAM,kBAAkB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,SAAS,cAAc,MAAkE;AACvF,QAAM,OAAgC,EAAE,GAAG,KAAK;AAChD,aAAW,OAAO,gBAAiB,QAAO,KAAK,GAAG;AAClD,SAAO;AACT;AAEA,SAAS,cAAc;","names":[]}

package/dist/chunk-JU2NUKOP.js

@@ -1,68 +0,0 @@
-// src/components/layout/ContentToolbar/FilterTrigger.tsx
-import FilterIcon from "@mui/icons-material/FilterListRounded";
-import { Box, Button } from "@mui/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-function FilterTrigger({
-  open,
-  onOpenChange,
-  hasActiveFilters = false,
-  activeCount = 0,
-  label = "Filtros",
-  "data-testid": testId = "toggle-filters-btn"
-}) {
-  const active = activeCount > 0 || hasActiveFilters;
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      variant: "text",
-      size: "small",
-      color: "inherit",
-      "data-testid": testId,
-      "aria-expanded": open,
-      "aria-label": open ? "Close filters" : "Open filters",
-      onClick: () => onOpenChange(!open),
-      startIcon: /* @__PURE__ */ jsx(FilterIcon, { sx: { fontSize: 16 } }),
-      sx: {
-        minWidth: 0,
-        height: 32,
-        px: 1,
-        gap: 0.25,
-        textTransform: "none",
-        fontWeight: 600,
-        color: active ? "primary.main" : "text.primary",
-        bgcolor: open ? "action.selected" : "transparent"
-      },
-      children: [
-        label,
-        activeCount > 0 && /* @__PURE__ */ jsx(
-          Box,
-          {
-            component: "span",
-            "data-testid": `${testId}-count`,
-            sx: {
-              ml: 0.5,
-              minWidth: 18,
-              height: 18,
-              px: 0.5,
-              borderRadius: 999,
-              display: "inline-flex",
-              alignItems: "center",
-              justifyContent: "center",
-              fontSize: "0.7rem",
-              fontWeight: 700,
-              lineHeight: 1,
-              bgcolor: "primary.main",
-              color: "primary.contrastText"
-            },
-            children: activeCount
-          }
-        )
-      ]
-    }
-  );
-}
-
-export {
-  FilterTrigger
-};
-//# sourceMappingURL=chunk-JU2NUKOP.js.map

package/dist/chunk-JU2NUKOP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/layout/ContentToolbar/FilterTrigger.tsx"],"sourcesContent":["'use client';\n\nimport FilterIcon from '@mui/icons-material/FilterListRounded';\nimport { Box, Button } from '@mui/material';\nimport React from 'react';\n\nimport type { FilterTriggerProps } from './ContentToolbar.types';\n\n/**\n * Labeled filter toggle: a \"Filtros\" button (styled like the sibling toolbar\n * controls) with a funnel icon and, when filters are active, a count badge — so\n * it's obvious that the list is filtered and by how many facets. The panel itself\n * is supplied by the consumer.\n */\nexport function FilterTrigger({\n  open,\n  onOpenChange,\n  hasActiveFilters = false,\n  activeCount = 0,\n  label = 'Filtros',\n  'data-testid': testId = 'toggle-filters-btn',\n}: FilterTriggerProps): React.JSX.Element {\n  const active = activeCount > 0 || hasActiveFilters;\n  return (\n    <Button\n      variant=\"text\"\n      size=\"small\"\n      color=\"inherit\"\n      data-testid={testId}\n      aria-expanded={open}\n      aria-label={open ? 'Close filters' : 'Open filters'}\n      onClick={() => onOpenChange(!open)}\n      startIcon={<FilterIcon sx={{ fontSize: 16 }} />}\n      sx={{\n        minWidth: 0,\n        height: 32,\n        px: 1,\n        gap: 0.25,\n        textTransform: 'none',\n        fontWeight: 600,\n        color: active ? 'primary.main' : 'text.primary',\n        bgcolor: open ? 'action.selected' : 'transparent',\n      }}\n    >\n      {label}\n      {activeCount > 0 && (\n        <Box\n          component=\"span\"\n          data-testid={`${testId}-count`}\n          sx={{\n            ml: 0.5,\n            minWidth: 18,\n            height: 18,\n            px: 0.5,\n            borderRadius: 999,\n            display: 'inline-flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            fontSize: '0.7rem',\n            fontWeight: 700,\n            lineHeight: 1,\n            bgcolor: 'primary.main',\n            color: 'primary.contrastText',\n          }}\n        >\n          {activeCount}\n        </Box>\n      )}\n    </Button>\n  );\n}\n"],"mappings":";AAEA,OAAO,gBAAgB;AACvB,SAAS,KAAK,cAAc;AAqBxB,SAQa,KARb;AAVG,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,eAAe,SAAS;AAC1B,GAA0C;AACxC,QAAM,SAAS,cAAc,KAAK;AAClC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,eAAa;AAAA,MACb,iBAAe;AAAA,MACf,cAAY,OAAO,kBAAkB;AAAA,MACrC,SAAS,MAAM,aAAa,CAAC,IAAI;AAAA,MACjC,WAAW,oBAAC,cAAW,IAAI,EAAE,UAAU,GAAG,GAAG;AAAA,MAC7C,IAAI;AAAA,QACF,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,IAAI;AAAA,QACJ,KAAK;AAAA,QACL,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,OAAO,SAAS,iBAAiB;AAAA,QACjC,SAAS,OAAO,oBAAoB;AAAA,MACtC;AAAA,MAEC;AAAA;AAAA,QACA,cAAc,KACb;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAa,GAAG,MAAM;AAAA,YACtB,IAAI;AAAA,cACF,IAAI;AAAA,cACJ,UAAU;AAAA,cACV,QAAQ;AAAA,cACR,IAAI;AAAA,cACJ,cAAc;AAAA,cACd,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,gBAAgB;AAAA,cAChB,UAAU;AAAA,cACV,YAAY;AAAA,cACZ,YAAY;AAAA,cACZ,SAAS;AAAA,cACT,OAAO;AAAA,YACT;AAAA,YAEC;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/chunk-JWA6J352.js

@@ -1,182 +0,0 @@
-import {
-  DiscloseSlot,
-  DragSlot,
-  SelectSlot
-} from "./chunk-VBA7J2MR.js";
-import {
-  actionProps,
-  metaShape,
-  rowStyles,
-  useRowShell
-} from "./chunk-WE2WKC6F.js";
-import {
-  ListCardActions,
-  ListCardCaption,
-  ListCardMeta,
-  ListCardTail
-} from "./chunk-25ZHYJIV.js";
-import {
-  useDisclosure
-} from "./chunk-2JCRNWHE.js";
-import {
-  DropIndicator
-} from "./chunk-4HJOBQ7X.js";
-import {
-  cellRailsTemplate
-} from "./chunk-EPWXEGLH.js";
-import {
-  ListCardCells,
-  cellTracks,
-  useCellConfig
-} from "./chunk-VA5DNBWZ.js";
-import {
-  Box
-} from "./chunk-34DQAXL2.js";
-import {
-  Card
-} from "./chunk-SIKI6I7S.js";
-
-// src/components/data-display/DataViews/base-list-card.tsx
-import { Collapse } from "@mui/material";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function useResolvedCells(props, inGroup) {
-  const groupCells = useCellConfig();
-  const cells = groupCells ?? props.cells ?? null;
-  const configured = cells != null && cells.length > 0 && props.row != null;
-  const cellTemplate = configured && !inGroup ? cellRailsTemplate(cellTracks(cells)) : null;
-  return { cells, configured, cellTemplate };
-}
-function RowContent({
-  card,
-  cells,
-  configured,
-  slot,
-  actionable,
-  meta
-}) {
-  if (configured && cells != null) {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(ListCardCells, { cells, row: card.row }),
-      /* @__PURE__ */ jsx(
-        ListCardActions,
-        {
-          actions: actionable ? card.actions : void 0,
-          alwaysVisible: card.actionsAlwaysVisible,
-          menu: card.menu,
-          testId: slot
-        }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      ListCardCaption,
-      {
-        title: card.title,
-        subtitle: card.subtitle,
-        href: card.href,
-        target: card.target,
-        testId: slot("title")
-      }
-    ),
-    /* @__PURE__ */ jsx(ListCardMeta, { meta: card.meta, metaSlot: card.metaSlot, trailingRule: card.value != null }),
-    /* @__PURE__ */ jsx(
-      ListCardTail,
-      {
-        value: card.value,
-        separated: meta.present,
-        actions: actionable ? card.actions : void 0,
-        actionsAlwaysVisible: card.actionsAlwaysVisible,
-        menu: card.menu,
-        testId: slot
-      }
-    )
-  ] });
-}
-function ExpandableBody({
-  disclosure,
-  padY,
-  pad,
-  children
-}) {
-  if (!disclosure.expandable) return /* @__PURE__ */ jsx(Fragment, {});
-  return /* @__PURE__ */ jsx(Box, { sx: { gridColumn: "1 / -1", minWidth: 0 }, children: /* @__PURE__ */ jsx(Collapse, { in: disclosure.expanded, timeout: 150, children: /* @__PURE__ */ jsx(
-    Box,
-    {
-      id: disclosure.regionId,
-      role: "region",
-      sx: {
-        minWidth: 0,
-        // `padY`, not a fraction of the horizontal padding. The card's own
-        // `py` wraps the summary AND the body, so once the body is in flow
-        // the summary has no bottom padding of its own — at `comfortable`
-        // the row visibly lost the height it had while closed.
-        mt: padY,
-        pt: padY,
-        // A RULE BETWEEN SUMMARY AND BODY, bled through the row's horizontal
-        // padding so it spans the card edge to edge. Inset, it reads as a
-        // border around the content rather than a division of the card.
-        borderTop: 1,
-        borderColor: "divider",
-        mx: -pad,
-        px: pad
-      },
-      children
-    }
-  ) }) });
-}
-function BaseListCard(props) {
-  const { selected = false, onClick } = props;
-  const shell = useRowShell(props);
-  const { actionable, selectable, slot, drag, reserve, pad, padY, acts } = shell;
-  const meta = metaShape(props);
-  const disclosure = useDisclosure(props);
-  const { cells, configured, cellTemplate } = useResolvedCells(props, shell.group != null);
-  return /* @__PURE__ */ jsxs(
-    Card,
-    {
-      variant: "outlined",
-      className: props.className,
-      dataTestId: props.testId,
-      "aria-label": props["aria-label"],
-      "aria-disabled": actionable ? void 0 : true,
-      onContextMenu: props.onContextMenu,
-      ...acts ? actionProps(onClick) : {},
-      ...drag.itemProps,
-      sx: rowStyles(props, shell, cellTemplate),
-      children: [
-        drag.dropEdge != null && /* @__PURE__ */ jsx(DropIndicator, { edge: drag.dropEdge }),
-        /* @__PURE__ */ jsx(
-          DiscloseSlot,
-          {
-            expandable: disclosure.expandable,
-            expanded: disclosure.expanded,
-            reserve,
-            onToggle: disclosure.toggle,
-            controls: disclosure.regionId,
-            testId: slot("disclose")
-          }
-        ),
-        /* @__PURE__ */ jsx(DragSlot, { drag, reserve, testId: slot("drag") }),
-        /* @__PURE__ */ jsx(
-          SelectSlot,
-          {
-            selectable,
-            selected,
-            reserve,
-            onToggleSelect: props.onToggleSelect,
-            testId: slot("checkbox")
-          }
-        ),
-        /* @__PURE__ */ jsx(Box, { "data-slot": "leading", sx: { display: "flex", alignItems: "center" }, children: props.leading }),
-        /* @__PURE__ */ jsx(RowContent, { card: props, cells, configured, slot, actionable, meta }),
-        /* @__PURE__ */ jsx(ExpandableBody, { disclosure, padY, pad, children: props.children })
-      ]
-    }
-  );
-}
-
-export {
-  BaseListCard
-};
-//# sourceMappingURL=chunk-JWA6J352.js.map

package/dist/chunk-JWA6J352.js.map

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

package/dist/chunk-JWBTG3CP.js

@@ -1,52 +0,0 @@
-// src/components/form/RadioGroup/RadioGroup.animations.ts
-import { keyframes } from "@mui/material";
-var glowAnimation = keyframes`
-  0% {
-    box-shadow: 0 0 5px currentColor;
-  }
-  50% {
-    box-shadow: 0 0 15px currentColor, 0 0 25px currentColor;
-  }
-  100% {
-    box-shadow: 0 0 5px currentColor;
-  }
-`;
-var slideAnimation = keyframes`
-  from {
-    opacity: 0;
-    transform: translateX(-20px);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(0);
-  }
-`;
-var scaleAnimation = keyframes`
-  0% {
-    transform: scale(0.95);
-  }
-  50% {
-    transform: scale(1.05);
-  }
-  100% {
-    transform: scale(1);
-  }
-`;
-var rippleAnimation = keyframes`
-  0% {
-    transform: scale(0);
-    opacity: 1;
-  }
-  100% {
-    transform: scale(4);
-    opacity: 0;
-  }
-`;
-
-export {
-  glowAnimation,
-  slideAnimation,
-  scaleAnimation,
-  rippleAnimation
-};
-//# sourceMappingURL=chunk-JWBTG3CP.js.map

package/dist/chunk-JWBTG3CP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/RadioGroup/RadioGroup.animations.ts"],"sourcesContent":["import { keyframes } from '@mui/material';\n\nexport const glowAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 5px currentColor;\n  }\n  50% {\n    box-shadow: 0 0 15px currentColor, 0 0 25px currentColor;\n  }\n  100% {\n    box-shadow: 0 0 5px currentColor;\n  }\n`;\n\nexport const slideAnimation = keyframes`\n  from {\n    opacity: 0;\n    transform: translateX(-20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n`;\n\nexport const scaleAnimation = keyframes`\n  0% {\n    transform: scale(0.95);\n  }\n  50% {\n    transform: scale(1.05);\n  }\n  100% {\n    transform: scale(1);\n  }\n`;\n\nexport const rippleAnimation = keyframes`\n  0% {\n    transform: scale(0);\n    opacity: 1;\n  }\n  100% {\n    transform: scale(4);\n    opacity: 0;\n  }\n`;\n\n"],"mappings":";AAAA,SAAS,iBAAiB;AAEnB,IAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYtB,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWvB,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYvB,IAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}

package/dist/chunk-JZMMPFQT.js

@@ -1,155 +0,0 @@
-import {
-  useLightboxCopy
-} from "./chunk-TEQYTEM2.js";
-import {
-  OVERLAY_Z_INDEX,
-  navButtonSx,
-  overlayButtonSx
-} from "./chunk-56SJYTIT.js";
-
-// src/components/data-display/Lightbox/LightboxControls.tsx
-import PrevIcon from "@mui/icons-material/ChevronLeft";
-import NextIcon from "@mui/icons-material/ChevronRight";
-import CloseIcon from "@mui/icons-material/Close";
-import PauseIcon from "@mui/icons-material/Pause";
-import PlayIcon from "@mui/icons-material/PlayArrow";
-import ResetZoomIcon from "@mui/icons-material/RestartAlt";
-import ZoomInIcon from "@mui/icons-material/ZoomIn";
-import ZoomOutIcon from "@mui/icons-material/ZoomOut";
-import { Box, IconButton } from "@mui/material";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var LightboxCloseButton = ({
-  testId,
-  onClose
-}) => {
-  const copy = useLightboxCopy();
-  return /* @__PURE__ */ jsx(
-    IconButton,
-    {
-      onClick: onClose,
-      sx: { ...overlayButtonSx, position: "absolute", top: 16, right: 16, zIndex: OVERLAY_Z_INDEX },
-      "aria-label": copy.close,
-      "data-testid": testId("close"),
-      children: /* @__PURE__ */ jsx(CloseIcon, {})
-    }
-  );
-};
-var arrowSx = (side) => ({
-  ...navButtonSx,
-  position: "absolute",
-  [side]: 16,
-  top: "50%",
-  transform: "translateY(-50%)",
-  zIndex: OVERLAY_Z_INDEX
-});
-var LightboxNavButtons = ({
-  testId,
-  atStart,
-  atEnd,
-  onPrev,
-  onNext
-}) => {
-  const copy = useLightboxCopy();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        onClick: onPrev,
-        disabled: atStart,
-        sx: arrowSx("left"),
-        "aria-label": copy.previous,
-        "data-testid": testId("prev"),
-        children: /* @__PURE__ */ jsx(PrevIcon, {})
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        onClick: onNext,
-        disabled: atEnd,
-        sx: arrowSx("right"),
-        "aria-label": copy.next,
-        "data-testid": testId("next"),
-        children: /* @__PURE__ */ jsx(NextIcon, {})
-      }
-    )
-  ] });
-};
-var LightboxZoomControls = ({
-  testId,
-  onZoomIn,
-  onZoomOut,
-  onResetZoom
-}) => {
-  const copy = useLightboxCopy();
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      sx: {
-        position: "absolute",
-        top: 16,
-        left: 16,
-        display: "flex",
-        flexDirection: "column",
-        gap: 1,
-        zIndex: OVERLAY_Z_INDEX
-      },
-      "data-testid": testId("zoom-controls"),
-      children: [
-        /* @__PURE__ */ jsx(IconButton, { onClick: onZoomIn, sx: overlayButtonSx, "aria-label": copy.zoomIn, "data-testid": testId("zoom-in"), children: /* @__PURE__ */ jsx(ZoomInIcon, {}) }),
-        /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            onClick: onZoomOut,
-            sx: overlayButtonSx,
-            "aria-label": copy.zoomOut,
-            "data-testid": testId("zoom-out"),
-            children: /* @__PURE__ */ jsx(ZoomOutIcon, {})
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            onClick: onResetZoom,
-            sx: overlayButtonSx,
-            "aria-label": copy.resetZoom,
-            "data-testid": testId("zoom-reset"),
-            children: /* @__PURE__ */ jsx(ResetZoomIcon, {})
-          }
-        )
-      ]
-    }
-  );
-};
-var LightboxAutoplayButton = ({
-  testId,
-  isAutoPlaying,
-  onToggle
-}) => {
-  const copy = useLightboxCopy();
-  return /* @__PURE__ */ jsx(
-    IconButton,
-    {
-      onClick: onToggle,
-      sx: {
-        ...overlayButtonSx,
-        position: "absolute",
-        top: 16,
-        left: "50%",
-        transform: "translateX(-50%)",
-        zIndex: OVERLAY_Z_INDEX
-      },
-      "aria-label": isAutoPlaying ? copy.pause : copy.play,
-      "data-testid": testId("autoplay"),
-      children: isAutoPlaying ? /* @__PURE__ */ jsx(PauseIcon, {}) : /* @__PURE__ */ jsx(PlayIcon, {})
-    }
-  );
-};
-
-export {
-  LightboxCloseButton,
-  LightboxNavButtons,
-  LightboxZoomControls,
-  LightboxAutoplayButton
-};
-//# sourceMappingURL=chunk-JZMMPFQT.js.map

package/dist/chunk-JZMMPFQT.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Lightbox/LightboxControls.tsx"],"sourcesContent":["import PrevIcon from '@mui/icons-material/ChevronLeft';\nimport NextIcon from '@mui/icons-material/ChevronRight';\nimport CloseIcon from '@mui/icons-material/Close';\nimport PauseIcon from '@mui/icons-material/Pause';\nimport PlayIcon from '@mui/icons-material/PlayArrow';\nimport ResetZoomIcon from '@mui/icons-material/RestartAlt';\nimport ZoomInIcon from '@mui/icons-material/ZoomIn';\nimport ZoomOutIcon from '@mui/icons-material/ZoomOut';\nimport { Box, IconButton } from '@mui/material';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { navButtonSx, OVERLAY_Z_INDEX, overlayButtonSx } from './Lightbox.constants';\nimport { useLightboxCopy } from './lightbox-copy-context';\n\ntype TestId = (suffix: string) => string;\n\nexport const LightboxCloseButton: FC<{ testId: TestId; onClose: () => void }> = ({\n  testId,\n  onClose,\n}) => {\n  const copy = useLightboxCopy();\n  return (\n  <IconButton\n    onClick={onClose}\n    sx={{ ...overlayButtonSx, position: 'absolute', top: 16, right: 16, zIndex: OVERLAY_Z_INDEX }}\n    aria-label={copy.close}\n    data-testid={testId('close')}\n  >\n    <CloseIcon />\n  </IconButton>\n  );\n};\n\nconst arrowSx = (side: 'left' | 'right') =>\n  ({\n    ...navButtonSx,\n    position: 'absolute',\n    [side]: 16,\n    top: '50%',\n    transform: 'translateY(-50%)',\n    zIndex: OVERLAY_Z_INDEX,\n  }) as const;\n\nexport interface LightboxNavButtonsProps {\n  testId: TestId;\n  atStart: boolean;\n  atEnd: boolean;\n  onPrev: () => void;\n  onNext: () => void;\n}\n\nexport const LightboxNavButtons: FC<LightboxNavButtonsProps> = ({\n  testId,\n  atStart,\n  atEnd,\n  onPrev,\n  onNext,\n}) => {\n  const copy = useLightboxCopy();\n  return (\n  <>\n    <IconButton\n      onClick={onPrev}\n      disabled={atStart}\n      sx={arrowSx('left')}\n      aria-label={copy.previous}\n      data-testid={testId('prev')}\n    >\n      <PrevIcon />\n    </IconButton>\n\n    <IconButton\n      onClick={onNext}\n      disabled={atEnd}\n      sx={arrowSx('right')}\n      aria-label={copy.next}\n      data-testid={testId('next')}\n    >\n      <NextIcon />\n    </IconButton>\n  </>\n  );\n};\n\nexport interface LightboxZoomControlsProps {\n  testId: TestId;\n  onZoomIn: () => void;\n  onZoomOut: () => void;\n  onResetZoom: () => void;\n}\n\nexport const LightboxZoomControls: FC<LightboxZoomControlsProps> = ({\n  testId,\n  onZoomIn,\n  onZoomOut,\n  onResetZoom,\n}) => {\n  const copy = useLightboxCopy();\n  return (\n  <Box\n    sx={{\n      position: 'absolute',\n      top: 16,\n      left: 16,\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 1,\n      zIndex: OVERLAY_Z_INDEX,\n    }}\n    data-testid={testId('zoom-controls')}\n  >\n    <IconButton onClick={onZoomIn} sx={overlayButtonSx} aria-label={copy.zoomIn} data-testid={testId('zoom-in')}>\n      <ZoomInIcon />\n    </IconButton>\n    <IconButton\n      onClick={onZoomOut}\n      sx={overlayButtonSx}\n      aria-label={copy.zoomOut}\n      data-testid={testId('zoom-out')}\n    >\n      <ZoomOutIcon />\n    </IconButton>\n    <IconButton\n      onClick={onResetZoom}\n      sx={overlayButtonSx}\n      aria-label={copy.resetZoom}\n      data-testid={testId('zoom-reset')}\n    >\n      <ResetZoomIcon />\n    </IconButton>\n  </Box>\n  );\n};\n\nexport interface LightboxAutoplayButtonProps {\n  testId: TestId;\n  isAutoPlaying: boolean;\n  onToggle: () => void;\n}\n\nexport const LightboxAutoplayButton: FC<LightboxAutoplayButtonProps> = ({\n  testId,\n  isAutoPlaying,\n  onToggle,\n}) => {\n  const copy = useLightboxCopy();\n  return (\n  <IconButton\n    onClick={onToggle}\n    sx={{\n      ...overlayButtonSx,\n      position: 'absolute',\n      top: 16,\n      left: '50%',\n      transform: 'translateX(-50%)',\n      zIndex: OVERLAY_Z_INDEX,\n    }}\n    aria-label={isAutoPlaying ? copy.pause : copy.play}\n    data-testid={testId('autoplay')}\n  >\n    {isAutoPlaying ? <PauseIcon /> : <PlayIcon />}\n  </IconButton>\n  );\n};\n"],"mappings":"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","names":[]}