@12-apps/ui 6.35.0 → 6.37.0

package/dist/chunk-CMTR3WEA.js

@@ -1,283 +0,0 @@
-import {
-  ACTIVE_SCALE,
-  AVATAR_SIZES,
-  AVATAR_TRANSITION_EASING,
-  AVATAR_TRANSITION_MS,
-  BORDER_HALO_ALPHA,
-  BORDER_WIDTH,
-  FADE_MS,
-  FOCUS_RING,
-  GLOW,
-  HOVER,
-  LOADING_OVERLAY,
-  PULSE,
-  ROUNDED_RADIUS_UNITS,
-  SCALE_IN_MS,
-  SHIMMER,
-  SPINNER,
-  STATUS_DOT
-} from "./chunk-6ZZGK5DT.js";
-import {
-  pulseAnimation,
-  rotateAnimation,
-  scaleInAnimation,
-  shimmerAnimation
-} from "./chunk-XRMZMBE3.js";
-import {
-  absoluteInk,
-  controlNeutral,
-  neutralTones
-} from "./chunk-FQ6UW7IY.js";
-import {
-  rem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/data-display/Avatar/Avatar.view.tsx
-import MuiAvatar from "@mui/material/Avatar/index.js";
-import Badge from "@mui/material/Badge/index.js";
-import Fade from "@mui/material/Fade/index.js";
-import { alpha, useTheme, styled } from "@mui/material/styles/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var getColorFromTheme = (theme, color) => {
-  const neutral = controlNeutral(theme);
-  const colorMap = {
-    primary: theme.palette.primary,
-    secondary: theme.palette.secondary,
-    success: theme.palette.success,
-    warning: theme.palette.warning,
-    info: theme.palette.info,
-    // `danger`, not `error`. This map was keyed on MUI's word while the prop
-    // took the house one, so `danger` matched nothing and fell through to
-    // primary — a red avatar rendering blue, silently.
-    danger: theme.palette.error,
-    neutral: { main: neutral.main, contrastText: neutral.contrastText }
-  };
-  return colorMap[color] || theme.palette.primary;
-};
-var sizeMap = Object.fromEntries(
-  Object.entries(AVATAR_SIZES).map(([size, step]) => [
-    size,
-    { width: step.box, height: step.box }
-  ])
-);
-var getSizeStyles = (size) => sizeMap[size] || sizeMap.md;
-var glyphPx = (size) => (AVATAR_SIZES[size] || AVATAR_SIZES.md).fontSize;
-var getStatusColor = (status, theme) => {
-  const statusColorMap = {
-    online: theme.palette.success.main,
-    offline: neutralTones(theme).muted,
-    away: theme.palette.warning.main,
-    busy: theme.palette.error.main
-  };
-  return statusColorMap[status] || statusColorMap.offline;
-};
-var interactiveStyles = (interactive, main) => interactive ? {
-  "&:hover": {
-    transform: `scale(${HOVER.scale}) translateY(-${HOVER.lift}px)`,
-    boxShadow: `0 ${HOVER.shadowY}px ${HOVER.shadowBlur}px ${alpha(main, HOVER.shadowAlpha)}`,
-    filter: `brightness(${HOVER.brightness})`,
-    zIndex: 10
-  },
-  "&:active": { transform: `scale(${ACTIVE_SCALE})` }
-} : {};
-var loadingStyles = (isLoading, main) => isLoading ? {
-  background: `linear-gradient(
-        90deg,
-        ${alpha(main, SHIMMER.fromAlpha)},
-        ${alpha(main, SHIMMER.toAlpha)},
-        ${alpha(main, SHIMMER.fromAlpha)}
-      )`,
-  backgroundSize: "200% 100%",
-  animation: `${shimmerAnimation} ${SHIMMER.durationMs / 1e3}s ease-in-out infinite`
-} : {};
-var variantRadius = (variant, theme) => {
-  if (variant === "square") return { borderRadius: 0 };
-  if (variant === "rounded") return { borderRadius: theme.spacing(ROUNDED_RADIUS_UNITS) };
-  return { borderRadius: "50%" };
-};
-var borderedStyles = (bordered, theme) => bordered ? {
-  border: `${BORDER_WIDTH}px solid ${theme.palette.background.paper}`,
-  boxShadow: `0 0 0 1px ${alpha(theme.palette.divider, BORDER_HALO_ALPHA)}`
-} : {};
-var glowPulseStyles = (glow, pulse, main) => {
-  const styles = {};
-  if (glow) {
-    styles.boxShadow = `0 0 ${GLOW.blur}px ${GLOW.spread}px ${alpha(main, GLOW.alpha)} !important`;
-    styles.filter = `brightness(${GLOW.brightness})`;
-  }
-  if (pulse) {
-    styles.position = "relative";
-    styles["&::after"] = {
-      content: '""',
-      position: "absolute",
-      top: "50%",
-      left: "50%",
-      width: "100%",
-      height: "100%",
-      borderRadius: "inherit",
-      transform: "translate(-50%, -50%)",
-      backgroundColor: main,
-      opacity: PULSE.alpha,
-      animation: `${pulseAnimation} ${PULSE.durationMs / 1e3}s infinite`,
-      pointerEvents: "none",
-      zIndex: -1
-    };
-  }
-  return styles;
-};
-var STYLED_AVATAR_PROPS = [
-  "customVariant",
-  "customSize",
-  "customColor",
-  "glow",
-  "pulse",
-  "bordered",
-  "isLoading",
-  "hasError",
-  "interactive"
-];
-var StyledAvatar = styled(MuiAvatar, {
-  shouldForwardProp: (prop) => !STYLED_AVATAR_PROPS.includes(prop)
-})(
-  ({
-    theme,
-    customVariant,
-    customSize = "md",
-    customColor = "primary",
-    glow,
-    pulse,
-    bordered,
-    isLoading,
-    hasError,
-    interactive
-  }) => {
-    const palette = getColorFromTheme(theme, customColor);
-    return {
-      ...getSizeStyles(customSize),
-      fontSize: rem(theme, glyphPx(customSize)),
-      transition: `all ${AVATAR_TRANSITION_MS / 1e3}s ${AVATAR_TRANSITION_EASING}`,
-      position: "relative",
-      overflow: "visible",
-      animation: `${scaleInAnimation} ${SCALE_IN_MS / 1e3}s ease-out`,
-      cursor: interactive ? "pointer" : "default",
-      backgroundColor: hasError ? theme.palette.error.main : palette.main,
-      color: hasError ? theme.palette.error.contrastText : palette.contrastText ?? absoluteInk(theme).white,
-      ...interactiveStyles(interactive, palette.main),
-      ...loadingStyles(isLoading, palette.main),
-      ...variantRadius(customVariant, theme),
-      ...borderedStyles(bordered, theme),
-      ...glowPulseStyles(glow, pulse, palette.main),
-      "&:focus-visible": {
-        outline: `${FOCUS_RING.width}px solid ${alpha(palette.main, FOCUS_RING.alpha)}`,
-        outlineOffset: FOCUS_RING.offset
-      }
-    };
-  }
-);
-var LoadingOverlay = styled("div")(({ theme, size }) => {
-  const sizeStyles = getSizeStyles(size);
-  return {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    width: sizeStyles.width,
-    height: sizeStyles.height,
-    borderRadius: "inherit",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: alpha(theme.palette.background.paper, LOADING_OVERLAY.paperAlpha),
-    backdropFilter: `blur(${LOADING_OVERLAY.blur}px)`,
-    "& .loading-spinner": {
-      width: sizeStyles.width * SPINNER.scale,
-      height: sizeStyles.height * SPINNER.scale,
-      border: `${SPINNER.ringWidth}px solid ${alpha(theme.palette.primary.main, SPINNER.trackAlpha)}`,
-      borderTopColor: theme.palette.primary.main,
-      borderRadius: "50%",
-      animation: `${rotateAnimation} ${SPINNER.durationMs / 1e3}s linear infinite`
-    }
-  };
-});
-var StatusBadge = styled(Badge, {
-  shouldForwardProp: (prop) => !["statusColor", "avatarSize"].includes(prop)
-})(({ theme, statusColor, avatarSize = "md" }) => {
-  const sizeStyles = getSizeStyles(avatarSize);
-  const badgeSize = Math.max(STATUS_DOT.min, sizeStyles.width * STATUS_DOT.scale);
-  return {
-    "& .MuiBadge-badge": {
-      backgroundColor: statusColor || theme.palette.success.main,
-      color: statusColor || theme.palette.success.main,
-      width: badgeSize,
-      height: badgeSize,
-      borderRadius: "50%",
-      border: `${STATUS_DOT.borderWidth}px solid ${theme.palette.background.paper}`,
-      "&::after": {
-        position: "absolute",
-        top: 0,
-        left: 0,
-        width: "100%",
-        height: "100%",
-        borderRadius: "50%",
-        backgroundColor: "currentColor",
-        content: '""'
-      }
-    }
-  };
-});
-function AvatarSurface(props) {
-  const { showSpinner, dataTestId, clickable } = props;
-  const testId = (suffix) => dataTestId ? `${dataTestId}-${suffix}` : void 0;
-  return /* @__PURE__ */ jsx(Fade, { in: props.mounted, timeout: FADE_MS, children: /* @__PURE__ */ jsxs("div", { style: { position: "relative", display: "inline-block" }, children: [
-    /* @__PURE__ */ jsx(
-      StyledAvatar,
-      {
-        ref: props.forwardedRef,
-        className: props.className,
-        customVariant: props.variant,
-        customSize: props.size,
-        customColor: props.color,
-        glow: props.glow,
-        pulse: props.pulse,
-        bordered: props.bordered,
-        isLoading: showSpinner,
-        hasError: props.imageError,
-        interactive: clickable,
-        src: props.imgSrc,
-        alt: props.alt,
-        onClick: props.onClick,
-        tabIndex: clickable ? 0 : void 0,
-        role: clickable ? "button" : void 0,
-        "aria-label": props.ariaLabel,
-        "data-testid": dataTestId,
-        ...props.rest,
-        slotProps: { img: { onError: props.handleImageError, onLoad: props.handleImageLoad } },
-        children: showSpinner ? null : /* @__PURE__ */ jsx("span", { "data-testid": testId(props.contentType), children: props.content })
-      }
-    ),
-    showSpinner && /* @__PURE__ */ jsx(LoadingOverlay, { size: props.size, "data-testid": testId("loading"), children: /* @__PURE__ */ jsx("div", { className: "loading-spinner", "data-testid": testId("loading-spinner") }) })
-  ] }) });
-}
-function AvatarView(props) {
-  const theme = useTheme();
-  const surface = /* @__PURE__ */ jsx(AvatarSurface, { ...props });
-  if (props.variant === "status" && props.status) {
-    return /* @__PURE__ */ jsx(
-      StatusBadge,
-      {
-        overlap: "circular",
-        anchorOrigin: { vertical: "bottom", horizontal: "right" },
-        variant: "dot",
-        statusColor: getStatusColor(props.status, theme),
-        avatarSize: props.size,
-        "data-testid": props.dataTestId ? `${props.dataTestId}-badge` : void 0,
-        children: surface
-      }
-    );
-  }
-  return surface;
-}
-
-export {
-  AvatarView
-};
-//# sourceMappingURL=chunk-CMTR3WEA.js.map

package/dist/chunk-CMTR3WEA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Avatar/Avatar.view.tsx"],"sourcesContent":["import MuiAvatar from '@mui/material/Avatar/index.js';\nimport Badge from '@mui/material/Badge/index.js';\nimport Fade from '@mui/material/Fade/index.js';\nimport { alpha, useTheme, styled } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { pulseAnimation, rotateAnimation, scaleInAnimation, shimmerAnimation } from './Avatar.animations';\nimport {\n  AVATAR_SIZES,\n  AVATAR_TRANSITION_EASING,\n  AVATAR_TRANSITION_MS,\n  ACTIVE_SCALE,\n  BORDER_HALO_ALPHA,\n  BORDER_WIDTH,\n  FADE_MS,\n  FOCUS_RING,\n  GLOW,\n  HOVER,\n  LOADING_OVERLAY,\n  PULSE,\n  ROUNDED_RADIUS_UNITS,\n  SCALE_IN_MS,\n  SHIMMER,\n  SPINNER,\n  STATUS_DOT,\n} from './Avatar.metrics';\nimport type { AvatarSize, AvatarStatus, ContentType } from './Avatar.types';\nimport { absoluteInk, controlNeutral, neutralTones } from '../../../tokens/ink';\nimport { rem } from '../../../tokens/relative';\n\nexport type { ContentType };\n\n\ninterface PaletteLike {\n  main: string;\n  contrastText?: string;\n  light?: string;\n  dark?: string;\n}\n\nconst getColorFromTheme = (theme: Theme, color: string): PaletteLike => {\n  const neutral = controlNeutral(theme);\n  const colorMap: Record<string, PaletteLike> = {\n    primary: theme.palette.primary,\n    secondary: theme.palette.secondary,\n    success: theme.palette.success,\n    warning: theme.palette.warning,\n    info: theme.palette.info,\n    // `danger`, not `error`. This map was keyed on MUI's word while the prop\n    // took the house one, so `danger` matched nothing and fell through to\n    // primary — a red avatar rendering blue, silently.\n    danger: theme.palette.error,\n    neutral: { main: neutral.main, contrastText: neutral.contrastText },\n  };\n\n  return colorMap[color] || theme.palette.primary;\n};\n\ninterface SizeStyle {\n  width: number;\n  height: number;\n}\n\n// Derived from the shared metrics, not restated: the native `Avatar` reads the\n// same table, so the two renderers cannot disagree on a box.\nconst sizeMap: Record<AvatarSize, SizeStyle> = Object.fromEntries(\n  Object.entries(AVATAR_SIZES).map(([size, step]) => [\n    size,\n    { width: step.box, height: step.box },\n  ]),\n) as Record<AvatarSize, SizeStyle>;\n\nconst getSizeStyles = (size: AvatarSize): SizeStyle => sizeMap[size] || sizeMap.md;\n\n/** The glyph size in design px, read through the type scale where it is drawn. */\nconst glyphPx = (size: AvatarSize): number => (AVATAR_SIZES[size] || AVATAR_SIZES.md).fontSize;\n\nconst getStatusColor = (status: AvatarStatus, theme: Theme): string => {\n  // The same four decisions the native half reads out of `Avatar.metrics`,\n  // against MUI's `Theme` rather than the shared one.\n  const statusColorMap: Record<AvatarStatus, string> = {\n    online: theme.palette.success.main,\n    offline: neutralTones(theme).muted,\n    away: theme.palette.warning.main,\n    busy: theme.palette.error.main,\n  };\n\n  return statusColorMap[status] || statusColorMap.offline;\n};\n\n/** Hover/active lift, only when the avatar is interactive. */\nconst interactiveStyles = (interactive: boolean | undefined, main: string): CSSObject =>\n  interactive\n    ? {\n        '&:hover': {\n          transform: `scale(${HOVER.scale}) translateY(-${HOVER.lift}px)`,\n          boxShadow: `0 ${HOVER.shadowY}px ${HOVER.shadowBlur}px ${alpha(main, HOVER.shadowAlpha)}`,\n          filter: `brightness(${HOVER.brightness})`,\n          zIndex: 10,\n        },\n        '&:active': { transform: `scale(${ACTIVE_SCALE})` },\n      }\n    : {};\n\n/** Shimmer gradient while the image loads. */\nconst loadingStyles = (isLoading: boolean | undefined, main: string): CSSObject =>\n  isLoading\n    ? {\n        background: `linear-gradient(\n        90deg,\n        ${alpha(main, SHIMMER.fromAlpha)},\n        ${alpha(main, SHIMMER.toAlpha)},\n        ${alpha(main, SHIMMER.fromAlpha)}\n      )`,\n        backgroundSize: '200% 100%',\n        animation: `${shimmerAnimation} ${SHIMMER.durationMs / 1000}s ease-in-out infinite`,\n      }\n    : {};\n\n/** Corner radius per shape variant (circle/status are round). */\nconst variantRadius = (variant: string | undefined, theme: Theme): CSSObject => {\n  if (variant === 'square') return { borderRadius: 0 };\n  if (variant === 'rounded') return { borderRadius: theme.spacing(ROUNDED_RADIUS_UNITS) };\n  return { borderRadius: '50%' };\n};\n\n/** Paper ring when bordered (e.g. inside an AvatarGroup). */\nconst borderedStyles = (bordered: boolean | undefined, theme: Theme): CSSObject =>\n  bordered\n    ? {\n        border: `${BORDER_WIDTH}px solid ${theme.palette.background.paper}`,\n        boxShadow: `0 0 0 1px ${alpha(theme.palette.divider, BORDER_HALO_ALPHA)}`,\n      }\n    : {};\n\n/** Glow adds the halo; pulse adds the expanding ring — either or both. */\nconst glowPulseStyles = (\n  glow: boolean | undefined,\n  pulse: boolean | undefined,\n  main: string,\n): CSSObject => {\n  const styles: CSSObject = {};\n  if (glow) {\n    styles.boxShadow = `0 0 ${GLOW.blur}px ${GLOW.spread}px ${alpha(main, GLOW.alpha)} !important`;\n    styles.filter = `brightness(${GLOW.brightness})`;\n  }\n  if (pulse) {\n    styles.position = 'relative';\n    styles['&::after'] = {\n      content: '\"\"',\n      position: 'absolute',\n      top: '50%',\n      left: '50%',\n      width: '100%',\n      height: '100%',\n      borderRadius: 'inherit',\n      transform: 'translate(-50%, -50%)',\n      backgroundColor: main,\n      opacity: PULSE.alpha,\n      animation: `${pulseAnimation} ${PULSE.durationMs / 1000}s infinite`,\n      pointerEvents: 'none',\n      zIndex: -1,\n    };\n  }\n  return styles;\n};\n\ninterface StyledAvatarProps {\n  customVariant?: string;\n  customSize?: AvatarSize;\n  customColor?: string;\n  glow?: boolean;\n  pulse?: boolean;\n  bordered?: boolean;\n  isLoading?: boolean;\n  hasError?: boolean;\n  interactive?: boolean;\n}\n\nconst STYLED_AVATAR_PROPS = [\n  'customVariant',\n  'customSize',\n  'customColor',\n  'glow',\n  'pulse',\n  'bordered',\n  'isLoading',\n  'hasError',\n  'interactive',\n];\n\nconst StyledAvatar = styled(MuiAvatar, {\n  shouldForwardProp: (prop) => !STYLED_AVATAR_PROPS.includes(prop as string),\n})<StyledAvatarProps>(\n  ({\n    theme,\n    customVariant,\n    customSize = 'md',\n    customColor = 'primary',\n    glow,\n    pulse,\n    bordered,\n    isLoading,\n    hasError,\n    interactive,\n  }) => {\n    const palette = getColorFromTheme(theme, customColor);\n    return {\n      ...getSizeStyles(customSize),\n      fontSize: rem(theme, glyphPx(customSize)),\n      transition: `all ${AVATAR_TRANSITION_MS / 1000}s ${AVATAR_TRANSITION_EASING}`,\n      position: 'relative',\n      overflow: 'visible',\n      animation: `${scaleInAnimation} ${SCALE_IN_MS / 1000}s ease-out`,\n      cursor: interactive ? 'pointer' : 'default',\n      backgroundColor: hasError ? theme.palette.error.main : palette.main,\n      color: hasError ? theme.palette.error.contrastText : (palette.contrastText ?? absoluteInk(theme).white),\n      ...interactiveStyles(interactive, palette.main),\n      ...loadingStyles(isLoading, palette.main),\n      ...variantRadius(customVariant, theme),\n      ...borderedStyles(bordered, theme),\n      ...glowPulseStyles(glow, pulse, palette.main),\n      '&:focus-visible': {\n        outline: `${FOCUS_RING.width}px solid ${alpha(palette.main, FOCUS_RING.alpha)}`,\n        outlineOffset: FOCUS_RING.offset,\n      },\n    };\n  },\n);\n\nconst LoadingOverlay = styled('div')<{ size: AvatarSize }>(({ theme, size }) => {\n  const sizeStyles = getSizeStyles(size);\n  return {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    width: sizeStyles.width,\n    height: sizeStyles.height,\n    borderRadius: 'inherit',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor: alpha(theme.palette.background.paper, LOADING_OVERLAY.paperAlpha),\n    backdropFilter: `blur(${LOADING_OVERLAY.blur}px)`,\n    '& .loading-spinner': {\n      width: sizeStyles.width * SPINNER.scale,\n      height: sizeStyles.height * SPINNER.scale,\n      border: `${SPINNER.ringWidth}px solid ${alpha(theme.palette.primary.main, SPINNER.trackAlpha)}`,\n      borderTopColor: theme.palette.primary.main,\n      borderRadius: '50%',\n      animation: `${rotateAnimation} ${SPINNER.durationMs / 1000}s linear infinite`,\n    },\n  };\n});\n\nconst StatusBadge = styled(Badge, {\n  shouldForwardProp: (prop) => !['statusColor', 'avatarSize'].includes(prop as string),\n})<{\n  statusColor?: string;\n  avatarSize?: AvatarSize;\n}>(({ theme, statusColor, avatarSize = 'md' }) => {\n  const sizeStyles = getSizeStyles(avatarSize);\n  const badgeSize = Math.max(STATUS_DOT.min, sizeStyles.width * STATUS_DOT.scale);\n\n  return {\n    '& .MuiBadge-badge': {\n      backgroundColor: statusColor || theme.palette.success.main,\n      color: statusColor || theme.palette.success.main,\n      width: badgeSize,\n      height: badgeSize,\n      borderRadius: '50%',\n      border: `${STATUS_DOT.borderWidth}px solid ${theme.palette.background.paper}`,\n      '&::after': {\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        width: '100%',\n        height: '100%',\n        borderRadius: '50%',\n        backgroundColor: 'currentColor',\n        content: '\"\"',\n      },\n    },\n  };\n});\n\nexport interface AvatarViewProps {\n  mounted: boolean;\n  variant: string;\n  size: AvatarSize;\n  color: string;\n  glow: boolean;\n  pulse: boolean;\n  bordered: boolean;\n  showSpinner: boolean;\n  imageError: boolean;\n  clickable: boolean;\n  imgSrc?: string;\n  alt?: string;\n  ariaLabel: string;\n  content: React.ReactNode;\n  contentType: ContentType;\n  className?: string;\n  dataTestId?: string;\n  status?: AvatarStatus;\n  forwardedRef: React.Ref<HTMLDivElement>;\n  onClick: (event: React.MouseEvent<HTMLDivElement>) => void;\n  handleImageError: React.ReactEventHandler;\n  handleImageLoad: () => void;\n  rest: Record<string, unknown>;\n}\n\n/** The avatar box itself: the styled MUI avatar plus the loading overlay. */\nfunction AvatarSurface(props: AvatarViewProps): React.JSX.Element {\n  const { showSpinner, dataTestId, clickable } = props;\n  const testId = (suffix: string): string | undefined =>\n    dataTestId ? `${dataTestId}-${suffix}` : undefined;\n\n  return (\n    <Fade in={props.mounted} timeout={FADE_MS}>\n      <div style={{ position: 'relative', display: 'inline-block' }}>\n        <StyledAvatar\n          ref={props.forwardedRef}\n          className={props.className}\n          customVariant={props.variant}\n          customSize={props.size}\n          customColor={props.color}\n          glow={props.glow}\n          pulse={props.pulse}\n          bordered={props.bordered}\n          isLoading={showSpinner}\n          hasError={props.imageError}\n          interactive={clickable}\n          src={props.imgSrc}\n          alt={props.alt}\n          onClick={props.onClick}\n          tabIndex={clickable ? 0 : undefined}\n          role={clickable ? 'button' : undefined}\n          aria-label={props.ariaLabel}\n          data-testid={dataTestId}\n          {...props.rest}\n          // Load/error fire on the inner <img>, not the root — and don't bubble.\n          // Wiring them via the img slot lets `imageLoading` actually clear (else\n          // the spinner overlays the avatar forever whenever `src` is set). Keep\n          // after {...props.rest} so a consumer-supplied slotProps can't override\n          // and detach these handlers.\n          slotProps={{ img: { onError: props.handleImageError, onLoad: props.handleImageLoad } }}\n        >\n          {showSpinner ? null : (\n            <span data-testid={testId(props.contentType)}>{props.content}</span>\n          )}\n        </StyledAvatar>\n        {showSpinner && (\n          <LoadingOverlay size={props.size} data-testid={testId('loading')}>\n            <div className=\"loading-spinner\" data-testid={testId('loading-spinner')} />\n          </LoadingOverlay>\n        )}\n      </div>\n    </Fade>\n  );\n}\n\n/** Presentational avatar: the surface, wrapped in a status dot badge when requested. */\nexport function AvatarView(props: AvatarViewProps): React.JSX.Element {\n  const theme = useTheme();\n  const surface = <AvatarSurface {...props} />;\n\n  if (props.variant === 'status' && props.status) {\n    return (\n      <StatusBadge\n        overlap=\"circular\"\n        anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n        variant=\"dot\"\n        statusColor={getStatusColor(props.status, theme)}\n        avatarSize={props.size}\n        data-testid={props.dataTestId ? `${props.dataTestId}-badge` : undefined}\n      >\n        {surface}\n      </StatusBadge>\n    );\n  }\n\n  return surface;\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-CS3RKXT5.js

@@ -1,67 +0,0 @@
-import {
-  GridToolbar
-} from "./chunk-YSKGLU2V.js";
-
-// src/components/data-display/DataViews/data-views-shell-toolbar.tsx
-import { jsx } from "react/jsx-runtime";
-function ShellToolbar({
-  c,
-  rows,
-  testIdPrefix,
-  rowActions,
-  bulkActions,
-  selectionExtra,
-  toolbarRightSlot,
-  showInline,
-  compactControls,
-  counterHidden,
-  sortKinds,
-  displayView,
-  exportConfig,
-  filterControls,
-  barRef
-}) {
-  const columnOptions = c.hideableColumns.map((col) => ({
-    id: col.id,
-    label: col.label,
-    visible: c.state.visibleColumns.includes(col.id)
-  }));
-  return /* @__PURE__ */ jsx(
-    GridToolbar,
-    {
-      c,
-      sortKinds,
-      displayView,
-      exportConfig,
-      filterControls,
-      barRef,
-      compactControls,
-      counterHidden,
-      testIdPrefix,
-      selectedRows: c.selectedRows,
-      selectAll: c.selectAll,
-      clearSelection: c.clearSelection,
-      rowActions,
-      bulkActions,
-      selectionExtra,
-      sortFields: c.resolvedSortFields,
-      activeSortField: c.activeSortField,
-      activeSortOrder: c.activeSortOrder,
-      onChangeSort: (field, order) => c.patch({ sortBy: [{ id: field, dir: order }] }),
-      matchedCount: c.matched.length,
-      totalCount: c.serverMode ? c.serverTotalCount : rows.length,
-      toolbarRightSlot,
-      columnOptions,
-      onToggleColumn: c.toggleColumn,
-      filterOpen: c.filterOpen,
-      setFilterOpen: c.setFilterOpen,
-      activeFilterCount: c.activeFilterCount,
-      showFilterTrigger: !showInline
-    }
-  );
-}
-
-export {
-  ShellToolbar
-};
-//# sourceMappingURL=chunk-CS3RKXT5.js.map

package/dist/chunk-CSSCGM27.js

@@ -1,25 +0,0 @@
-// src/components/form/CodeEditor/CodeEditor.helpers.ts
-var makeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `code-editor-${suffix}`;
-var CODE_EDITOR_DEFAULTS = {
-  height: "400px",
-  theme: "auto",
-  readOnly: false,
-  lineNumbers: true,
-  minimap: false,
-  fontSize: 14,
-  wordWrap: false,
-  showToolbar: true,
-  autoFormat: false
-};
-var resolveCodeEditorProps = (props) => ({
-  ...CODE_EDITOR_DEFAULTS,
-  ...Object.fromEntries(
-    Object.entries(props).filter(([, value]) => value !== void 0)
-  )
-});
-
-export {
-  makeTestId,
-  resolveCodeEditorProps
-};
-//# sourceMappingURL=chunk-CSSCGM27.js.map

package/dist/chunk-CSSCGM27.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/CodeEditor/CodeEditor.helpers.ts"],"sourcesContent":["import type { CodeEditorProps } from './CodeEditor.types';\n\n// Every element repeated the same conditional test id; this is that ternary once.\nexport const makeTestId =\n  (dataTestId?: string) =>\n  (suffix: string): string =>\n    dataTestId ? `${dataTestId}-${suffix}` : `code-editor-${suffix}`;\n\ntype CodeEditorDefaultedKeys =\n  | 'height'\n  | 'theme'\n  | 'readOnly'\n  | 'lineNumbers'\n  | 'minimap'\n  | 'fontSize'\n  | 'wordWrap'\n  | 'showToolbar'\n  | 'autoFormat';\n\ntype ResolvedCodeEditorProps = CodeEditorProps &\n  Required<Pick<CodeEditorProps, CodeEditorDefaultedKeys>>;\n\nconst CODE_EDITOR_DEFAULTS: Pick<CodeEditorProps, CodeEditorDefaultedKeys> = {\n  height: '400px',\n  theme: 'auto',\n  readOnly: false,\n  lineNumbers: true,\n  minimap: false,\n  fontSize: 14,\n  wordWrap: false,\n  showToolbar: true,\n  autoFormat: false,\n};\n\n// Strips explicitly-undefined props before the merge, so `prop={undefined}` still\n// falls back to the default exactly as a destructuring default would. Applied as\n// a merge rather than destructuring defaults, which would otherwise put nine\n// branches into the component's own complexity budget.\nexport const resolveCodeEditorProps = (props: CodeEditorProps): ResolvedCodeEditorProps =>\n  ({\n    ...CODE_EDITOR_DEFAULTS,\n    ...(Object.fromEntries(\n      Object.entries(props).filter(([, value]) => value !== undefined),\n    ) as Partial<CodeEditorProps>),\n  }) as ResolvedCodeEditorProps;\n"],"mappings":";AAGO,IAAM,aACX,CAAC,eACD,CAAC,WACC,aAAa,GAAG,UAAU,IAAI,MAAM,KAAK,eAAe,MAAM;AAgBlE,IAAM,uBAAuE;AAAA,EAC3E,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AAAA,EACV,aAAa;AAAA,EACb,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AAAA,EACV,aAAa;AAAA,EACb,YAAY;AACd;AAMO,IAAM,yBAAyB,CAAC,WACpC;AAAA,EACC,GAAG;AAAA,EACH,GAAI,OAAO;AAAA,IACT,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AAAA,EACjE;AACF;","names":[]}

package/dist/chunk-CU4TF7C7.js

@@ -1,173 +0,0 @@
-import {
-  rem
-} from "./chunk-YKCAJ2TN.js";
-import {
-  EFFECT_GLOW
-} from "./chunk-N3GAFIXG.js";
-
-// src/components/navigation/NavigationMenu/NavigationMenu.styles.ts
-import { alpha, keyframes } from "@mui/material/styles/index.js";
-var slideIn = keyframes`
-  from {
-    opacity: 0;
-    transform: translateX(-20px);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(0);
-  }
-`;
-var pulseGlow = keyframes`
-  0% {
-    box-shadow: 0 0 0 0 ${alpha(EFFECT_GLOW.muiBlue, 0.4)};
-  }
-  70% {
-    box-shadow: 0 0 0 10px ${alpha(EFFECT_GLOW.muiBlue, 0)};
-  }
-  100% {
-    box-shadow: 0 0 0 0 ${alpha(EFFECT_GLOW.muiBlue, 0)};
-  }
-`;
-var SIZE_STYLES = {
-  sm: (theme) => ({
-    padding: theme.spacing(1, 1.5),
-    fontSize: rem(theme, 14),
-    "& .MuiListItemIcon-root": { transform: "scale(0.85)" }
-  }),
-  lg: (theme) => ({
-    padding: theme.spacing(2, 2.5),
-    fontSize: rem(theme, 18),
-    "& .MuiListItemIcon-root": { transform: "scale(1.15)" }
-  })
-};
-var horizontalStyles = (theme) => ({
-  borderRadius: theme.spacing(1.5),
-  margin: theme.spacing(0, 0.5),
-  background: alpha(theme.palette.background.paper, 0.6),
-  backdropFilter: "blur(8px)",
-  border: `none`
-  // border: `1px solid ${alpha(theme.palette.divider, 0.1)}`,
-});
-var collapsedStyles = () => ({
-  justifyContent: "center",
-  minHeight: 56,
-  "& .MuiListItemIcon-root": {
-    margin: 0
-  }
-});
-var activeStyles = (theme, _variant) => ({
-  color: theme.palette.primary.main,
-  cursor: "default",
-  "& .MuiListItemIcon-root": {
-    color: theme.palette.primary.main
-  },
-  "&::before": {
-    opacity: 1,
-    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.2)} 0%, ${alpha(theme.palette.primary.main, 0.05)} 100%)`
-  },
-  "&:hover": {
-    background: "none",
-    transform: "none",
-    boxShadow: "none",
-    "&::before": {
-      opacity: 1
-    },
-    "& .MuiListItemIcon-root": {
-      transform: "none"
-    },
-    "& .MuiListItemText-primary": {
-      transform: "none"
-    }
-  }
-});
-var navDecorationStyles = (theme) => ({
-  "&::before": {
-    content: '""',
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0)} 0%, ${alpha(theme.palette.primary.main, 0.08)} 100%)`,
-    opacity: 0,
-    transition: "opacity 0.3s ease"
-  },
-  "&::after": {
-    content: '""',
-    position: "absolute",
-    top: "50%",
-    left: "50%",
-    width: "100%",
-    height: "100%",
-    background: `radial-gradient(circle, ${alpha(theme.palette.primary.main, 0.3)} 0%, transparent 70%)`,
-    transform: "translate(-50%, -50%) scale(0)",
-    transition: "transform 0.6s ease",
-    borderRadius: "50%"
-  }
-});
-var navInteractionStyles = (theme, minimal, collapsed, size) => ({
-  "&:hover": minimal ? {
-    // Simple hover for minimal variant
-    backgroundColor: alpha(theme.palette.action.hover, 0.08),
-    color: theme.palette.primary.main,
-    "& .MuiListItemIcon-root": {
-      color: theme.palette.primary.main
-    }
-  } : {
-    // Fancy hover for non-minimal variant
-    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.15)} 0%, ${alpha(theme.palette.primary.main, 0.08)} 100%)`,
-    color: theme.palette.primary.main,
-    boxShadow: `0 8px 24px ${alpha(theme.palette.primary.main, 0.15)}`,
-    backgroundColor: alpha(theme.palette.primary.main, 0.04),
-    "&::before": {
-      opacity: 1
-    },
-    "& .MuiListItemIcon-root": {
-      color: theme.palette.primary.main,
-      transform: collapsed ? "scale(1.1)" : size === "sm" ? "scale(0.95) rotate(-5deg)" : size === "lg" ? "scale(1.25) rotate(-5deg)" : "scale(1.1) rotate(-5deg)",
-      transition: "all 0.3s ease"
-    },
-    "& .MuiListItemText-primary": {
-      transform: "translateX(4px)",
-      transition: "transform 0.3s ease"
-    }
-  },
-  "&:active": minimal ? {
-    // Simple active state for minimal variant
-    opacity: 0.7
-  } : {
-    // Fancy active state for non-minimal variant
-    transform: "scale(0.98)",
-    "&::after": {
-      transform: "translate(-50%, -50%) scale(2)"
-    }
-  }
-});
-var navItemButtonStyles = ({
-  theme,
-  variant,
-  active,
-  size,
-  collapsed,
-  minimal
-}) => ({
-  ...size ? SIZE_STYLES[size]?.(theme) ?? {} : {},
-  ...variant === "horizontal" ? horizontalStyles(theme) : {},
-  ...collapsed ? collapsedStyles() : {},
-  ...active ? activeStyles(theme, variant) : {},
-  ...navDecorationStyles(theme),
-  ...navInteractionStyles(theme, minimal, collapsed, size),
-  borderRadius: theme.spacing(1.5),
-  margin: theme.spacing(0.5),
-  position: "relative",
-  overflow: "hidden",
-  transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-  transformStyle: "preserve-3d"
-});
-
-export {
-  slideIn,
-  pulseGlow,
-  navItemButtonStyles
-};
-//# sourceMappingURL=chunk-CU4TF7C7.js.map