@12-apps/ui 6.11.1 → 6.12.1

package/dist/chunk-7LQUDX54.js

@@ -1,278 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,52 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"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

@@ -1,110 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,20 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"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":[]}

package/dist/chunk-7ZQGXK63.js

@@ -1,45 +0,0 @@
-// src/components/form/HeaderButton/HeaderButton.tsx
-import { Box, Button } from "@mui/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-function HeaderButton({
-  text,
-  icon,
-  endIcon,
-  onClick,
-  variant = "contained",
-  color = "primary",
-  disabled,
-  collapseBelow = "md",
-  fullWidth,
-  dataTestId,
-  ...aria
-}) {
-  const labelDisplay = { xs: "none", [collapseBelow]: "inline" };
-  const horizontalPad = { xs: 1, [collapseBelow]: 2 };
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      variant,
-      color,
-      size: "medium",
-      onClick,
-      disabled,
-      fullWidth,
-      "aria-label": typeof text === "string" ? text : void 0,
-      "aria-haspopup": aria["aria-haspopup"],
-      "aria-expanded": aria["aria-expanded"],
-      "data-testid": dataTestId,
-      sx: { minWidth: 0, gap: 0.75, px: horizontalPad, py: 1, fontSize: "1rem", textTransform: "none" },
-      children: [
-        /* @__PURE__ */ jsx(Box, { component: "span", sx: { display: "inline-flex", alignItems: "center" }, children: icon }),
-        /* @__PURE__ */ jsx(Box, { component: "span", sx: { display: labelDisplay }, children: text }),
-        endIcon != null && /* @__PURE__ */ jsx(Box, { component: "span", sx: { display: "inline-flex", alignItems: "center" }, children: endIcon })
-      ]
-    }
-  );
-}
-
-export {
-  HeaderButton
-};
-//# sourceMappingURL=chunk-7ZQGXK63.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/HeaderButton/HeaderButton.tsx"],"sourcesContent":["'use client';\n\nimport { Box, Button } from '@mui/material';\nimport type { ButtonProps } from '@mui/material';\nimport type { ReactNode } from 'react';\n\ntype Breakpoint = 'sm' | 'md' | 'lg';\n\nexport interface HeaderButtonProps {\n  /** The label — shown next to the icon on wide screens, hidden (icon-only) below `collapseBelow`. */\n  text: ReactNode;\n  /** Leading icon/image — always visible. */\n  icon: ReactNode;\n  /** Optional trailing icon (e.g. a dropdown chevron) — always visible. */\n  endIcon?: ReactNode;\n  onClick?: ButtonProps['onClick'];\n  /** MUI variant. @default 'contained' */\n  variant?: ButtonProps['variant'];\n  /** MUI color. @default 'primary' */\n  color?: ButtonProps['color'];\n  disabled?: boolean;\n  /** Width below which the button collapses to icon-only. @default 'md' */\n  collapseBelow?: Breakpoint;\n  fullWidth?: boolean;\n  'aria-haspopup'?: ButtonProps['aria-haspopup'];\n  'aria-expanded'?: boolean;\n  dataTestId?: string;\n}\n\n/**\n * A page-header action that adapts to width: below `collapseBelow` it renders\n * ONLY its icon (compact, so several fit one line on phones); at/above it renders\n * the icon + text label. The accessible name is always `text`, so the icon-only\n * state stays labeled for screen readers.\n */\nexport function HeaderButton({\n  text,\n  icon,\n  endIcon,\n  onClick,\n  variant = 'contained',\n  color = 'primary',\n  disabled,\n  collapseBelow = 'md',\n  fullWidth,\n  dataTestId,\n  ...aria\n}: HeaderButtonProps): React.JSX.Element {\n  // Hide the label below the breakpoint; keep the icon(s). `gap` collapses around\n  // the display:none label, so on mobile it reads as a compact icon button.\n  const labelDisplay = { xs: 'none', [collapseBelow]: 'inline' };\n  const horizontalPad = { xs: 1, [collapseBelow]: 2 };\n  return (\n    <Button\n      variant={variant}\n      color={color}\n      size=\"medium\"\n      onClick={onClick}\n      disabled={disabled}\n      fullWidth={fullWidth}\n      aria-label={typeof text === 'string' ? text : undefined}\n      aria-haspopup={aria['aria-haspopup']}\n      aria-expanded={aria['aria-expanded']}\n      data-testid={dataTestId}\n      sx={{ minWidth: 0, gap: 0.75, px: horizontalPad, py: 1, fontSize: '1rem', textTransform: 'none' }}\n    >\n      <Box component=\"span\" sx={{ display: 'inline-flex', alignItems: 'center' }}>\n        {icon}\n      </Box>\n      <Box component=\"span\" sx={{ display: labelDisplay }}>\n        {text}\n      </Box>\n      {endIcon != null && (\n        <Box component=\"span\" sx={{ display: 'inline-flex', alignItems: 'center' }}>\n          {endIcon}\n        </Box>\n      )}\n    </Button>\n  );\n}\n"],"mappings":";AAEA,SAAS,KAAK,cAAc;AAmDxB,SAaE,KAbF;AAlBG,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,QAAQ;AAAA,EACR;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAyC;AAGvC,QAAM,eAAe,EAAE,IAAI,QAAQ,CAAC,aAAa,GAAG,SAAS;AAC7D,QAAM,gBAAgB,EAAE,IAAI,GAAG,CAAC,aAAa,GAAG,EAAE;AAClD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAY,OAAO,SAAS,WAAW,OAAO;AAAA,MAC9C,iBAAe,KAAK,eAAe;AAAA,MACnC,iBAAe,KAAK,eAAe;AAAA,MACnC,eAAa;AAAA,MACb,IAAI,EAAE,UAAU,GAAG,KAAK,MAAM,IAAI,eAAe,IAAI,GAAG,UAAU,QAAQ,eAAe,OAAO;AAAA,MAEhG;AAAA,4BAAC,OAAI,WAAU,QAAO,IAAI,EAAE,SAAS,eAAe,YAAY,SAAS,GACtE,gBACH;AAAA,QACA,oBAAC,OAAI,WAAU,QAAO,IAAI,EAAE,SAAS,aAAa,GAC/C,gBACH;AAAA,QACC,WAAW,QACV,oBAAC,OAAI,WAAU,QAAO,IAAI,EAAE,SAAS,eAAe,YAAY,SAAS,GACtE,mBACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}