@12-apps/ui 6.11.0 → 6.11.1

package/dist/chunk-JCSZUDY4.js

@@ -0,0 +1,224 @@
+// src/components/layout/ContentToolbar/SavedViewsMenu.tsx
+import CheckIcon from "@mui/icons-material/Check";
+import ChevronDownIcon from "@mui/icons-material/KeyboardArrowDown";
+import KebabIcon from "@mui/icons-material/MoreVert";
+import ViewIcon from "@mui/icons-material/Visibility";
+import { Box, Button, IconButton, Menu, MenuItem, Popover, Stack, Typography } from "@mui/material";
+import { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var RECENT_LIMIT = 5;
+function DefaultTag({ label, testId }) {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      component: "span",
+      "data-testid": testId,
+      sx: { px: 0.75, py: 0.125, borderRadius: 1, fontSize: "0.7rem", bgcolor: "primary.main", color: "primary.contrastText" },
+      children: label
+    }
+  );
+}
+function buildActions(view, handlers, labels) {
+  const actions = [{ id: "apply", label: labels.apply, run: () => handlers.apply(view) }];
+  if (!view.isOwner) return actions;
+  if (!view.isDefault) {
+    actions.push({ id: "default", label: labels.setDefault, run: () => handlers.onSetDefault(view) });
+  }
+  actions.push({ id: "pin", label: view.pinned ? labels.unpin : labels.pin, run: () => handlers.onTogglePin(view) });
+  actions.push({ id: "share", label: view.shared ? labels.unshare : labels.share, run: () => handlers.onToggleShare(view) });
+  actions.push({ id: "edit", label: labels.edit, run: () => handlers.onEdit(view) });
+  actions.push({ id: "delete", label: labels.remove, danger: true, run: () => handlers.onDelete(view) });
+  return actions;
+}
+function ViewKebab({
+  view,
+  handlers,
+  labels,
+  testIdPrefix
+}) {
+  const [anchorEl, setAnchorEl] = useState(null);
+  const close = () => setAnchorEl(null);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        size: "small",
+        "aria-label": `${labels.apply} ${view.name}`,
+        "data-testid": `${testIdPrefix}-kebab-${view.id}`,
+        onClick: (event) => setAnchorEl(event.currentTarget),
+        sx: { width: 28, height: 28, color: "text.secondary" },
+        children: /* @__PURE__ */ jsx(KebabIcon, { sx: { fontSize: 16 } })
+      }
+    ),
+    /* @__PURE__ */ jsx(Menu, { anchorEl, open: Boolean(anchorEl), onClose: close, children: buildActions(view, handlers, labels).map((action) => /* @__PURE__ */ jsx(
+      MenuItem,
+      {
+        "data-testid": `${testIdPrefix}-item-${action.id}-${view.id}`,
+        onClick: () => {
+          action.run();
+          close();
+        },
+        sx: action.danger ? { color: "error.main" } : void 0,
+        children: action.label
+      },
+      action.id
+    )) })
+  ] });
+}
+function ViewRow({
+  view,
+  handlers,
+  labels,
+  testIdPrefix
+}) {
+  return /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, "data-testid": `${testIdPrefix}-row-${view.id}`, children: [
+    /* @__PURE__ */ jsxs(
+      Box,
+      {
+        onClick: () => handlers.apply(view),
+        sx: { flex: 1, minWidth: 0, cursor: "pointer", display: "flex", alignItems: "center", gap: 0.75 },
+        "data-testid": `${testIdPrefix}-apply-${view.id}`,
+        children: [
+          /* @__PURE__ */ jsx(Typography, { component: "span", sx: { fontSize: "0.875rem" }, children: view.name }),
+          view.isDefault && /* @__PURE__ */ jsx(DefaultTag, { label: labels.defaultTag, testId: `${testIdPrefix}-default-${view.id}` })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(ViewKebab, { view, handlers, labels, testIdPrefix })
+  ] });
+}
+function ViewSection({
+  title,
+  list,
+  sectionKey,
+  handlers,
+  labels,
+  testIdPrefix
+}) {
+  if (list.length === 0) return null;
+  return /* @__PURE__ */ jsxs(Box, { "data-testid": `${testIdPrefix}-section-${sectionKey}`, children: [
+    /* @__PURE__ */ jsx(Typography, { component: "span", sx: { fontSize: "0.75rem", fontWeight: 600, color: "text.secondary" }, children: title }),
+    /* @__PURE__ */ jsx(Stack, { spacing: 0.5, sx: { mt: 0.5 }, children: list.map((view) => /* @__PURE__ */ jsx(ViewRow, { view, handlers, labels, testIdPrefix }, view.id)) })
+  ] });
+}
+function FooterButton({
+  label,
+  testId,
+  onClick
+}) {
+  return /* @__PURE__ */ jsx(Button, { variant: "text", size: "small", color: "inherit", onClick, "data-testid": testId, sx: { textTransform: "none" }, children: label });
+}
+function PopoverBody({
+  views,
+  pinned,
+  recent,
+  activeViewName,
+  labels,
+  handlers,
+  onSelectMain,
+  onSaveCurrent,
+  onManageAll,
+  testIdPrefix
+}) {
+  return /* @__PURE__ */ jsxs(Stack, { spacing: 1.5, sx: { p: 1.5, width: 300 }, "data-testid": `${testIdPrefix}-popover`, children: [
+    /* @__PURE__ */ jsxs(MenuItem, { "data-testid": `${testIdPrefix}-main`, selected: !activeViewName, onClick: onSelectMain, sx: { borderRadius: 1, px: 1, gap: 1 }, children: [
+      /* @__PURE__ */ jsx(Box, { component: "span", sx: { flex: 1, minWidth: 0, fontSize: "0.875rem" }, children: labels.mainView }),
+      !activeViewName && /* @__PURE__ */ jsx(CheckIcon, { sx: { fontSize: 16, color: "primary.main" } })
+    ] }),
+    views.length === 0 ? /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.75rem", color: "text.secondary" }, children: labels.empty }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(ViewSection, { title: labels.pinned, list: pinned, sectionKey: "pinned", handlers, labels, testIdPrefix }),
+      /* @__PURE__ */ jsx(ViewSection, { title: labels.recent, list: recent, sectionKey: "recent", handlers, labels, testIdPrefix })
+    ] }),
+    /* @__PURE__ */ jsx(Box, { sx: { borderTop: 1, borderColor: "divider", pt: 1 }, children: /* @__PURE__ */ jsxs(Stack, { spacing: 0.5, sx: { alignItems: "flex-start" }, children: [
+      /* @__PURE__ */ jsx(FooterButton, { label: labels.saveCurrent, testId: `${testIdPrefix}-save-current`, onClick: onSaveCurrent }),
+      /* @__PURE__ */ jsx(FooterButton, { label: labels.manageAll, testId: `${testIdPrefix}-manage-all`, onClick: onManageAll })
+    ] }) })
+  ] });
+}
+function SavedViewsMenu({
+  views,
+  activeViewName,
+  onApply,
+  onSelectMain,
+  onSaveCurrent,
+  onEdit,
+  onDelete,
+  onSetDefault,
+  onTogglePin,
+  onToggleShare,
+  onManageAll,
+  labels: labelOverrides,
+  testIdPrefix = "views"
+}) {
+  const [anchorEl, setAnchorEl] = useState(null);
+  const close = () => setAnchorEl(null);
+  const runAndClose = (action) => () => {
+    action();
+    close();
+  };
+  const labels = labelOverrides;
+  const pinned = views.filter((view) => view.pinned);
+  const recent = views.filter((view) => !view.pinned).slice(0, RECENT_LIMIT);
+  const handlers = {
+    apply: (view) => {
+      onApply(view);
+      close();
+    },
+    onEdit,
+    onDelete,
+    onSetDefault,
+    onTogglePin,
+    onToggleShare
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "text",
+        size: "small",
+        color: "inherit",
+        onClick: (event) => setAnchorEl(event.currentTarget),
+        "data-testid": `${testIdPrefix}-button`,
+        "aria-haspopup": "menu",
+        "aria-expanded": Boolean(anchorEl),
+        "aria-label": activeViewName ?? labels.mainView,
+        sx: { minWidth: 0, height: 32, px: 1, gap: 0.5, color: "text.primary", textTransform: "none", fontWeight: 600 },
+        children: [
+          /* @__PURE__ */ jsx(ViewIcon, { sx: { fontSize: 18, display: { xs: "inline-flex", md: "none" } } }),
+          /* @__PURE__ */ jsx(Box, { component: "span", sx: { display: { xs: "none", md: "inline" } }, children: activeViewName ?? labels.mainView }),
+          /* @__PURE__ */ jsx(ChevronDownIcon, { sx: { fontSize: 14 } })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Popover,
+      {
+        open: Boolean(anchorEl),
+        anchorEl,
+        onClose: close,
+        anchorOrigin: { vertical: "bottom", horizontal: "right" },
+        transformOrigin: { vertical: "top", horizontal: "right" },
+        children: /* @__PURE__ */ jsx(
+          PopoverBody,
+          {
+            views,
+            pinned,
+            recent,
+            activeViewName,
+            labels,
+            handlers,
+            onSelectMain: runAndClose(onSelectMain),
+            onSaveCurrent: runAndClose(onSaveCurrent),
+            onManageAll: runAndClose(onManageAll),
+            testIdPrefix
+          }
+        )
+      }
+    )
+  ] });
+}
+
+export {
+  SavedViewsMenu
+};
+//# sourceMappingURL=chunk-JCSZUDY4.js.map

package/dist/chunk-JCSZUDY4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/ContentToolbar/SavedViewsMenu.tsx"],"sourcesContent":["'use client';\n\nimport CheckIcon from '@mui/icons-material/Check';\nimport ChevronDownIcon from '@mui/icons-material/KeyboardArrowDown';\nimport KebabIcon from '@mui/icons-material/MoreVert';\nimport ViewIcon from '@mui/icons-material/Visibility';\nimport { Box, Button, IconButton, Menu, MenuItem, Popover, Stack, Typography } from '@mui/material';\nimport React, { useState } from 'react';\n\nimport type {\n  SavedViewLike,\n  SavedViewsLabels,\n  SavedViewsMenuProps,\n} from './ContentToolbar.types';\n\n/** How many non-pinned views show under \"Recentes\". */\nconst RECENT_LIMIT = 5;\n\ninterface RowHandlers<V extends SavedViewLike> {\n  apply: (view: V) => void;\n  onEdit: (view: V) => void;\n  onDelete: (view: V) => void;\n  onSetDefault: (view: V) => void;\n  onTogglePin: (view: V) => void;\n  onToggleShare: (view: V) => void;\n}\n\nfunction DefaultTag({ label, testId }: { label: string; testId: string }): React.JSX.Element {\n  return (\n    <Box\n      component=\"span\"\n      data-testid={testId}\n      sx={{ px: 0.75, py: 0.125, borderRadius: 1, fontSize: '0.7rem', bgcolor: 'primary.main', color: 'primary.contrastText' }}\n    >\n      {label}\n    </Box>\n  );\n}\n\ninterface KebabAction {\n  id: string;\n  label: string;\n  danger?: boolean;\n  run: () => void;\n}\n\n/** Build the per-view ⋮ actions; owner-only mutations follow \"Apply\". */\nfunction buildActions<V extends SavedViewLike>(\n  view: V,\n  handlers: RowHandlers<V>,\n  labels: SavedViewsLabels,\n): KebabAction[] {\n  const actions: KebabAction[] = [{ id: 'apply', label: labels.apply, run: () => handlers.apply(view) }];\n  if (!view.isOwner) return actions;\n  if (!view.isDefault) {\n    actions.push({ id: 'default', label: labels.setDefault, run: () => handlers.onSetDefault(view) });\n  }\n  actions.push({ id: 'pin', label: view.pinned ? labels.unpin : labels.pin, run: () => handlers.onTogglePin(view) });\n  actions.push({ id: 'share', label: view.shared ? labels.unshare : labels.share, run: () => handlers.onToggleShare(view) });\n  actions.push({ id: 'edit', label: labels.edit, run: () => handlers.onEdit(view) });\n  actions.push({ id: 'delete', label: labels.remove, danger: true, run: () => handlers.onDelete(view) });\n  return actions;\n}\n\nfunction ViewKebab<V extends SavedViewLike>({\n  view,\n  handlers,\n  labels,\n  testIdPrefix,\n}: {\n  view: V;\n  handlers: RowHandlers<V>;\n  labels: SavedViewsLabels;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const close = (): void => setAnchorEl(null);\n  return (\n    <>\n      <IconButton\n        size=\"small\"\n        aria-label={`${labels.apply} ${view.name}`}\n        data-testid={`${testIdPrefix}-kebab-${view.id}`}\n        onClick={(event) => setAnchorEl(event.currentTarget)}\n        sx={{ width: 28, height: 28, color: 'text.secondary' }}\n      >\n        <KebabIcon sx={{ fontSize: 16 }} />\n      </IconButton>\n      <Menu anchorEl={anchorEl} open={Boolean(anchorEl)} onClose={close}>\n        {buildActions(view, handlers, labels).map((action) => (\n          <MenuItem\n            key={action.id}\n            data-testid={`${testIdPrefix}-item-${action.id}-${view.id}`}\n            onClick={() => {\n              action.run();\n              close();\n            }}\n            sx={action.danger ? { color: 'error.main' } : undefined}\n          >\n            {action.label}\n          </MenuItem>\n        ))}\n      </Menu>\n    </>\n  );\n}\n\nfunction ViewRow<V extends SavedViewLike>({\n  view,\n  handlers,\n  labels,\n  testIdPrefix,\n}: {\n  view: V;\n  handlers: RowHandlers<V>;\n  labels: SavedViewsLabels;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  return (\n    <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }} data-testid={`${testIdPrefix}-row-${view.id}`}>\n      <Box\n        onClick={() => handlers.apply(view)}\n        sx={{ flex: 1, minWidth: 0, cursor: 'pointer', display: 'flex', alignItems: 'center', gap: 0.75 }}\n        data-testid={`${testIdPrefix}-apply-${view.id}`}\n      >\n        <Typography component=\"span\" sx={{ fontSize: '0.875rem' }}>\n          {view.name}\n        </Typography>\n        {view.isDefault && <DefaultTag label={labels.defaultTag} testId={`${testIdPrefix}-default-${view.id}`} />}\n      </Box>\n      <ViewKebab view={view} handlers={handlers} labels={labels} testIdPrefix={testIdPrefix} />\n    </Stack>\n  );\n}\n\nfunction ViewSection<V extends SavedViewLike>({\n  title,\n  list,\n  sectionKey,\n  handlers,\n  labels,\n  testIdPrefix,\n}: {\n  title: string;\n  list: V[];\n  sectionKey: string;\n  handlers: RowHandlers<V>;\n  labels: SavedViewsLabels;\n  testIdPrefix: string;\n}): React.JSX.Element | null {\n  if (list.length === 0) return null;\n  return (\n    <Box data-testid={`${testIdPrefix}-section-${sectionKey}`}>\n      <Typography component=\"span\" sx={{ fontSize: '0.75rem', fontWeight: 600, color: 'text.secondary' }}>\n        {title}\n      </Typography>\n      <Stack spacing={0.5} sx={{ mt: 0.5 }}>\n        {list.map((view) => (\n          <ViewRow key={view.id} view={view} handlers={handlers} labels={labels} testIdPrefix={testIdPrefix} />\n        ))}\n      </Stack>\n    </Box>\n  );\n}\n\n/** A borderless footer text button (Save current / Manage all). */\nfunction FooterButton({\n  label,\n  testId,\n  onClick,\n}: {\n  label: string;\n  testId: string;\n  onClick: () => void;\n}): React.JSX.Element {\n  return (\n    <Button variant=\"text\" size=\"small\" color=\"inherit\" onClick={onClick} data-testid={testId} sx={{ textTransform: 'none' }}>\n      {label}\n    </Button>\n  );\n}\n\n/** The popover contents: the built-in Main vision default, saved-view sections, and footer. */\nfunction PopoverBody<V extends SavedViewLike>({\n  views,\n  pinned,\n  recent,\n  activeViewName,\n  labels,\n  handlers,\n  onSelectMain,\n  onSaveCurrent,\n  onManageAll,\n  testIdPrefix,\n}: {\n  views: V[];\n  pinned: V[];\n  recent: V[];\n  activeViewName?: string;\n  labels: SavedViewsLabels;\n  handlers: RowHandlers<V>;\n  onSelectMain: () => void;\n  onSaveCurrent: () => void;\n  onManageAll: () => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  return (\n    <Stack spacing={1.5} sx={{ p: 1.5, width: 300 }} data-testid={`${testIdPrefix}-popover`}>\n      {/* Built-in no-filter default, always available above the saved views. */}\n      <MenuItem data-testid={`${testIdPrefix}-main`} selected={!activeViewName} onClick={onSelectMain} sx={{ borderRadius: 1, px: 1, gap: 1 }}>\n        <Box component=\"span\" sx={{ flex: 1, minWidth: 0, fontSize: '0.875rem' }}>\n          {labels.mainView}\n        </Box>\n        {!activeViewName && <CheckIcon sx={{ fontSize: 16, color: 'primary.main' }} />}\n      </MenuItem>\n      {views.length === 0 ? (\n        <Typography sx={{ fontSize: '0.75rem', color: 'text.secondary' }}>{labels.empty}</Typography>\n      ) : (\n        <>\n          <ViewSection title={labels.pinned} list={pinned} sectionKey=\"pinned\" handlers={handlers} labels={labels} testIdPrefix={testIdPrefix} />\n          <ViewSection title={labels.recent} list={recent} sectionKey=\"recent\" handlers={handlers} labels={labels} testIdPrefix={testIdPrefix} />\n        </>\n      )}\n      <Box sx={{ borderTop: 1, borderColor: 'divider', pt: 1 }}>\n        <Stack spacing={0.5} sx={{ alignItems: 'flex-start' }}>\n          <FooterButton label={labels.saveCurrent} testId={`${testIdPrefix}-save-current`} onClick={onSaveCurrent} />\n          <FooterButton label={labels.manageAll} testId={`${testIdPrefix}-manage-all`} onClick={onManageAll} />\n        </Stack>\n      </Box>\n    </Stack>\n  );\n}\n\n/**\n * Stateless saved-views dropdown: a neutral trigger (styled like the sibling\n * toolbar controls) that shows `activeViewName` when a view is applied, else the\n * built-in \"Main vision\" label. The popover lists the Main vision default plus\n * pinned + recent views; a per-view ⋮ exposes owner-only mutations. This\n * component owns NO data — every action is a callback, so a page-level Connector\n * wires it to the backend.\n */\nexport function SavedViewsMenu<V extends SavedViewLike = SavedViewLike>({\n  views,\n  activeViewName,\n  onApply,\n  onSelectMain,\n  onSaveCurrent,\n  onEdit,\n  onDelete,\n  onSetDefault,\n  onTogglePin,\n  onToggleShare,\n  onManageAll,\n  labels: labelOverrides,\n  testIdPrefix = 'views',\n}: SavedViewsMenuProps<V>): React.JSX.Element {\n  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null);\n  const close = (): void => setAnchorEl(null);\n  const runAndClose = (action: () => void) => (): void => {\n    action();\n    close();\n  };\n  const labels = labelOverrides;\n  const pinned = views.filter((view) => view.pinned);\n  const recent = views.filter((view) => !view.pinned).slice(0, RECENT_LIMIT);\n\n  const handlers: RowHandlers<V> = {\n    apply: (view) => {\n      onApply(view);\n      close();\n    },\n    onEdit,\n    onDelete,\n    onSetDefault,\n    onTogglePin,\n    onToggleShare,\n  };\n\n  return (\n    <>\n      <Button\n        variant=\"text\"\n        size=\"small\"\n        color=\"inherit\"\n        onClick={(event) => setAnchorEl(event.currentTarget)}\n        data-testid={`${testIdPrefix}-button`}\n        aria-haspopup=\"menu\"\n        aria-expanded={Boolean(anchorEl)}\n        aria-label={activeViewName ?? labels.mainView}\n        sx={{ minWidth: 0, height: 32, px: 1, gap: 0.5, color: 'text.primary', textTransform: 'none', fontWeight: 600 }}\n      >\n        {/* Mobile: an eye icon stands in for the view name to keep the toolbar one line. */}\n        <ViewIcon sx={{ fontSize: 18, display: { xs: 'inline-flex', md: 'none' } }} />\n        <Box component=\"span\" sx={{ display: { xs: 'none', md: 'inline' } }}>\n          {activeViewName ?? labels.mainView}\n        </Box>\n        <ChevronDownIcon sx={{ fontSize: 14 }} />\n      </Button>\n      <Popover\n        open={Boolean(anchorEl)}\n        anchorEl={anchorEl}\n        onClose={close}\n        anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n        transformOrigin={{ vertical: 'top', horizontal: 'right' }}\n      >\n        <PopoverBody\n          views={views}\n          pinned={pinned}\n          recent={recent}\n          activeViewName={activeViewName}\n          labels={labels}\n          handlers={handlers}\n          onSelectMain={runAndClose(onSelectMain)}\n          onSaveCurrent={runAndClose(onSaveCurrent)}\n          onManageAll={runAndClose(onManageAll)}\n          testIdPrefix={testIdPrefix}\n        />\n      </Popover>\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-JD364H3Y.js

@@ -0,0 +1,18 @@
+// src/components/form/Checkbox/Checkbox.helpers.ts
+var CHECKBOX_DEFAULTS = {
+  variant: "default",
+  ripple: true,
+  glow: false,
+  pulse: false
+};
+var definedProps = (props) => Object.fromEntries(
+  Object.entries(props).filter(([, value]) => value !== void 0)
+);
+var resolveCheckboxProps = (props) => ({ ...CHECKBOX_DEFAULTS, ...definedProps(props) });
+var makeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `checkbox-${suffix}`;
+
+export {
+  resolveCheckboxProps,
+  makeTestId
+};
+//# sourceMappingURL=chunk-JD364H3Y.js.map

package/dist/chunk-JD364H3Y.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Checkbox/Checkbox.helpers.ts"],"sourcesContent":["import type { CheckboxProps } from './Checkbox.types';\n\ntype CheckboxDefaultedKeys = 'variant' | 'ripple' | 'glow' | 'pulse';\n\ntype ResolvedCheckboxProps = CheckboxProps &\n  Required<Pick<CheckboxProps, CheckboxDefaultedKeys>>;\n\nconst CHECKBOX_DEFAULTS: Pick<CheckboxProps, CheckboxDefaultedKeys> = {\n  variant: 'default',\n  ripple: true,\n  glow: false,\n  pulse: false,\n};\n\n// Strips explicitly-undefined props before the merge, so `ripple={undefined}` still\n// falls back to the default exactly as a destructuring default would.\nconst definedProps = (props: CheckboxProps): Partial<CheckboxProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<CheckboxProps>;\n\nexport const resolveCheckboxProps = (props: CheckboxProps): ResolvedCheckboxProps =>\n  ({ ...CHECKBOX_DEFAULTS, ...definedProps(props) }) as ResolvedCheckboxProps;\n\nexport const makeTestId =\n  (dataTestId?: string) =>\n  (suffix: string): string =>\n    dataTestId ? `${dataTestId}-${suffix}` : `checkbox-${suffix}`;\n"],"mappings":";AAOA,IAAM,oBAAgE;AAAA,EACpE,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AACT;AAIA,IAAM,eAAe,CAAC,UACpB,OAAO;AAAA,EACL,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AACjE;AAEK,IAAM,uBAAuB,CAAC,WAClC,EAAE,GAAG,mBAAmB,GAAG,aAAa,KAAK,EAAE;AAE3C,IAAM,aACX,CAAC,eACD,CAAC,WACC,aAAa,GAAG,UAAU,IAAI,MAAM,KAAK,YAAY,MAAM;","names":[]}

package/dist/chunk-JD5BVIM7.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-JD5BVIM7.js.map

package/dist/chunk-JD5BVIM7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-JDFTIK4L.js

@@ -0,0 +1,89 @@
+import {
+  firstGhostSuggestion
+} from "./chunk-XBHQT4BQ.js";
+
+// src/components/form/Autocomplete/Autocomplete.keys.ts
+function canAcceptGhost(ctx) {
+  return Boolean(ctx.ghost) && ctx.isInputFocused && ctx.filteredSuggestions.length > 0;
+}
+function commitCompletion(ctx, newValue) {
+  ctx.setJustCompletedGhost(true);
+  ctx.setInputValue(newValue);
+  ctx.debouncedOnChange(newValue);
+  ctx.setGhost("");
+  ctx.setOpen(false);
+  ctx.setActiveIndex(-1);
+}
+var onArrowDown = (event, ctx) => {
+  event.preventDefault();
+  if (!ctx.open && ctx.filteredSuggestions.length > 0) {
+    ctx.setOpen(true);
+    ctx.setUserClosedDropdown(false);
+  }
+  const max = Math.min(ctx.filteredSuggestions.length - 1, ctx.maxVisibleItems - 1);
+  ctx.setActiveIndex((prev) => prev < max ? prev + 1 : prev);
+};
+var onArrowUp = (event, ctx) => {
+  event.preventDefault();
+  ctx.setActiveIndex((prev) => prev > 0 ? prev - 1 : -1);
+};
+var onEnter = (event, ctx) => {
+  event.preventDefault();
+  const inRange = ctx.open && ctx.activeIndex >= 0 && ctx.activeIndex < ctx.filteredSuggestions.length;
+  if (inRange) {
+    const selected = ctx.filteredSuggestions[ctx.activeIndex];
+    if (selected) ctx.selectItem(selected);
+  } else if (ctx.allowFreeText && ctx.inputValue.trim()) {
+    ctx.setOpen(false);
+  }
+};
+var onTab = (event, ctx) => {
+  if (!canAcceptGhost(ctx)) return;
+  event.preventDefault();
+  commitCompletion(ctx, ctx.inputValue + ctx.ghost);
+};
+var onArrowRight = (event, ctx) => {
+  if (!canAcceptGhost(ctx)) return;
+  event.preventDefault();
+  const first = firstGhostSuggestion(
+    ctx.filteredSuggestions,
+    ctx.inputValue,
+    ctx.getLabel,
+    ctx.getSuggestionType
+  );
+  commitCompletion(ctx, first ? ctx.getLabel(first) : ctx.inputValue);
+};
+var onEscape = (event, ctx) => {
+  event.preventDefault();
+  ctx.setOpen(false);
+  ctx.setActiveIndex(-1);
+  ctx.setUserClosedDropdown(true);
+  if (event.detail === 2) {
+    ctx.setInputValue("");
+    ctx.debouncedOnChange("");
+  }
+};
+var onBackspace = (_event, ctx) => {
+  if (ctx.multiple && ctx.inputValue === "" && ctx.selectedItems.length > 0) {
+    ctx.onSelectedItemsChange?.(ctx.selectedItems.slice(0, -1));
+  }
+};
+var KEY_HANDLERS = {
+  ArrowDown: onArrowDown,
+  ArrowUp: onArrowUp,
+  Enter: onEnter,
+  Tab: onTab,
+  ArrowRight: onArrowRight,
+  Escape: onEscape,
+  Backspace: onBackspace
+};
+function handleAutocompleteKey(event, composition, ctx) {
+  if (composition) return;
+  const handler = KEY_HANDLERS[event.key];
+  handler?.(event, ctx);
+}
+
+export {
+  handleAutocompleteKey
+};
+//# sourceMappingURL=chunk-JDFTIK4L.js.map

package/dist/chunk-JDFTIK4L.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Autocomplete/Autocomplete.keys.ts"],"sourcesContent":["import type React from 'react';\n\nimport { firstGhostSuggestion } from './Autocomplete.helpers';\nimport type { SuggestionType } from './Autocomplete.types';\n\n/**\n * Everything a key handler needs. Kept as a flat context object so each handler\n * stays a small pure function and the component's `onKeyDown` is a thin dispatch.\n */\nexport interface KeyContext<T> {\n  open: boolean;\n  activeIndex: number;\n  filteredSuggestions: T[];\n  maxVisibleItems: number;\n  allowFreeText: boolean;\n  inputValue: string;\n  ghost: string;\n  isInputFocused: boolean;\n  multiple: boolean;\n  selectedItems: T[];\n  getLabel: (item: T) => string;\n  getSuggestionType: (item: T) => SuggestionType | undefined;\n  setOpen: (open: boolean) => void;\n  setActiveIndex: React.Dispatch<React.SetStateAction<number>>;\n  setUserClosedDropdown: (closed: boolean) => void;\n  setInputValue: (value: string) => void;\n  setGhost: (ghost: string) => void;\n  setJustCompletedGhost: (done: boolean) => void;\n  debouncedOnChange: (value: string) => void;\n  selectItem: (item: T) => void;\n  onSelectedItemsChange?: (items: T[]) => void;\n}\n\ntype KeyHandler<T> = (event: React.KeyboardEvent<HTMLInputElement>, ctx: KeyContext<T>) => void;\n\n/** True when there's a ghost remainder that can be accepted right now. */\nfunction canAcceptGhost<T>(ctx: KeyContext<T>): boolean {\n  return Boolean(ctx.ghost) && ctx.isInputFocused && ctx.filteredSuggestions.length > 0;\n}\n\n/** Commit a completed value: mark the ghost-complete flag, set + propagate, and close. */\nfunction commitCompletion<T>(ctx: KeyContext<T>, newValue: string): void {\n  ctx.setJustCompletedGhost(true);\n  ctx.setInputValue(newValue);\n  ctx.debouncedOnChange(newValue);\n  ctx.setGhost('');\n  ctx.setOpen(false);\n  ctx.setActiveIndex(-1);\n}\n\nconst onArrowDown = <T,>(event: React.KeyboardEvent<HTMLInputElement>, ctx: KeyContext<T>): void => {\n  event.preventDefault();\n  if (!ctx.open && ctx.filteredSuggestions.length > 0) {\n    ctx.setOpen(true);\n    ctx.setUserClosedDropdown(false);\n  }\n  const max = Math.min(ctx.filteredSuggestions.length - 1, ctx.maxVisibleItems - 1);\n  ctx.setActiveIndex((prev) => (prev < max ? prev + 1 : prev));\n};\n\nconst onArrowUp = <T,>(event: React.KeyboardEvent<HTMLInputElement>, ctx: KeyContext<T>): void => {\n  event.preventDefault();\n  ctx.setActiveIndex((prev) => (prev > 0 ? prev - 1 : -1));\n};\n\nconst onEnter = <T,>(event: React.KeyboardEvent<HTMLInputElement>, ctx: KeyContext<T>): void => {\n  event.preventDefault();\n  const inRange = ctx.open && ctx.activeIndex >= 0 && ctx.activeIndex < ctx.filteredSuggestions.length;\n  if (inRange) {\n    const selected = ctx.filteredSuggestions[ctx.activeIndex];\n    if (selected) ctx.selectItem(selected);\n  } else if (ctx.allowFreeText && ctx.inputValue.trim()) {\n    ctx.setOpen(false);\n  }\n};\n\nconst onTab = <T,>(event: React.KeyboardEvent<HTMLInputElement>, ctx: KeyContext<T>): void => {\n  // Tab completion preserves the user's typed case (input + ghost remainder).\n  if (!canAcceptGhost(ctx)) return;\n  event.preventDefault();\n  commitCompletion(ctx, ctx.inputValue + ctx.ghost);\n};\n\nconst onArrowRight = <T,>(event: React.KeyboardEvent<HTMLInputElement>, ctx: KeyContext<T>): void => {\n  // ArrowRight completion uses the suggestion's original case.\n  if (!canAcceptGhost(ctx)) return;\n  event.preventDefault();\n  const first = firstGhostSuggestion(\n    ctx.filteredSuggestions,\n    ctx.inputValue,\n    ctx.getLabel,\n    ctx.getSuggestionType,\n  );\n  commitCompletion(ctx, first ? ctx.getLabel(first) : ctx.inputValue);\n};\n\nconst onEscape = <T,>(event: React.KeyboardEvent<HTMLInputElement>, ctx: KeyContext<T>): void => {\n  event.preventDefault();\n  ctx.setOpen(false);\n  ctx.setActiveIndex(-1);\n  ctx.setUserClosedDropdown(true);\n  if (event.detail === 2) {\n    // Double escape clears the value.\n    ctx.setInputValue('');\n    ctx.debouncedOnChange('');\n  }\n};\n\nconst onBackspace = <T,>(_event: React.KeyboardEvent<HTMLInputElement>, ctx: KeyContext<T>): void => {\n  if (ctx.multiple && ctx.inputValue === '' && ctx.selectedItems.length > 0) {\n    ctx.onSelectedItemsChange?.(ctx.selectedItems.slice(0, -1));\n  }\n};\n\nconst KEY_HANDLERS: Record<string, KeyHandler<unknown>> = {\n  ArrowDown: onArrowDown,\n  ArrowUp: onArrowUp,\n  Enter: onEnter,\n  Tab: onTab,\n  ArrowRight: onArrowRight,\n  Escape: onEscape,\n  Backspace: onBackspace,\n};\n\n/** Dispatch a keydown to its handler (no-op during IME composition or unmapped keys). */\nexport function handleAutocompleteKey<T>(\n  event: React.KeyboardEvent<HTMLInputElement>,\n  composition: boolean,\n  ctx: KeyContext<T>,\n): void {\n  if (composition) return;\n  const handler = KEY_HANDLERS[event.key] as KeyHandler<T> | undefined;\n  handler?.(event, ctx);\n}\n"],"mappings":";;;;;AAoCA,SAAS,eAAkB,KAA6B;AACtD,SAAO,QAAQ,IAAI,KAAK,KAAK,IAAI,kBAAkB,IAAI,oBAAoB,SAAS;AACtF;AAGA,SAAS,iBAAoB,KAAoB,UAAwB;AACvE,MAAI,sBAAsB,IAAI;AAC9B,MAAI,cAAc,QAAQ;AAC1B,MAAI,kBAAkB,QAAQ;AAC9B,MAAI,SAAS,EAAE;AACf,MAAI,QAAQ,KAAK;AACjB,MAAI,eAAe,EAAE;AACvB;AAEA,IAAM,cAAc,CAAK,OAA8C,QAA6B;AAClG,QAAM,eAAe;AACrB,MAAI,CAAC,IAAI,QAAQ,IAAI,oBAAoB,SAAS,GAAG;AACnD,QAAI,QAAQ,IAAI;AAChB,QAAI,sBAAsB,KAAK;AAAA,EACjC;AACA,QAAM,MAAM,KAAK,IAAI,IAAI,oBAAoB,SAAS,GAAG,IAAI,kBAAkB,CAAC;AAChF,MAAI,eAAe,CAAC,SAAU,OAAO,MAAM,OAAO,IAAI,IAAK;AAC7D;AAEA,IAAM,YAAY,CAAK,OAA8C,QAA6B;AAChG,QAAM,eAAe;AACrB,MAAI,eAAe,CAAC,SAAU,OAAO,IAAI,OAAO,IAAI,EAAG;AACzD;AAEA,IAAM,UAAU,CAAK,OAA8C,QAA6B;AAC9F,QAAM,eAAe;AACrB,QAAM,UAAU,IAAI,QAAQ,IAAI,eAAe,KAAK,IAAI,cAAc,IAAI,oBAAoB;AAC9F,MAAI,SAAS;AACX,UAAM,WAAW,IAAI,oBAAoB,IAAI,WAAW;AACxD,QAAI,SAAU,KAAI,WAAW,QAAQ;AAAA,EACvC,WAAW,IAAI,iBAAiB,IAAI,WAAW,KAAK,GAAG;AACrD,QAAI,QAAQ,KAAK;AAAA,EACnB;AACF;AAEA,IAAM,QAAQ,CAAK,OAA8C,QAA6B;AAE5F,MAAI,CAAC,eAAe,GAAG,EAAG;AAC1B,QAAM,eAAe;AACrB,mBAAiB,KAAK,IAAI,aAAa,IAAI,KAAK;AAClD;AAEA,IAAM,eAAe,CAAK,OAA8C,QAA6B;AAEnG,MAAI,CAAC,eAAe,GAAG,EAAG;AAC1B,QAAM,eAAe;AACrB,QAAM,QAAQ;AAAA,IACZ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AACA,mBAAiB,KAAK,QAAQ,IAAI,SAAS,KAAK,IAAI,IAAI,UAAU;AACpE;AAEA,IAAM,WAAW,CAAK,OAA8C,QAA6B;AAC/F,QAAM,eAAe;AACrB,MAAI,QAAQ,KAAK;AACjB,MAAI,eAAe,EAAE;AACrB,MAAI,sBAAsB,IAAI;AAC9B,MAAI,MAAM,WAAW,GAAG;AAEtB,QAAI,cAAc,EAAE;AACpB,QAAI,kBAAkB,EAAE;AAAA,EAC1B;AACF;AAEA,IAAM,cAAc,CAAK,QAA+C,QAA6B;AACnG,MAAI,IAAI,YAAY,IAAI,eAAe,MAAM,IAAI,cAAc,SAAS,GAAG;AACzE,QAAI,wBAAwB,IAAI,cAAc,MAAM,GAAG,EAAE,CAAC;AAAA,EAC5D;AACF;AAEA,IAAM,eAAoD;AAAA,EACxD,WAAW;AAAA,EACX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AACb;AAGO,SAAS,sBACd,OACA,aACA,KACM;AACN,MAAI,YAAa;AACjB,QAAM,UAAU,aAAa,MAAM,GAAG;AACtC,YAAU,OAAO,GAAG;AACtB;","names":[]}

package/dist/chunk-JDQACVKT.js

@@ -0,0 +1,203 @@
+import {
+  useDataViewsCopy
+} from "./chunk-KHG57NAE.js";
+import {
+  Box
+} from "./chunk-34DQAXL2.js";
+
+// src/components/data-display/DataViews/data-views-scopes.tsx
+import { useEffect, useMemo, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function resolveScope(scopes, stored) {
+  if (scopes.length === 0) return void 0;
+  const declared = stored !== void 0 && scopes.some((scope) => scope.id === stored);
+  return declared ? stored : scopes[0]?.id;
+}
+function isDevelopment() {
+  return typeof process !== "undefined" && process.env?.NODE_ENV !== "production";
+}
+function assertNoScopePillOverlap(scopes, fieldIds, scopeFieldId) {
+  if (scopes.length === 0 || !isDevelopment()) return;
+  const clash = scopeFieldId !== void 0 && fieldIds.includes(scopeFieldId) ? scopeFieldId : void 0;
+  if (clash === void 0) return;
+  throw new Error(
+    `DataViews: the field "${clash}" is both the scope partition (scopes: ${scopes.map((scope) => scope.id).join(", ")}) and a filter field (fields: ${fieldIds.join(", ")}). A field may drive the scope tabs or a filter pill, not both \u2014 drop one of the two declarations.`
+  );
+}
+function warnScopesNeedServer(scopes, hasServer) {
+  if (scopes.length === 0 || hasServer || !isDevelopment()) return;
+  console.warn(
+    "DataViews: `scopes` require server mode. The scope is tracked and would be emitted, but with no `server` there is nothing to emit it to and rows are NOT filtered in the browser. Supply `server` (see DataViewServer) or drop the scopes."
+  );
+}
+function useScopeConfigChecks(scopes, fieldIds, scopeFieldId, hasServer) {
+  useMemo(() => {
+    assertNoScopePillOverlap(scopes, fieldIds, scopeFieldId);
+    warnScopesNeedServer(scopes, hasServer);
+  }, [scopes, fieldIds.join(","), scopeFieldId, hasServer]);
+}
+function tabLabel(label, count) {
+  return count === void 0 ? label : `${label}, ${count}`;
+}
+function arrowTarget(key, index, total) {
+  if (key === "ArrowRight") return (index + 1) % total;
+  if (key === "ArrowLeft") return (index - 1 + total) % total;
+  if (key === "Home") return 0;
+  if (key === "End") return total - 1;
+  return null;
+}
+function useScrollActiveIntoView(value) {
+  const stripRef = useRef(null);
+  useEffect(() => {
+    const strip = stripRef.current;
+    if (!strip || value === void 0) return;
+    const active = strip.querySelector('[role="tab"][aria-selected="true"]');
+    active?.scrollIntoView?.({ block: "nearest", inline: "nearest" });
+  }, [value]);
+  return stripRef;
+}
+function scopeTabSx(active) {
+  return {
+    // A 44px min target: the strip is the first thing a thumb reaches on a phone.
+    minHeight: 44,
+    px: 1.5,
+    py: 1,
+    border: 0,
+    borderBottom: 2,
+    borderStyle: "solid",
+    borderColor: active ? "primary.main" : "transparent",
+    background: "none",
+    cursor: "pointer",
+    whiteSpace: "nowrap",
+    font: "inherit",
+    fontSize: "0.8125rem",
+    fontWeight: active ? 600 : 400,
+    color: active ? "primary.main" : "text.secondary",
+    "&:hover": { color: active ? "primary.main" : "text.primary" },
+    "&:focus-visible": { outline: "2px solid", outlineColor: "primary.main", outlineOffset: -2 }
+  };
+}
+function ScopeCount({
+  count,
+  active,
+  testId
+}) {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      component: "span",
+      "aria-hidden": "true",
+      "data-testid": testId,
+      sx: {
+        ml: 0.75,
+        px: 0.75,
+        borderRadius: 5,
+        fontSize: "0.6875rem",
+        fontWeight: 600,
+        bgcolor: active ? "primary.main" : "action.selected",
+        color: active ? "primary.contrastText" : "text.secondary"
+      },
+      children: count
+    }
+  );
+}
+function ScopeTab({
+  scope,
+  index,
+  total,
+  active,
+  count,
+  onChange,
+  moveTo,
+  testIdPrefix
+}) {
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      component: "button",
+      type: "button",
+      role: "tab",
+      id: `${testIdPrefix}-scope-tab-${scope.id}`,
+      "aria-selected": active,
+      tabIndex: active ? 0 : -1,
+      "aria-label": tabLabel(scope.label, count),
+      "data-testid": `${testIdPrefix}-scope-${scope.id}`,
+      onClick: () => onChange(scope.id),
+      onKeyDown: (event) => {
+        const target = arrowTarget(event.key, index, total);
+        if (target === null) return;
+        event.preventDefault();
+        moveTo(target);
+      },
+      sx: scopeTabSx(active),
+      children: [
+        scope.label,
+        count !== void 0 && /* @__PURE__ */ jsx(
+          ScopeCount,
+          {
+            count,
+            active,
+            testId: `${testIdPrefix}-scope-count-${scope.id}`
+          }
+        )
+      ]
+    }
+  );
+}
+var STRIP_SX = {
+  display: "flex",
+  alignItems: "stretch",
+  gap: 0.5,
+  // One row that scrolls — never wraps, never collapses into a select.
+  flexWrap: "nowrap",
+  overflowX: "auto",
+  overflowY: "hidden",
+  scrollbarWidth: "thin",
+  borderBottom: 1,
+  borderColor: "divider",
+  mx: { xs: -2, md: -3 },
+  px: { xs: 2, md: 3 }
+};
+function DataViewsScopeTabs({
+  scopes,
+  value,
+  onChange,
+  counts,
+  testIdPrefix
+}) {
+  const copy = useDataViewsCopy();
+  const stripRef = useScrollActiveIntoView(value);
+  const moveTo = (index) => {
+    stripRef.current?.querySelectorAll('[role="tab"]')?.[index]?.focus();
+    const next = scopes[index];
+    if (next) onChange(next.id);
+  };
+  if (scopes.length === 0) return null;
+  const activeIndex = Math.max(
+    0,
+    scopes.findIndex((scope) => scope.id === value)
+  );
+  return /* @__PURE__ */ jsx(Box, { ref: stripRef, role: "tablist", "aria-label": copy.filters.scopesLabel, "data-testid": `${testIdPrefix}-scopes`, sx: STRIP_SX, children: scopes.map((scope, index) => /* @__PURE__ */ jsx(
+    ScopeTab,
+    {
+      scope,
+      index,
+      total: scopes.length,
+      active: index === activeIndex,
+      count: counts?.[scope.id],
+      onChange,
+      moveTo,
+      testIdPrefix
+    },
+    scope.id
+  )) });
+}
+
+export {
+  resolveScope,
+  assertNoScopePillOverlap,
+  warnScopesNeedServer,
+  useScopeConfigChecks,
+  DataViewsScopeTabs
+};
+//# sourceMappingURL=chunk-JDQACVKT.js.map

package/dist/chunk-JDQACVKT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-scopes.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useMemo, useRef } from \"react\";\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { Box } from \"../../../mui/Box\";\n\n/**\n * SCOPES — a page-level partition rendered as a strip of tabs under the toolbar.\n *\n * A scope is not a filter. Filters NARROW within the current partition and are\n * multi-select by design; a scope PARTITIONS and is exclusive. The distinction\n * is load-bearing for three reasons, and each is why `FilterFieldConfig` could\n * not express these tabs:\n *\n *   1. They are mutually exclusive, and a pill is not.\n *   2. They carry counts of the WHOLE query, which no client can compute under\n *      pagination — the count has to come off the response\n *      ({@link DataViewServer.scopeCounts}).\n *   3. They compose with the filters instead of competing with them: the scope\n *      picks the bucket, the pills narrow inside it.\n *\n * The `predicate` is deliberately opaque to this package. Only the host knows\n * what \"recusados\" selects; the component's whole job is to say WHICH scope is\n * active and let the server answer.\n */\nexport interface ScopeConfig {\n  /** Stable id — travels in `DataViewQuery.scope` and in a saved view's state. */\n  id: string;\n  label: string;\n  /**\n   * Opaque payload the SERVER interprets. Omitted on the \"all\" scope. Never read\n   * by this package: a scope is applied at the backend, never in the browser.\n   */\n  predicate?: unknown;\n}\n\n/**\n * The active scope id, resolved against what the table currently declares.\n *\n * Resolution happens at READ time, on purpose. A saved view is written once and\n * read many times, and the declared scopes change underneath it — a scope\n * removed after a view was saved must fall back at render rather than break the\n * view or, worse, emit a scope the backend rejects. Resolving on write would\n * bake the mistake in.\n *\n * Returns `undefined` when the table declares no scopes, which is what keeps\n * `scope` out of the emitted query entirely for every table that never opted in.\n */\nexport function resolveScope(scopes: ScopeConfig[], stored: string | undefined): string | undefined {\n  if (scopes.length === 0) return undefined;\n  const declared = stored !== undefined && scopes.some((scope) => scope.id === stored);\n  return declared ? stored : scopes[0]?.id;\n}\n\n/** Are we running outside production? Config mistakes fail loudly only here. */\nfunction isDevelopment(): boolean {\n  return typeof process !== \"undefined\" && process.env?.NODE_ENV !== \"production\";\n}\n\n/**\n * Reject a table that partitions by a field AND declares a filter pill over the\n * same field. Two controls over one field is how a tab and a pill end up\n * contradicting each other — the pill says \"estado ∈ {pago, recusado}\" while the\n * tab says \"estado = recusado\", and nothing in either control can show the user\n * which one the server honoured.\n *\n * Throws in DEVELOPMENT ONLY. A thrown config error in production is strictly\n * worse than a duplicated control: the duplicate is confusing, the throw is a\n * blank page. Fail where it is seen and fixed.\n *\n * `scopeFieldId` is the field the scopes partition by, when the host knows it.\n * Absent, the scope IDS are checked against the field ids — which catches the\n * common shape where the scope ids ARE the field's values (`pago`, `recusado`)\n * declared a second time as a pill.\n */\nexport function assertNoScopePillOverlap(\n  scopes: ScopeConfig[],\n  fieldIds: string[],\n  scopeFieldId?: string,\n): void {\n  if (scopes.length === 0 || !isDevelopment()) return;\n  const clash = scopeFieldId !== undefined && fieldIds.includes(scopeFieldId) ? scopeFieldId : undefined;\n  if (clash === undefined) return;\n  throw new Error(\n    `DataViews: the field \"${clash}\" is both the scope partition (scopes: ` +\n      `${scopes.map((scope) => scope.id).join(\", \")}) and a filter field (fields: ` +\n      `${fieldIds.join(\", \")}). A field may drive the scope tabs or a filter pill, not both — ` +\n      `drop one of the two declarations.`,\n  );\n}\n\n/**\n * A development-only warning that scopes need server wiring. Scopes are resolved\n * and emitted, never applied in the browser: filtering locally would make the\n * counts, the \"N de N\" counter and the rendered rows disagree the moment a\n * second page exists.\n */\nexport function warnScopesNeedServer(scopes: ScopeConfig[], hasServer: boolean): void {\n  if (scopes.length === 0 || hasServer || !isDevelopment()) return;\n  // eslint-disable-next-line no-console -- a config warning has no other channel.\n  console.warn(\n    \"DataViews: `scopes` require server mode. The scope is tracked and would be emitted, \" +\n      \"but with no `server` there is nothing to emit it to and rows are NOT filtered in the browser. \" +\n      \"Supply `server` (see DataViewServer) or drop the scopes.\",\n  );\n}\n\n/**\n * The scope configuration's setup-time checks, run once per configuration rather\n * than per render: reject a field that is both a scope partition and a filter\n * pill (development only — see `assertNoScopePillOverlap`), and warn about\n * scopes declared with no server to apply them.\n *\n * In a `useMemo` so a mistake surfaces during the FIRST render, where the stack\n * still points at the table that made it.\n */\nexport function useScopeConfigChecks(\n  scopes: ScopeConfig[],\n  fieldIds: string[],\n  scopeFieldId: string | undefined,\n  hasServer: boolean,\n): void {\n  useMemo(() => {\n    assertNoScopePillOverlap(scopes, fieldIds, scopeFieldId);\n    warnScopesNeedServer(scopes, hasServer);\n    // Keyed on the ids rather than the arrays: hosts pass inline literals, so the\n    // array identity changes every render while the configuration does not.\n  }, [scopes, fieldIds.join(\",\"), scopeFieldId, hasServer]);\n}\n\n/** Everything the tab strip needs; `counts` is absent when the server omits it. */\ninterface DataViewsScopeTabsProps {\n  scopes: ScopeConfig[];\n  /** The RESOLVED active scope id (see {@link resolveScope}). */\n  value: string | undefined;\n  onChange: (id: string) => void;\n  /** Server-supplied per-scope totals. Absent ⇒ tabs render WITHOUT numbers. */\n  counts?: Record<string, number>;\n  testIdPrefix: string;\n}\n\n/** The accessible name of one tab: its label, plus its count when there is one. */\nfunction tabLabel(label: string, count: number | undefined): string {\n  return count === undefined ? label : `${label}, ${count}`;\n}\n\n/**\n * Move focus + selection between tabs with the arrow keys, wrapping at both\n * ends. Selection FOLLOWS focus here (an \"automatic activation\" tab list): each\n * arrow press is one scope change, which is one query — the same cost as a\n * click, and it keeps the strip's behaviour identical whichever input the\n * operator uses.\n */\nfunction arrowTarget(key: string, index: number, total: number): number | null {\n  if (key === \"ArrowRight\") return (index + 1) % total;\n  if (key === \"ArrowLeft\") return (index - 1 + total) % total;\n  if (key === \"Home\") return 0;\n  if (key === \"End\") return total - 1;\n  return null;\n}\n\n/** The active tab's own scroll-into-view, so a deep link to a late scope lands visible. */\nfunction useScrollActiveIntoView(value: string | undefined): React.RefObject<HTMLDivElement | null> {\n  const stripRef = useRef<HTMLDivElement | null>(null);\n  useEffect(() => {\n    const strip = stripRef.current;\n    if (!strip || value === undefined) return;\n    const active = strip.querySelector<HTMLElement>('[role=\"tab\"][aria-selected=\"true\"]');\n    // jsdom implements neither, so guard rather than assume the DOM is a browser's.\n    active?.scrollIntoView?.({ block: \"nearest\", inline: \"nearest\" });\n  }, [value]);\n  return stripRef;\n}\n\n/** One tab's visual + a11y state, kept out of the strip's map for readability. */\nfunction scopeTabSx(active: boolean): Record<string, unknown> {\n  return {\n    // A 44px min target: the strip is the first thing a thumb reaches on a phone.\n    minHeight: 44,\n    px: 1.5,\n    py: 1,\n    border: 0,\n    borderBottom: 2,\n    borderStyle: \"solid\",\n    borderColor: active ? \"primary.main\" : \"transparent\",\n    background: \"none\",\n    cursor: \"pointer\",\n    whiteSpace: \"nowrap\",\n    font: \"inherit\",\n    fontSize: \"0.8125rem\",\n    fontWeight: active ? 600 : 400,\n    color: active ? \"primary.main\" : \"text.secondary\",\n    \"&:hover\": { color: active ? \"primary.main\" : \"text.primary\" },\n    \"&:focus-visible\": { outline: \"2px solid\", outlineColor: \"primary.main\", outlineOffset: -2 },\n  };\n}\n\n/** The count badge. Rendered only when the server actually supplied a number. */\nfunction ScopeCount({\n  count,\n  active,\n  testId,\n}: {\n  count: number;\n  active: boolean;\n  testId: string;\n}): React.JSX.Element {\n  return (\n    <Box\n      component=\"span\"\n      // The number is already in the tab's `aria-label`; announcing it twice\n      // would read \"Recusados 2, 2\".\n      aria-hidden=\"true\"\n      data-testid={testId}\n      sx={{\n        ml: 0.75,\n        px: 0.75,\n        borderRadius: 5,\n        fontSize: \"0.6875rem\",\n        fontWeight: 600,\n        bgcolor: active ? \"primary.main\" : \"action.selected\",\n        color: active ? \"primary.contrastText\" : \"text.secondary\",\n      }}\n    >\n      {count}\n    </Box>\n  );\n}\n\ninterface ScopeTabProps {\n  scope: ScopeConfig;\n  index: number;\n  total: number;\n  active: boolean;\n  count: number | undefined;\n  onChange: (id: string) => void;\n  /**\n   * Move to the tab at `index`: focus it AND select it. Only the strip knows\n   * the other scopes and owns the DOM, so the move belongs to it.\n   */\n  moveTo: (index: number) => void;\n  testIdPrefix: string;\n}\n\n/** One tab: a real `<button role=\"tab\">` with a roving tabindex and arrow keys. */\nfunction ScopeTab({\n  scope,\n  index,\n  total,\n  active,\n  count,\n  onChange,\n  moveTo,\n  testIdPrefix,\n}: ScopeTabProps): React.JSX.Element {\n  return (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      role=\"tab\"\n      id={`${testIdPrefix}-scope-tab-${scope.id}`}\n      aria-selected={active}\n      // Roving tabindex: one tab stop for the whole strip, arrows move within it.\n      tabIndex={active ? 0 : -1}\n      aria-label={tabLabel(scope.label, count)}\n      data-testid={`${testIdPrefix}-scope-${scope.id}`}\n      onClick={() => onChange(scope.id)}\n      onKeyDown={(event: React.KeyboardEvent<HTMLButtonElement>) => {\n        const target = arrowTarget(event.key, index, total);\n        if (target === null) return;\n        event.preventDefault();\n        moveTo(target);\n      }}\n      sx={scopeTabSx(active)}\n    >\n      {scope.label}\n      {count !== undefined && (\n        <ScopeCount\n          count={count}\n          active={active}\n          testId={`${testIdPrefix}-scope-count-${scope.id}`}\n        />\n      )}\n    </Box>\n  );\n}\n\n/** The strip's own layout: one non-wrapping row that scrolls horizontally. */\nconst STRIP_SX = {\n  display: \"flex\",\n  alignItems: \"stretch\",\n  gap: 0.5,\n  // One row that scrolls — never wraps, never collapses into a select.\n  flexWrap: \"nowrap\",\n  overflowX: \"auto\",\n  overflowY: \"hidden\",\n  scrollbarWidth: \"thin\",\n  borderBottom: 1,\n  borderColor: \"divider\",\n  mx: { xs: -2, md: -3 },\n  px: { xs: 2, md: 3 },\n} as const;\n\n/**\n * The scope strip: a horizontally scrolling tab list under the toolbar.\n *\n * It SCROLLS rather than collapsing into a select on a narrow screen, which is\n * the opposite of what the filter pills do — and deliberately. The counts are\n * the reason the tabs exist at all; burying them behind a menu costs a tap per\n * glance, exactly on the device where glancing is the point.\n *\n * Counts render verbatim from `counts` — never derived from the loaded page, and\n * never invented when the key is missing. A missing count means \"the server did\n * not say\", which reads honestly as no badge at all.\n */\nexport function DataViewsScopeTabs({\n  scopes,\n  value,\n  onChange,\n  counts,\n  testIdPrefix,\n}: DataViewsScopeTabsProps): React.JSX.Element | null {\n  const copy = useDataViewsCopy();\n  const stripRef = useScrollActiveIntoView(value);\n  const moveTo = (index: number): void => {\n    // Focus FIRST, then select: the roving tabindex follows the selection, so\n    // focusing afterwards would land on a tab that has given up its tab stop.\n    stripRef.current?.querySelectorAll<HTMLElement>('[role=\"tab\"]')?.[index]?.focus();\n    const next = scopes[index];\n    if (next) onChange(next.id);\n  };\n  // Reserve NO vertical space when there is nothing to show: a page that\n  // declares no scopes must not gain an empty row.\n  if (scopes.length === 0) return null;\n  const activeIndex = Math.max(\n    0,\n    scopes.findIndex((scope) => scope.id === value),\n  );\n\n  return (\n    <Box ref={stripRef} role=\"tablist\" aria-label={copy.filters.scopesLabel} data-testid={`${testIdPrefix}-scopes`} sx={STRIP_SX}>\n      {scopes.map((scope, index) => (\n        <ScopeTab\n          key={scope.id}\n          scope={scope}\n          index={index}\n          total={scopes.length}\n          active={index === activeIndex}\n          count={counts?.[scope.id]}\n          onChange={onChange}\n          moveTo={moveTo}\n          testIdPrefix={testIdPrefix}\n        />\n      ))}\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;AAEA,SAAS,WAAW,SAAS,cAAc;AA+MvC,cAgDA,YAhDA;AAhKG,SAAS,aAAa,QAAuB,QAAgD;AAClG,MAAI,OAAO,WAAW,EAAG,QAAO;AAChC,QAAM,WAAW,WAAW,UAAa,OAAO,KAAK,CAAC,UAAU,MAAM,OAAO,MAAM;AACnF,SAAO,WAAW,SAAS,OAAO,CAAC,GAAG;AACxC;AAGA,SAAS,gBAAyB;AAChC,SAAO,OAAO,YAAY,eAAe,QAAQ,KAAK,aAAa;AACrE;AAkBO,SAAS,yBACd,QACA,UACA,cACM;AACN,MAAI,OAAO,WAAW,KAAK,CAAC,cAAc,EAAG;AAC7C,QAAM,QAAQ,iBAAiB,UAAa,SAAS,SAAS,YAAY,IAAI,eAAe;AAC7F,MAAI,UAAU,OAAW;AACzB,QAAM,IAAI;AAAA,IACR,yBAAyB,KAAK,0CACzB,OAAO,IAAI,CAAC,UAAU,MAAM,EAAE,EAAE,KAAK,IAAI,CAAC,iCAC1C,SAAS,KAAK,IAAI,CAAC;AAAA,EAE1B;AACF;AAQO,SAAS,qBAAqB,QAAuB,WAA0B;AACpF,MAAI,OAAO,WAAW,KAAK,aAAa,CAAC,cAAc,EAAG;AAE1D,UAAQ;AAAA,IACN;AAAA,EAGF;AACF;AAWO,SAAS,qBACd,QACA,UACA,cACA,WACM;AACN,UAAQ,MAAM;AACZ,6BAAyB,QAAQ,UAAU,YAAY;AACvD,yBAAqB,QAAQ,SAAS;AAAA,EAGxC,GAAG,CAAC,QAAQ,SAAS,KAAK,GAAG,GAAG,cAAc,SAAS,CAAC;AAC1D;AAcA,SAAS,SAAS,OAAe,OAAmC;AAClE,SAAO,UAAU,SAAY,QAAQ,GAAG,KAAK,KAAK,KAAK;AACzD;AASA,SAAS,YAAY,KAAa,OAAe,OAA8B;AAC7E,MAAI,QAAQ,aAAc,SAAQ,QAAQ,KAAK;AAC/C,MAAI,QAAQ,YAAa,SAAQ,QAAQ,IAAI,SAAS;AACtD,MAAI,QAAQ,OAAQ,QAAO;AAC3B,MAAI,QAAQ,MAAO,QAAO,QAAQ;AAClC,SAAO;AACT;AAGA,SAAS,wBAAwB,OAAmE;AAClG,QAAM,WAAW,OAA8B,IAAI;AACnD,YAAU,MAAM;AACd,UAAM,QAAQ,SAAS;AACvB,QAAI,CAAC,SAAS,UAAU,OAAW;AACnC,UAAM,SAAS,MAAM,cAA2B,oCAAoC;AAEpF,YAAQ,iBAAiB,EAAE,OAAO,WAAW,QAAQ,UAAU,CAAC;AAAA,EAClE,GAAG,CAAC,KAAK,CAAC;AACV,SAAO;AACT;AAGA,SAAS,WAAW,QAA0C;AAC5D,SAAO;AAAA;AAAA,IAEL,WAAW;AAAA,IACX,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,aAAa;AAAA,IACb,aAAa,SAAS,iBAAiB;AAAA,IACvC,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,UAAU;AAAA,IACV,YAAY,SAAS,MAAM;AAAA,IAC3B,OAAO,SAAS,iBAAiB;AAAA,IACjC,WAAW,EAAE,OAAO,SAAS,iBAAiB,eAAe;AAAA,IAC7D,mBAAmB,EAAE,SAAS,aAAa,cAAc,gBAAgB,eAAe,GAAG;AAAA,EAC7F;AACF;AAGA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AACF,GAIsB;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MAGV,eAAY;AAAA,MACZ,eAAa;AAAA,MACb,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,cAAc;AAAA,QACd,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,SAAS,SAAS,iBAAiB;AAAA,QACnC,OAAO,SAAS,yBAAyB;AAAA,MAC3C;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAkBA,SAAS,SAAS;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,MAAK;AAAA,MACL,IAAI,GAAG,YAAY,cAAc,MAAM,EAAE;AAAA,MACzC,iBAAe;AAAA,MAEf,UAAU,SAAS,IAAI;AAAA,MACvB,cAAY,SAAS,MAAM,OAAO,KAAK;AAAA,MACvC,eAAa,GAAG,YAAY,UAAU,MAAM,EAAE;AAAA,MAC9C,SAAS,MAAM,SAAS,MAAM,EAAE;AAAA,MAChC,WAAW,CAAC,UAAkD;AAC5D,cAAM,SAAS,YAAY,MAAM,KAAK,OAAO,KAAK;AAClD,YAAI,WAAW,KAAM;AACrB,cAAM,eAAe;AACrB,eAAO,MAAM;AAAA,MACf;AAAA,MACA,IAAI,WAAW,MAAM;AAAA,MAEpB;AAAA,cAAM;AAAA,QACN,UAAU,UACT;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA,QAAQ,GAAG,YAAY,gBAAgB,MAAM,EAAE;AAAA;AAAA,QACjD;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAGA,IAAM,WAAW;AAAA,EACf,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,KAAK;AAAA;AAAA,EAEL,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,IAAI,EAAE,IAAI,IAAI,IAAI,GAAG;AAAA,EACrB,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE;AACrB;AAcO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsD;AACpD,QAAM,OAAO,iBAAiB;AAC9B,QAAM,WAAW,wBAAwB,KAAK;AAC9C,QAAM,SAAS,CAAC,UAAwB;AAGtC,aAAS,SAAS,iBAA8B,cAAc,IAAI,KAAK,GAAG,MAAM;AAChF,UAAM,OAAO,OAAO,KAAK;AACzB,QAAI,KAAM,UAAS,KAAK,EAAE;AAAA,EAC5B;AAGA,MAAI,OAAO,WAAW,EAAG,QAAO;AAChC,QAAM,cAAc,KAAK;AAAA,IACvB;AAAA,IACA,OAAO,UAAU,CAAC,UAAU,MAAM,OAAO,KAAK;AAAA,EAChD;AAEA,SACE,oBAAC,OAAI,KAAK,UAAU,MAAK,WAAU,cAAY,KAAK,QAAQ,aAAa,eAAa,GAAG,YAAY,WAAW,IAAI,UACjH,iBAAO,IAAI,CAAC,OAAO,UAClB;AAAA,IAAC;AAAA;AAAA,MAEC;AAAA,MACA;AAAA,MACA,OAAO,OAAO;AAAA,MACd,QAAQ,UAAU;AAAA,MAClB,OAAO,SAAS,MAAM,EAAE;AAAA,MACxB;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IARK,MAAM;AAAA,EASb,CACD,GACH;AAEJ;","names":[]}

package/dist/chunk-JE4CLMYD.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-JE4CLMYD.js.map

package/dist/chunk-JE4CLMYD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-JEBPCAWD.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-JEBPCAWD.js.map

package/dist/chunk-JEBPCAWD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}