@12-apps/ui 5.0.0 → 5.0.1

package/dist/navigation/ContextMenu.js

@@ -0,0 +1,208 @@
+import "../chunk-PZ5AY32C.js";
+
+// src/components/navigation/ContextMenu/ContextMenu.tsx
+import {
+  alpha,
+  Divider,
+  ListItemIcon,
+  ListItemText,
+  Menu,
+  MenuItem,
+  Typography
+} from "@mui/material";
+import { styled } from "@mui/material";
+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=ContextMenu.js.map

package/dist/navigation/ContextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/navigation/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import {\n  alpha,\n  Divider,\n  ListItemIcon,\n  ListItemText,\n  Menu,\n  MenuItem,\n  Typography,\n} from '@mui/material';\nimport type { CSSObject, Theme } from '@mui/material';\nimport { styled } from '@mui/material';\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":[]}

package/dist/navigation/DropdownMenu.js

@@ -0,0 +1,8 @@
+import {
+  DropdownMenu
+} from "../chunk-DSO6BL77.js";
+import "../chunk-PZ5AY32C.js";
+export {
+  DropdownMenu
+};
+//# sourceMappingURL=DropdownMenu.js.map

package/dist/navigation/DropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}