@12-apps/ui 6.33.1 → 6.34.0

package/dist/chunk-ZB6BX4GO.js

@@ -1,175 +0,0 @@
-import {
-  AVATAR_DEFAULTS,
-  contentTypeOf,
-  pickAvatarContent
-} from "./chunk-3ZVUNSFF.js";
-import {
-  AvatarView
-} from "./chunk-LB2G6SD6.js";
-import {
-  BORDER_WIDTH,
-  GROUP_HOVER,
-  GROUP_MAX,
-  GROUP_OVERLAP
-} from "./chunk-FAITHWIO.js";
-
-// src/components/data-display/Avatar/Avatar.tsx
-import BrokenImage from "@mui/icons-material/BrokenImage";
-import Person from "@mui/icons-material/Person";
-import { styled } from "@mui/material/styles/index.js";
-import React, { useCallback, useEffect, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function resolveContent(args) {
-  const { children, fallback, icon, imageError, showFallbackOnError } = args;
-  const pick = pickAvatarContent({
-    hasChildren: Boolean(children),
-    hasFallback: Boolean(fallback),
-    hasIcon: Boolean(icon),
-    imageError,
-    showFallbackOnError
-  });
-  const NODES = {
-    children,
-    fallback,
-    icon,
-    broken: /* @__PURE__ */ jsx(BrokenImage, {}),
-    default: /* @__PURE__ */ jsx(Person, {})
-  };
-  return { content: NODES[pick], contentType: contentTypeOf(pick) };
-}
-function useMountedFade(animationDelay) {
-  const [mounted, setMounted] = useState(false);
-  useEffect(() => {
-    const timer = window.setTimeout(() => setMounted(true), animationDelay);
-    return () => window.clearTimeout(timer);
-  }, [animationDelay]);
-  return mounted;
-}
-function useImageState(src, onError) {
-  const [imageError, setImageError] = useState(false);
-  const [imageLoading, setImageLoading] = useState(!!src);
-  useEffect(() => {
-    setImageError(false);
-    setImageLoading(!!src);
-  }, [src]);
-  const handleImageError = useCallback(
-    (event) => {
-      setImageError(true);
-      setImageLoading(false);
-      onError?.(event);
-    },
-    [onError]
-  );
-  const handleImageLoad = useCallback(() => setImageLoading(false), []);
-  return { imageError, imageLoading, handleImageError, handleImageLoad };
-}
-function useAvatarModel(raw, ref) {
-  const {
-    variant,
-    size,
-    glow,
-    pulse,
-    status,
-    fallback,
-    icon,
-    bordered,
-    color,
-    src,
-    alt,
-    children,
-    loading,
-    onError,
-    onClick,
-    interactive,
-    showFallbackOnError,
-    animationDelay,
-    className,
-    dataTestId,
-    // React Native's spelling of the same id; it names the component on both
-    // sides and must not reach the DOM as an attribute.
-    testID,
-    ...rest
-  } = { ...AVATAR_DEFAULTS, ...raw };
-  const mounted = useMountedFade(animationDelay);
-  const { imageError, imageLoading, handleImageError, handleImageLoad } = useImageState(src, onError);
-  const handleClick = useCallback(
-    (event) => onClick?.(event),
-    [onClick]
-  );
-  const { content, contentType } = resolveContent({
-    children,
-    fallback,
-    icon,
-    imageError,
-    showFallbackOnError
-  });
-  return {
-    mounted,
-    variant,
-    size,
-    color,
-    glow,
-    pulse,
-    bordered,
-    showSpinner: loading || imageLoading,
-    imageError,
-    clickable: interactive || !!onClick,
-    imgSrc: imageError ? void 0 : src,
-    alt,
-    ariaLabel: rest["aria-label"] || alt || "Avatar",
-    content,
-    contentType,
-    className,
-    dataTestId: testID ?? dataTestId,
-    status,
-    forwardedRef: ref,
-    onClick: handleClick,
-    handleImageError,
-    handleImageLoad,
-    rest
-  };
-}
-var Avatar = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(AvatarView, { ...useAvatarModel(props, ref) }));
-Avatar.displayName = "Avatar";
-var AvatarGroupContainer = styled("div")(({ theme, overlap = GROUP_OVERLAP }) => ({
-  display: "flex",
-  alignItems: "center",
-  "& > *": {
-    marginLeft: -overlap,
-    transition: "all 0.3s ease",
-    position: "relative",
-    border: `${BORDER_WIDTH}px solid ${theme.palette.background.paper}`,
-    "&:hover": {
-      zIndex: 100,
-      transform: `scale(${GROUP_HOVER.scale}) translateY(-${GROUP_HOVER.lift}px)`
-    },
-    "&:first-of-type": {
-      marginLeft: 0
-    }
-  }
-}));
-var AvatarGroup = ({ children, max = GROUP_MAX, overlap = GROUP_OVERLAP, className, dataTestId }) => {
-  const childrenArray = React.Children.toArray(children);
-  const visibleChildren = max ? childrenArray.slice(0, max) : childrenArray;
-  const remainingCount = childrenArray.length - visibleChildren.length;
-  return /* @__PURE__ */ jsxs(AvatarGroupContainer, { overlap, className, "data-testid": dataTestId, children: [
-    visibleChildren,
-    remainingCount > 0 && /* @__PURE__ */ jsx(
-      Avatar,
-      {
-        size: visibleChildren[0]?.props?.size || "md",
-        color: "neutral",
-        fallback: `+${remainingCount}`,
-        bordered: true,
-        dataTestId: dataTestId ? `${dataTestId}-overflow` : void 0
-      }
-    )
-  ] });
-};
-AvatarGroup.displayName = "AvatarGroup";
-
-export {
-  Avatar,
-  AvatarGroup
-};
-//# sourceMappingURL=chunk-ZB6BX4GO.js.map

package/dist/chunk-ZDWU52DJ.js

@@ -1,116 +0,0 @@
-import {
-  CollapseToggle,
-  LogoBar,
-  MenuList
-} from "./chunk-Q444G5X7.js";
-import {
-  renderMenuItem
-} from "./chunk-7FOOLP5H.js";
-import {
-  slideIn
-} from "./chunk-FYLCSCMR.js";
-
-// src/components/navigation/NavigationMenu/NavigationStandardBody.tsx
-import MenuIcon from "@mui/icons-material/Menu";
-import Box from "@mui/material/Box/index.js";
-import Divider from "@mui/material/Divider/index.js";
-import Fade from "@mui/material/Fade/index.js";
-import ListItemIcon from "@mui/material/ListItemIcon/index.js";
-import ListItemText from "@mui/material/ListItemText/index.js";
-import Paper from "@mui/material/Paper/index.js";
-import { alpha } from "@mui/material/styles/index.js";
-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-ZDWU52DJ.js.map

package/dist/chunk-ZNJ4RLZT.js

@@ -1,136 +0,0 @@
-import {
-  DataViewsExportMenu
-} from "./chunk-IM76SSXI.js";
-import {
-  DataViewsDisplayPanel
-} from "./chunk-3SJZP7KH.js";
-import {
-  renderBulkActions
-} from "./chunk-7FWXG2KF.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  ContentToolbar
-} from "./chunk-SZB2Z6QN.js";
-import {
-  FilterTrigger
-} from "./chunk-JLWAYBOP.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Text
-} from "./chunk-H57ZS6W2.js";
-
-// src/components/data-display/DataViews/data-views-toolbar.tsx
-import Divider from "@mui/material/Divider/index.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function ToolbarRightControls(props) {
-  const { testIdPrefix, matchedCount, totalCount, filterOpen, setFilterOpen } = props;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !props.counterHidden && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsxs(
-        default2,
-        {
-          component: "span",
-          "data-testid": `${testIdPrefix}-counter`,
-          sx: { whiteSpace: "nowrap" },
-          children: [
-            matchedCount,
-            " de ",
-            totalCount
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsx(
-        Divider,
-        {
-          orientation: "vertical",
-          flexItem: true,
-          sx: { height: 20, alignSelf: "center", mx: 0.5 }
-        }
-      )
-    ] }),
-    props.toolbarRightSlot,
-    /* @__PURE__ */ jsx(
-      DataViewsDisplayPanel,
-      {
-        c: props.c,
-        testIdPrefix,
-        sortKinds: props.sortKinds,
-        view: props.displayView,
-        compact: props.compactControls
-      }
-    ),
-    props.exportConfig && /* @__PURE__ */ jsx(
-      DataViewsExportMenu,
-      {
-        config: props.exportConfig,
-        query: props.c.currentQuery,
-        totalCount: props.totalCount,
-        selectedIds: [...props.c.selectedIds],
-        columns: props.columnOptions.filter((col) => col.visible).map((col) => ({ id: col.id, label: col.label })),
-        testIdPrefix,
-        compact: props.compactControls
-      }
-    ),
-    props.showFilterTrigger !== false && /* @__PURE__ */ jsx(
-      FilterTrigger,
-      {
-        open: filterOpen,
-        onOpenChange: setFilterOpen,
-        activeCount: props.activeFilterCount,
-        "data-testid": `${testIdPrefix}-filters-toggle`
-      }
-    )
-  ] });
-}
-function GridToolbar(props) {
-  const copy = useDataViewsCopy();
-  const { testIdPrefix, selectedRows } = props;
-  return /* @__PURE__ */ jsx(
-    default2,
-    {
-      ref: props.barRef,
-      sx: {
-        borderTop: 1,
-        borderBottom: 1,
-        borderColor: "divider",
-        py: 1.25,
-        mx: { xs: -2, md: -3 },
-        px: { xs: 2, md: 3 }
-      },
-      children: /* @__PURE__ */ jsx(
-        ContentToolbar,
-        {
-          selectAllLabel: copy.selection.selectAll,
-          selectAllText: copy.selection.selectAllOnPage,
-          clearAllText: copy.filters.clearAll,
-          hasSelection: selectedRows.length > 0,
-          selectedCount: selectedRows.length,
-          selectAll: props.selectAll,
-          clearSelection: props.clearSelection,
-          selectAllTestId: `${testIdPrefix}-select-all`,
-          clearAllTestId: `${testIdPrefix}-clear-all`,
-          selectionExtra: props.selectionExtra,
-          actions: renderBulkActions({
-            rowActions: props.rowActions,
-            bulkActions: props.bulkActions,
-            selectedRows,
-            clearSelection: props.clearSelection,
-            testIdPrefix
-          }),
-          leadingControls: props.filterControls,
-          exclusiveSelection: true,
-          rightControls: /* @__PURE__ */ jsx(ToolbarRightControls, { ...props })
-        }
-      )
-    }
-  );
-}
-
-export {
-  GridToolbar
-};
-//# sourceMappingURL=chunk-ZNJ4RLZT.js.map

package/dist/chunk-ZO27CDGB.js

@@ -1,204 +0,0 @@
-// 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 ${alpha(theme.palette.common.black, 0.12)}`
-    },
-    ...customVariant === "dark" && {
-      backgroundColor: alpha(theme.palette.grey[900], 0.95),
-      color: theme.palette.common.white,
-      "& .MuiMenuItem-root": {
-        color: theme.palette.common.white
-      },
-      "& .MuiListItemIcon-root": {
-        color: theme.palette.common.white
-      },
-      "& .MuiDivider-root": {
-        borderColor: alpha(theme.palette.common.white, 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-ZO27CDGB.js.map

package/dist/chunk-ZO27CDGB.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';\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 ${alpha(theme.palette.common.black, 0.12)}`,\n    }),\n\n    ...(customVariant === 'dark' && {\n      backgroundColor: alpha(theme.palette.grey[900], 0.95),\n      color: theme.palette.common.white,\n      '& .MuiMenuItem-root': {\n        color: theme.palette.common.white,\n      },\n      '& .MuiListItemIcon-root': {\n        color: theme.palette.common.white,\n      },\n      '& .MuiDivider-root': {\n        borderColor: alpha(theme.palette.common.white, 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":[]}