@12-apps/ui 6.34.0 → 6.36.0

package/dist/chunk-4N33SWTW.js

@@ -1,85 +0,0 @@
-import {
-  MenubarSeparator
-} from "./chunk-YMGHTZA6.js";
-import {
-  MenubarItemView
-} from "./chunk-NNESQ7QG.js";
-
-// src/components/form/Menubar/Menubar.toolbar.tsx
-import Box from "@mui/material/Box/index.js";
-import CircularProgress from "@mui/material/CircularProgress/index.js";
-import Toolbar from "@mui/material/Toolbar/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var MenubarToolbar = ({
-  ariaLabel,
-  barSx,
-  items,
-  size,
-  orientation,
-  disabled,
-  loading,
-  logo,
-  endContent,
-  fullWidth,
-  activeMenu,
-  menuRefs,
-  onOpen,
-  onActivate,
-  onClose,
-  onFocus,
-  onBlur
-}) => {
-  const isVertical = orientation === "vertical";
-  return /* @__PURE__ */ jsxs(
-    Toolbar,
-    {
-      role: "toolbar",
-      "aria-label": ariaLabel,
-      sx: {
-        ...barSx,
-        width: fullWidth ? "100%" : "auto",
-        flexDirection: isVertical ? "column" : "row",
-        alignItems: isVertical ? "flex-start" : "center",
-        gap: 1
-      },
-      children: [
-        logo && /* @__PURE__ */ jsx(Box, { sx: { mr: 2, display: "flex", alignItems: "center" }, children: logo }),
-        loading ? /* @__PURE__ */ jsx(CircularProgress, { size: 20, color: "inherit" }) : /* @__PURE__ */ jsx(
-          Box,
-          {
-            sx: {
-              display: "flex",
-              flexDirection: isVertical ? "column" : "row",
-              gap: isVertical ? 0.5 : 1,
-              flex: 1
-            },
-            children: items.map(
-              (item) => item.divider ? /* @__PURE__ */ jsx(MenubarSeparator, { orientation }, item.id) : /* @__PURE__ */ jsx(
-                MenubarItemView,
-                {
-                  item,
-                  size,
-                  disabled,
-                  isOpen: activeMenu === item.id,
-                  anchorEl: menuRefs.current[item.id] ?? null,
-                  onOpen,
-                  onActivate,
-                  onClose,
-                  onFocus,
-                  onBlur
-                },
-                item.id
-              )
-            )
-          }
-        ),
-        endContent && /* @__PURE__ */ jsx(Box, { sx: { ml: "auto" }, children: endContent })
-      ]
-    }
-  );
-};
-
-export {
-  MenubarToolbar
-};
-//# sourceMappingURL=chunk-4N33SWTW.js.map

package/dist/chunk-4V532JF6.js

@@ -1,58 +0,0 @@
-// src/components/data-display/Chart/chart-axis.ts
-var DEFAULT_MAX_CATEGORY_TICKS = 8;
-var DEFAULT_TICK_LABEL_MAX_CHARS = 12;
-var DEFAULT_BAR_RADIUS = 3;
-var DEFAULT_MAX_BAR_WIDTH = 38;
-function selectCategoryTicks(values, maxTicks) {
-  if (maxTicks < 1 || values.length <= maxTicks) return void 0;
-  if (new Set(values).size !== values.length) return void 0;
-  const step = Math.ceil(values.length / maxTicks);
-  const kept = [];
-  for (let index = values.length - 1; index >= 0; index -= step) {
-    const value = values[index];
-    if (value !== void 0) kept.push(value);
-  }
-  return kept.reverse();
-}
-function categoryValues(data, xAxisKey) {
-  const values = [];
-  for (const row of data) {
-    const value = row[xAxisKey];
-    if (value !== null && value !== void 0) values.push(value);
-  }
-  return values;
-}
-function truncateTickLabel(value, maxChars) {
-  const text = value === null || value === void 0 ? "" : String(value);
-  if (maxChars < 1 || text.length <= maxChars) return text;
-  return `${text.slice(0, maxChars - 1)}\u2026`;
-}
-function resolveAxisConfig(props, tickMargin) {
-  const maxChars = props.tickLabelMaxChars ?? DEFAULT_TICK_LABEL_MAX_CHARS;
-  return {
-    tickMargin,
-    categoryTicks: selectCategoryTicks(
-      categoryValues(props.data, props.xAxisKey ?? "name"),
-      props.maxCategoryTicks ?? DEFAULT_MAX_CATEGORY_TICKS
-    ),
-    tickFormatter: (value) => truncateTickLabel(value, maxChars)
-  };
-}
-function resolveBarGeometry(props) {
-  const radius = props.barRadius ?? DEFAULT_BAR_RADIUS;
-  return {
-    // A stacked segment rounded on its top corners tears a notch out of the
-    // segment above it, so stacks stay square.
-    radius: props.stacked ? 0 : [radius, radius, 0, 0],
-    maxBarSize: props.maxBarWidth ?? DEFAULT_MAX_BAR_WIDTH
-  };
-}
-
-export {
-  selectCategoryTicks,
-  categoryValues,
-  truncateTickLabel,
-  resolveAxisConfig,
-  resolveBarGeometry
-};
-//# sourceMappingURL=chunk-4V532JF6.js.map

package/dist/chunk-4V532JF6.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Chart/chart-axis.ts"],"sourcesContent":["import type { ChartDataPoint, ChartProps } from './Chart.types';\n\n/**\n * Cartesian axis + bar geometry: the rules that keep a chart readable rather\n * than merely correct (FUT-391 visual pass).\n *\n * Three of them are pass/fail by looking at the rendered chart:\n *\n * - **No overlapping text.** The bottom value tick sits ON the x-axis line and\n *   the first category tick sits ON the y-axis line, so the two labels meet at\n *   the corner. Recharts' default `tickMargin` of 2 leaves the category label's\n *   cap height inside the value label's descender — a few px of overlap at\n *   every viewport. The margin has to clear the value label's box, which grows\n *   with the font, hence a per-size value ({@link SIZE_PRESETS}).\n * - **Skip every nth tick, always keep the last, truncate at ~12 chars.** With\n *   more categories than fit, Recharts thins them only when it can measure text\n *   (never server-side, where `getStringSize` returns 0 and every label renders\n *   on top of its neighbour). Thinning here is deterministic and viewport-free.\n * - **Bars rounded, capped, never touching the frame.** A two-category bar\n *   chart in a wide card draws 150px slabs flush against the axis; the cap is\n *   what turns them back into bars.\n */\n\n/** Category ticks kept before thinning starts. */\nconst DEFAULT_MAX_CATEGORY_TICKS = 8;\n/** Category tick labels longer than this are truncated with an ellipsis. */\nconst DEFAULT_TICK_LABEL_MAX_CHARS = 12;\n/** Bar corner radius, px. */\nconst DEFAULT_BAR_RADIUS = 3;\n/** Cap on a single bar's thickness, px. */\nconst DEFAULT_MAX_BAR_WIDTH = 38;\n\n/**\n * Thin a category axis to at most `maxTicks` labels, keeping every nth.\n *\n * The walk runs from the END so the last category is always labelled — the\n * most recent day/bucket is the one a reader looks for first. Returns\n * `undefined` when everything already fits, which leaves Recharts' own\n * width-aware thinning in charge of the common small-data case.\n *\n * Also `undefined` when a value repeats: Recharts places an explicit tick by\n * looking its value up in the scale, so a duplicate would land the label on\n * the first row that carries it rather than on the row it was picked for.\n */\nexport function selectCategoryTicks(\n  values: ReadonlyArray<string | number>,\n  maxTicks: number,\n): Array<string | number> | undefined {\n  if (maxTicks < 1 || values.length <= maxTicks) return undefined;\n  if (new Set(values).size !== values.length) return undefined;\n  const step = Math.ceil(values.length / maxTicks);\n  const kept: Array<string | number> = [];\n  for (let index = values.length - 1; index >= 0; index -= step) {\n    const value = values[index];\n    if (value !== undefined) kept.push(value);\n  }\n  return kept.reverse();\n}\n\n/** The category-axis values of `data`, in row order, skipping empty cells. */\nexport function categoryValues(\n  data: ReadonlyArray<ChartDataPoint>,\n  xAxisKey: string,\n): Array<string | number> {\n  const values: Array<string | number> = [];\n  for (const row of data) {\n    const value = row[xAxisKey];\n    if (value !== null && value !== undefined) values.push(value);\n  }\n  return values;\n}\n\n/** Shorten a tick label to `maxChars`, ellipsis included, never mid-render. */\nexport function truncateTickLabel(value: unknown, maxChars: number): string {\n  const text = value === null || value === undefined ? '' : String(value);\n  if (maxChars < 1 || text.length <= maxChars) return text;\n  return `${text.slice(0, maxChars - 1)}…`;\n}\n\n/** Resolved geometry for the shared cartesian axes. */\nexport interface CartesianAxisConfig {\n  /** Gap between an axis line and its tick labels, px. */\n  tickMargin: number;\n  /** Explicit category ticks once thinning applies; `undefined` = Recharts decides. */\n  categoryTicks: Array<string | number> | undefined;\n  /** Category tick label formatter (truncation). */\n  tickFormatter: (value: unknown) => string;\n}\n\n/** Resolved geometry for bar series. */\nexport interface BarGeometry {\n  /** Per-corner radius, top corners only; `0` for stacked segments. */\n  radius: number | [number, number, number, number];\n  /** Cap on a bar's thickness, px — also what keeps bars off the frame. */\n  maxBarSize: number;\n}\n\nexport function resolveAxisConfig(props: ChartProps, tickMargin: number): CartesianAxisConfig {\n  const maxChars = props.tickLabelMaxChars ?? DEFAULT_TICK_LABEL_MAX_CHARS;\n  return {\n    tickMargin,\n    categoryTicks: selectCategoryTicks(\n      categoryValues(props.data, props.xAxisKey ?? 'name'),\n      props.maxCategoryTicks ?? DEFAULT_MAX_CATEGORY_TICKS,\n    ),\n    tickFormatter: (value: unknown) => truncateTickLabel(value, maxChars),\n  };\n}\n\nexport function resolveBarGeometry(props: ChartProps): BarGeometry {\n  const radius = props.barRadius ?? DEFAULT_BAR_RADIUS;\n  return {\n    // A stacked segment rounded on its top corners tears a notch out of the\n    // segment above it, so stacks stay square.\n    radius: props.stacked ? 0 : [radius, radius, 0, 0],\n    maxBarSize: props.maxBarWidth ?? DEFAULT_MAX_BAR_WIDTH,\n  };\n}\n"],"mappings":";AAwBA,IAAM,6BAA6B;AAEnC,IAAM,+BAA+B;AAErC,IAAM,qBAAqB;AAE3B,IAAM,wBAAwB;AAcvB,SAAS,oBACd,QACA,UACoC;AACpC,MAAI,WAAW,KAAK,OAAO,UAAU,SAAU,QAAO;AACtD,MAAI,IAAI,IAAI,MAAM,EAAE,SAAS,OAAO,OAAQ,QAAO;AACnD,QAAM,OAAO,KAAK,KAAK,OAAO,SAAS,QAAQ;AAC/C,QAAM,OAA+B,CAAC;AACtC,WAAS,QAAQ,OAAO,SAAS,GAAG,SAAS,GAAG,SAAS,MAAM;AAC7D,UAAM,QAAQ,OAAO,KAAK;AAC1B,QAAI,UAAU,OAAW,MAAK,KAAK,KAAK;AAAA,EAC1C;AACA,SAAO,KAAK,QAAQ;AACtB;AAGO,SAAS,eACd,MACA,UACwB;AACxB,QAAM,SAAiC,CAAC;AACxC,aAAW,OAAO,MAAM;AACtB,UAAM,QAAQ,IAAI,QAAQ;AAC1B,QAAI,UAAU,QAAQ,UAAU,OAAW,QAAO,KAAK,KAAK;AAAA,EAC9D;AACA,SAAO;AACT;AAGO,SAAS,kBAAkB,OAAgB,UAA0B;AAC1E,QAAM,OAAO,UAAU,QAAQ,UAAU,SAAY,KAAK,OAAO,KAAK;AACtE,MAAI,WAAW,KAAK,KAAK,UAAU,SAAU,QAAO;AACpD,SAAO,GAAG,KAAK,MAAM,GAAG,WAAW,CAAC,CAAC;AACvC;AAoBO,SAAS,kBAAkB,OAAmB,YAAyC;AAC5F,QAAM,WAAW,MAAM,qBAAqB;AAC5C,SAAO;AAAA,IACL;AAAA,IACA,eAAe;AAAA,MACb,eAAe,MAAM,MAAM,MAAM,YAAY,MAAM;AAAA,MACnD,MAAM,oBAAoB;AAAA,IAC5B;AAAA,IACA,eAAe,CAAC,UAAmB,kBAAkB,OAAO,QAAQ;AAAA,EACtE;AACF;AAEO,SAAS,mBAAmB,OAAgC;AACjE,QAAM,SAAS,MAAM,aAAa;AAClC,SAAO;AAAA;AAAA;AAAA,IAGL,QAAQ,MAAM,UAAU,IAAI,CAAC,QAAQ,QAAQ,GAAG,CAAC;AAAA,IACjD,YAAY,MAAM,eAAe;AAAA,EACnC;AACF;","names":[]}

package/dist/chunk-4V7DBU4H.js

@@ -1,133 +0,0 @@
-// src/components/form/CodeEditor/CodeEditorToolbar.tsx
-import CodeIcon from "@mui/icons-material/Code";
-import CopyIcon from "@mui/icons-material/ContentCopy";
-import ExitFullscreenIcon from "@mui/icons-material/FullscreenExit";
-import FullscreenIcon from "@mui/icons-material/Fullscreen";
-import WrapIcon from "@mui/icons-material/WrapText";
-import Box from "@mui/material/Box/index.js";
-import IconButton from "@mui/material/IconButton/index.js";
-import Stack from "@mui/material/Stack/index.js";
-import Tooltip from "@mui/material/Tooltip/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { alpha, styled } from "@mui/material/styles/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var makeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `code-editor-${suffix}`;
-var Toolbar = styled(Box)(({ theme }) => ({
-  display: "flex",
-  justifyContent: "space-between",
-  alignItems: "center",
-  padding: theme.spacing(1, 2),
-  borderBottom: `1px solid ${alpha(theme.palette.divider, 0.12)}`,
-  background: alpha(theme.palette.background.default, 0.4)
-}));
-var LanguageBadge = styled(Box)(({ theme }) => ({
-  display: "inline-flex",
-  alignItems: "center",
-  gap: theme.spacing(0.5),
-  padding: theme.spacing(0.5, 1),
-  borderRadius: theme.shape.borderRadius,
-  background: alpha(theme.palette.primary.main, 0.1),
-  color: theme.palette.primary.main,
-  fontSize: "0.75rem",
-  fontWeight: 600,
-  textTransform: "uppercase",
-  letterSpacing: "0.05em"
-}));
-var EditorActions = ({
-  copy,
-  readOnly,
-  isWrapped,
-  isCopied,
-  isFullscreen,
-  dataTestId,
-  onFormat,
-  onCopy,
-  onWrapToggle,
-  onFullscreenToggle
-}) => {
-  const testId = makeTestId(dataTestId);
-  return /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, children: [
-    !readOnly && /* @__PURE__ */ jsx(Tooltip, { title: copy.formatCode, children: /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        size: "small",
-        onClick: onFormat,
-        "data-testid": testId("format-btn"),
-        children: /* @__PURE__ */ jsx(CodeIcon, { fontSize: "small" })
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Tooltip, { title: isWrapped ? copy.disableWrap : copy.enableWrap, children: /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        size: "small",
-        onClick: onWrapToggle,
-        color: isWrapped ? "primary" : "default",
-        "data-testid": testId("wrap-btn"),
-        children: /* @__PURE__ */ jsx(WrapIcon, { fontSize: "small" })
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Tooltip, { title: isCopied ? copy.copied : copy.copyToClipboard, children: /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        size: "small",
-        onClick: onCopy,
-        color: isCopied ? "success" : "default",
-        "data-testid": testId("copy-btn"),
-        children: /* @__PURE__ */ jsx(CopyIcon, { fontSize: "small" })
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Tooltip, { title: isFullscreen ? copy.exitFullscreen : copy.enterFullscreen, children: /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        size: "small",
-        onClick: onFullscreenToggle,
-        "data-testid": testId("fullscreen-btn"),
-        children: isFullscreen ? /* @__PURE__ */ jsx(ExitFullscreenIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx(FullscreenIcon, { fontSize: "small" })
-      }
-    ) })
-  ] });
-};
-var EditorToolbar = ({
-  copy,
-  language,
-  readOnly,
-  isWrapped,
-  isCopied,
-  isFullscreen,
-  dataTestId,
-  onFormat,
-  onCopy,
-  onWrapToggle,
-  onFullscreenToggle
-}) => {
-  const testId = makeTestId(dataTestId);
-  return /* @__PURE__ */ jsxs(Toolbar, { "data-testid": testId("toolbar"), children: [
-    /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
-      /* @__PURE__ */ jsxs(LanguageBadge, { "data-testid": testId("language-badge"), children: [
-        /* @__PURE__ */ jsx(CodeIcon, { sx: { fontSize: 14 } }),
-        language
-      ] }),
-      readOnly && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: copy.readOnly })
-    ] }),
-    /* @__PURE__ */ jsx(
-      EditorActions,
-      {
-        copy,
-        readOnly,
-        isWrapped,
-        isCopied,
-        isFullscreen,
-        dataTestId,
-        onFormat,
-        onCopy,
-        onWrapToggle,
-        onFullscreenToggle
-      }
-    )
-  ] });
-};
-
-export {
-  EditorToolbar
-};
-//# sourceMappingURL=chunk-4V7DBU4H.js.map

package/dist/chunk-4V7DBU4H.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/CodeEditor/CodeEditorToolbar.tsx"],"sourcesContent":["import CodeIcon from '@mui/icons-material/Code';\nimport CopyIcon from '@mui/icons-material/ContentCopy';\nimport ExitFullscreenIcon from '@mui/icons-material/FullscreenExit';\nimport FullscreenIcon from '@mui/icons-material/Fullscreen';\nimport WrapIcon from '@mui/icons-material/WrapText';\nimport Box from '@mui/material/Box/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Stack from '@mui/material/Stack/index.js';\nimport Tooltip from '@mui/material/Tooltip/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport type { CodeEditorCopy } from '../../../copy';\n\n// Each button repeated the same conditional test id; this is that ternary once.\nconst makeTestId =\n  (dataTestId?: string) =>\n  (suffix: string): string =>\n    dataTestId ? `${dataTestId}-${suffix}` : `code-editor-${suffix}`;\n\nconst Toolbar = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  justifyContent: 'space-between',\n  alignItems: 'center',\n  padding: theme.spacing(1, 2),\n  borderBottom: `1px solid ${alpha(theme.palette.divider, 0.12)}`,\n  background: alpha(theme.palette.background.default, 0.4),\n}));\n\nconst LanguageBadge = styled(Box)(({ theme }) => ({\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: theme.spacing(0.5),\n  padding: theme.spacing(0.5, 1),\n  borderRadius: theme.shape.borderRadius,\n  background: alpha(theme.palette.primary.main, 0.1),\n  color: theme.palette.primary.main,\n  fontSize: '0.75rem',\n  fontWeight: 600,\n  textTransform: 'uppercase',\n  letterSpacing: '0.05em',\n}));\n\nconst EditorActions: React.FC<{\n  copy: CodeEditorCopy;\n  readOnly: boolean;\n  isWrapped: boolean;\n  isCopied: boolean;\n  isFullscreen: boolean;\n  dataTestId?: string;\n  onFormat: () => void;\n  onCopy: () => void;\n  onWrapToggle: () => void;\n  onFullscreenToggle: () => void;\n}> = ({\n  copy,\n  readOnly,\n  isWrapped,\n  isCopied,\n  isFullscreen,\n  dataTestId,\n  onFormat,\n  onCopy,\n  onWrapToggle,\n  onFullscreenToggle,\n}) => {\n  const testId = makeTestId(dataTestId);\n\n  return (\n    <Stack direction=\"row\" spacing={1}>\n    {!readOnly && (\n      <Tooltip title={copy.formatCode}>\n        <IconButton\n          size=\"small\"\n          onClick={onFormat}\n          data-testid={testId('format-btn')}\n        >\n          <CodeIcon fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n    )}\n\n    <Tooltip title={isWrapped ? copy.disableWrap : copy.enableWrap}>\n      <IconButton\n        size=\"small\"\n        onClick={onWrapToggle}\n        color={isWrapped ? 'primary' : 'default'}\n        data-testid={testId('wrap-btn')}\n      >\n        <WrapIcon fontSize=\"small\" />\n      </IconButton>\n    </Tooltip>\n\n    <Tooltip title={isCopied ? copy.copied : copy.copyToClipboard}>\n      <IconButton\n        size=\"small\"\n        onClick={onCopy}\n        color={isCopied ? 'success' : 'default'}\n        data-testid={testId('copy-btn')}\n      >\n        <CopyIcon fontSize=\"small\" />\n      </IconButton>\n    </Tooltip>\n\n    <Tooltip title={isFullscreen ? copy.exitFullscreen : copy.enterFullscreen}>\n      <IconButton\n        size=\"small\"\n        onClick={onFullscreenToggle}\n        data-testid={testId('fullscreen-btn')}\n      >\n        {isFullscreen ? (\n          <ExitFullscreenIcon fontSize=\"small\" />\n        ) : (\n          <FullscreenIcon fontSize=\"small\" />\n        )}\n      </IconButton>\n      </Tooltip>\n    </Stack>\n  );\n};\n\n// Language badge, read-only marker and the four action buttons.\nexport const EditorToolbar: React.FC<{\n  copy: CodeEditorCopy;\n  language: string;\n  readOnly: boolean;\n  isWrapped: boolean;\n  isCopied: boolean;\n  isFullscreen: boolean;\n  dataTestId?: string;\n  onFormat: () => void;\n  onCopy: () => void;\n  onWrapToggle: () => void;\n  onFullscreenToggle: () => void;\n}> = ({\n  copy,\n  language,\n  readOnly,\n  isWrapped,\n  isCopied,\n  isFullscreen,\n  dataTestId,\n  onFormat,\n  onCopy,\n  onWrapToggle,\n  onFullscreenToggle,\n}) => {\n  const testId = makeTestId(dataTestId);\n\n  return (\n  <Toolbar data-testid={testId('toolbar')}>\n    <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n      <LanguageBadge data-testid={testId('language-badge')}>\n        <CodeIcon sx={{ fontSize: 14 }} />\n        {language}\n      </LanguageBadge>\n      {readOnly && (\n        <Typography variant=\"caption\" color=\"text.secondary\">\n          {copy.readOnly}\n        </Typography>\n      )}\n    </Stack>\n\n    <EditorActions\n      copy={copy}\n      readOnly={readOnly}\n      isWrapped={isWrapped}\n      isCopied={isCopied}\n      isFullscreen={isFullscreen}\n      dataTestId={dataTestId}\n      onFormat={onFormat}\n      onCopy={onCopy}\n      onWrapToggle={onWrapToggle}\n      onFullscreenToggle={onFullscreenToggle}\n    />\n  </Toolbar>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-5264DI34.js

@@ -1,57 +0,0 @@
-import {
-  Alert
-} from "./chunk-Z2EOT77M.js";
-
-// src/components/data-display/CardKit/card-actions-context.tsx
-import { createContext, useCallback, useContext, useState } from "react";
-import Snackbar from "@mui/material/Snackbar/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var CardActionsContext = createContext(null);
-function CardActionsProvider({
-  tenantSlug,
-  onRefresh,
-  errorTitle,
-  errorDismissLabel,
-  autoHideMs = 6e3,
-  children
-}) {
-  const [error, setError] = useState(null);
-  const notifyError = useCallback((message) => setError(message), []);
-  return /* @__PURE__ */ jsxs(CardActionsContext.Provider, { value: { tenantSlug, onRefresh, notifyError }, children: [
-    children,
-    /* @__PURE__ */ jsx(
-      Snackbar,
-      {
-        open: error !== null,
-        autoHideDuration: autoHideMs,
-        onClose: () => setError(null),
-        anchorOrigin: { vertical: "bottom", horizontal: "center" },
-        children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
-          Alert,
-          {
-            variant: "danger",
-            title: errorTitle,
-            description: error ?? "",
-            closable: true,
-            closeLabel: errorDismissLabel,
-            onClose: () => setError(null),
-            "data-testid": "card-action-error"
-          }
-        ) })
-      }
-    )
-  ] });
-}
-function useCardActions() {
-  const value = useContext(CardActionsContext);
-  if (!value) {
-    throw new Error("useCardActions must be used within a CardActionsProvider");
-  }
-  return value;
-}
-
-export {
-  CardActionsProvider,
-  useCardActions
-};
-//# sourceMappingURL=chunk-5264DI34.js.map

package/dist/chunk-52APLKAG.js

@@ -1,110 +0,0 @@
-import {
-  renderChartByType
-} from "./chunk-BHLGZLXQ.js";
-import {
-  ChartContainer
-} from "./chunk-M5T3COS2.js";
-import {
-  getSizeStyles,
-  getVariantStyles
-} from "./chunk-JKNLKUCX.js";
-import {
-  muiColor
-} from "./chunk-7ZPUN7TV.js";
-import {
-  uiInk
-} from "./chunk-FQ6UW7IY.js";
-
-// src/components/data-display/Chart/Chart.tsx
-import Box from "@mui/material/Box/index.js";
-import CircularProgress from "@mui/material/CircularProgress/index.js";
-import Paper from "@mui/material/Paper/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { alpha, useTheme } from "@mui/material/styles/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-function variantSx(theme, props) {
-  return getVariantStyles(theme, {
-    variant: props.variant ?? "default",
-    color: props.color ?? "primary",
-    glow: props.glow ?? false,
-    pulse: props.pulse ?? false,
-    glass: props.glass ?? false,
-    gradient: props.gradient ?? false,
-    disabled: props.disabled ?? false
-  });
-}
-function ChartHeader({ title, subtitle, neon, dataTestId }) {
-  if (!title && !subtitle) return null;
-  return /* @__PURE__ */ jsxs(Box, { sx: { mb: 2 }, "data-testid": `${dataTestId}-header`, children: [
-    title && /* @__PURE__ */ jsx(
-      Typography,
-      {
-        variant: "h6",
-        "data-testid": `${dataTestId}-title`,
-        sx: (theme) => ({ color: neon ? uiInk(theme).dataVizNeon.accent : "text.primary", fontWeight: 600 }),
-        children: title
-      }
-    ),
-    subtitle && /* @__PURE__ */ jsx(
-      Typography,
-      {
-        variant: "body2",
-        "data-testid": `${dataTestId}-subtitle`,
-        sx: (theme) => ({ color: neon ? alpha(uiInk(theme).dataVizNeon.accent, 0.7) : "text.secondary" }),
-        children: subtitle
-      }
-    )
-  ] });
-}
-var Chart = (props) => {
-  const theme = useTheme();
-  const sizeStyles = getSizeStyles(props.size, props.height);
-  const styles = variantSx(theme, props);
-  const dataTestId = props["data-testid"] ?? "chart";
-  if (props.loading) {
-    return /* @__PURE__ */ jsx(
-      Paper,
-      {
-        "data-testid": `${dataTestId}-loading`,
-        sx: { ...styles, ...sizeStyles, display: "flex", justifyContent: "center", alignItems: "center" },
-        children: /* @__PURE__ */ jsx(CircularProgress, { color: muiColor(props.color ?? "primary", "inherit"), "data-testid": `${dataTestId}-loading-spinner` })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    Paper,
-    {
-      "data-testid": dataTestId,
-      className: props.className,
-      sx: { p: 2, ...styles, ...props.style },
-      onFocus: props.onFocus,
-      onBlur: props.onBlur,
-      children: [
-        /* @__PURE__ */ jsx(
-          ChartHeader,
-          {
-            title: props.title,
-            subtitle: props.subtitle,
-            neon: props.variant === "neon",
-            dataTestId
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          ChartContainer,
-          {
-            responsive: props.responsive ?? true,
-            width: props.width ?? "100%",
-            height: props.fillHeight === true ? "100%" : sizeStyles.height,
-            "data-testid": `${dataTestId}-container`,
-            children: renderChartByType(props, theme)
-          }
-        )
-      ]
-    }
-  );
-};
-
-export {
-  Chart
-};
-//# sourceMappingURL=chunk-52APLKAG.js.map

package/dist/chunk-52APLKAG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Chart/Chart.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport Paper from '@mui/material/Paper/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, useTheme, type Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport type { ChartProps } from './Chart.types';\nimport { ChartContainer } from './ChartComposables';\nimport { getSizeStyles, getVariantStyles } from './chart-internals';\nimport { renderChartByType } from './chart-renderers';\nimport { uiInk } from '../../../tokens/ink';\nimport { muiColor } from '../../../tokens/scales';\n\n/**\n * Prop-driven Recharts wrapper (line/bar/area/pie/radar/scatter/composed)\n * with MUI-themed chrome. The serializable-spec API (`SpecChart`) layers on\n * top of this component; type-specific rendering lives in\n * `chart-renderers.tsx` and styling in `chart-internals.ts`.\n */\n\nfunction variantSx(theme: Theme, props: ChartProps): Record<string, unknown> {\n  return getVariantStyles(theme, {\n    variant: props.variant ?? 'default',\n    color: props.color ?? 'primary',\n    glow: props.glow ?? false,\n    pulse: props.pulse ?? false,\n    glass: props.glass ?? false,\n    gradient: props.gradient ?? false,\n    disabled: props.disabled ?? false,\n  });\n}\n\ninterface HeaderProps {\n  title?: string;\n  subtitle?: string;\n  neon: boolean;\n  dataTestId: string;\n}\n\nfunction ChartHeader({ title, subtitle, neon, dataTestId }: HeaderProps): React.ReactElement | null {\n  if (!title && !subtitle) return null;\n  return (\n    <Box sx={{ mb: 2 }} data-testid={`${dataTestId}-header`}>\n      {title && (\n        <Typography\n          variant=\"h6\"\n          data-testid={`${dataTestId}-title`}\n          sx={(theme) => ({ color: neon ? uiInk(theme).dataVizNeon.accent : 'text.primary', fontWeight: 600 })}\n        >\n          {title}\n        </Typography>\n      )}\n      {subtitle && (\n        <Typography\n          variant=\"body2\"\n          data-testid={`${dataTestId}-subtitle`}\n          sx={(theme) => ({ color: neon ? alpha(uiInk(theme).dataVizNeon.accent, 0.7) : 'text.secondary' })}\n        >\n          {subtitle}\n        </Typography>\n      )}\n    </Box>\n  );\n}\n\nexport const Chart: React.FC<ChartProps> = (props) => {\n  const theme = useTheme();\n  const sizeStyles = getSizeStyles(props.size, props.height);\n  const styles = variantSx(theme, props);\n  const dataTestId = props['data-testid'] ?? 'chart';\n\n  if (props.loading) {\n    return (\n      <Paper\n        data-testid={`${dataTestId}-loading`}\n        sx={{ ...styles, ...sizeStyles, display: 'flex', justifyContent: 'center', alignItems: 'center' }}\n      >\n        <CircularProgress color={muiColor(props.color ?? 'primary', 'inherit')} data-testid={`${dataTestId}-loading-spinner`} />\n      </Paper>\n    );\n  }\n\n  return (\n    <Paper\n      data-testid={dataTestId}\n      className={props.className}\n      sx={{ p: 2, ...styles, ...props.style }}\n      onFocus={props.onFocus}\n      onBlur={props.onBlur}\n    >\n      <ChartHeader\n        title={props.title}\n        subtitle={props.subtitle}\n        neon={props.variant === 'neon'}\n        dataTestId={dataTestId}\n      />\n      <ChartContainer\n        responsive={props.responsive ?? true}\n        width={props.width ?? '100%'}\n        height={props.fillHeight === true ? '100%' : sizeStyles.height}\n        data-testid={`${dataTestId}-container`}\n      >\n        {renderChartByType(props, theme)}\n      </ChartContainer>\n    </Paper>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,OAAO,sBAAsB;AAC7B,OAAO,WAAW;AAClB,OAAO,gBAAgB;AACvB,SAAS,OAAO,gBAA4B;AAuCxC,SAEI,KAFJ;AAtBJ,SAAS,UAAU,OAAc,OAA4C;AAC3E,SAAO,iBAAiB,OAAO;AAAA,IAC7B,SAAS,MAAM,WAAW;AAAA,IAC1B,OAAO,MAAM,SAAS;AAAA,IACtB,MAAM,MAAM,QAAQ;AAAA,IACpB,OAAO,MAAM,SAAS;AAAA,IACtB,OAAO,MAAM,SAAS;AAAA,IACtB,UAAU,MAAM,YAAY;AAAA,IAC5B,UAAU,MAAM,YAAY;AAAA,EAC9B,CAAC;AACH;AASA,SAAS,YAAY,EAAE,OAAO,UAAU,MAAM,WAAW,GAA2C;AAClG,MAAI,CAAC,SAAS,CAAC,SAAU,QAAO;AAChC,SACE,qBAAC,OAAI,IAAI,EAAE,IAAI,EAAE,GAAG,eAAa,GAAG,UAAU,WAC3C;AAAA,aACC;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,eAAa,GAAG,UAAU;AAAA,QAC1B,IAAI,CAAC,WAAW,EAAE,OAAO,OAAO,MAAM,KAAK,EAAE,YAAY,SAAS,gBAAgB,YAAY,IAAI;AAAA,QAEjG;AAAA;AAAA,IACH;AAAA,IAED,YACC;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,eAAa,GAAG,UAAU;AAAA,QAC1B,IAAI,CAAC,WAAW,EAAE,OAAO,OAAO,MAAM,MAAM,KAAK,EAAE,YAAY,QAAQ,GAAG,IAAI,iBAAiB;AAAA,QAE9F;AAAA;AAAA,IACH;AAAA,KAEJ;AAEJ;AAEO,IAAM,QAA8B,CAAC,UAAU;AACpD,QAAM,QAAQ,SAAS;AACvB,QAAM,aAAa,cAAc,MAAM,MAAM,MAAM,MAAM;AACzD,QAAM,SAAS,UAAU,OAAO,KAAK;AACrC,QAAM,aAAa,MAAM,aAAa,KAAK;AAE3C,MAAI,MAAM,SAAS;AACjB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAa,GAAG,UAAU;AAAA,QAC1B,IAAI,EAAE,GAAG,QAAQ,GAAG,YAAY,SAAS,QAAQ,gBAAgB,UAAU,YAAY,SAAS;AAAA,QAEhG,8BAAC,oBAAiB,OAAO,SAAS,MAAM,SAAS,WAAW,SAAS,GAAG,eAAa,GAAG,UAAU,oBAAoB;AAAA;AAAA,IACxH;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa;AAAA,MACb,WAAW,MAAM;AAAA,MACjB,IAAI,EAAE,GAAG,GAAG,GAAG,QAAQ,GAAG,MAAM,MAAM;AAAA,MACtC,SAAS,MAAM;AAAA,MACf,QAAQ,MAAM;AAAA,MAEd;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,MAAM;AAAA,YACb,UAAU,MAAM;AAAA,YAChB,MAAM,MAAM,YAAY;AAAA,YACxB;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,YAAY,MAAM,cAAc;AAAA,YAChC,OAAO,MAAM,SAAS;AAAA,YACtB,QAAQ,MAAM,eAAe,OAAO,SAAS,WAAW;AAAA,YACxD,eAAa,GAAG,UAAU;AAAA,YAEzB,4BAAkB,OAAO,KAAK;AAAA;AAAA,QACjC;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-5CIXQBLV.js

@@ -1,155 +0,0 @@
-import {
-  SearchGlyph
-} from "./chunk-DMNZD3Q7.js";
-import {
-  chipSx,
-  chipWrapSx,
-  panelHeadSx,
-  pinnedLabelSx,
-  pinnedSx
-} from "./chunk-ZSRLRDTP.js";
-import {
-  fieldBorder,
-  fieldHeight
-} from "./chunk-CGO452DC.js";
-import {
-  fieldRadiusPx
-} from "./chunk-GDN2LUTZ.js";
-
-// src/components/form/CategorySelect/CategoryPanelHead.tsx
-import Box from "@mui/material/Box/index.js";
-import InputBase from "@mui/material/InputBase/index.js";
-import { alpha } from "@mui/material/styles/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var searchFieldSx = {
-  position: "relative",
-  display: "flex",
-  alignItems: "center",
-  "& input": {
-    width: "100%",
-    height: fieldHeight,
-    padding: "0 30px 0 32px",
-    fontSize: 13,
-    border: fieldBorder,
-    borderRadius: fieldRadiusPx,
-    background: "background.paper",
-    color: "text.primary",
-    "&:focus": {
-      outline: "none",
-      borderColor: "primary.main",
-      // 0x26 of 0xFF: the ring's old hex-alpha suffix, kept exact.
-      boxShadow: (theme) => `0 0 0 3px ${alpha(theme.palette.primary.main, 38 / 255)}`
-    }
-  }
-};
-var clearButtonSx = {
-  position: "absolute",
-  right: 7,
-  width: 20,
-  height: 20,
-  border: 0,
-  background: "action.selected",
-  color: "text.secondary",
-  borderRadius: "50%",
-  display: "grid",
-  placeItems: "center",
-  cursor: "pointer",
-  fontSize: 12,
-  padding: 0,
-  lineHeight: 1
-};
-function CategoryPanelHead({
-  query,
-  placeholder,
-  sheet,
-  quickActions,
-  onQueryChange,
-  searchInputRef,
-  dataTestId,
-  copy
-}) {
-  return /* @__PURE__ */ jsxs(Box, { sx: (theme) => panelHeadSx(theme, sheet), children: [
-    /* @__PURE__ */ jsxs(Box, { sx: searchFieldSx, children: [
-      /* @__PURE__ */ jsx(
-        SearchGlyph,
-        {
-          style: {
-            position: "absolute",
-            left: 10,
-            width: 15,
-            height: 15,
-            opacity: 0.55,
-            pointerEvents: "none"
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        InputBase,
-        {
-          inputRef: searchInputRef,
-          value: query,
-          placeholder,
-          autoComplete: "off",
-          inputProps: { "aria-label": placeholder, "data-testid": `${dataTestId}-search` },
-          onChange: (event) => onQueryChange(event.target.value),
-          sx: { width: "100%" }
-        }
-      ),
-      query.length > 0 && /* @__PURE__ */ jsx(
-        Box,
-        {
-          component: "button",
-          type: "button",
-          "aria-label": copy.search.clear,
-          "data-testid": `${dataTestId}-search-clear`,
-          sx: clearButtonSx,
-          onClick: () => onQueryChange(""),
-          children: "\xD7"
-        }
-      )
-    ] }),
-    quickActions && /* @__PURE__ */ jsx(
-      Box,
-      {
-        sx: {
-          display: "flex",
-          alignItems: "center",
-          gap: "10px",
-          marginTop: "8px",
-          fontSize: 12
-        },
-        children: quickActions
-      }
-    )
-  ] });
-}
-function CategoryPinnedTray({
-  chips,
-  onRemove,
-  dataTestId,
-  copy
-}) {
-  if (chips.length === 0) return null;
-  return /* @__PURE__ */ jsxs(Box, { sx: pinnedSx, "data-testid": `${dataTestId}-pinned`, children: [
-    /* @__PURE__ */ jsx(Box, { sx: pinnedLabelSx, children: copy.search.pinnedLabel(chips.length) }),
-    /* @__PURE__ */ jsx(Box, { sx: chipWrapSx, children: chips.map((chip) => /* @__PURE__ */ jsxs(Box, { component: "span", sx: chipSx, children: [
-      chip.label,
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          "aria-label": copy.search.removeChip(chip.label),
-          "data-testid": `${dataTestId}-unpin-${chip.id}`,
-          onClick: () => onRemove(chip.id),
-          children: "\xD7"
-        }
-      )
-    ] }, chip.id)) })
-  ] });
-}
-
-export {
-  CategoryPanelHead,
-  CategoryPinnedTray
-};
-//# sourceMappingURL=chunk-5CIXQBLV.js.map

package/dist/chunk-5CIXQBLV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/CategorySelect/CategoryPanelHead.tsx"],"sourcesContent":["'use client';\n\nimport type { CategorySelectCopy } from '../../../copy';\nimport Box from '@mui/material/Box/index.js';\nimport InputBase from '@mui/material/InputBase/index.js';\nimport { alpha, type Theme } from '@mui/material/styles/index.js';\n\nimport { SearchGlyph } from './CategoryIcons';\nimport {\n  chipSx,\n  chipWrapSx,\n  panelHeadSx,\n  pinnedLabelSx,\n  pinnedSx,\n} from './CategorySelect.styles';\nimport type { CategorySelectionChip } from './CategorySelect.types';\nimport { fieldBorder, fieldHeight } from '../../../tokens/field-height';\nimport { fieldRadiusPx } from '../../../tokens/field-radius';\n\ninterface PanelHeadProps {\n  query: string;\n  placeholder: string;\n  sheet: boolean;\n  /** Quick actions belong to multi-select only; single-select has nothing to bulk-do. */\n  quickActions?: React.ReactNode;\n  onQueryChange: (next: string) => void;\n  searchInputRef: React.RefObject<HTMLInputElement | null>;\n  dataTestId: string;\n  copy: CategorySelectCopy;\n}\n\nconst searchFieldSx = {\n  position: 'relative',\n  display: 'flex',\n  alignItems: 'center',\n  '& input': {\n    width: '100%',\n    height: fieldHeight,\n    padding: '0 30px 0 32px',\n    fontSize: 13,\n    border: fieldBorder,\n    borderRadius: fieldRadiusPx,\n    background: 'background.paper',\n    color: 'text.primary',\n    '&:focus': {\n      outline: 'none',\n      borderColor: 'primary.main',\n      // 0x26 of 0xFF: the ring's old hex-alpha suffix, kept exact.\n      boxShadow: (theme: Theme) => `0 0 0 3px ${alpha(theme.palette.primary.main, 0x26 / 0xff)}`,\n    },\n  },\n} as const;\n\nconst clearButtonSx = {\n  position: 'absolute',\n  right: 7,\n  width: 20,\n  height: 20,\n  border: 0,\n  background: 'action.selected',\n  color: 'text.secondary',\n  borderRadius: '50%',\n  display: 'grid',\n  placeItems: 'center',\n  cursor: 'pointer',\n  fontSize: 12,\n  padding: 0,\n  lineHeight: 1,\n} as const;\n\n/** Search field, its clear affordance, and the optional quick-action row. */\nexport function CategoryPanelHead({\n  query,\n  placeholder,\n  sheet,\n  quickActions,\n  onQueryChange,\n  searchInputRef,\n  dataTestId,\n  copy,\n}: PanelHeadProps): React.JSX.Element {\n  return (\n    <Box sx={(theme) => panelHeadSx(theme, sheet)}>\n      <Box sx={searchFieldSx}>\n        <SearchGlyph\n          style={{\n            position: 'absolute',\n            left: 10,\n            width: 15,\n            height: 15,\n            opacity: 0.55,\n            pointerEvents: 'none',\n          }}\n        />\n        <InputBase\n          inputRef={searchInputRef}\n          value={query}\n          placeholder={placeholder}\n          autoComplete=\"off\"\n          inputProps={{ 'aria-label': placeholder, 'data-testid': `${dataTestId}-search` }}\n          onChange={(event) => onQueryChange(event.target.value)}\n          sx={{ width: '100%' }}\n        />\n        {query.length > 0 && (\n          <Box\n            component=\"button\"\n            type=\"button\"\n            aria-label={copy.search.clear}\n            data-testid={`${dataTestId}-search-clear`}\n            sx={clearButtonSx}\n            onClick={() => onQueryChange('')}\n          >\n            ×\n          </Box>\n        )}\n      </Box>\n      {quickActions && (\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: '10px',\n            marginTop: '8px',\n            fontSize: 12,\n          }}\n        >\n          {quickActions}\n        </Box>\n      )}\n    </Box>\n  );\n}\n\ninterface PinnedTrayProps {\n  chips: CategorySelectionChip[];\n  onRemove: (chipId: string) => void;\n  dataTestId: string;\n  copy: CategorySelectCopy;\n}\n\n/**\n * The selected categories, pinned above the list.\n *\n * Pinned rather than left in place because a selection made at the bottom of a\n * ten-category tree scrolls out of sight the moment you look for the next one —\n * and a search hides it entirely. Here it survives both.\n */\nexport function CategoryPinnedTray({\n  chips,\n  onRemove,\n  dataTestId,\n  copy,\n}: PinnedTrayProps): React.JSX.Element | null {\n  if (chips.length === 0) return null;\n  return (\n    <Box sx={pinnedSx} data-testid={`${dataTestId}-pinned`}>\n      <Box sx={pinnedLabelSx}>{copy.search.pinnedLabel(chips.length)}</Box>\n      <Box sx={chipWrapSx}>\n        {chips.map((chip) => (\n          <Box component=\"span\" key={chip.id} sx={chipSx}>\n            {chip.label}\n            <button\n              type=\"button\"\n              aria-label={copy.search.removeChip(chip.label)}\n              data-testid={`${dataTestId}-unpin-${chip.id}`}\n              onClick={() => onRemove(chip.id)}\n            >\n              ×\n            </button>\n          </Box>\n        ))}\n      </Box>\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}