@12-apps/ui 6.34.0 → 6.36.0

package/dist/chunk-A2DYU5WN.js

@@ -1,60 +0,0 @@
-import {
-  MapControlBar
-} from "./chunk-5ZT4ZIZB.js";
-import {
-  MapSearchBar
-} from "./chunk-2X5OQDPH.js";
-import {
-  HeatmapOverlay,
-  RouteOverlay
-} from "./chunk-KUVOMH5I.js";
-import {
-  HEATMAP_VIEWBOX
-} from "./chunk-H2J2MTRE.js";
-
-// src/components/data-display/MapPreview/MapLayers.tsx
-import { useTheme } from "@mui/material/styles/index.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var MapLayers = ({ settings, zoom, mapType, search, controls }) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    settings.showHeatmap && settings.heatmapData.length > 0 && /* @__PURE__ */ jsx(
-      HeatmapOverlay,
-      {
-        points: settings.heatmapData,
-        width: HEATMAP_VIEWBOX.width,
-        height: HEATMAP_VIEWBOX.height
-      }
-    ),
-    settings.showRoute && /* @__PURE__ */ jsx(RouteOverlay, { color: settings.routeColor || theme.palette.primary.main }),
-    settings.showSearch && /* @__PURE__ */ jsx(
-      MapSearchBar,
-      {
-        label: settings.copy.search,
-        value: search.searchValue,
-        placeholder: settings.searchPlaceholder,
-        isSearching: search.isSearching,
-        onChange: search.setSearchValue,
-        onSubmit: search.handleSearch
-      }
-    ),
-    settings.showControls && /* @__PURE__ */ jsx(
-      MapControlBar,
-      {
-        copy: settings.copy,
-        zoom,
-        mapType,
-        onZoomIn: controls.handleZoomIn,
-        onZoomOut: controls.handleZoomOut,
-        onCenter: controls.handleCenter,
-        onToggleMapType: controls.handleToggleMapType,
-        onToggleFullscreen: controls.handleToggleFullscreen
-      }
-    )
-  ] });
-};
-
-export {
-  MapLayers
-};
-//# sourceMappingURL=chunk-A2DYU5WN.js.map

package/dist/chunk-A2DYU5WN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/MapPreview/MapLayers.tsx"],"sourcesContent":["import { useTheme } from '@mui/material/styles/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { HEATMAP_VIEWBOX } from './MapPreview.constants';\nimport type { ResolvedMapPreviewProps } from './MapPreview.helpers';\nimport type { MapType } from './MapPreview.types';\nimport { MapControlBar } from './MapControlBar';\nimport { HeatmapOverlay, RouteOverlay } from './MapOverlays';\nimport { MapSearchBar } from './MapSearchBar';\n\nexport interface MapLayersProps {\n  settings: ResolvedMapPreviewProps;\n  zoom: number;\n  mapType: MapType;\n  search: {\n    searchValue: string;\n    isSearching: boolean;\n    setSearchValue: (value: string) => void;\n    handleSearch: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n  };\n  controls: {\n    handleZoomIn: () => void;\n    handleZoomOut: () => void;\n    handleCenter: () => void;\n    handleToggleMapType: () => void;\n    handleToggleFullscreen: () => void;\n  };\n}\n\n// Everything drawn over the map surface that is switched on by a prop.\nexport const MapLayers: FC<MapLayersProps> = ({ settings, zoom, mapType, search, controls }) => {\n  const theme = useTheme();\n\n  return (\n    <>\n      {settings.showHeatmap && settings.heatmapData.length > 0 && (\n        <HeatmapOverlay\n          points={settings.heatmapData}\n          width={HEATMAP_VIEWBOX.width}\n          height={HEATMAP_VIEWBOX.height}\n        />\n      )}\n\n      {settings.showRoute && <RouteOverlay color={settings.routeColor || theme.palette.primary.main} />}\n\n      {settings.showSearch && (\n        <MapSearchBar\n          label={settings.copy.search}\n          value={search.searchValue}\n          placeholder={settings.searchPlaceholder}\n          isSearching={search.isSearching}\n          onChange={search.setSearchValue}\n          onSubmit={search.handleSearch}\n        />\n      )}\n\n      {settings.showControls && (\n        <MapControlBar\n          copy={settings.copy}\n          zoom={zoom}\n          mapType={mapType}\n          onZoomIn={controls.handleZoomIn}\n          onZoomOut={controls.handleZoomOut}\n          onCenter={controls.handleCenter}\n          onToggleMapType={controls.handleToggleMapType}\n          onToggleFullscreen={controls.handleToggleFullscreen}\n        />\n      )}\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA,SAAS,gBAAgB;AAmCrB,mBAEI,KAFJ;AAJG,IAAM,YAAgC,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ,SAAS,MAAM;AAC9F,QAAM,QAAQ,SAAS;AAEvB,SACE,iCACG;AAAA,aAAS,eAAe,SAAS,YAAY,SAAS,KACrD;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,SAAS;AAAA,QACjB,OAAO,gBAAgB;AAAA,QACvB,QAAQ,gBAAgB;AAAA;AAAA,IAC1B;AAAA,IAGD,SAAS,aAAa,oBAAC,gBAAa,OAAO,SAAS,cAAc,MAAM,QAAQ,QAAQ,MAAM;AAAA,IAE9F,SAAS,cACR;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,SAAS,KAAK;AAAA,QACrB,OAAO,OAAO;AAAA,QACd,aAAa,SAAS;AAAA,QACtB,aAAa,OAAO;AAAA,QACpB,UAAU,OAAO;AAAA,QACjB,UAAU,OAAO;AAAA;AAAA,IACnB;AAAA,IAGD,SAAS,gBACR;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,SAAS;AAAA,QACf;AAAA,QACA;AAAA,QACA,UAAU,SAAS;AAAA,QACnB,WAAW,SAAS;AAAA,QACpB,UAAU,SAAS;AAAA,QACnB,iBAAiB,SAAS;AAAA,QAC1B,oBAAoB,SAAS;AAAA;AAAA,IAC/B;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/chunk-A4JH5FAL.js

@@ -1,232 +0,0 @@
-import {
-  SettingsRailGroup
-} from "./chunk-PRVK3U6U.js";
-import {
-  RAIL_WIDTH,
-  TOUCH_TARGET,
-  atLeastRail,
-  displayAcrossRail
-} from "./chunk-LIG7TKIB.js";
-
-// src/components/layout/SettingsLayout/SettingsLayout.rail.tsx
-import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
-import SearchIcon from "@mui/icons-material/Search";
-import Box from "@mui/material/Box/index.js";
-import Button from "@mui/material/Button/index.js";
-import InputAdornment from "@mui/material/InputAdornment/index.js";
-import TextField from "@mui/material/TextField/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-function SettingsRailToggle({
-  title,
-  activeLabel,
-  open,
-  onToggle,
-  breakpoint,
-  testIdPrefix
-}) {
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      component: "button",
-      type: "button",
-      onClick: onToggle,
-      "aria-expanded": open,
-      "aria-label": typeof title === "string" ? title : "Settings",
-      "data-testid": `${testIdPrefix}-toggle`,
-      sx: (theme) => ({
-        ...displayAcrossRail(theme, breakpoint, "flex", "none"),
-        alignItems: "center",
-        justifyContent: "space-between",
-        gap: 1,
-        width: "100%",
-        minHeight: TOUCH_TARGET,
-        px: 1.5,
-        py: 1,
-        mb: 1,
-        textAlign: "left",
-        cursor: "pointer",
-        color: "text.primary",
-        background: "transparent",
-        border: `1px solid ${theme.palette.divider}`,
-        borderRadius: 1.5
-      }),
-      children: [
-        /* @__PURE__ */ jsxs(Box, { sx: { minWidth: 0 }, children: [
-          title ? /* @__PURE__ */ jsx(Typography, { variant: "caption", sx: { display: "block", color: "text.secondary" }, children: title }) : null,
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", noWrap: true, sx: { fontWeight: 600 }, children: activeLabel ?? "" })
-        ] }),
-        /* @__PURE__ */ jsx(
-          ExpandMoreIcon,
-          {
-            fontSize: "small",
-            sx: {
-              flex: "0 0 auto",
-              color: "text.secondary",
-              transition: "transform 150ms ease",
-              transform: open ? "rotate(180deg)" : "none",
-              "@media (prefers-reduced-motion: reduce)": { transition: "none" }
-            }
-          }
-        )
-      ]
-    }
-  );
-}
-function SettingsSearchEmpty({
-  label,
-  action,
-  onClear,
-  testIdPrefix
-}) {
-  return /* @__PURE__ */ jsxs(Box, { "data-testid": `${testIdPrefix}-empty`, sx: { px: 1, py: 2 }, children: [
-    /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: label }),
-    action ? /* @__PURE__ */ jsx(
-      Button,
-      {
-        size: "small",
-        variant: "outlined",
-        onClick: () => {
-          onClear();
-          action.onClear?.();
-        },
-        "data-testid": `${testIdPrefix}-empty-action`,
-        sx: { mt: 1.5, minHeight: TOUCH_TARGET },
-        children: action.label
-      }
-    ) : null
-  ] });
-}
-function SettingsRailBody({
-  navOpen,
-  query,
-  onQueryChange,
-  searchPlaceholder,
-  emptySearchLabel,
-  emptySearchAction,
-  filteredGroups,
-  activeItemId,
-  linkComponent,
-  onSelectItem,
-  onNavigate,
-  testIdPrefix,
-  ...shape
-}) {
-  const hidden = navOpen ? "block" : "none";
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      "data-testid": `${testIdPrefix}-rail-body`,
-      sx: (theme) => shape.variant === "drilldown" ? { display: "block" } : displayAcrossRail(theme, shape.breakpoint, hidden, "block"),
-      children: [
-        /* @__PURE__ */ jsx(
-          TextField,
-          {
-            value: query,
-            onChange: (event) => onQueryChange(event.target.value),
-            placeholder: searchPlaceholder,
-            size: "small",
-            fullWidth: true,
-            "aria-label": searchPlaceholder,
-            "data-testid": `${testIdPrefix}-search`,
-            InputProps: {
-              startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(SearchIcon, { fontSize: "small", sx: { color: "text.secondary" } }) })
-            },
-            sx: { mb: 2 }
-          }
-        ),
-        filteredGroups.length === 0 ? /* @__PURE__ */ jsx(
-          SettingsSearchEmpty,
-          {
-            label: emptySearchLabel,
-            action: emptySearchAction,
-            onClear: () => onQueryChange(""),
-            testIdPrefix
-          }
-        ) : filteredGroups.map((group) => /* @__PURE__ */ jsx(
-          SettingsRailGroup,
-          {
-            group,
-            activeItemId,
-            linkComponent,
-            onSelectItem,
-            onNavigate,
-            testIdPrefix,
-            ...shape
-          },
-          group.id
-        ))
-      ]
-    }
-  );
-}
-function SettingsRail({
-  title,
-  activeLabel,
-  navOpen,
-  onToggleNav,
-  testIdPrefix,
-  fillHeight = false,
-  ...bodyProps
-}) {
-  const { variant, breakpoint, atIndex } = bodyProps;
-  const hiddenWhileInSection = variant === "drilldown" && !atIndex;
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      component: "nav",
-      "aria-label": typeof title === "string" ? title : "Settings",
-      "data-testid": `${testIdPrefix}-rail`,
-      sx: (theme) => ({
-        display: hiddenWhileInSection ? "none" : "block",
-        flex: "0 0 auto",
-        width: "100%",
-        [atLeastRail(theme, breakpoint)]: {
-          display: "block",
-          flex: `0 0 ${RAIL_WIDTH}px`,
-          width: RAIL_WIDTH,
-          borderRight: `1px solid ${theme.palette.divider}`,
-          pr: 2,
-          // Its own scrollbar, so a settings area with twenty categories does
-          // not make the thing you NAVIGATE with scroll away while you read the
-          // panel. `minHeight: 0` is the load-bearing half: without it a flex
-          // child refuses to shrink below its content and `overflow` never
-          // engages.
-          ...fillHeight ? { height: "100%", minHeight: 0, overflowY: "auto", overscrollBehavior: "contain" } : {}
-        }
-      }),
-      children: [
-        title ? /* @__PURE__ */ jsx(
-          Typography,
-          {
-            variant: "h6",
-            "data-testid": `${testIdPrefix}-title`,
-            sx: (theme) => ({
-              ...variant === "drilldown" ? { display: "block" } : displayAcrossRail(theme, breakpoint, "none", "block"),
-              fontWeight: 700,
-              mb: 1.5
-            }),
-            children: title
-          }
-        ) : null,
-        variant === "switcher" ? /* @__PURE__ */ jsx(
-          SettingsRailToggle,
-          {
-            title,
-            activeLabel,
-            open: navOpen,
-            onToggle: onToggleNav,
-            breakpoint,
-            testIdPrefix
-          }
-        ) : null,
-        /* @__PURE__ */ jsx(SettingsRailBody, { navOpen, testIdPrefix, ...bodyProps })
-      ]
-    }
-  );
-}
-
-export {
-  SettingsRail
-};
-//# sourceMappingURL=chunk-A4JH5FAL.js.map

package/dist/chunk-ABCP6NS4.js

@@ -1,211 +0,0 @@
-import {
-  absoluteInk,
-  neutralTones,
-  shadowInk,
-  sheen
-} from "./chunk-FQ6UW7IY.js";
-
-// src/components/navigation/ContextMenu/ContextMenu.tsx
-import Divider from "@mui/material/Divider/index.js";
-import ListItemIcon from "@mui/material/ListItemIcon/index.js";
-import ListItemText from "@mui/material/ListItemText/index.js";
-import Menu from "@mui/material/Menu/index.js";
-import MenuItem from "@mui/material/MenuItem/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { alpha, styled } from "@mui/material/styles/index.js";
-import React, { cloneElement, isValidElement, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var StyledMenu = styled(Menu, {
-  shouldForwardProp: (prop) => prop !== "customVariant" && prop !== "size"
-})(({ theme, customVariant, size }) => ({
-  "& .MuiPaper-root": {
-    minWidth: 160,
-    borderRadius: theme.spacing(1),
-    ...customVariant === "glass" && {
-      backgroundColor: alpha(theme.palette.background.paper, 0.85),
-      backdropFilter: "blur(20px)",
-      border: `1px solid ${alpha(theme.palette.divider, 0.1)}`,
-      boxShadow: `0 8px 32px ${shadowInk(theme, 0.12)}`
-    },
-    ...customVariant === "dark" && {
-      backgroundColor: alpha(neutralTones(theme).inverseSurface, 0.95),
-      color: absoluteInk(theme).white,
-      "& .MuiMenuItem-root": {
-        color: absoluteInk(theme).white
-      },
-      "& .MuiListItemIcon-root": {
-        color: absoluteInk(theme).white
-      },
-      "& .MuiDivider-root": {
-        borderColor: sheen(theme, 0.12)
-      }
-    },
-    ...size === "sm" && {
-      "& .MuiMenuItem-root": {
-        fontSize: "0.875rem",
-        minHeight: 32,
-        padding: theme.spacing(0.5, 1.5)
-      }
-    },
-    ...size === "lg" && {
-      "& .MuiMenuItem-root": {
-        fontSize: "1.125rem",
-        minHeight: 48,
-        padding: theme.spacing(1.5, 2)
-      }
-    }
-  }
-}));
-var paletteColor = (theme, color) => theme.palette[color]?.main || theme.palette.primary.main;
-var accentStyles = (theme, color) => {
-  const main = paletteColor(theme, color);
-  return {
-    color: main,
-    "& .MuiListItemIcon-root": { color: main },
-    "&:hover": { backgroundColor: alpha(main, 0.08) }
-  };
-};
-var StyledMenuItem = styled(MenuItem, {
-  shouldForwardProp: (prop) => !["color", "dangerous"].includes(prop)
-})(({ theme, color, dangerous }) => ({
-  borderRadius: theme.spacing(0.5),
-  margin: theme.spacing(0.25, 0.5),
-  transition: "all 0.2s ease",
-  "&:hover": {
-    backgroundColor: alpha(dangerous ? theme.palette.error.main : theme.palette.primary.main, 0.08)
-  },
-  ...dangerous && {
-    color: theme.palette.error.main,
-    "& .MuiListItemIcon-root": {
-      color: theme.palette.error.main
-    }
-  },
-  ...color && color !== "default" && !dangerous ? accentStyles(theme, color) : {}
-}));
-var MenuHeader = styled(Typography)(({ theme }) => ({
-  padding: theme.spacing(1, 2),
-  fontSize: "0.75rem",
-  fontWeight: 600,
-  textTransform: "uppercase",
-  color: theme.palette.text.secondary,
-  letterSpacing: 0.5
-}));
-var ShortcutText = styled(Typography)(({ theme }) => ({
-  fontSize: "0.75rem",
-  color: theme.palette.text.secondary,
-  marginLeft: "auto",
-  paddingLeft: theme.spacing(2)
-}));
-var renderMenuItem = (item, handleItemClick, size) => {
-  if (item.type === "divider") {
-    return /* @__PURE__ */ jsx(Divider, { sx: { my: 0.5 } }, item.id);
-  }
-  if (item.type === "header") {
-    return /* @__PURE__ */ jsx(MenuHeader, { children: item.label }, item.id);
-  }
-  const hasIcon = !!item.icon;
-  return /* @__PURE__ */ jsxs(
-    StyledMenuItem,
-    {
-      disabled: item.disabled,
-      onClick: () => handleItemClick(item),
-      color: item.color,
-      dangerous: item.dangerous,
-      children: [
-        hasIcon && /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: size === "sm" ? 32 : 40 }, children: item.icon }),
-        /* @__PURE__ */ jsx(ListItemText, { primary: item.label }),
-        item.shortcut && /* @__PURE__ */ jsx(ShortcutText, { variant: "caption", children: item.shortcut })
-      ]
-    },
-    item.id
-  );
-};
-var buildTrigger = (children, onContextMenu, { disabled, triggerClassName, triggerStyle }) => {
-  const cursor = disabled ? "default" : "context-menu";
-  if (!isValidElement(children)) {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        onContextMenu,
-        className: triggerClassName,
-        style: { ...triggerStyle, cursor },
-        children
-      }
-    );
-  }
-  const element = children;
-  return cloneElement(element, {
-    onContextMenu,
-    className: [
-      element.props.className,
-      triggerClassName,
-      !disabled ? "context-menu-trigger" : ""
-    ].filter(Boolean).join(" "),
-    style: { ...element.props.style, ...triggerStyle, cursor }
-  });
-};
-var ContextMenu = React.forwardRef(
-  ({
-    variant = "default",
-    items,
-    children,
-    disabled = false,
-    onOpen,
-    onClose,
-    size = "md",
-    triggerClassName,
-    triggerStyle,
-    ...menuProps
-  }, ref) => {
-    const [contextMenu, setContextMenu] = useState(null);
-    const handleContextMenu = (event) => {
-      if (disabled) return;
-      event.preventDefault();
-      setContextMenu(
-        contextMenu === null ? {
-          mouseX: event.clientX + 2,
-          mouseY: event.clientY - 6
-        } : null
-      );
-      onOpen?.(event);
-    };
-    const handleClose = () => {
-      setContextMenu(null);
-      onClose?.();
-    };
-    const handleItemClick = (item) => {
-      if (item.onClick) {
-        item.onClick();
-      }
-      handleClose();
-    };
-    const triggerElement = buildTrigger(children, handleContextMenu, {
-      disabled,
-      triggerClassName,
-      triggerStyle
-    });
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      triggerElement,
-      /* @__PURE__ */ jsx(
-        StyledMenu,
-        {
-          ref,
-          open: contextMenu !== null,
-          onClose: handleClose,
-          anchorReference: "anchorPosition",
-          anchorPosition: contextMenu !== null ? { top: contextMenu.mouseY, left: contextMenu.mouseX } : void 0,
-          customVariant: variant,
-          size,
-          ...menuProps,
-          children: items.map((item) => renderMenuItem(item, handleItemClick, size))
-        }
-      )
-    ] });
-  }
-);
-ContextMenu.displayName = "ContextMenu";
-
-export {
-  ContextMenu
-};
-//# sourceMappingURL=chunk-ABCP6NS4.js.map

package/dist/chunk-ABCP6NS4.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/navigation/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import Divider from '@mui/material/Divider/index.js';\nimport ListItemIcon from '@mui/material/ListItemIcon/index.js';\nimport ListItemText from '@mui/material/ListItemText/index.js';\nimport Menu from '@mui/material/Menu/index.js';\nimport MenuItem from '@mui/material/MenuItem/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\nimport React, { cloneElement, isValidElement,useState } from 'react';\n\nimport type { ContextMenuItem,ContextMenuProps } from './ContextMenu.types';\nimport { absoluteInk, neutralTones, shadowInk, sheen } from '../../../tokens/ink';\n\nconst StyledMenu = styled(Menu, {\n  shouldForwardProp: (prop) => prop !== 'customVariant' && prop !== 'size',\n})<{ customVariant?: string; size?: string }>(({ theme, customVariant, size }) => ({\n  '& .MuiPaper-root': {\n    minWidth: 160,\n    borderRadius: theme.spacing(1),\n\n    ...(customVariant === 'glass' && {\n      backgroundColor: alpha(theme.palette.background.paper, 0.85),\n      backdropFilter: 'blur(20px)',\n      border: `1px solid ${alpha(theme.palette.divider, 0.1)}`,\n      boxShadow: `0 8px 32px ${shadowInk(theme, 0.12)}`,\n    }),\n\n    ...(customVariant === 'dark' && {\n      backgroundColor: alpha(neutralTones(theme).inverseSurface, 0.95),\n      color: absoluteInk(theme).white,\n      '& .MuiMenuItem-root': {\n        color: absoluteInk(theme).white,\n      },\n      '& .MuiListItemIcon-root': {\n        color: absoluteInk(theme).white,\n      },\n      '& .MuiDivider-root': {\n        borderColor: sheen(theme, 0.12),\n      },\n    }),\n\n    ...(size === 'sm' && {\n      '& .MuiMenuItem-root': {\n        fontSize: '0.875rem',\n        minHeight: 32,\n        padding: theme.spacing(0.5, 1.5),\n      },\n    }),\n\n    ...(size === 'lg' && {\n      '& .MuiMenuItem-root': {\n        fontSize: '1.125rem',\n        minHeight: 48,\n        padding: theme.spacing(1.5, 2),\n      },\n    }),\n  },\n}));\n\n// `color` names a palette key (`success`, `warning`, …) that MUI's Theme type does\n// not index, so it is read structurally and falls back to primary.\nconst paletteColor = (theme: Theme, color: string): string =>\n  (theme.palette as unknown as Record<string, { main?: string }>)[color]?.main ||\n  theme.palette.primary.main;\n\nconst accentStyles = (theme: Theme, color: string): CSSObject => {\n  const main = paletteColor(theme, color);\n\n  return {\n    color: main,\n    '& .MuiListItemIcon-root': { color: main },\n    '&:hover': { backgroundColor: alpha(main, 0.08) },\n  };\n};\n\nconst StyledMenuItem = styled(MenuItem, {\n  shouldForwardProp: (prop) => !['color', 'dangerous'].includes(prop as string),\n})<{ color?: string; dangerous?: boolean }>(({ theme, color, dangerous }) => ({\n  borderRadius: theme.spacing(0.5),\n  margin: theme.spacing(0.25, 0.5),\n  transition: 'all 0.2s ease',\n\n  '&:hover': {\n    backgroundColor: alpha(dangerous ? theme.palette.error.main : theme.palette.primary.main, 0.08),\n  },\n\n  ...(dangerous && {\n    color: theme.palette.error.main,\n    '& .MuiListItemIcon-root': {\n      color: theme.palette.error.main,\n    },\n  }),\n\n  ...(color && color !== 'default' && !dangerous ? accentStyles(theme, color) : {}),\n}));\n\nconst MenuHeader = styled(Typography)(({ theme }) => ({\n  padding: theme.spacing(1, 2),\n  fontSize: '0.75rem',\n  fontWeight: 600,\n  textTransform: 'uppercase',\n  color: theme.palette.text.secondary,\n  letterSpacing: 0.5,\n}));\n\nconst ShortcutText = styled(Typography)(({ theme }) => ({\n  fontSize: '0.75rem',\n  color: theme.palette.text.secondary,\n  marginLeft: 'auto',\n  paddingLeft: theme.spacing(2),\n}));\n\nconst renderMenuItem = (\n  item: ContextMenuItem,\n  handleItemClick: (item: ContextMenuItem) => void,\n  size?: string,\n) => {\n  if (item.type === 'divider') {\n    return <Divider key={item.id} sx={{ my: 0.5 }} />;\n  }\n\n  if (item.type === 'header') {\n    return <MenuHeader key={item.id}>{item.label}</MenuHeader>;\n  }\n\n  const hasIcon = !!item.icon;\n\n  return (\n    <StyledMenuItem\n      key={item.id}\n      disabled={item.disabled}\n      onClick={() => handleItemClick(item)}\n      color={item.color}\n      dangerous={item.dangerous}\n    >\n      {hasIcon && (\n        <ListItemIcon sx={{ minWidth: size === 'sm' ? 32 : 40 }}>{item.icon}</ListItemIcon>\n      )}\n      <ListItemText primary={item.label} />\n      {item.shortcut && <ShortcutText variant=\"caption\">{item.shortcut}</ShortcutText>}\n    </StyledMenuItem>\n  );\n};\n\ninterface TriggerOptions {\n  disabled: boolean;\n  triggerClassName?: string;\n  triggerStyle?: React.CSSProperties;\n}\n\n// The trigger is whatever the caller passed as children. A single element is\n// cloned, so the handler and cursor land on the caller's own node; anything else\n// gets wrapped in a div that can carry them.\nconst buildTrigger = (\n  children: React.ReactNode,\n  onContextMenu: (event: React.MouseEvent) => void,\n  { disabled, triggerClassName, triggerStyle }: TriggerOptions,\n) => {\n  const cursor = disabled ? 'default' : 'context-menu';\n\n  if (!isValidElement(children)) {\n    return (\n      <div\n        onContextMenu={onContextMenu}\n        className={triggerClassName}\n        style={{ ...triggerStyle, cursor }}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  const element = children as React.ReactElement<{\n    onContextMenu?: (event: React.MouseEvent) => void;\n    className?: string;\n    style?: React.CSSProperties;\n  }>;\n\n  return cloneElement(element, {\n    onContextMenu,\n    className: [\n      element.props.className,\n      triggerClassName,\n      !disabled ? 'context-menu-trigger' : '',\n    ]\n      .filter(Boolean)\n      .join(' '),\n    style: { ...element.props.style, ...triggerStyle, cursor },\n  });\n};\n\nexport const ContextMenu = React.forwardRef<HTMLDivElement, ContextMenuProps>(\n  (\n    {\n      variant = 'default',\n      items,\n      children,\n      disabled = false,\n      onOpen,\n      onClose,\n      size = 'md',\n      triggerClassName,\n      triggerStyle,\n      ...menuProps\n    },\n    ref,\n  ) => {\n    const [contextMenu, setContextMenu] = useState<{\n      mouseX: number;\n      mouseY: number;\n    } | null>(null);\n\n    const handleContextMenu = (event: React.MouseEvent) => {\n      if (disabled) return;\n\n      event.preventDefault();\n      setContextMenu(\n        contextMenu === null\n          ? {\n              mouseX: event.clientX + 2,\n              mouseY: event.clientY - 6,\n            }\n          : null,\n      );\n      onOpen?.(event);\n    };\n\n    const handleClose = () => {\n      setContextMenu(null);\n      onClose?.();\n    };\n\n    const handleItemClick = (item: ContextMenuItem) => {\n      if (item.onClick) {\n        item.onClick();\n      }\n      handleClose();\n    };\n\n    const triggerElement = buildTrigger(children, handleContextMenu, {\n      disabled,\n      triggerClassName,\n      triggerStyle,\n    });\n\n    return (\n      <>\n        {triggerElement}\n        <StyledMenu\n          ref={ref}\n          open={contextMenu !== null}\n          onClose={handleClose}\n          anchorReference=\"anchorPosition\"\n          anchorPosition={\n            contextMenu !== null ? { top: contextMenu.mouseY, left: contextMenu.mouseX } : undefined\n          }\n          customVariant={variant}\n          size={size}\n          {...menuProps}\n        >\n          {items.map((item) => renderMenuItem(item, handleItemClick, size))}\n        </StyledMenu>\n      </>\n    );\n  },\n);\n\nContextMenu.displayName = 'ContextMenu';\n"],"mappings":"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","names":[]}