@12-apps/ui 6.11.0 → 6.11.1

package/dist/chunk-7ICBEB3Z.js

@@ -0,0 +1,129 @@
+// 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, IconButton, Stack, Tooltip, Typography } from "@mui/material";
+import { alpha, styled } from "@mui/material";
+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-7ICBEB3Z.js.map

package/dist/chunk-7ICBEB3Z.js.map

@@ -0,0 +1 @@
+{"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, IconButton, Stack, Tooltip, Typography } from '@mui/material';\nimport { alpha, styled } from '@mui/material';\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-7LQUDX54.js

@@ -0,0 +1,278 @@
+import {
+  TutorialStepBody
+} from "./chunk-T4J3FUKJ.js";
+import {
+  useTutorialOverlay
+} from "./chunk-RSQMPCCR.js";
+
+// src/components/feedback/TutorialOverlay/TutorialOverlay.tsx
+import {
+  alpha,
+  Box,
+  Fade,
+  keyframes,
+  LinearProgress,
+  Paper,
+  Portal,
+  styled
+} from "@mui/material";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var pulseAnimation = keyframes`
+  0% {
+    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
+  }
+  70% {
+    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
+  }
+  100% {
+    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
+  }
+`;
+var floatAnimation = keyframes`
+  0%, 100% {
+    transform: translateY(0);
+  }
+  50% {
+    transform: translateY(-10px);
+  }
+`;
+var Overlay = styled(Box, {
+  shouldForwardProp: (prop) => prop !== "allowClickThrough"
+})(({ theme, allowClickThrough }) => ({
+  position: "fixed",
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0,
+  zIndex: theme.zIndex.modal + 100,
+  pointerEvents: allowClickThrough ? "none" : "auto",
+  transition: "opacity 0.3s ease"
+}));
+var Backdrop = styled(Box)(() => ({
+  position: "absolute",
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0,
+  background: alpha("#000", 0.7),
+  backdropFilter: "blur(2px)"
+}));
+var Spotlight = styled(Box, {
+  shouldForwardProp: (prop) => prop !== "bounds" && prop !== "padding"
+})(({ bounds, padding }) => ({
+  position: "absolute",
+  top: bounds.top - padding,
+  left: bounds.left - padding,
+  width: bounds.width + padding * 2,
+  height: bounds.height + padding * 2,
+  borderRadius: 8,
+  border: "2px solid rgba(255, 255, 255, 0.5)",
+  animation: `${pulseAnimation} 2s infinite`,
+  pointerEvents: "none",
+  "&::before": {
+    content: '""',
+    position: "absolute",
+    inset: -2,
+    borderRadius: 8,
+    background: "transparent",
+    boxShadow: "0 0 0 9999px rgba(0, 0, 0, 0.7)"
+  }
+}));
+var TooltipContainer = styled(Paper, {
+  shouldForwardProp: (prop) => prop !== "placement"
+})(({ theme, placement }) => ({
+  position: "absolute",
+  maxWidth: 360,
+  padding: theme.spacing(3),
+  background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.98)} 0%, ${alpha(theme.palette.background.paper, 0.95)} 100%)`,
+  backdropFilter: "blur(20px)",
+  WebkitBackdropFilter: "blur(20px)",
+  border: `1px solid ${alpha(theme.palette.divider, 0.18)}`,
+  boxShadow: theme.shadows[12],
+  animation: `${floatAnimation} 3s ease-in-out infinite`,
+  pointerEvents: "auto",
+  zIndex: theme.zIndex.modal + 101,
+  "&::before": {
+    content: '""',
+    position: "absolute",
+    width: 12,
+    height: 12,
+    background: "inherit",
+    transform: "rotate(45deg)",
+    border: "inherit",
+    ...placement === "top" && {
+      bottom: -7,
+      left: "50%",
+      marginLeft: -6,
+      borderTop: "none",
+      borderLeft: "none"
+    },
+    ...placement === "bottom" && {
+      top: -7,
+      left: "50%",
+      marginLeft: -6,
+      borderBottom: "none",
+      borderRight: "none"
+    },
+    ...placement === "left" && {
+      right: -7,
+      top: "50%",
+      marginTop: -6,
+      borderLeft: "none",
+      borderBottom: "none"
+    },
+    ...placement === "right" && {
+      left: -7,
+      top: "50%",
+      marginTop: -6,
+      borderRight: "none",
+      borderTop: "none"
+    }
+  }
+}));
+var ProgressBar = styled(LinearProgress)(({ theme }) => ({
+  position: "fixed",
+  top: 0,
+  left: 0,
+  right: 0,
+  height: 4,
+  zIndex: theme.zIndex.modal + 102,
+  "& .MuiLinearProgress-bar": {
+    background: `linear-gradient(90deg, ${theme.palette.primary.main} 0%, ${theme.palette.primary.light} 100%)`
+  }
+}));
+var TUTORIAL_DEFAULTS = {
+  initialStep: 0,
+  active: true,
+  showProgress: true,
+  allowKeyboardNavigation: true,
+  allowClickThrough: false,
+  variant: "tooltip",
+  allowSkip: false,
+  animated: true
+};
+var resolveProps = (props) => ({
+  ...TUTORIAL_DEFAULTS,
+  ...Object.fromEntries(
+    Object.entries(props).filter(([, value]) => value !== void 0)
+  )
+});
+var TutorialLayers = ({ variant, targetBounds, isVisible, spotlightPadding }) => {
+  const isSpotlight = variant === "spotlight" || variant === "highlight";
+  const dimmed = variant === "modal" || isSpotlight;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    dimmed && /* @__PURE__ */ jsx(Backdrop, {}),
+    targetBounds && isVisible && isSpotlight && /* @__PURE__ */ jsx(
+      Spotlight,
+      {
+        bounds: targetBounds,
+        padding: spotlightPadding || 8,
+        "data-testid": "tutorial-highlight"
+      }
+    )
+  ] });
+};
+var TutorialTooltip = ({
+  tutorial,
+  steps,
+  allowSkip,
+  showProgress,
+  animated,
+  requiresActionBeforeNext,
+  copy
+}) => /* @__PURE__ */ jsx(Fade, { in: tutorial.isVisible, timeout: 300, children: /* @__PURE__ */ jsx(
+  TooltipContainer,
+  {
+    ref: tutorial.tooltipRef,
+    placement: tutorial.actualPlacement,
+    elevation: 12,
+    style: {
+      top: tutorial.tooltipPosition.top,
+      left: tutorial.tooltipPosition.left,
+      animation: animated ? void 0 : "none"
+    },
+    role: "dialog",
+    "aria-labelledby": `tutorial-title-${tutorial.currentStep}`,
+    "aria-describedby": `tutorial-content-${tutorial.currentStep}`,
+    "data-testid": `tutorial-step-${tutorial.currentStep}`,
+    children: /* @__PURE__ */ jsx(
+      TutorialStepBody,
+      {
+        copy,
+        step: tutorial.currentStepData,
+        currentStep: tutorial.currentStep,
+        stepCount: steps.length,
+        progress: tutorial.progress,
+        isLastStep: tutorial.isLastStep,
+        allowSkip,
+        showProgress,
+        requiresActionBeforeNext,
+        onNext: tutorial.handleNext,
+        onPrev: tutorial.handlePrev,
+        onSkip: tutorial.handleSkip,
+        onRestart: tutorial.handleRestart
+      }
+    )
+  }
+) });
+var TutorialOverlay = (componentProps) => {
+  const {
+    copy,
+    steps,
+    onComplete,
+    onSkip,
+    onStepComplete,
+    initialStep,
+    active,
+    showProgress,
+    allowKeyboardNavigation,
+    allowClickThrough,
+    variant,
+    allowSkip,
+    animated
+  } = resolveProps(componentProps);
+  const tutorial = useTutorialOverlay({
+    steps,
+    initialStep,
+    active,
+    allowKeyboardNavigation,
+    onComplete,
+    onSkip,
+    onStepComplete
+  });
+  const { currentStepData, isLastStep, isVisible, targetBounds, progress } = tutorial;
+  const requiresActionBeforeNext = Boolean(currentStepData?.requiresAction) && !isLastStep;
+  if (!active || !currentStepData) return null;
+  if (steps.length === 0) return null;
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsxs(Overlay, { allowClickThrough, "data-testid": "tutorial-overlay", children: [
+    showProgress && /* @__PURE__ */ jsx(ProgressBar, { variant: "determinate", value: progress }),
+    /* @__PURE__ */ jsx(
+      TutorialLayers,
+      {
+        variant,
+        targetBounds,
+        isVisible,
+        spotlightPadding: currentStepData.spotlightPadding
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TutorialTooltip,
+      {
+        copy,
+        tutorial: { ...tutorial, currentStepData },
+        steps,
+        allowSkip,
+        showProgress,
+        animated,
+        requiresActionBeforeNext
+      }
+    )
+  ] }) });
+};
+var TutorialOverlay_default = TutorialOverlay;
+
+export {
+  TutorialOverlay,
+  TutorialOverlay_default
+};
+//# sourceMappingURL=chunk-7LQUDX54.js.map

package/dist/chunk-7LQUDX54.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/TutorialOverlay/TutorialOverlay.tsx"],"sourcesContent":["import {\n  alpha,\n  Box,\n  Fade,\n  keyframes,\n  LinearProgress,\n  Paper,\n  Portal,\n  styled } from '@mui/material';\nimport type { FC} from 'react';\nimport React, {  } from 'react';\n\nimport { useTutorialOverlay } from './TutorialOverlay.hooks';\nimport { TutorialStepBody } from './TutorialStepBody';\nimport type { TutorialOverlayProps } from './TutorialOverlay.types';\n\n// Animation keyframes\nconst pulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);\n  }\n  70% {\n    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);\n  }\n  100% {\n    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);\n  }\n`;\n\nconst floatAnimation = keyframes`\n  0%, 100% {\n    transform: translateY(0);\n  }\n  50% {\n    transform: translateY(-10px);\n  }\n`;\n\n// Styled components\nconst Overlay = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'allowClickThrough' })<{ allowClickThrough?: boolean }>(({ theme, allowClickThrough }) => ({\n  position: 'fixed',\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n  zIndex: theme.zIndex.modal + 100,\n  pointerEvents: allowClickThrough ? 'none' : 'auto',\n  transition: 'opacity 0.3s ease' }));\n\nconst Backdrop = styled(Box)(() => ({\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n  background: alpha('#000', 0.7),\n  backdropFilter: 'blur(2px)' }));\n\nconst Spotlight = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'bounds' && prop !== 'padding' })<{ bounds: globalThis.DOMRect; padding: number }>(({ bounds, padding }) => ({\n  position: 'absolute',\n  top: bounds.top - padding,\n  left: bounds.left - padding,\n  width: bounds.width + padding * 2,\n  height: bounds.height + padding * 2,\n  borderRadius: 8,\n  border: '2px solid rgba(255, 255, 255, 0.5)',\n  animation: `${pulseAnimation} 2s infinite`,\n  pointerEvents: 'none',\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    inset: -2,\n    borderRadius: 8,\n    background: 'transparent',\n    boxShadow: '0 0 0 9999px rgba(0, 0, 0, 0.7)' } }));\n\nconst TooltipContainer = styled(Paper, {\n  shouldForwardProp: (prop) => prop !== 'placement' })<{ placement: string }>(({ theme, placement }) => ({\n  position: 'absolute',\n  maxWidth: 360,\n  padding: theme.spacing(3),\n  background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.98)} 0%, ${alpha(theme.palette.background.paper, 0.95)} 100%)`,\n  backdropFilter: 'blur(20px)',\n  WebkitBackdropFilter: 'blur(20px)',\n  border: `1px solid ${alpha(theme.palette.divider, 0.18)}`,\n  boxShadow: theme.shadows[12],\n  animation: `${floatAnimation} 3s ease-in-out infinite`,\n  pointerEvents: 'auto',\n  zIndex: theme.zIndex.modal + 101,\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    width: 12,\n    height: 12,\n    background: 'inherit',\n    transform: 'rotate(45deg)',\n    border: 'inherit',\n    ...(placement === 'top' && {\n      bottom: -7,\n      left: '50%',\n      marginLeft: -6,\n      borderTop: 'none',\n      borderLeft: 'none' }),\n    ...(placement === 'bottom' && {\n      top: -7,\n      left: '50%',\n      marginLeft: -6,\n      borderBottom: 'none',\n      borderRight: 'none' }),\n    ...(placement === 'left' && {\n      right: -7,\n      top: '50%',\n      marginTop: -6,\n      borderLeft: 'none',\n      borderBottom: 'none' }),\n    ...(placement === 'right' && {\n      left: -7,\n      top: '50%',\n      marginTop: -6,\n      borderRight: 'none',\n      borderTop: 'none' }) } }));\n\nconst ProgressBar = styled(LinearProgress)(({ theme }) => ({\n  position: 'fixed',\n  top: 0,\n  left: 0,\n  right: 0,\n  height: 4,\n  zIndex: theme.zIndex.modal + 102,\n  '& .MuiLinearProgress-bar': {\n    background: `linear-gradient(90deg, ${theme.palette.primary.main} 0%, ${theme.palette.primary.light} 100%)` } }));\n\ntype TutorialDefaultedKeys =\n  | 'initialStep'\n  | 'active'\n  | 'showProgress'\n  | 'allowKeyboardNavigation'\n  | 'allowClickThrough'\n  | 'variant'\n  | 'allowSkip'\n  | 'animated';\n\ntype ResolvedTutorialProps = TutorialOverlayProps &\n  Required<Pick<TutorialOverlayProps, TutorialDefaultedKeys>>;\n\nconst TUTORIAL_DEFAULTS: Pick<TutorialOverlayProps, TutorialDefaultedKeys> = {\n  initialStep: 0,\n  active: true,\n  showProgress: true,\n  allowKeyboardNavigation: true,\n  allowClickThrough: false,\n  variant: 'tooltip',\n  allowSkip: false,\n  animated: true };\n\n// Strips explicitly-undefined props before the merge, so `prop={undefined}` still\n// falls back to the default exactly as a destructuring default would. Applied as\n// a merge rather than destructuring defaults, which would otherwise put eight\n// branches into the component's own complexity budget.\nconst resolveProps = (props: TutorialOverlayProps): ResolvedTutorialProps =>\n  ({\n    ...TUTORIAL_DEFAULTS,\n    ...(Object.fromEntries(\n      Object.entries(props).filter(([, value]) => value !== undefined),\n    ) as Partial<TutorialOverlayProps>) }) as ResolvedTutorialProps;\n\n// The dimming layer and the cut-out over the highlighted element. Local because\n// Backdrop and Spotlight cannot cross a module boundary (TS2742).\nconst TutorialLayers: React.FC<{\n  variant: string;\n  targetBounds: globalThis.DOMRect | null;\n  isVisible: boolean;\n  spotlightPadding?: number;\n}> = ({ variant, targetBounds, isVisible, spotlightPadding }) => {\n  const isSpotlight = variant === 'spotlight' || variant === 'highlight';\n  const dimmed = variant === 'modal' || isSpotlight;\n\n  return (\n    <>\n      {dimmed && <Backdrop />}\n      {targetBounds && isVisible && isSpotlight && (\n        <Spotlight\n          bounds={targetBounds}\n          padding={spotlightPadding || 8}\n          data-testid=\"tutorial-highlight\"\n        />\n      )}\n    </>\n  );\n};\n\n// The positioned card. Local because TooltipContainer cannot cross a module\n// boundary (TS2742).\nconst TutorialTooltip: React.FC<{\n  tutorial: ReturnType<typeof useTutorialOverlay> & {\n    currentStepData: TutorialOverlayProps['steps'][number];\n  };\n  steps: TutorialOverlayProps['steps'];\n  allowSkip: boolean;\n  showProgress: boolean;\n  animated: boolean;\n  requiresActionBeforeNext: boolean;\n  copy: TutorialOverlayProps['copy'];\n}> = ({\n  tutorial,\n  steps,\n  allowSkip,\n  showProgress,\n  animated,\n  requiresActionBeforeNext,\n  copy,\n}) => (\n        <Fade in={tutorial.isVisible} timeout={300}>\n          <TooltipContainer\n            ref={tutorial.tooltipRef}\n            placement={tutorial.actualPlacement}\n            elevation={12}\n            style={{\n              top: tutorial.tooltipPosition.top,\n              left: tutorial.tooltipPosition.left,\n              animation: animated ? undefined : 'none' }}\n            role=\"dialog\"\n            aria-labelledby={`tutorial-title-${tutorial.currentStep}`}\n            aria-describedby={`tutorial-content-${tutorial.currentStep}`}\n            data-testid={`tutorial-step-${tutorial.currentStep}`}\n          >\n            <TutorialStepBody\n              copy={copy}\n              step={tutorial.currentStepData}\n              currentStep={tutorial.currentStep}\n              stepCount={steps.length}\n              progress={tutorial.progress}\n              isLastStep={tutorial.isLastStep}\n              allowSkip={allowSkip}\n              showProgress={showProgress}\n              requiresActionBeforeNext={requiresActionBeforeNext}\n              onNext={tutorial.handleNext}\n              onPrev={tutorial.handlePrev}\n              onSkip={tutorial.handleSkip}\n              onRestart={tutorial.handleRestart}\n            />\n          </TooltipContainer>\n        </Fade>\n);\n\nexport const TutorialOverlay: FC<TutorialOverlayProps> = (componentProps) => {\n  const {\n    copy,\n    steps,\n    onComplete,\n    onSkip,\n    onStepComplete,\n    initialStep,\n    active,\n    showProgress,\n    allowKeyboardNavigation,\n    allowClickThrough,\n    variant,\n    allowSkip,\n    animated } = resolveProps(componentProps);\n\n  const tutorial = useTutorialOverlay({\n    steps,\n    initialStep,\n    active,\n    allowKeyboardNavigation,\n    onComplete,\n    onSkip,\n    onStepComplete });\n  const { currentStepData, isLastStep, isVisible, targetBounds, progress } = tutorial;\n\n  const requiresActionBeforeNext = Boolean(currentStepData?.requiresAction) && !isLastStep;\n\n  if (!active || !currentStepData) return null;\n\n  // Handle empty steps array\n  if (steps.length === 0) return null;\n\n  return (\n    <Portal>\n      <Overlay allowClickThrough={allowClickThrough} data-testid=\"tutorial-overlay\">\n        {showProgress && <ProgressBar variant=\"determinate\" value={progress} />}\n\n        <TutorialLayers\n          variant={variant}\n          targetBounds={targetBounds}\n          isVisible={isVisible}\n          spotlightPadding={currentStepData.spotlightPadding}\n        />\n\n        <TutorialTooltip\n          copy={copy}\n          tutorial={{ ...tutorial, currentStepData }}\n          steps={steps}\n          allowSkip={allowSkip}\n          showProgress={showProgress}\n          animated={animated}\n          requiresActionBeforeNext={requiresActionBeforeNext}\n        />\n      </Overlay>\n    </Portal>\n  );\n};\n\n// Export default\nexport default TutorialOverlay;\n"],"mappings":"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","names":[]}

package/dist/chunk-7MDYOZE2.js

@@ -0,0 +1,52 @@
+// src/components/data-display/MapPreview/MapSearchBar.tsx
+import SearchIcon from "@mui/icons-material/Search";
+import { alpha, Box, InputAdornment, styled, TextField } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+var SearchBar = styled(Box)(({ theme }) => ({
+  position: "absolute",
+  top: theme.spacing(2),
+  left: "50%",
+  transform: "translateX(-50%)",
+  zIndex: 2,
+  width: "90%",
+  maxWidth: 400
+}));
+var SearchField = styled(TextField)(({ theme }) => ({
+  "& .MuiOutlinedInput-root": {
+    background: alpha(theme.palette.background.paper, 0.95),
+    backdropFilter: "blur(10px)",
+    WebkitBackdropFilter: "blur(10px)",
+    borderRadius: theme.shape.borderRadius * 2,
+    "& fieldset": {
+      borderColor: alpha(theme.palette.divider, 0.2)
+    }
+  }
+}));
+var MapSearchBar = ({
+  label,
+  value,
+  placeholder,
+  isSearching,
+  onChange,
+  onSubmit
+}) => /* @__PURE__ */ jsx(SearchBar, { children: /* @__PURE__ */ jsx(
+  SearchField,
+  {
+    fullWidth: true,
+    size: "small",
+    placeholder,
+    value,
+    onChange: (event) => onChange(event.target.value),
+    onKeyPress: onSubmit,
+    InputProps: {
+      startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(SearchIcon, { fontSize: "small", sx: { opacity: isSearching ? 0.5 : 1 } }) })
+    },
+    disabled: isSearching,
+    "aria-label": label
+  }
+) });
+
+export {
+  MapSearchBar
+};
+//# sourceMappingURL=chunk-7MDYOZE2.js.map

package/dist/chunk-7MDYOZE2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/MapPreview/MapSearchBar.tsx"],"sourcesContent":["import SearchIcon from '@mui/icons-material/Search';\nimport { alpha, Box, InputAdornment, styled, TextField } from '@mui/material';\nimport type { FC } from 'react';\nimport React from 'react';\n\n// Kept module-local: styled() components cannot be exported across a module\n// boundary here without tripping TS2742.\nconst SearchBar = styled(Box)(({ theme }) => ({\n  position: 'absolute',\n  top: theme.spacing(2),\n  left: '50%',\n  transform: 'translateX(-50%)',\n  zIndex: 2,\n  width: '90%',\n  maxWidth: 400,\n}));\n\nconst SearchField = styled(TextField)(({ theme }) => ({\n  '& .MuiOutlinedInput-root': {\n    background: alpha(theme.palette.background.paper, 0.95),\n    backdropFilter: 'blur(10px)',\n    WebkitBackdropFilter: 'blur(10px)',\n    borderRadius: theme.shape.borderRadius * 2,\n    '& fieldset': {\n      borderColor: alpha(theme.palette.divider, 0.2),\n    },\n  },\n}));\n\nexport interface MapSearchBarProps {\n  /** The field's accessible name — it renders no visible label. REQUIRED. */\n  label: string;\n  value: string;\n  placeholder: string;\n  isSearching: boolean;\n  onChange: (value: string) => void;\n  onSubmit: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n}\n\nexport const MapSearchBar: FC<MapSearchBarProps> = ({\n  label,\n  value,\n  placeholder,\n  isSearching,\n  onChange,\n  onSubmit,\n}) => (\n  <SearchBar>\n    <SearchField\n      fullWidth\n      size=\"small\"\n      placeholder={placeholder}\n      value={value}\n      onChange={(event) => onChange(event.target.value)}\n      onKeyPress={onSubmit}\n      InputProps={{\n        startAdornment: (\n          <InputAdornment position=\"start\">\n            <SearchIcon fontSize=\"small\" sx={{ opacity: isSearching ? 0.5 : 1 }} />\n          </InputAdornment>\n        ),\n      }}\n      disabled={isSearching}\n      aria-label={label}\n    />\n  </SearchBar>\n);\n"],"mappings":";AAAA,OAAO,gBAAgB;AACvB,SAAS,OAAO,KAAK,gBAAgB,QAAQ,iBAAiB;AAyDlD;AAnDZ,IAAM,YAAY,OAAO,GAAG,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAC5C,UAAU;AAAA,EACV,KAAK,MAAM,QAAQ,CAAC;AAAA,EACpB,MAAM;AAAA,EACN,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AACZ,EAAE;AAEF,IAAM,cAAc,OAAO,SAAS,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EACpD,4BAA4B;AAAA,IAC1B,YAAY,MAAM,MAAM,QAAQ,WAAW,OAAO,IAAI;AAAA,IACtD,gBAAgB;AAAA,IAChB,sBAAsB;AAAA,IACtB,cAAc,MAAM,MAAM,eAAe;AAAA,IACzC,cAAc;AAAA,MACZ,aAAa,MAAM,MAAM,QAAQ,SAAS,GAAG;AAAA,IAC/C;AAAA,EACF;AACF,EAAE;AAYK,IAAM,eAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,oBAAC,aACC;AAAA,EAAC;AAAA;AAAA,IACC,WAAS;AAAA,IACT,MAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA,UAAU,CAAC,UAAU,SAAS,MAAM,OAAO,KAAK;AAAA,IAChD,YAAY;AAAA,IACZ,YAAY;AAAA,MACV,gBACE,oBAAC,kBAAe,UAAS,SACvB,8BAAC,cAAW,UAAS,SAAQ,IAAI,EAAE,SAAS,cAAc,MAAM,EAAE,GAAG,GACvE;AAAA,IAEJ;AAAA,IACA,UAAU;AAAA,IACV,cAAY;AAAA;AACd,GACF;","names":[]}

package/dist/chunk-7OFAXH25.js

@@ -0,0 +1,110 @@
+import {
+  renderMenuItem
+} from "./chunk-6WUP22G7.js";
+import {
+  CollapseToggle,
+  LogoBar,
+  MenuList
+} from "./chunk-6AVN3CIZ.js";
+import {
+  slideIn
+} from "./chunk-YLHCICYS.js";
+
+// src/components/navigation/NavigationMenu/NavigationStandardBody.tsx
+import MenuIcon from "@mui/icons-material/Menu";
+import { alpha, Box, Divider, Fade, ListItemIcon, ListItemText, Paper } from "@mui/material";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DividerRule = () => /* @__PURE__ */ jsx(
+  Divider,
+  {
+    sx: {
+      my: 1,
+      opacity: 0.5,
+      background: (theme) => `linear-gradient(90deg, transparent 0%, ${alpha(theme.palette.divider, 0.5)} 50%, transparent 100%)`
+    }
+  }
+);
+var VerticalLogo = ({ logo, collapsed }) => /* @__PURE__ */ jsx(LogoBar, { children: collapsed ? /* @__PURE__ */ jsx(Box, { sx: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsx(MenuIcon, {}) }) : logo });
+var CollapseControl = ({
+  collapsed,
+  onToggle
+}) => /* @__PURE__ */ jsxs(CollapseToggle, { onClick: onToggle, children: [
+  /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: collapsed ? 0 : 40, justifyContent: "center" }, children: /* @__PURE__ */ jsx(MenuIcon, {}) }),
+  !collapsed && /* @__PURE__ */ jsx(ListItemText, { primary: "Collapse" })
+] });
+var MenuItems = ({ items, variant, size, collapsed, minimal, showDividers }) => /* @__PURE__ */ jsx(MenuList, { variant, size, children: items.map((item, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+  /* @__PURE__ */ jsx(
+    Box,
+    {
+      sx: {
+        // Staggered so the list fills in rather than appearing at once.
+        animation: `${slideIn} 0.4s ease-out`,
+        animationDelay: `${index * 0.05}s`,
+        animationFillMode: "both"
+      },
+      children: renderMenuItem(item, variant, size, collapsed, minimal, 0)
+    }
+  ),
+  showDividers && index < items.length - 1 && /* @__PURE__ */ jsx(DividerRule, {})
+] }, item.id)) });
+var EndPanel = ({ children }) => /* @__PURE__ */ jsx(Fade, { in: true, timeout: 600, children: /* @__PURE__ */ jsx(
+  Box,
+  {
+    sx: {
+      mt: "auto",
+      p: 2,
+      borderTop: (theme) => `1px solid ${alpha(theme.palette.divider, 0.1)}`,
+      background: (theme) => `linear-gradient(180deg, transparent 0%, ${alpha(theme.palette.background.default, 0.5)} 100%)`
+    },
+    children
+  }
+) });
+var NavigationStandardBody = ({
+  variant,
+  size,
+  minimal,
+  collapsed,
+  collapsible,
+  showDividers,
+  items,
+  logo,
+  endContent,
+  onCollapseToggle
+}) => {
+  const isVertical = variant === "vertical";
+  const elevation = !minimal && variant === "horizontal" ? 1 : 0;
+  return /* @__PURE__ */ jsxs(
+    Paper,
+    {
+      elevation,
+      sx: {
+        width: "100%",
+        height: isVertical ? "100%" : "auto",
+        overflow: "hidden",
+        background: minimal ? "transparent" : void 0
+      },
+      children: [
+        logo && isVertical && /* @__PURE__ */ jsx(VerticalLogo, { logo, collapsed }),
+        collapsible && isVertical && /* @__PURE__ */ jsx(CollapseControl, { collapsed, onToggle: onCollapseToggle }),
+        /* @__PURE__ */ jsx(
+          MenuItems,
+          {
+            items,
+            variant,
+            size,
+            collapsed,
+            minimal,
+            showDividers
+          }
+        ),
+        endContent && /* @__PURE__ */ jsx(EndPanel, { children: endContent })
+      ]
+    }
+  );
+};
+
+export {
+  NavigationStandardBody
+};
+//# sourceMappingURL=chunk-7OFAXH25.js.map

package/dist/chunk-7OFAXH25.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/NavigationMenu/NavigationStandardBody.tsx"],"sourcesContent":["import MenuIcon from '@mui/icons-material/Menu';\nimport { alpha, Box, Divider, Fade, ListItemIcon, ListItemText, Paper } from '@mui/material';\nimport type { FC, ReactNode } from 'react';\nimport React from 'react';\n\nimport { CollapseToggle, LogoBar, MenuList } from './NavigationMenu.shell';\nimport { slideIn } from './NavigationMenu.styles';\nimport type { NavigationMenuItem } from './NavigationMenu.types';\nimport { renderMenuItem } from './NavigationMenuItem';\n\nconst DividerRule: FC = () => (\n  <Divider\n    sx={{\n      my: 1,\n      opacity: 0.5,\n      background: (theme) =>\n        `linear-gradient(90deg, transparent 0%, ${alpha(theme.palette.divider, 0.5)} 50%, transparent 100%)`,\n    }}\n  />\n);\n\nconst VerticalLogo: FC<{ logo: ReactNode; collapsed: boolean }> = ({ logo, collapsed }) => (\n  <LogoBar>\n    {collapsed ? (\n      <Box sx={{ display: 'flex', justifyContent: 'center' }}>\n        <MenuIcon />\n      </Box>\n    ) : (\n      logo\n    )}\n  </LogoBar>\n);\n\nconst CollapseControl: FC<{ collapsed: boolean; onToggle: () => void }> = ({\n  collapsed,\n  onToggle,\n}) => (\n  <CollapseToggle onClick={onToggle}>\n    <ListItemIcon sx={{ minWidth: collapsed ? 0 : 40, justifyContent: 'center' }}>\n      <MenuIcon />\n    </ListItemIcon>\n    {!collapsed && <ListItemText primary=\"Collapse\" />}\n  </CollapseToggle>\n);\n\nconst MenuItems: FC<{\n  items: NavigationMenuItem[];\n  variant: string;\n  size: string;\n  collapsed: boolean;\n  minimal: boolean;\n  showDividers: boolean;\n}> = ({ items, variant, size, collapsed, minimal, showDividers }) => (\n  <MenuList variant={variant} size={size}>\n    {items.map((item, index) => (\n      <React.Fragment key={item.id}>\n        <Box\n          sx={{\n            // Staggered so the list fills in rather than appearing at once.\n            animation: `${slideIn} 0.4s ease-out`,\n            animationDelay: `${index * 0.05}s`,\n            animationFillMode: 'both',\n          }}\n        >\n          {renderMenuItem(item, variant, size, collapsed, minimal, 0)}\n        </Box>\n        {showDividers && index < items.length - 1 && <DividerRule />}\n      </React.Fragment>\n    ))}\n  </MenuList>\n);\n\nconst EndPanel: FC<{ children: ReactNode }> = ({ children }) => (\n  <Fade in timeout={600}>\n    <Box\n      sx={{\n        mt: 'auto',\n        p: 2,\n        borderTop: (theme) => `1px solid ${alpha(theme.palette.divider, 0.1)}`,\n        background: (theme) =>\n          `linear-gradient(180deg, transparent 0%, ${alpha(theme.palette.background.default, 0.5)} 100%)`,\n      }}\n    >\n      {children}\n    </Box>\n  </Fade>\n);\n\nexport interface NavigationStandardBodyProps {\n  variant: string;\n  size: string;\n  minimal: boolean;\n  collapsed: boolean;\n  collapsible: boolean;\n  showDividers: boolean;\n  items: NavigationMenuItem[];\n  logo?: ReactNode;\n  endContent?: ReactNode;\n  onCollapseToggle: () => void;\n}\n\n// The list-based layouts (vertical and horizontal). The logo and the collapse\n// control only apply to the vertical one.\nexport const NavigationStandardBody: FC<NavigationStandardBodyProps> = ({\n  variant,\n  size,\n  minimal,\n  collapsed,\n  collapsible,\n  showDividers,\n  items,\n  logo,\n  endContent,\n  onCollapseToggle,\n}) => {\n  const isVertical = variant === 'vertical';\n  // Only the horizontal bar is raised; vertical rails and minimal sit flat.\n  const elevation = !minimal && variant === 'horizontal' ? 1 : 0;\n\n  return (\n    <Paper\n      elevation={elevation}\n      sx={{\n        width: '100%',\n        height: isVertical ? '100%' : 'auto',\n        overflow: 'hidden',\n        background: minimal ? 'transparent' : undefined,\n      }}\n    >\n      {logo && isVertical && <VerticalLogo logo={logo} collapsed={collapsed} />}\n\n      {collapsible && isVertical && (\n        <CollapseControl collapsed={collapsed} onToggle={onCollapseToggle} />\n      )}\n\n      <MenuItems\n        items={items}\n        variant={variant}\n        size={size}\n        collapsed={collapsed}\n        minimal={minimal}\n        showDividers={showDividers}\n      />\n\n      {endContent && <EndPanel>{endContent}</EndPanel>}\n    </Paper>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAAA,OAAO,cAAc;AACrB,SAAS,OAAO,KAAK,SAAS,MAAM,cAAc,cAAc,aAAa;AAE7E,OAAO,WAAW;AAQhB,cA0BA,YA1BA;AADF,IAAM,cAAkB,MACtB;AAAA,EAAC;AAAA;AAAA,IACC,IAAI;AAAA,MACF,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,YAAY,CAAC,UACX,0CAA0C,MAAM,MAAM,QAAQ,SAAS,GAAG,CAAC;AAAA,IAC/E;AAAA;AACF;AAGF,IAAM,eAA4D,CAAC,EAAE,MAAM,UAAU,MACnF,oBAAC,WACE,sBACC,oBAAC,OAAI,IAAI,EAAE,SAAS,QAAQ,gBAAgB,SAAS,GACnD,8BAAC,YAAS,GACZ,IAEA,MAEJ;AAGF,IAAM,kBAAoE,CAAC;AAAA,EACzE;AAAA,EACA;AACF,MACE,qBAAC,kBAAe,SAAS,UACvB;AAAA,sBAAC,gBAAa,IAAI,EAAE,UAAU,YAAY,IAAI,IAAI,gBAAgB,SAAS,GACzE,8BAAC,YAAS,GACZ;AAAA,EACC,CAAC,aAAa,oBAAC,gBAAa,SAAQ,YAAW;AAAA,GAClD;AAGF,IAAM,YAOD,CAAC,EAAE,OAAO,SAAS,MAAM,WAAW,SAAS,aAAa,MAC7D,oBAAC,YAAS,SAAkB,MACzB,gBAAM,IAAI,CAAC,MAAM,UAChB,qBAAC,MAAM,UAAN,EACC;AAAA;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA;AAAA,QAEF,WAAW,GAAG,OAAO;AAAA,QACrB,gBAAgB,GAAG,QAAQ,IAAI;AAAA,QAC/B,mBAAmB;AAAA,MACrB;AAAA,MAEC,yBAAe,MAAM,SAAS,MAAM,WAAW,SAAS,CAAC;AAAA;AAAA,EAC5D;AAAA,EACC,gBAAgB,QAAQ,MAAM,SAAS,KAAK,oBAAC,eAAY;AAAA,KAXvC,KAAK,EAY1B,CACD,GACH;AAGF,IAAM,WAAwC,CAAC,EAAE,SAAS,MACxD,oBAAC,QAAK,IAAE,MAAC,SAAS,KAChB;AAAA,EAAC;AAAA;AAAA,IACC,IAAI;AAAA,MACF,IAAI;AAAA,MACJ,GAAG;AAAA,MACH,WAAW,CAAC,UAAU,aAAa,MAAM,MAAM,QAAQ,SAAS,GAAG,CAAC;AAAA,MACpE,YAAY,CAAC,UACX,2CAA2C,MAAM,MAAM,QAAQ,WAAW,SAAS,GAAG,CAAC;AAAA,IAC3F;AAAA,IAEC;AAAA;AACH,GACF;AAkBK,IAAM,yBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,aAAa,YAAY;AAE/B,QAAM,YAAY,CAAC,WAAW,YAAY,eAAe,IAAI;AAE7D,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,IAAI;AAAA,QACF,OAAO;AAAA,QACP,QAAQ,aAAa,SAAS;AAAA,QAC9B,UAAU;AAAA,QACV,YAAY,UAAU,gBAAgB;AAAA,MACxC;AAAA,MAEC;AAAA,gBAAQ,cAAc,oBAAC,gBAAa,MAAY,WAAsB;AAAA,QAEtE,eAAe,cACd,oBAAC,mBAAgB,WAAsB,UAAU,kBAAkB;AAAA,QAGrE;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA,QAEC,cAAc,oBAAC,YAAU,sBAAW;AAAA;AAAA;AAAA,EACvC;AAEJ;","names":[]}

package/dist/chunk-7VP7VSIG.js

@@ -0,0 +1,20 @@
+// src/components/navigation/CommandPalette/ShortcutChip.tsx
+import { Chip } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+var ShortcutChip = (props) => /* @__PURE__ */ jsx(
+  Chip,
+  {
+    ...props,
+    sx: {
+      height: 20,
+      fontSize: "0.7rem",
+      fontFamily: "monospace",
+      ...props.sx
+    }
+  }
+);
+
+export {
+  ShortcutChip
+};
+//# sourceMappingURL=chunk-7VP7VSIG.js.map

package/dist/chunk-7VP7VSIG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/CommandPalette/ShortcutChip.tsx"],"sourcesContent":["import type { ChipProps } from '@mui/material';\nimport { Chip } from '@mui/material';\nimport React from 'react';\n\n// A plain component rather than styled(Chip): a styled component's inferred type\n// cannot be named across a module boundary in this package (TS2742), and both\n// the results list and the palette footer need this one.\nexport const ShortcutChip: React.FC<ChipProps> = (props) => (\n  <Chip\n    {...props}\n    sx={{\n      height: 20,\n      fontSize: '0.7rem',\n      fontFamily: 'monospace',\n      ...props.sx,\n    }}\n  />\n);\n"],"mappings":";AACA,SAAS,YAAY;AAOnB;AADK,IAAM,eAAoC,CAAC,UAChD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,IAAI;AAAA,MACF,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,GAAG,MAAM;AAAA,IACX;AAAA;AACF;","names":[]}