@12-apps/ui 6.33.1 → 6.34.0

package/dist/chunk-CJL5D2IT.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Stepper/Stepper.tsx"],"sourcesContent":["import CheckCircle from '@mui/icons-material/CheckCircle';\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport type { Step, StepItemProps, StepperProps } from './Stepper.types';\nimport type { SizeValue } from '../../../tokens/scales';\n\n/**\n * The five house stops, drawn rather than collapsed.\n *\n * These were two-way ternaries on `sm`, which is what a two-value size prop\n * allows; with the full scale they have to be real values or the three new\n * stops would render identically to `md` and the prop would be a lie.\n */\nconst STEP_MIN_WIDTH: Record<SizeValue, number> = { xs: 44, sm: 56, md: 80, lg: 96, xl: 112 };\nconst STEP_ICON_SIZE: Record<SizeValue, number> = { xs: 14, sm: 18, md: 24, lg: 30, xl: 36 };\n\n\nconst StepperRoot = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'orientation',\n})<{ orientation: 'horizontal' | 'vertical'; component?: React.ElementType }>(({ orientation }) => ({\n  display: 'flex',\n  flexDirection: orientation === 'horizontal' ? 'row' : 'column',\n  // Use flex-start to align all step circles at the same vertical position\n  alignItems: 'flex-start',\n}));\n\nconst StepItem = styled(Box, {\n  shouldForwardProp: (prop) => !['orientation', 'isLast'].includes(prop as string),\n})<{ orientation: 'horizontal' | 'vertical'; isLast: boolean }>(({ orientation, isLast }) => ({\n  display: 'flex',\n  // For horizontal: row layout so connector appears beside step content\n  // For vertical: column layout so connector appears below step content\n  flexDirection: orientation === 'horizontal' ? 'row' : 'column',\n  // For horizontal: flex-start to keep circles aligned at top\n  // For vertical: center to align connector with centered circle\n  alignItems: orientation === 'horizontal' ? 'flex-start' : 'center',\n  flex: orientation === 'horizontal' && !isLast ? 1 : 'none',\n  position: 'relative',\n  // For vertical: ensure consistent width for proper centering\n  ...(orientation === 'vertical' && {\n    width: '100%',\n  }),\n}));\n\n/** Circle diameter per size. */\nconst CIRCLE_SIZE: Record<SizeValue, number> = { xs: 24, sm: 32, md: 48, lg: 60, xl: 72 };\n\nconst StepButton = styled(Button, {\n  shouldForwardProp: (prop) =>\n    !['isActive', 'isCompleted', 'clickable', 'stepSize'].includes(prop as string),\n})<{ isActive: boolean; isCompleted: boolean; clickable: boolean; stepSize: SizeValue }>(\n  ({ theme, isActive, isCompleted, clickable, stepSize }) => ({\n    minWidth: CIRCLE_SIZE[stepSize],\n    width: CIRCLE_SIZE[stepSize],\n    height: CIRCLE_SIZE[stepSize],\n    borderRadius: '50%',\n    padding: 0,\n    backgroundColor: isCompleted\n      ? theme.palette.primary.main\n      : isActive\n      ? theme.palette.primary.main\n      : theme.palette.grey[300],\n    color: isCompleted || isActive ? theme.palette.primary.contrastText : theme.palette.text.primary,\n    cursor: clickable ? 'pointer' : 'default',\n    pointerEvents: clickable ? 'auto' : 'none',\n    transition: theme.transitions.create(['background-color', 'transform'], {\n      duration: theme.transitions.duration.short,\n    }),\n    '&:hover': clickable\n      ? {\n          backgroundColor: isCompleted\n            ? theme.palette.primary.dark\n            : isActive\n            ? theme.palette.primary.dark\n            : theme.palette.grey[400],\n          transform: 'scale(1.05)',\n        }\n      : {},\n    '&:disabled': {\n      backgroundColor: theme.palette.grey[300],\n      color: theme.palette.text.disabled,\n    },\n  }),\n);\n\nconst StepConnector = styled(Box, {\n  shouldForwardProp: (prop) =>\n    !['orientation', 'isCompleted', 'size'].includes(prop as string),\n})<{ orientation: 'horizontal' | 'vertical'; isCompleted: boolean; size: SizeValue }>(\n  ({ theme, orientation, isCompleted, size }) => ({\n    backgroundColor: isCompleted ? theme.palette.primary.main : theme.palette.grey[300],\n    transition: theme.transitions.create('background-color', {\n      duration: theme.transitions.duration.short,\n    }),\n    ...(orientation === 'horizontal'\n      ? {\n          flex: 1,\n          height: 2,\n          // Vertically centered on the circle (circle/2 - 1 for the 2px line).\n          marginTop: CIRCLE_SIZE[size] / 2 - 1,\n          marginLeft: 8,\n          marginRight: 8,\n          minWidth: 24,\n        }\n      : {\n          width: 2,\n          height: 32,\n          marginTop: 8,\n          marginBottom: 8,\n          // Use margin auto to center horizontally\n          marginLeft: 'auto',\n          marginRight: 'auto',\n        }),\n  }),\n);\n\nconst StepLabel = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'orientation',\n})<{ orientation: 'horizontal' | 'vertical' }>(({ orientation }) => ({\n  textAlign: 'center',\n  marginTop: orientation === 'horizontal' ? 8 : 0,\n}));\n\ntype StepSize = SizeValue;\ntype LabelVariant = 'caption' | 'body2';\n\n/** Space-joined state classes for a step (active / completed / optional). */\nfunction stepClasses(isActive: boolean, isCompleted: boolean, optional?: boolean): string {\n  return [\n    isActive && 'stepper-step-active',\n    isCompleted && 'stepper-step-completed',\n    optional && 'stepper-step-optional',\n  ]\n    .filter(Boolean)\n    .join(' ');\n}\n\n/** The circle content-column width per orientation/size. */\nfunction contentSx(orientation: 'horizontal' | 'vertical', size: StepSize) {\n  return orientation === 'horizontal'\n    ? { minWidth: STEP_MIN_WIDTH[size], maxWidth: 150, flex: '0 1 auto' }\n    : { flexShrink: 0 };\n}\n\ninterface StepPartProps {\n  step: Step;\n  index: number;\n  isActive: boolean;\n  size: StepSize;\n  labelVariant: LabelVariant;\n}\n\n/** The step circle: a check when completed, otherwise the 1-based index. */\nconst StepCircle: React.FC<\n  StepPartProps & { isCompleted: boolean; isClickable: boolean; onClick: () => void }\n> = ({ step, index, isActive, isCompleted, isClickable, size, labelVariant, onClick }) => {\n  const state = isCompleted ? ' (completed)' : isActive ? ' (current)' : '';\n  return (\n    <StepButton\n      isActive={isActive}\n      isCompleted={isCompleted}\n      clickable={isClickable}\n      stepSize={size}\n      onClick={onClick}\n      disabled={step.disabled}\n      aria-current={isActive ? 'step' : undefined}\n      aria-label={`Step ${index + 1}: ${step.label}${step.optional ? ' (optional)' : ''}${state}`}\n      data-testid={`stepper-step-icon-${index}`}\n    >\n      {isCompleted ? (\n        <CheckCircle sx={{ fontSize: STEP_ICON_SIZE[size] }} />\n      ) : (\n        <Typography variant={labelVariant} fontWeight=\"bold\">\n          {index + 1}\n        </Typography>\n      )}\n    </StepButton>\n  );\n};\n\n/** The step label block: title, optional marker, and description. */\nconst StepLabelBlock: React.FC<StepPartProps & { orientation: 'horizontal' | 'vertical' }> = ({\n  step,\n  index,\n  isActive,\n  orientation,\n  size,\n  labelVariant,\n}) => (\n  <StepLabel\n    orientation={orientation}\n    data-testid={`stepper-step-label-${index}`}\n    sx={size === 'sm' && orientation === 'horizontal' ? { mt: '2px' } : undefined}\n  >\n    <Typography\n      variant={labelVariant}\n      fontWeight={isActive ? 'bold' : 'normal'}\n      color={isActive ? 'primary' : 'textPrimary'}\n    >\n      {step.label}\n      {step.optional && (\n        <Typography component=\"span\" variant=\"caption\" color=\"textSecondary\" sx={{ ml: 1 }}>\n          (optional)\n        </Typography>\n      )}\n    </Typography>\n    {step.description && (\n      <Typography variant=\"caption\" color=\"textSecondary\" display=\"block\">\n        {step.description}\n      </Typography>\n    )}\n  </StepLabel>\n);\n\nconst StepperItem: React.FC<StepItemProps> = ({\n  step,\n  index,\n  isActive,\n  isCompleted,\n  isLast,\n  orientation,\n  size,\n  variant,\n  clickable,\n  onStepClick,\n  renderConnector,\n  nextStep,\n}) => {\n  const labelVariant: LabelVariant = size === 'sm' ? 'caption' : 'body2';\n  const isClickable = Boolean(clickable) && !step.disabled && (variant === 'non-linear' || !isActive);\n  const handleStepClick = () => {\n    if (isClickable && onStepClick) onStepClick(step.id);\n  };\n  const connector =\n    renderConnector && nextStep ? (\n      renderConnector(step, nextStep, { completed: isCompleted, active: isActive })\n    ) : (\n      <StepConnector orientation={orientation} isCompleted={isCompleted} size={size} data-testid={`stepper-connector-${index}`} />\n    );\n\n  return (\n    <StepItem\n      orientation={orientation}\n      isLast={isLast}\n      role=\"listitem\"\n      data-testid={`stepper-step-${index}`}\n      className={stepClasses(isActive, isCompleted, step.optional)}\n    >\n      <Box\n        display=\"flex\"\n        flexDirection=\"column\"\n        alignItems=\"center\"\n        data-testid={`stepper-step-content-${index}`}\n        sx={contentSx(orientation, size)}\n      >\n        <StepCircle\n          step={step}\n          index={index}\n          isActive={isActive}\n          isCompleted={isCompleted}\n          isClickable={isClickable}\n          size={size}\n          labelVariant={labelVariant}\n          onClick={handleStepClick}\n        />\n        <StepLabelBlock\n          step={step}\n          index={index}\n          isActive={isActive}\n          orientation={orientation}\n          size={size}\n          labelVariant={labelVariant}\n        />\n      </Box>\n      {!isLast && connector}\n    </StepItem>\n  );\n};\n\nexport const Stepper: React.FC<StepperProps> = ({\n  steps,\n  activeId,\n  completed = new Set(),\n  orientation = 'horizontal',\n  size = 'md',\n  variant = 'linear',\n  onStepChange,\n  clickable,\n  renderConnector,\n  className,\n  'data-testid': dataTestId,\n}) => {\n  // Determine clickable behavior\n  const isClickable = clickable ?? variant === 'non-linear';\n\n  return (\n    <StepperRoot\n      component=\"ol\"\n      orientation={orientation}\n      className={className}\n      data-testid={dataTestId || 'stepper-container'}\n      sx={{\n        listStyle: 'none',\n        padding: 0,\n        margin: 0,\n      }}\n    >\n      {steps.map((step, index) => {\n        const isActive = step.id === activeId;\n        const isCompleted = completed.has(step.id);\n        const isLast = index === steps.length - 1;\n        const nextStep = !isLast ? steps[index + 1] : undefined;\n\n        return (\n          <StepperItem\n            key={step.id}\n            step={step}\n            index={index}\n            isActive={isActive}\n            isCompleted={isCompleted}\n            isLast={isLast}\n            orientation={orientation}\n            size={size}\n            variant={variant}\n            clickable={isClickable}\n            onStepClick={onStepChange}\n            renderConnector={renderConnector}\n            nextStep={nextStep}\n          />\n        );\n      })}\n    </StepperRoot>\n  );\n};"],"mappings":"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","names":[]}

package/dist/chunk-CMN26J5Y.js

@@ -1,219 +0,0 @@
-import {
-  FLEET_DOT,
-  FLEET_ROSTER,
-  FLEET_ROW,
-  FLEET_SKELETON
-} from "./chunk-BTQZ3EX3.js";
-import {
-  freshnessOf
-} from "./chunk-XPMGFAJ3.js";
-import {
-  Skeleton
-} from "./chunk-7VN7LFBA.js";
-
-// src/components/data-display/FleetMap/FleetRoster.tsx
-import Box from "@mui/material/Box/index.js";
-import Stack from "@mui/material/Stack/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { useTheme } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function freshnessColor(freshness, theme) {
-  if (freshness === "live") return theme.palette.success.main;
-  if (freshness === "lagging") return theme.palette.warning.main;
-  return theme.palette.text.disabled;
-}
-function RowText({
-  unit,
-  copy,
-  freshness,
-  testId
-}) {
-  const theme = useTheme();
-  const meta = [
-    copy.freshness[freshness],
-    copy.lastSeen(unit.staleSeconds),
-    unit.accuracyM == null ? null : copy.accuracy(unit.accuracyM)
-  ].filter((part) => Boolean(part)).join(" \xB7 ");
-  return /* @__PURE__ */ jsxs(Stack, { sx: { minWidth: 0, flexGrow: 1 }, children: [
-    /* @__PURE__ */ jsx(
-      Typography,
-      {
-        variant: "body2",
-        component: "p",
-        "data-testid": `${testId}-label`,
-        sx: { fontWeight: theme.typography.fontWeightMedium, overflowWrap: "anywhere" },
-        children: unit.label
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Typography,
-      {
-        variant: "caption",
-        component: "p",
-        "data-testid": `${testId}-meta`,
-        sx: { color: theme.palette.text.secondary },
-        children: meta
-      }
-    )
-  ] });
-}
-function useKeptInView(selected, position) {
-  const row = React.useRef(null);
-  React.useEffect(() => {
-    const box = row.current;
-    const list = box?.parentElement;
-    if (!selected || !box || !list) return;
-    const top = box.offsetTop - list.offsetTop;
-    if (top < list.scrollTop) {
-      list.scrollTop = top;
-    } else if (top + box.offsetHeight > list.scrollTop + list.clientHeight) {
-      list.scrollTop = top + box.offsetHeight - list.clientHeight;
-    }
-  }, [selected, position]);
-  return row;
-}
-function rowSx(theme, selected) {
-  const resting = selected ? theme.palette.action.selected : "transparent";
-  return {
-    display: "flex",
-    alignItems: "center",
-    gap: theme.spacing(FLEET_ROW.gapUnits),
-    padding: theme.spacing(FLEET_ROW.paddingYUnits, FLEET_ROW.paddingXUnits),
-    // `1`, not `theme.shape.borderRadius / 4`. MUI's `sx` reads a NUMBER here as
-    // a multiple of `theme.shape.borderRadius`, so dividing the theme value out
-    // and letting `sx` multiply it back in is quadratic: measured 4px on the
-    // default theme — which is why this looked right — and 36px on a host that
-    // sets its own radius to 12. In a package whose whole premise is being
-    // re-themed, only the multiple is portable.
-    borderRadius: FLEET_ROW.radiusMultiple,
-    cursor: "pointer",
-    backgroundColor: resting,
-    "&:hover": {
-      backgroundColor: selected ? theme.palette.action.selected : theme.palette.action.hover
-    }
-  };
-}
-function FleetRow({
-  unit,
-  copy,
-  freshness,
-  selected,
-  onSelect,
-  optionId,
-  position,
-  testId
-}) {
-  const theme = useTheme();
-  const color = freshnessColor(freshness, theme);
-  const row = useKeptInView(selected, position);
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      ref: row,
-      role: "option",
-      "aria-selected": selected,
-      id: optionId,
-      "data-testid": testId,
-      "data-freshness": freshness,
-      onClick: () => onSelect(unit.id),
-      sx: rowSx(theme, selected),
-      children: [
-        /* @__PURE__ */ jsx(
-          Box,
-          {
-            "aria-hidden": "true",
-            "data-testid": `${testId}-dot`,
-            sx: {
-              width: FLEET_DOT.size,
-              height: FLEET_DOT.size,
-              borderRadius: "50%",
-              flexShrink: 0,
-              backgroundColor: color
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx(RowText, { unit, copy, freshness, testId }),
-        unit.badge && /* @__PURE__ */ jsx(
-          Typography,
-          {
-            variant: "caption",
-            component: "span",
-            "data-testid": `${testId}-badge`,
-            sx: { color: theme.palette.text.secondary, flexShrink: 0 },
-            children: unit.badge
-          }
-        )
-      ]
-    }
-  );
-}
-function FirstLoad({ testId }) {
-  return /* @__PURE__ */ jsx(Stack, { spacing: FLEET_SKELETON.gapUnits, "data-testid": `${testId}-skeleton`, "aria-hidden": "true", children: Array.from({ length: FLEET_SKELETON.rows }, (_, row) => /* @__PURE__ */ jsx(
-    Skeleton,
-    {
-      variant: "rectangular",
-      height: FLEET_SKELETON.height,
-      borderRadius: FLEET_SKELETON.radiusMultiple
-    },
-    row
-  )) });
-}
-function FleetRoster({
-  units,
-  copy,
-  selectedId,
-  onSelect,
-  laggingAfterSeconds,
-  staleAfterSeconds,
-  loading,
-  testId,
-  onKeyDown
-}) {
-  const theme = useTheme();
-  const rowIdPrefix = React.useId();
-  const optionId = (id) => `${rowIdPrefix}-${id}`;
-  const active = units.some((unit) => unit.id === selectedId) ? selectedId : null;
-  if (loading && units.length === 0) return /* @__PURE__ */ jsx(FirstLoad, { testId });
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      role: "listbox",
-      tabIndex: 0,
-      "aria-label": copy.rosterLabel,
-      "aria-activedescendant": active ? optionId(active) : void 0,
-      "data-testid": `${testId}-roster`,
-      onKeyDown,
-      sx: {
-        display: "flex",
-        flexDirection: "column",
-        gap: theme.spacing(FLEET_ROSTER.gapUnits),
-        overflowY: "auto",
-        minWidth: 0,
-        "&:focus-visible": {
-          outline: `${FLEET_ROSTER.focusRingWidth}px solid ${theme.palette.primary.main}`,
-          outlineOffset: FLEET_ROSTER.focusRingOffset
-        }
-      },
-      children: units.map((unit, index) => /* @__PURE__ */ jsx(
-        FleetRow,
-        {
-          unit,
-          copy,
-          freshness: freshnessOf(unit.staleSeconds, laggingAfterSeconds, staleAfterSeconds),
-          selected: unit.id === active,
-          onSelect,
-          optionId: optionId(unit.id),
-          position: index,
-          testId: `${testId}-${unit.id}`
-        },
-        unit.id
-      ))
-    }
-  );
-}
-
-export {
-  FleetRoster
-};
-//# sourceMappingURL=chunk-CMN26J5Y.js.map

package/dist/chunk-CMTFAYDY.js

@@ -1,90 +0,0 @@
-// src/components/form/CodeEditor/CodeEditor.monaco.ts
-var customLightTheme = {
-  base: "vs",
-  inherit: true,
-  rules: [
-    { token: "comment", foreground: "6A737D", fontStyle: "italic" },
-    { token: "keyword", foreground: "D73A49" },
-    { token: "string", foreground: "032F62" },
-    { token: "number", foreground: "005CC5" }
-  ],
-  colors: {
-    "editor.background": "#FFFFFF",
-    "editor.foreground": "#24292E",
-    "editor.lineHighlightBackground": "#F6F8FA",
-    "editorLineNumber.foreground": "#959DA5",
-    "editorIndentGuide.background": "#D1D5DA",
-    "editor.selectionBackground": "#C8E1FF"
-  }
-};
-var customDarkTheme = {
-  base: "vs-dark",
-  inherit: true,
-  rules: [
-    { token: "comment", foreground: "6A737D", fontStyle: "italic" },
-    { token: "keyword", foreground: "F97583" },
-    { token: "string", foreground: "9ECBFF" },
-    { token: "number", foreground: "79B8FF" }
-  ],
-  colors: {
-    "editor.background": "#0D1117",
-    "editor.foreground": "#C9D1D9",
-    "editor.lineHighlightBackground": "#161B22",
-    "editorLineNumber.foreground": "#8B949E",
-    "editorIndentGuide.background": "#21262D",
-    "editor.selectionBackground": "#3392FF44"
-  }
-};
-var AUTO_FORMAT_DELAY_MS = 100;
-var registerEditorThemes = (monaco) => {
-  monaco.editor.defineTheme("custom-light", customLightTheme);
-  monaco.editor.defineTheme("custom-dark", customDarkTheme);
-};
-var configureTypeScriptDefaults = (monaco) => {
-  try {
-    const tsLanguage = monaco.languages.getLanguages().find((language) => language.id === "typescript");
-    if (!tsLanguage) return;
-    monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
-      target: monaco.languages.typescript.ScriptTarget.ES2020,
-      allowNonTsExtensions: true,
-      moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,
-      module: monaco.languages.typescript.ModuleKind.CommonJS,
-      noEmit: true,
-      esModuleInterop: true,
-      jsx: monaco.languages.typescript.JsxEmit.React,
-      reactNamespace: "React",
-      allowJs: true,
-      typeRoots: ["node_modules/@types"]
-    });
-    monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({
-      noSemanticValidation: false,
-      noSyntaxValidation: false,
-      noSuggestionDiagnostics: true
-    });
-  } catch {
-  }
-};
-var scheduleAutoFormat = (mountedEditor, enabled) => {
-  if (!enabled) return;
-  window.setTimeout(() => {
-    mountedEditor.getAction("editor.action.formatDocument")?.run();
-  }, AUTO_FORMAT_DELAY_MS);
-};
-var registerSaveShortcut = (mountedEditor, monaco, onSave) => {
-  mountedEditor.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KeyS, () => {
-    onSave?.(mountedEditor.getValue());
-  });
-};
-var resolveEditorTheme = (themeProp, paletteMode) => {
-  const wantsDark = themeProp === "auto" ? paletteMode === "dark" : themeProp === "dark";
-  return wantsDark ? "custom-dark" : "custom-light";
-};
-
-export {
-  registerEditorThemes,
-  configureTypeScriptDefaults,
-  scheduleAutoFormat,
-  registerSaveShortcut,
-  resolveEditorTheme
-};
-//# sourceMappingURL=chunk-CMTFAYDY.js.map

package/dist/chunk-CMTFAYDY.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/CodeEditor/CodeEditor.monaco.ts"],"sourcesContent":["import type { Monaco } from '@monaco-editor/react';\nimport type { editor } from 'monaco-editor';\n\nconst customLightTheme = {\n  base: 'vs' as const,\n  inherit: true,\n  rules: [\n    { token: 'comment', foreground: '6A737D', fontStyle: 'italic' },\n    { token: 'keyword', foreground: 'D73A49' },\n    { token: 'string', foreground: '032F62' },\n    { token: 'number', foreground: '005CC5' },\n  ],\n  colors: {\n    'editor.background': '#FFFFFF',\n    'editor.foreground': '#24292E',\n    'editor.lineHighlightBackground': '#F6F8FA',\n    'editorLineNumber.foreground': '#959DA5',\n    'editorIndentGuide.background': '#D1D5DA',\n    'editor.selectionBackground': '#C8E1FF',\n  },\n};\n\nconst customDarkTheme = {\n  base: 'vs-dark' as const,\n  inherit: true,\n  rules: [\n    { token: 'comment', foreground: '6A737D', fontStyle: 'italic' },\n    { token: 'keyword', foreground: 'F97583' },\n    { token: 'string', foreground: '9ECBFF' },\n    { token: 'number', foreground: '79B8FF' },\n  ],\n  colors: {\n    'editor.background': '#0D1117',\n    'editor.foreground': '#C9D1D9',\n    'editor.lineHighlightBackground': '#161B22',\n    'editorLineNumber.foreground': '#8B949E',\n    'editorIndentGuide.background': '#21262D',\n    'editor.selectionBackground': '#3392FF44',\n  },\n};\n\n// Main component\nconst AUTO_FORMAT_DELAY_MS = 100;\n\nexport const registerEditorThemes = (monaco: Monaco) => {\n  monaco.editor.defineTheme('custom-light', customLightTheme);\n  monaco.editor.defineTheme('custom-dark', customDarkTheme);\n};\n\n// Best-effort: a Monaco build without the TypeScript worker (as in jsdom) throws\n// here, and the editor is still usable without it.\nexport const configureTypeScriptDefaults = (monaco: Monaco) => {\n  try {\n    const tsLanguage = monaco.languages\n      .getLanguages()\n      .find((language) => language.id === 'typescript');\n\n    if (!tsLanguage) return;\n\n    monaco.languages.typescript.typescriptDefaults.setCompilerOptions({\n      target: monaco.languages.typescript.ScriptTarget.ES2020,\n      allowNonTsExtensions: true,\n      moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,\n      module: monaco.languages.typescript.ModuleKind.CommonJS,\n      noEmit: true,\n      esModuleInterop: true,\n      jsx: monaco.languages.typescript.JsxEmit.React,\n      reactNamespace: 'React',\n      allowJs: true,\n      typeRoots: ['node_modules/@types'],\n    });\n\n    monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({\n      noSemanticValidation: false,\n      noSyntaxValidation: false,\n      noSuggestionDiagnostics: true,\n    });\n  } catch {\n    // Silently handle any TypeScript configuration errors in test environments\n  }\n};\n\nexport const scheduleAutoFormat = (mountedEditor: editor.IStandaloneCodeEditor, enabled: boolean) => {\n  if (!enabled) return;\n\n  window.setTimeout(() => {\n    mountedEditor.getAction('editor.action.formatDocument')?.run();\n  }, AUTO_FORMAT_DELAY_MS);\n};\n\nexport const registerSaveShortcut = (\n  mountedEditor: editor.IStandaloneCodeEditor,\n  monaco: Monaco,\n  onSave?: (value: string) => void,\n) => {\n  mountedEditor.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KeyS, () => {\n    onSave?.(mountedEditor.getValue());\n  });\n};\n\n// 'auto' follows the MUI palette; otherwise the caller's choice wins.\nexport const resolveEditorTheme = (themeProp: string, paletteMode: string) => {\n  const wantsDark = themeProp === 'auto' ? paletteMode === 'dark' : themeProp === 'dark';\n\n  return wantsDark ? 'custom-dark' : 'custom-light';\n};\n\n// Monaco's options object. Only the first five entries vary with our props; the\n// rest are fixed editor preferences.\n"],"mappings":";AAGA,IAAM,mBAAmB;AAAA,EACvB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,IACL,EAAE,OAAO,WAAW,YAAY,UAAU,WAAW,SAAS;AAAA,IAC9D,EAAE,OAAO,WAAW,YAAY,SAAS;AAAA,IACzC,EAAE,OAAO,UAAU,YAAY,SAAS;AAAA,IACxC,EAAE,OAAO,UAAU,YAAY,SAAS;AAAA,EAC1C;AAAA,EACA,QAAQ;AAAA,IACN,qBAAqB;AAAA,IACrB,qBAAqB;AAAA,IACrB,kCAAkC;AAAA,IAClC,+BAA+B;AAAA,IAC/B,gCAAgC;AAAA,IAChC,8BAA8B;AAAA,EAChC;AACF;AAEA,IAAM,kBAAkB;AAAA,EACtB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,IACL,EAAE,OAAO,WAAW,YAAY,UAAU,WAAW,SAAS;AAAA,IAC9D,EAAE,OAAO,WAAW,YAAY,SAAS;AAAA,IACzC,EAAE,OAAO,UAAU,YAAY,SAAS;AAAA,IACxC,EAAE,OAAO,UAAU,YAAY,SAAS;AAAA,EAC1C;AAAA,EACA,QAAQ;AAAA,IACN,qBAAqB;AAAA,IACrB,qBAAqB;AAAA,IACrB,kCAAkC;AAAA,IAClC,+BAA+B;AAAA,IAC/B,gCAAgC;AAAA,IAChC,8BAA8B;AAAA,EAChC;AACF;AAGA,IAAM,uBAAuB;AAEtB,IAAM,uBAAuB,CAAC,WAAmB;AACtD,SAAO,OAAO,YAAY,gBAAgB,gBAAgB;AAC1D,SAAO,OAAO,YAAY,eAAe,eAAe;AAC1D;AAIO,IAAM,8BAA8B,CAAC,WAAmB;AAC7D,MAAI;AACF,UAAM,aAAa,OAAO,UACvB,aAAa,EACb,KAAK,CAAC,aAAa,SAAS,OAAO,YAAY;AAElD,QAAI,CAAC,WAAY;AAEjB,WAAO,UAAU,WAAW,mBAAmB,mBAAmB;AAAA,MAChE,QAAQ,OAAO,UAAU,WAAW,aAAa;AAAA,MACjD,sBAAsB;AAAA,MACtB,kBAAkB,OAAO,UAAU,WAAW,qBAAqB;AAAA,MACnE,QAAQ,OAAO,UAAU,WAAW,WAAW;AAAA,MAC/C,QAAQ;AAAA,MACR,iBAAiB;AAAA,MACjB,KAAK,OAAO,UAAU,WAAW,QAAQ;AAAA,MACzC,gBAAgB;AAAA,MAChB,SAAS;AAAA,MACT,WAAW,CAAC,qBAAqB;AAAA,IACnC,CAAC;AAED,WAAO,UAAU,WAAW,mBAAmB,sBAAsB;AAAA,MACnE,sBAAsB;AAAA,MACtB,oBAAoB;AAAA,MACpB,yBAAyB;AAAA,IAC3B,CAAC;AAAA,EACH,QAAQ;AAAA,EAER;AACF;AAEO,IAAM,qBAAqB,CAAC,eAA6C,YAAqB;AACnG,MAAI,CAAC,QAAS;AAEd,SAAO,WAAW,MAAM;AACtB,kBAAc,UAAU,8BAA8B,GAAG,IAAI;AAAA,EAC/D,GAAG,oBAAoB;AACzB;AAEO,IAAM,uBAAuB,CAClC,eACA,QACA,WACG;AACH,gBAAc,WAAW,OAAO,OAAO,UAAU,OAAO,QAAQ,MAAM,MAAM;AAC1E,aAAS,cAAc,SAAS,CAAC;AAAA,EACnC,CAAC;AACH;AAGO,IAAM,qBAAqB,CAAC,WAAmB,gBAAwB;AAC5E,QAAM,YAAY,cAAc,SAAS,gBAAgB,SAAS,cAAc;AAEhF,SAAO,YAAY,gBAAgB;AACrC;","names":[]}

package/dist/chunk-CPNSVIIB.js

@@ -1,103 +0,0 @@
-import {
-  arrowColor,
-  emphasisStyles,
-  getSizeStyles,
-  variantStyles
-} from "./chunk-TO2NXDZA.js";
-import {
-  resolveTooltipProps,
-  usePinnedTooltip
-} from "./chunk-SCRN2RE4.js";
-
-// src/components/data-display/InteractiveTooltip/InteractiveTooltip.tsx
-import MuiTooltip from "@mui/material/Tooltip/index.js";
-import { styled } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var StyledTooltip = styled(MuiTooltip, {
-  shouldForwardProp: (prop) => !["customVariant", "customSize", "glow", "pulse"].includes(prop)
-})(({ theme, customVariant, customSize, glow, pulse }) => {
-  const sizeStyles = getSizeStyles(customSize);
-  return {
-    "& .MuiTooltip-tooltip": {
-      borderRadius: theme.spacing(1),
-      fontSize: sizeStyles.fontSize,
-      padding: sizeStyles.padding,
-      fontWeight: 500,
-      transition: "all 0.3s ease",
-      position: "relative",
-      overflow: "hidden",
-      ...variantStyles(theme, customVariant),
-      ...emphasisStyles(theme, glow, pulse)
-    },
-    "& .MuiTooltip-arrow": {
-      color: arrowColor(theme, customVariant)
-    }
-  };
-});
-var InteractiveTooltip = React.forwardRef(
-  (rawProps, ref) => {
-    const {
-      variant,
-      size,
-      glow,
-      pulse,
-      maxWidth,
-      dataTestId,
-      hoverContent,
-      pinnedContent,
-      clickable,
-      onPin,
-      onUnpin,
-      className,
-      children,
-      ...props
-    } = resolveTooltipProps(rawProps);
-    const { isPinned, isControlledOpen, wrapperRef, handleClick } = usePinnedTooltip({
-      clickable,
-      onPin,
-      onUnpin
-    });
-    const tooltipContent = isPinned ? pinnedContent : hoverContent;
-    const childElement = children;
-    const childWithProps = React.cloneElement(childElement, {
-      onClick: (e) => {
-        handleClick(e);
-        childElement.props.onClick?.(e);
-      },
-      "data-testid": dataTestId ? `${dataTestId}-trigger` : void 0
-    });
-    return /* @__PURE__ */ jsx("div", { ref: wrapperRef, className, children: /* @__PURE__ */ jsx(
-      StyledTooltip,
-      {
-        ref,
-        customVariant: variant,
-        customSize: size,
-        glow,
-        pulse,
-        title: tooltipContent,
-        open: isPinned ? isControlledOpen : void 0,
-        enterDelay: isPinned ? 0 : 100,
-        leaveDelay: 0,
-        disableHoverListener: isPinned,
-        disableFocusListener: isPinned,
-        disableTouchListener: isPinned,
-        slotProps: {
-          tooltip: {
-            sx: { maxWidth },
-            role: "tooltip",
-            ...dataTestId && { "data-testid": `${dataTestId}-content` }
-          }
-        },
-        ...props,
-        children: childWithProps
-      }
-    ) });
-  }
-);
-InteractiveTooltip.displayName = "InteractiveTooltip";
-
-export {
-  InteractiveTooltip
-};
-//# sourceMappingURL=chunk-CPNSVIIB.js.map

package/dist/chunk-CR4KC2K5.js

@@ -1,180 +0,0 @@
-import {
-  CHECKBOX_GLOW,
-  CHECKBOX_HELPER,
-  CHECKBOX_HOVER_ALPHA,
-  CHECKBOX_LABEL,
-  CHECKBOX_PULSE,
-  CHECKBOX_SPINNER,
-  CHECKBOX_TRANSITION_MS,
-  CHECKBOX_VARIANT,
-  effectInk
-} from "./chunk-5ZNU2U4D.js";
-import {
-  makeTestId,
-  resolveCheckboxProps
-} from "./chunk-TZ633UZA.js";
-import {
-  splitTestId
-} from "./chunk-TYJR4GOF.js";
-import {
-  px
-} from "./chunk-PE4ZW3IA.js";
-
-// src/components/form/Checkbox/Checkbox.tsx
-import MuiCheckbox from "@mui/material/Checkbox/index.js";
-import CircularProgress from "@mui/material/CircularProgress/index.js";
-import FormControlLabel from "@mui/material/FormControlLabel/index.js";
-import FormHelperText from "@mui/material/FormHelperText/index.js";
-import { alpha, keyframes, styled } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var pulse = keyframes`
-  0% {
-    box-shadow: 0 0 0 0 ${effectInk(CHECKBOX_PULSE.alpha)};
-  }
-  70% {
-    box-shadow: 0 0 0 ${CHECKBOX_PULSE.spread}px ${effectInk(0)};
-  }
-  100% {
-    box-shadow: 0 0 0 0 ${effectInk(0)};
-  }
-`;
-var glow = keyframes`
-  0%, 100% {
-    box-shadow: 0 0 ${CHECKBOX_GLOW.blur.from}px ${effectInk(CHECKBOX_GLOW.alpha.from)};
-  }
-  50% {
-    box-shadow: 0 0 ${CHECKBOX_GLOW.blur.to}px ${effectInk(CHECKBOX_GLOW.alpha.to)};
-  }
-`;
-var StyledCheckbox = styled(MuiCheckbox, {
-  shouldForwardProp: (prop) => !["customVariant", "ripple", "glow", "pulse"].includes(prop)
-})(
-  ({ theme, customVariant, ripple, glow: glowProp, pulse: pulseProp }) => ({
-    ...customVariant === "rounded" && {
-      "& .MuiSvgIcon-root": {
-        borderRadius: CHECKBOX_VARIANT.rounded.radius
-      }
-    },
-    ...customVariant === "toggle" && {
-      "& .MuiSvgIcon-root": {
-        borderRadius: `${CHECKBOX_VARIANT.toggle.radius}px`,
-        transform: `scale(${CHECKBOX_VARIANT.toggle.scale})`
-      }
-    },
-    "&.MuiCheckbox-root": {
-      transition: `all ${CHECKBOX_TRANSITION_MS / 1e3}s ease`,
-      ...ripple === false && {
-        "& .MuiTouchRipple-root": {
-          display: "none"
-        }
-      },
-      ...glowProp && {
-        animation: `${glow} ${CHECKBOX_GLOW.ms / 1e3}s ease-in-out infinite`
-      },
-      ...pulseProp && {
-        animation: `${pulse} ${CHECKBOX_PULSE.ms / 1e3}s infinite`
-      },
-      "&:hover": {
-        backgroundColor: alpha(theme.palette.primary.main, CHECKBOX_HOVER_ALPHA)
-      }
-    },
-    "&.Mui-checked": {
-      color: theme.palette.primary.main
-    },
-    "&.MuiCheckbox-indeterminate": {
-      color: theme.palette.primary.main
-    }
-  })
-);
-var StyledFormControlLabel = styled(FormControlLabel, {
-  shouldForwardProp: (prop) => prop !== "error"
-})(
-  ({ theme, error }) => ({
-    marginLeft: CHECKBOX_LABEL.marginLeft,
-    "& .MuiFormControlLabel-label": {
-      color: error ? theme.palette.error.main : theme.palette.text.primary,
-      fontSize: px(CHECKBOX_LABEL.fontSize)
-    }
-  })
-);
-var StyledFormHelperText = styled(FormHelperText)(({ theme }) => ({
-  marginLeft: theme.spacing(CHECKBOX_HELPER.marginLeftUnits),
-  marginTop: theme.spacing(CHECKBOX_HELPER.marginTopUnits)
-}));
-var Checkbox = React.forwardRef(
-  (rawProps, ref) => {
-    const {
-      variant,
-      label,
-      error,
-      helperText,
-      loading,
-      ripple,
-      glow: glow2,
-      pulse: pulse2,
-      disabled,
-      ...others
-    } = resolveCheckboxProps(rawProps);
-    const isDisabled = disabled || loading;
-    const { testId: dataTestId, rest: props } = splitTestId(others);
-    const testId = makeTestId(dataTestId);
-    const checkbox = /* @__PURE__ */ jsxs("div", { style: { position: "relative", display: "inline-flex" }, children: [
-      /* @__PURE__ */ jsx(
-        StyledCheckbox,
-        {
-          ref,
-          customVariant: variant,
-          ripple,
-          glow: glow2,
-          pulse: pulse2,
-          disabled: isDisabled,
-          "data-testid": dataTestId || "checkbox",
-          ...props
-        }
-      ),
-      loading && /* @__PURE__ */ jsx(
-        CircularProgress,
-        {
-          size: CHECKBOX_SPINNER.size,
-          sx: {
-            position: "absolute",
-            top: "50%",
-            left: "50%",
-            marginTop: `${CHECKBOX_SPINNER.offset}px`,
-            marginLeft: `${CHECKBOX_SPINNER.offset}px`,
-            color: "primary.main"
-          }
-        }
-      )
-    ] });
-    if (label) {
-      return /* @__PURE__ */ jsxs("div", { "data-testid": testId("container"), children: [
-        /* @__PURE__ */ jsx(
-          StyledFormControlLabel,
-          {
-            control: checkbox,
-            label,
-            error,
-            disabled: isDisabled
-          }
-        ),
-        helperText && /* @__PURE__ */ jsx(
-          StyledFormHelperText,
-          {
-            error,
-            "data-testid": testId("helper"),
-            children: helperText
-          }
-        )
-      ] });
-    }
-    return checkbox;
-  }
-);
-Checkbox.displayName = "Checkbox";
-
-export {
-  Checkbox
-};
-//# sourceMappingURL=chunk-CR4KC2K5.js.map