@12-apps/ui 6.33.0 → 6.34.0

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":[]}

package/dist/chunk-ZOW2CCMO.js

@@ -1,88 +0,0 @@
-import {
-  GLASS_BACKGROUND_ALPHA_FROM,
-  GLASS_BACKGROUND_ALPHA_TO,
-  GLASS_BLUR_PX,
-  GLASS_BORDER_ALPHA,
-  GLASS_SHADOW,
-  SHIMMER_ALPHA,
-  SHIMMER_DURATION_MS,
-  SKELETON_DEFAULT_DIMENSIONS,
-  SKELETON_INTENSITY_OPACITY
-} from "./chunk-BRMGHMYB.js";
-
-// src/components/layout/Skeleton/Skeleton.styles.ts
-import { alpha } from "@mui/material/styles/index.js";
-var muiVariantFor = (variant) => {
-  switch (variant) {
-    case "circular":
-      return "circular";
-    case "rectangular":
-    case "wave":
-      return "rectangular";
-    default:
-      return "text";
-  }
-};
-var muiAnimationFor = (variant, animation) => {
-  if (variant === "wave") return "wave";
-  return animation;
-};
-var defaultDimensions = (variant) => (
-  // The `default:` arm the old switch had: an unrecognised variant used to fall
-  // back rather than hand `undefined` to a caller that then reads `.width`.
-  SKELETON_DEFAULT_DIMENSIONS[variant] ?? SKELETON_DEFAULT_DIMENSIONS.rectangular
-);
-var intensityOpacity = (intensity) => SKELETON_INTENSITY_OPACITY[intensity] ?? SKELETON_INTENSITY_OPACITY.medium;
-var glassmorphismStyles = (theme) => ({
-  background: `linear-gradient(135deg,
-        ${alpha(theme.palette.background.paper, GLASS_BACKGROUND_ALPHA_FROM)} 0%,
-        ${alpha(theme.palette.background.paper, GLASS_BACKGROUND_ALPHA_TO)} 100%)`,
-  backdropFilter: `blur(${GLASS_BLUR_PX}px)`,
-  border: `1px solid ${alpha(theme.palette.divider, GLASS_BORDER_ALPHA)}`,
-  boxShadow: `0 ${GLASS_SHADOW.offsetY}px ${GLASS_SHADOW.blur}px 0 ${alpha(theme.palette.common.black, GLASS_SHADOW.alpha)}`
-});
-var shimmerStyles = (theme) => ({
-  "&::after": {
-    content: '""',
-    position: "absolute",
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    background: `linear-gradient(
-          90deg,
-          transparent,
-          ${alpha(theme.palette.common.white, SHIMMER_ALPHA)},
-          transparent
-        )`,
-    transform: "translateX(-100%)",
-    animation: `shimmer ${SHIMMER_DURATION_MS / 1e3}s infinite`
-  },
-  "@keyframes shimmer": {
-    "100%": {
-      transform: "translateX(100%)"
-    }
-  }
-});
-var skeletonStyles = (theme, { intensity, borderRadius, glassmorphism, shimmer, style }) => ({
-  borderRadius,
-  backgroundColor: alpha(
-    theme.palette.mode === "dark" ? theme.palette.common.white : theme.palette.text.primary,
-    intensityOpacity(intensity)
-  ),
-  ...shimmer && {
-    position: "relative",
-    overflow: "hidden"
-  },
-  ...glassmorphism ? glassmorphismStyles(theme) : {},
-  ...shimmer ? shimmerStyles(theme) : {},
-  ...style
-});
-
-export {
-  muiVariantFor,
-  muiAnimationFor,
-  defaultDimensions,
-  skeletonStyles
-};
-//# sourceMappingURL=chunk-ZOW2CCMO.js.map

package/dist/chunk-ZOW2CCMO.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/layout/Skeleton/Skeleton.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport type { SkeletonProps } from './Skeleton.types';\nimport {\n  GLASS_BACKGROUND_ALPHA_FROM,\n  GLASS_BACKGROUND_ALPHA_TO,\n  GLASS_BLUR_PX,\n  GLASS_BORDER_ALPHA,\n  GLASS_SHADOW,\n  SHIMMER_ALPHA,\n  SHIMMER_DURATION_MS,\n  SKELETON_DEFAULT_DIMENSIONS,\n  SKELETON_INTENSITY_OPACITY,\n} from './Skeleton.metrics';\n\ntype SkeletonVariant = NonNullable<SkeletonProps['variant']>;\ntype SkeletonIntensity = NonNullable<SkeletonProps['intensity']>;\n\n/** `wave` is our own name for a rectangle that animates; MUI has no such variant. */\nexport const muiVariantFor = (\n  variant: SkeletonVariant,\n): 'circular' | 'rectangular' | 'text' => {\n  switch (variant) {\n    case 'circular':\n      return 'circular';\n    case 'rectangular':\n    case 'wave':\n      return 'rectangular';\n    default:\n      return 'text';\n  }\n};\n\nexport const muiAnimationFor = (\n  variant: SkeletonVariant,\n  animation: SkeletonProps['animation'],\n) => {\n  if (variant === 'wave') return 'wave';\n  return animation;\n};\n\n// Derived from the shared metrics, not restated: the native `Skeleton` reads\n// the same table, so the two renderers cannot disagree on a default box.\nexport const defaultDimensions = (\n  variant: SkeletonVariant,\n): { width: number | string; height: number | undefined } =>\n  // The `default:` arm the old switch had: an unrecognised variant used to fall\n  // back rather than hand `undefined` to a caller that then reads `.width`.\n  SKELETON_DEFAULT_DIMENSIONS[variant] ?? SKELETON_DEFAULT_DIMENSIONS.rectangular;\n\nconst intensityOpacity = (intensity: SkeletonIntensity): number =>\n  SKELETON_INTENSITY_OPACITY[intensity] ?? SKELETON_INTENSITY_OPACITY.medium;\n\nconst glassmorphismStyles = (theme: Theme): CSSObject => ({\n  background: `linear-gradient(135deg,\n        ${alpha(theme.palette.background.paper, GLASS_BACKGROUND_ALPHA_FROM)} 0%,\n        ${alpha(theme.palette.background.paper, GLASS_BACKGROUND_ALPHA_TO)} 100%)`,\n  backdropFilter: `blur(${GLASS_BLUR_PX}px)`,\n  border: `1px solid ${alpha(theme.palette.divider, GLASS_BORDER_ALPHA)}`,\n  boxShadow: `0 ${GLASS_SHADOW.offsetY}px ${GLASS_SHADOW.blur}px 0 ${alpha(theme.palette.common.black, GLASS_SHADOW.alpha)}`,\n});\n\n// The sweep is a pseudo-element sliding across the box, so the box has to clip it\n// and establish a positioning context — hence `position`/`overflow` below.\nconst shimmerStyles = (theme: Theme): CSSObject => ({\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    background: `linear-gradient(\n          90deg,\n          transparent,\n          ${alpha(theme.palette.common.white, SHIMMER_ALPHA)},\n          transparent\n        )`,\n    transform: 'translateX(-100%)',\n    animation: `shimmer ${SHIMMER_DURATION_MS / 1000}s infinite`,\n  },\n  '@keyframes shimmer': {\n    '100%': {\n      transform: 'translateX(100%)',\n    },\n  },\n});\n\ninterface SkeletonStyleArgs {\n  intensity: SkeletonIntensity;\n  borderRadius?: number | string;\n  glassmorphism: boolean;\n  shimmer: boolean;\n  style?: React.CSSProperties;\n}\n\nexport const skeletonStyles = (\n  theme: Theme,\n  { intensity, borderRadius, glassmorphism, shimmer, style }: SkeletonStyleArgs,\n): CSSObject => ({\n  borderRadius,\n  backgroundColor: alpha(\n    theme.palette.mode === 'dark' ? theme.palette.common.white : theme.palette.text.primary,\n    intensityOpacity(intensity),\n  ),\n  ...(shimmer && {\n    position: 'relative' as const,\n    overflow: 'hidden' as const,\n  }),\n  ...(glassmorphism ? glassmorphismStyles(theme) : {}),\n  ...(shimmer ? shimmerStyles(theme) : {}),\n  ...style,\n});\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAS,aAAa;AAoBf,IAAM,gBAAgB,CAC3B,YACwC;AACxC,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAEO,IAAM,kBAAkB,CAC7B,SACA,cACG;AACH,MAAI,YAAY,OAAQ,QAAO;AAC/B,SAAO;AACT;AAIO,IAAM,oBAAoB,CAC/B;AAAA;AAAA;AAAA,EAIA,4BAA4B,OAAO,KAAK,4BAA4B;AAAA;AAEtE,IAAM,mBAAmB,CAAC,cACxB,2BAA2B,SAAS,KAAK,2BAA2B;AAEtE,IAAM,sBAAsB,CAAC,WAA6B;AAAA,EACxD,YAAY;AAAA,UACJ,MAAM,MAAM,QAAQ,WAAW,OAAO,2BAA2B,CAAC;AAAA,UAClE,MAAM,MAAM,QAAQ,WAAW,OAAO,yBAAyB,CAAC;AAAA,EACxE,gBAAgB,QAAQ,aAAa;AAAA,EACrC,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,kBAAkB,CAAC;AAAA,EACrE,WAAW,KAAK,aAAa,OAAO,MAAM,aAAa,IAAI,QAAQ,MAAM,MAAM,QAAQ,OAAO,OAAO,aAAa,KAAK,CAAC;AAC1H;AAIA,IAAM,gBAAgB,CAAC,WAA6B;AAAA,EAClD,YAAY;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,IACV,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA;AAAA;AAAA,YAGJ,MAAM,MAAM,QAAQ,OAAO,OAAO,aAAa,CAAC;AAAA;AAAA;AAAA,IAGxD,WAAW;AAAA,IACX,WAAW,WAAW,sBAAsB,GAAI;AAAA,EAClD;AAAA,EACA,sBAAsB;AAAA,IACpB,QAAQ;AAAA,MACN,WAAW;AAAA,IACb;AAAA,EACF;AACF;AAUO,IAAM,iBAAiB,CAC5B,OACA,EAAE,WAAW,cAAc,eAAe,SAAS,MAAM,OAC1C;AAAA,EACf;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM,QAAQ,SAAS,SAAS,MAAM,QAAQ,OAAO,QAAQ,MAAM,QAAQ,KAAK;AAAA,IAChF,iBAAiB,SAAS;AAAA,EAC5B;AAAA,EACA,GAAI,WAAW;AAAA,IACb,UAAU;AAAA,IACV,UAAU;AAAA,EACZ;AAAA,EACA,GAAI,gBAAgB,oBAAoB,KAAK,IAAI,CAAC;AAAA,EAClD,GAAI,UAAU,cAAc,KAAK,IAAI,CAAC;AAAA,EACtC,GAAG;AACL;","names":[]}

package/dist/chunk-ZPIMPOHV.js

@@ -1,187 +0,0 @@
-import {
-  DATA_VIEWS_LAYOUTS
-} from "./chunk-LHHAYZ55.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  Slider
-} from "./chunk-FA3TYWX2.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-
-// src/components/data-display/DataViews/data-views-layout-context.tsx
-import { createContext, useContext, useEffect, useMemo, useState } from "react";
-import GridViewOutlinedIcon from "@mui/icons-material/GridViewOutlined";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DataViewsLayoutContext = createContext(null);
-var DEFAULT_ZOOM = 35;
-var BASE_CARD_WIDTH = 180;
-var CARD_SCALE_RANGE = { min: 0.75, max: 2 };
-var LAYOUT_STORAGE_KEY = "dataviews:layout";
-var DENSITY_STORAGE_KEY = "dataviews:density";
-var DENSITIES = ["compact", "cozy", "comfortable"];
-var DENSITY_ROW_PADDING = {
-  compact: 0.25,
-  cozy: 0.75,
-  comfortable: 1.5
-};
-var DENSITY_CARD_SCALE = {
-  compact: 0.84,
-  cozy: 1.15,
-  comfortable: 1.4
-};
-function cardTargetWidthFor(zoom, density) {
-  return Math.round(cardMinWidthForZoom(zoom) * DENSITY_CARD_SCALE[density]);
-}
-var DENSITY_BOARD_SCALE = {
-  compact: 0.95,
-  cozy: 1,
-  comfortable: 1.25
-};
-function cardScaleForZoom(zoom) {
-  const clamped = Math.max(0, Math.min(100, zoom));
-  return CARD_SCALE_RANGE.min + clamped / 100 * (CARD_SCALE_RANGE.max - CARD_SCALE_RANGE.min);
-}
-function cardMinWidthForZoom(zoom) {
-  return Math.round(BASE_CARD_WIDTH * cardScaleForZoom(zoom));
-}
-function isLayout(value) {
-  return DATA_VIEWS_LAYOUTS.includes(value);
-}
-function isDensity(value) {
-  return DENSITIES.includes(value);
-}
-function readStoredDensity() {
-  try {
-    if (typeof window === "undefined") return void 0;
-    const stored = window.localStorage.getItem(DENSITY_STORAGE_KEY);
-    return isDensity(stored) ? stored : void 0;
-  } catch {
-    return void 0;
-  }
-}
-function pinLayout(layout, available) {
-  if (layout === "cards") return available.canUseCards ? "cards" : "table";
-  if (layout === "list") return available.canUseList ? "list" : "table";
-  if (layout === "board") return available.canUseBoard ? "board" : "table";
-  return "table";
-}
-function readStoredLayout() {
-  try {
-    if (typeof window === "undefined") return void 0;
-    const stored = window.localStorage.getItem(LAYOUT_STORAGE_KEY);
-    return isLayout(stored) ? stored : void 0;
-  } catch {
-    return void 0;
-  }
-}
-function writeStored(key, value) {
-  try {
-    if (typeof window === "undefined") return;
-    window.localStorage.setItem(key, value);
-  } catch {
-  }
-}
-function DataViewsLayoutProvider({
-  canUseCards = false,
-  canUseList = false,
-  canUseBoard = false,
-  defaultLayout = "table",
-  viewLayout,
-  ignoreStoredLayout = false,
-  children
-}) {
-  const availability = { canUseCards, canUseList, canUseBoard };
-  const [layout, setLayoutState] = useState(
-    () => pinLayout(
-      viewLayout ?? (ignoreStoredLayout ? void 0 : readStoredLayout()) ?? defaultLayout,
-      availability
-    )
-  );
-  const [density, setDensityState] = useState(
-    () => (ignoreStoredLayout ? void 0 : readStoredDensity()) ?? "cozy"
-  );
-  const [zoom, setZoom] = useState(DEFAULT_ZOOM);
-  useEffect(() => {
-    if (viewLayout) setLayoutState(pinLayout(viewLayout, availability));
-  }, [viewLayout]);
-  const effective = pinLayout(layout, availability);
-  const value = useMemo(
-    () => ({
-      layout: effective,
-      setLayout: (next) => {
-        const pinned = pinLayout(next, availability);
-        setLayoutState(pinned);
-        if (!ignoreStoredLayout) writeStored(LAYOUT_STORAGE_KEY, pinned);
-      },
-      density,
-      setDensity: (next) => {
-        setDensityState(next);
-        if (!ignoreStoredLayout) writeStored(DENSITY_STORAGE_KEY, next);
-      },
-      canUseCards,
-      canUseList,
-      canUseBoard,
-      zoom,
-      setZoom
-    }),
-    [effective, density, canUseCards, canUseList, canUseBoard, zoom]
-  );
-  return /* @__PURE__ */ jsx(DataViewsLayoutContext.Provider, { value, children });
-}
-function useDataViewsLayout() {
-  const ctx = useContext(DataViewsLayoutContext);
-  if (!ctx) {
-    throw new Error("useDataViewsLayout must be used within a DataViewsLayoutProvider");
-  }
-  return ctx;
-}
-function DataViewsZoomSlider({ testIdPrefix }) {
-  const { layout, zoom, setZoom } = useDataViewsLayout();
-  const copy = useDataViewsCopy();
-  if (layout !== "cards" && layout !== "board") return null;
-  return /* @__PURE__ */ jsxs(
-    default2,
-    {
-      sx: {
-        display: { xs: "none", sm: "flex" },
-        alignItems: "center",
-        gap: 1,
-        color: "text.secondary"
-      },
-      children: [
-        /* @__PURE__ */ jsx(GridViewOutlinedIcon, { sx: { fontSize: 14 } }),
-        /* @__PURE__ */ jsx(default2, { sx: { width: 88, display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx(
-          Slider,
-          {
-            size: "sm",
-            showValue: false,
-            value: zoom,
-            min: 0,
-            max: 100,
-            step: 5,
-            onChange: (_event, next) => setZoom(Array.isArray(next) ? next[0] ?? 0 : next),
-            "aria-label": copy.display.cardZoom,
-            "data-testid": `${testIdPrefix}-card-zoom`
-          }
-        ) }),
-        /* @__PURE__ */ jsx(GridViewOutlinedIcon, { sx: { fontSize: 20 } })
-      ]
-    }
-  );
-}
-
-export {
-  DENSITY_ROW_PADDING,
-  DENSITY_CARD_SCALE,
-  cardTargetWidthFor,
-  DENSITY_BOARD_SCALE,
-  cardScaleForZoom,
-  cardMinWidthForZoom,
-  DataViewsLayoutProvider,
-  useDataViewsLayout,
-  DataViewsZoomSlider
-};
-//# sourceMappingURL=chunk-ZPIMPOHV.js.map

package/dist/chunk-ZSXV3ERD.js

@@ -1,82 +0,0 @@
-import {
-  configureTypeScriptDefaults,
-  registerEditorThemes,
-  registerSaveShortcut,
-  resolveEditorTheme,
-  scheduleAutoFormat
-} from "./chunk-CMTFAYDY.js";
-
-// src/components/form/CodeEditor/CodeEditor.hooks.ts
-import { useTheme } from "@mui/material/styles/index.js";
-import React, { useEffect, useRef } from "react";
-var COPIED_FEEDBACK_MS = 2e3;
-var useFullscreen = () => {
-  const [isFullscreen, setIsFullscreen] = React.useState(false);
-  useEffect(() => {
-    if (!isFullscreen) return;
-    const handleEsc = (event) => {
-      if (event.key === "Escape") setIsFullscreen(false);
-    };
-    window.addEventListener("keydown", handleEsc);
-    return () => window.removeEventListener("keydown", handleEsc);
-  }, [isFullscreen]);
-  return { isFullscreen, toggleFullscreen: () => setIsFullscreen((prev) => !prev) };
-};
-var useCodeEditor = ({
-  themeProp,
-  wordWrap,
-  autoFormat,
-  readOnly,
-  onSave
-}) => {
-  const theme = useTheme();
-  const editorRef = useRef(null);
-  const monacoRef = useRef(null);
-  const { isFullscreen, toggleFullscreen } = useFullscreen();
-  const [isWrapped, setIsWrapped] = React.useState(wordWrap);
-  const [isCopied, setIsCopied] = React.useState(false);
-  const editorTheme = React.useMemo(
-    () => resolveEditorTheme(themeProp, theme.palette.mode),
-    [themeProp, theme.palette.mode]
-  );
-  const handleEditorDidMount = (mountedEditor, monaco) => {
-    editorRef.current = mountedEditor;
-    monacoRef.current = monaco;
-    registerEditorThemes(monaco);
-    configureTypeScriptDefaults(monaco);
-    scheduleAutoFormat(mountedEditor, autoFormat && !readOnly);
-    registerSaveShortcut(mountedEditor, monaco, onSave);
-  };
-  const handleCopy = async () => {
-    if (!editorRef.current || !navigator.clipboard?.writeText) return;
-    try {
-      await navigator.clipboard.writeText(editorRef.current.getValue());
-      setIsCopied(true);
-      window.setTimeout(() => setIsCopied(false), COPIED_FEEDBACK_MS);
-    } catch {
-    }
-  };
-  const handleWrapToggle = () => {
-    setIsWrapped(!isWrapped);
-    editorRef.current?.updateOptions({ wordWrap: !isWrapped ? "on" : "off" });
-  };
-  const handleFormat = () => {
-    if (!readOnly) editorRef.current?.getAction("editor.action.formatDocument")?.run();
-  };
-  return {
-    editorTheme,
-    isFullscreen,
-    isWrapped,
-    isCopied,
-    handleEditorDidMount,
-    handleCopy,
-    handleFullscreenToggle: toggleFullscreen,
-    handleWrapToggle,
-    handleFormat
-  };
-};
-
-export {
-  useCodeEditor
-};
-//# sourceMappingURL=chunk-ZSXV3ERD.js.map

package/dist/chunk-ZSXV3ERD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/CodeEditor/CodeEditor.hooks.ts"],"sourcesContent":["import type { Monaco } from '@monaco-editor/react';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport type { editor } from 'monaco-editor';\nimport React, { useEffect, useRef } from 'react';\n\nimport {\n  configureTypeScriptDefaults,\n  registerEditorThemes,\n  registerSaveShortcut,\n  resolveEditorTheme,\n  scheduleAutoFormat,\n} from './CodeEditor.monaco';\n\nconst COPIED_FEEDBACK_MS = 2000;\n\n// Escape leaves fullscreen, so the flag and its listener belong together.\nconst useFullscreen = () => {\n  const [isFullscreen, setIsFullscreen] = React.useState(false);\n\n  useEffect(() => {\n    if (!isFullscreen) return;\n\n    const handleEsc = (event: globalThis.KeyboardEvent) => {\n      if (event.key === 'Escape') setIsFullscreen(false);\n    };\n\n    window.addEventListener('keydown', handleEsc);\n    return () => window.removeEventListener('keydown', handleEsc);\n  }, [isFullscreen]);\n\n  return { isFullscreen, toggleFullscreen: () => setIsFullscreen((prev) => !prev) };\n};\n\n// All of the editor's own state: the Monaco handles, the three toggles, and the\n// handlers that drive them.\nexport const useCodeEditor = ({\n  themeProp,\n  wordWrap,\n  autoFormat,\n  readOnly,\n  onSave,\n}: {\n  themeProp: string;\n  wordWrap: boolean;\n  autoFormat: boolean;\n  readOnly: boolean;\n  onSave?: (value: string) => void;\n}) => {\n  const theme = useTheme();\n  const editorRef = useRef<editor.IStandaloneCodeEditor | null>(null);\n  const monacoRef = useRef<Monaco | null>(null);\n  const { isFullscreen, toggleFullscreen } = useFullscreen();\n  const [isWrapped, setIsWrapped] = React.useState(wordWrap);\n  const [isCopied, setIsCopied] = React.useState(false);\n\n  const editorTheme = React.useMemo(\n    () => resolveEditorTheme(themeProp, theme.palette.mode),\n    [themeProp, theme.palette.mode],\n  );\n\n  const handleEditorDidMount = (mountedEditor: editor.IStandaloneCodeEditor, monaco: Monaco) => {\n    editorRef.current = mountedEditor;\n    monacoRef.current = monaco;\n\n    registerEditorThemes(monaco);\n    configureTypeScriptDefaults(monaco);\n    scheduleAutoFormat(mountedEditor, autoFormat && !readOnly);\n    registerSaveShortcut(mountedEditor, monaco, onSave);\n  };\n\n  // No-ops where the clipboard API is unavailable, as in jsdom.\n  const handleCopy = async () => {\n    if (!editorRef.current || !navigator.clipboard?.writeText) return;\n\n    try {\n      await navigator.clipboard.writeText(editorRef.current.getValue());\n      setIsCopied(true);\n      window.setTimeout(() => setIsCopied(false), COPIED_FEEDBACK_MS);\n    } catch {\n      // Silently handle clipboard errors in test environments\n    }\n  };\n\n  const handleWrapToggle = () => {\n    setIsWrapped(!isWrapped);\n    editorRef.current?.updateOptions({ wordWrap: !isWrapped ? 'on' : 'off' });\n  };\n\n  const handleFormat = () => {\n    if (!readOnly) editorRef.current?.getAction('editor.action.formatDocument')?.run();\n  };\n\n  return {\n    editorTheme,\n    isFullscreen,\n    isWrapped,\n    isCopied,\n    handleEditorDidMount,\n    handleCopy,\n    handleFullscreenToggle: toggleFullscreen,\n    handleWrapToggle,\n    handleFormat,\n  };\n};\n"],"mappings":";;;;;;;;;AACA,SAAS,gBAAgB;AAEzB,OAAO,SAAS,WAAW,cAAc;AAUzC,IAAM,qBAAqB;AAG3B,IAAM,gBAAgB,MAAM;AAC1B,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAS,KAAK;AAE5D,YAAU,MAAM;AACd,QAAI,CAAC,aAAc;AAEnB,UAAM,YAAY,CAAC,UAAoC;AACrD,UAAI,MAAM,QAAQ,SAAU,iBAAgB,KAAK;AAAA,IACnD;AAEA,WAAO,iBAAiB,WAAW,SAAS;AAC5C,WAAO,MAAM,OAAO,oBAAoB,WAAW,SAAS;AAAA,EAC9D,GAAG,CAAC,YAAY,CAAC;AAEjB,SAAO,EAAE,cAAc,kBAAkB,MAAM,gBAAgB,CAAC,SAAS,CAAC,IAAI,EAAE;AAClF;AAIO,IAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAMM;AACJ,QAAM,QAAQ,SAAS;AACvB,QAAM,YAAY,OAA4C,IAAI;AAClE,QAAM,YAAY,OAAsB,IAAI;AAC5C,QAAM,EAAE,cAAc,iBAAiB,IAAI,cAAc;AACzD,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,QAAQ;AACzD,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAS,KAAK;AAEpD,QAAM,cAAc,MAAM;AAAA,IACxB,MAAM,mBAAmB,WAAW,MAAM,QAAQ,IAAI;AAAA,IACtD,CAAC,WAAW,MAAM,QAAQ,IAAI;AAAA,EAChC;AAEA,QAAM,uBAAuB,CAAC,eAA6C,WAAmB;AAC5F,cAAU,UAAU;AACpB,cAAU,UAAU;AAEpB,yBAAqB,MAAM;AAC3B,gCAA4B,MAAM;AAClC,uBAAmB,eAAe,cAAc,CAAC,QAAQ;AACzD,yBAAqB,eAAe,QAAQ,MAAM;AAAA,EACpD;AAGA,QAAM,aAAa,YAAY;AAC7B,QAAI,CAAC,UAAU,WAAW,CAAC,UAAU,WAAW,UAAW;AAE3D,QAAI;AACF,YAAM,UAAU,UAAU,UAAU,UAAU,QAAQ,SAAS,CAAC;AAChE,kBAAY,IAAI;AAChB,aAAO,WAAW,MAAM,YAAY,KAAK,GAAG,kBAAkB;AAAA,IAChE,QAAQ;AAAA,IAER;AAAA,EACF;AAEA,QAAM,mBAAmB,MAAM;AAC7B,iBAAa,CAAC,SAAS;AACvB,cAAU,SAAS,cAAc,EAAE,UAAU,CAAC,YAAY,OAAO,MAAM,CAAC;AAAA,EAC1E;AAEA,QAAM,eAAe,MAAM;AACzB,QAAI,CAAC,SAAU,WAAU,SAAS,UAAU,8BAA8B,GAAG,IAAI;AAAA,EACnF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,wBAAwB;AAAA,IACxB;AAAA,IACA;AAAA,EACF;AACF;","names":[]}