@12-apps/ui 6.11.1 → 6.12.1

package/dist/chunk-LR65TAV5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/layout/SettingsLayout/SettingsLayout.items.tsx"],"sourcesContent":["'use client';\n\nimport {\n  alpha,\n  Box,\n  List,\n  ListItem,\n  ListItemButton,\n  ListItemIcon,\n  ListItemText,\n  Typography,\n  useTheme,\n} from '@mui/material';\nimport React from 'react';\n\nimport { atLeastRail, TOUCH_TARGET } from './SettingsLayout.styles';\nimport { SettingsStatusMarker } from './SettingsStatusMarker';\nimport type {\n  SettingsLayoutProps,\n  SettingsNavGroup,\n  SettingsNavItem,\n  SettingsNavVariant,\n  SettingsRailBreakpoint,\n} from './SettingsLayout.types';\n\n/** The shape-deciding inputs every rail part needs to know about. */\nexport interface RailShape {\n  variant: SettingsNavVariant;\n  breakpoint: SettingsRailBreakpoint;\n  atIndex: boolean;\n}\n\ninterface RailItemProps extends RailShape {\n  item: SettingsNavItem;\n  active: boolean;\n  linkComponent?: SettingsLayoutProps['linkComponent'];\n  onSelectItem?: (id: string) => void;\n  /** Called on activation so the `switcher`'s rail can collapse after a choice. */\n  onNavigate?: () => void;\n  testIdPrefix: string;\n}\n\n/** Label, plus the situation marker when the host resolved one. */\nfunction RailItemContent({\n  item,\n  active,\n  testIdPrefix,\n}: {\n  item: SettingsNavItem;\n  active: boolean;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  return (\n    <>\n      {item.icon ? (\n        <ListItemIcon sx={{ minWidth: 0, color: 'inherit' }}>{item.icon}</ListItemIcon>\n      ) : null}\n      <ListItemText\n        primary={item.label}\n        primaryTypographyProps={{ variant: 'body2', noWrap: true, fontWeight: active ? 600 : 500 }}\n      />\n      {item.status ? (\n        <SettingsStatusMarker\n          status={item.status}\n          label={item.statusLabel}\n          testId={`${testIdPrefix}-status-${item.id}`}\n        />\n      ) : null}\n    </>\n  );\n}\n\n/** One rail entry — a link when it has `href`, inert text when it says so, else a button. */\nexport function SettingsRailItem({\n  item,\n  active,\n  linkComponent,\n  onSelectItem,\n  onNavigate,\n  testIdPrefix,\n  variant,\n  breakpoint,\n}: RailItemProps): React.JSX.Element {\n  const theme = useTheme();\n  // In `drilldown` the narrow rail IS the page's list, so its rows are the\n  // primary touch targets rather than a secondary column — hence the 44px floor\n  // below the breakpoint. Above it, the row goes back to rail density.\n  const touchFloor =\n    variant === 'drilldown'\n      ? { minHeight: TOUCH_TARGET, [atLeastRail(theme, breakpoint)]: { minHeight: 'auto' } }\n      : null;\n  const shared = {\n    'data-testid': `${testIdPrefix}-item-${item.id}`,\n    sx: {\n      borderRadius: 1.5,\n      mb: 0.25,\n      gap: 1.5,\n      ...touchFloor,\n      color: active ? 'primary.main' : 'text.secondary',\n      '&.Mui-selected': {\n        bgcolor: alpha(theme.palette.primary.main, 0.12),\n        '&:hover': { bgcolor: alpha(theme.palette.primary.main, 0.18) },\n      },\n    },\n  };\n  const content = <RailItemContent item={item} active={active} testIdPrefix={testIdPrefix} />;\n\n  // Listed but not reachable from here. Deliberately not a disabled button: a\n  // disabled control says \"you may not\", and the true statement is \"not from\n  // this screen\" — the section exists and someone else's screen owns it.\n  if (item.inert) {\n    return (\n      <ListItem {...shared} data-inert=\"true\">\n        {content}\n      </ListItem>\n    );\n  }\n\n  const interactive = {\n    ...shared,\n    selected: active,\n    'aria-current': active ? ('page' as const) : undefined,\n  };\n\n  if (item.href && linkComponent) {\n    const LinkComponent = linkComponent;\n    return (\n      <ListItemButton\n        component={LinkComponent}\n        href={item.href}\n        onClick={onNavigate}\n        {...interactive}\n      >\n        {content}\n      </ListItemButton>\n    );\n  }\n  return (\n    <ListItemButton\n      onClick={() => {\n        onSelectItem?.(item.id);\n        onNavigate?.();\n      }}\n      {...interactive}\n    >\n      {content}\n    </ListItemButton>\n  );\n}\n\ninterface RailGroupProps extends RailShape {\n  group: SettingsNavGroup;\n  activeItemId?: string;\n  linkComponent?: SettingsLayoutProps['linkComponent'];\n  onSelectItem?: (id: string) => void;\n  onNavigate?: () => void;\n  testIdPrefix: string;\n}\n\n/**\n * The list's own grid, in `drilldown` at the index only.\n *\n * At the index on a wide phone or a tablet the list has room for two columns;\n * the rail column never does, so the second column is undone at exactly the\n * width where this stops being the page.\n */\nfunction indexListSx(shape: RailShape) {\n  if (shape.variant !== 'drilldown' || !shape.atIndex) return null;\n  return (theme: import('@mui/material').Theme) => ({\n    display: 'grid',\n    gridTemplateColumns: '1fr',\n    columnGap: 8,\n    [theme.breakpoints.up('sm')]: { gridTemplateColumns: '1fr 1fr' },\n    [atLeastRail(theme, shape.breakpoint)]: { gridTemplateColumns: '1fr' },\n  });\n}\n\n/** A category: header + optional description + its items. */\nexport function SettingsRailGroup({\n  group,\n  activeItemId,\n  linkComponent,\n  onSelectItem,\n  onNavigate,\n  testIdPrefix,\n  ...shape\n}: RailGroupProps): React.JSX.Element {\n  const grid = indexListSx(shape);\n  return (\n    <Box data-testid={`${testIdPrefix}-group-${group.id}`} sx={{ mb: 2 }}>\n      <Typography\n        variant=\"caption\"\n        sx={{\n          display: 'block',\n          px: 1,\n          color: 'text.secondary',\n          fontWeight: 600,\n          textTransform: 'uppercase',\n          letterSpacing: '0.06em',\n        }}\n      >\n        {group.label}\n      </Typography>\n      {group.description ? (\n        <Typography variant=\"caption\" component=\"p\" sx={{ px: 1, mt: 0.25, color: 'text.disabled' }}>\n          {group.description}\n        </Typography>\n      ) : null}\n      <List\n        disablePadding\n        sx={(theme) => ({ mt: 0.5, ...(grid ? grid(theme) : null) })}\n      >\n        {group.items.map((item) => (\n          <SettingsRailItem\n            key={item.id}\n            item={item}\n            active={item.id === activeItemId}\n            linkComponent={linkComponent}\n            onSelectItem={onSelectItem}\n            onNavigate={onNavigate}\n            testIdPrefix={testIdPrefix}\n            {...shape}\n          />\n        ))}\n      </List>\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-LRC2ZU2F.js

@@ -1,193 +0,0 @@
-import {
-  bounceAnimation,
-  breatheAnimation,
-  fadeInOutAnimation,
-  flipAnimation,
-  floatAnimation,
-  glowPulseAnimation,
-  heartbeatAnimation,
-  jelloAnimation,
-  morphAnimation,
-  neonFlickerAnimation,
-  pulseAnimation,
-  rippleAnimation,
-  rotateAnimation,
-  shakeAnimation,
-  spinAnimation,
-  swingAnimation,
-  translateAnimation,
-  wobbleAnimation
-} from "./chunk-Y7R6XH3L.js";
-
-// src/components/utility/AnimatedIcon/AnimatedIcon.styles.ts
-import { alpha } from "@mui/material";
-var sizeConfigs = {
-  xs: { size: 12, fontSize: 10 },
-  sm: { size: 24, fontSize: 20 },
-  md: { size: 32, fontSize: 28 },
-  lg: { size: 48, fontSize: 44 },
-  xl: { size: 64, fontSize: 60 }
-};
-var ANIMATIONS = {
-  rotate: { keyframes: `${rotateAnimation}`, easing: "linear", scale: 1 },
-  pulse: { keyframes: `${pulseAnimation}`, easing: "ease-in-out", scale: 1 },
-  translate: { keyframes: `${translateAnimation}`, easing: "ease-in-out", scale: 1 },
-  bounce: { keyframes: `${bounceAnimation}`, easing: "ease-in-out", scale: 1 },
-  shake: { keyframes: `${shakeAnimation}`, easing: "ease-in-out", scale: 1 },
-  flip: { keyframes: `${flipAnimation}`, easing: "ease-in-out", scale: 1 },
-  spin: { keyframes: `${spinAnimation}`, easing: "ease-in-out", scale: 1 },
-  fadeInOut: { keyframes: `${fadeInOutAnimation}`, easing: "ease-in-out", scale: 1 },
-  heartbeat: { keyframes: `${heartbeatAnimation}`, easing: "ease-in-out", scale: 1 },
-  wobble: { keyframes: `${wobbleAnimation}`, easing: "ease-in-out", scale: 1 },
-  morph: { keyframes: `${morphAnimation}`, easing: "ease-in-out", scale: 1 },
-  swing: { keyframes: `${swingAnimation}`, easing: "ease-in-out", scale: 1 },
-  jello: { keyframes: `${jelloAnimation}`, easing: "ease-in-out", scale: 1 },
-  float: { keyframes: `${floatAnimation}`, easing: "ease-in-out", scale: 2 },
-  neonFlicker: { keyframes: `${neonFlickerAnimation}`, easing: "ease-in-out", scale: 2 },
-  breathe: { keyframes: `${breatheAnimation}`, easing: "ease-in-out", scale: 1.5 }
-};
-var animationFor = (variant, duration, delay, loop) => {
-  const spec = ANIMATIONS[variant];
-  if (!spec) return "none";
-  const iterationCount = loop ? "infinite" : "1";
-  return `${spec.keyframes} ${duration * spec.scale}s ${spec.easing} ${iterationCount} ${delay > 0 ? `${delay}s` : "0s"}`;
-};
-var SHADOWS = {
-  soft: (theme) => `0 4px 20px ${alpha(theme.palette.common.black, 0.15)}`,
-  hard: (theme) => `4px 4px 0px ${alpha(theme.palette.common.black, 0.25)}`,
-  elevated: (theme) => `0 10px 40px ${alpha(theme.palette.common.black, 0.2)}, 0 2px 10px ${alpha(theme.palette.common.black, 0.1)}`
-};
-var effectStyles = (theme, flags, animation, color) => {
-  const { $glass, $metallic, $gradient, $neon, $holographic } = flags;
-  return {
-    ...$glass && {
-      background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.2)}, ${alpha(theme.palette.background.paper, 0.1)})`,
-      backdropFilter: "blur(10px)",
-      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-      boxShadow: `inset 0 1px 1px ${alpha(theme.palette.common.white, 0.3)}, 0 8px 32px ${alpha(theme.palette.common.black, 0.1)}`
-    },
-    ...$metallic && {
-      background: `linear-gradient(145deg,
-      ${theme.palette.grey[300]} 0%,
-      ${theme.palette.grey[500]} 25%,
-      ${theme.palette.grey[400]} 50%,
-      ${theme.palette.grey[600]} 75%,
-      ${theme.palette.grey[400]} 100%)`,
-      backgroundSize: "200% 200%",
-      animation: `${animation}, ${breatheAnimation} 4s ease-in-out infinite`,
-      boxShadow: `inset 0 2px 4px ${alpha(theme.palette.common.white, 0.5)},
-                inset 0 -2px 4px ${alpha(theme.palette.common.black, 0.3)},
-                0 4px 8px ${alpha(theme.palette.common.black, 0.2)}`
-    },
-    ...$gradient && {
-      background: `linear-gradient(135deg,
-      ${theme.palette.primary.main} 0%,
-      ${theme.palette.secondary.main} 100%)`,
-      backgroundSize: "200% 200%",
-      animation: `${animation}, ${breatheAnimation} 3s ease-in-out infinite`
-    },
-    ...$neon && {
-      color,
-      textShadow: `0 0 10px ${color}, 0 0 20px ${color}, 0 0 30px ${color}`,
-      filter: `brightness(1.2) contrast(1.2)`,
-      animation: `${animation}, ${neonFlickerAnimation} 3s ease-in-out infinite`
-    },
-    ...$holographic && {
-      background: `linear-gradient(45deg,
-      ${theme.palette.primary.main} 0%,
-      ${theme.palette.secondary.main} 25%,
-      ${theme.palette.error.main} 50%,
-      ${theme.palette.warning.main} 75%,
-      ${theme.palette.primary.main} 100%)`,
-      backgroundSize: "400% 400%",
-      animation: `${animation}, ${floatAnimation} 6s ease-in-out infinite`,
-      backgroundClip: "text",
-      WebkitBackgroundClip: "text",
-      WebkitTextFillColor: "transparent",
-      filter: `hue-rotate(0deg)`,
-      "@keyframes hueRotate": {
-        "0%": { filter: "hue-rotate(0deg)" },
-        "100%": { filter: "hue-rotate(360deg)" }
-      },
-      "&::before": {
-        content: '""',
-        position: "absolute",
-        inset: -2,
-        borderRadius: "50%",
-        background: "inherit",
-        filter: "blur(10px)",
-        opacity: 0.5,
-        zIndex: -1
-      }
-    }
-  };
-};
-var iconSx = (theme, flags) => {
-  const {
-    $size,
-    $fontSize,
-    $animationVariant,
-    $duration,
-    $delay,
-    $loop,
-    $glow,
-    $glowColor,
-    $customColor,
-    $shadow,
-    $ripple,
-    $neon
-  } = flags;
-  const color = $customColor || theme.palette.primary.main;
-  const glowColor = $glowColor || color;
-  const animation = animationFor($animationVariant, $duration, $delay, $loop);
-  const glyphSize = { fontSize: $fontSize, width: $fontSize, height: $fontSize };
-  return {
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    width: $size,
-    height: $size,
-    color,
-    animation,
-    position: "relative",
-    cursor: "default",
-    borderRadius: "50%",
-    transition: "all 0.3s ease",
-    boxShadow: SHADOWS[$shadow ?? "none"]?.(theme) ?? "none",
-    ...$glow && {
-      "&::before": {
-        content: '""',
-        position: "absolute",
-        inset: -8,
-        borderRadius: "50%",
-        background: `radial-gradient(circle, ${alpha(glowColor, 0.3)} 0%, transparent 70%)`,
-        animation: `${glowPulseAnimation} ${$duration * 1.2}s ease-in-out infinite`,
-        zIndex: -1
-      },
-      filter: `drop-shadow(0 0 8px ${alpha(glowColor, 0.5)})`
-    },
-    ...effectStyles(theme, flags, animation, color),
-    ...$ripple && {
-      "&::after": {
-        content: '""',
-        position: "absolute",
-        inset: 0,
-        borderRadius: "50%",
-        border: `2px solid ${color}`,
-        animation: `${rippleAnimation} ${$duration * 1.5}s ease-out infinite`
-      }
-    },
-    "& .MuiSvgIcon-root": glyphSize,
-    "& svg": glyphSize,
-    "&:hover": {
-      transform: "scale(1.05)",
-      filter: $neon ? `brightness(1.4) contrast(1.3)` : void 0
-    }
-  };
-};
-
-export {
-  sizeConfigs,
-  iconSx
-};
-//# sourceMappingURL=chunk-LRC2ZU2F.js.map

package/dist/chunk-LRC2ZU2F.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/utility/AnimatedIcon/AnimatedIcon.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material';\nimport type { CSSObject, Theme } from '@mui/material';\n\nimport {\n  bounceAnimation,\n  breatheAnimation,\n  fadeInOutAnimation,\n  flipAnimation,\n  floatAnimation,\n  glowPulseAnimation,\n  heartbeatAnimation,\n  jelloAnimation,\n  morphAnimation,\n  neonFlickerAnimation,\n  pulseAnimation,\n  rippleAnimation,\n  rotateAnimation,\n  shakeAnimation,\n  spinAnimation,\n  swingAnimation,\n  translateAnimation,\n  wobbleAnimation,\n} from './AnimatedIcon.animations';\nimport type { AnimationSize, AnimationVariant } from './AnimatedIcon.types';\n\nexport const sizeConfigs: Record<AnimationSize, { size: number; fontSize: number }> = {\n  xs: { size: 12, fontSize: 10 },\n  sm: { size: 24, fontSize: 20 },\n  md: { size: 32, fontSize: 28 },\n  lg: { size: 48, fontSize: 44 },\n  xl: { size: 64, fontSize: 60 },\n};\n\n/**\n * Every variant produces the same shorthand — keyframes, duration, easing,\n * iteration count, delay — so only the three things that actually differ are\n * tabulated. `scale` multiplies the caller's duration for the variants that\n * read as slower than the rest.\n */\nconst ANIMATIONS: Record<string, { keyframes: string; easing: string; scale: number }> = {\n  rotate: { keyframes: `${rotateAnimation}`, easing: 'linear', scale: 1 },\n  pulse: { keyframes: `${pulseAnimation}`, easing: 'ease-in-out', scale: 1 },\n  translate: { keyframes: `${translateAnimation}`, easing: 'ease-in-out', scale: 1 },\n  bounce: { keyframes: `${bounceAnimation}`, easing: 'ease-in-out', scale: 1 },\n  shake: { keyframes: `${shakeAnimation}`, easing: 'ease-in-out', scale: 1 },\n  flip: { keyframes: `${flipAnimation}`, easing: 'ease-in-out', scale: 1 },\n  spin: { keyframes: `${spinAnimation}`, easing: 'ease-in-out', scale: 1 },\n  fadeInOut: { keyframes: `${fadeInOutAnimation}`, easing: 'ease-in-out', scale: 1 },\n  heartbeat: { keyframes: `${heartbeatAnimation}`, easing: 'ease-in-out', scale: 1 },\n  wobble: { keyframes: `${wobbleAnimation}`, easing: 'ease-in-out', scale: 1 },\n  morph: { keyframes: `${morphAnimation}`, easing: 'ease-in-out', scale: 1 },\n  swing: { keyframes: `${swingAnimation}`, easing: 'ease-in-out', scale: 1 },\n  jello: { keyframes: `${jelloAnimation}`, easing: 'ease-in-out', scale: 1 },\n  float: { keyframes: `${floatAnimation}`, easing: 'ease-in-out', scale: 2 },\n  neonFlicker: { keyframes: `${neonFlickerAnimation}`, easing: 'ease-in-out', scale: 2 },\n  breathe: { keyframes: `${breatheAnimation}`, easing: 'ease-in-out', scale: 1.5 },\n};\n\nconst animationFor = (\n  variant: AnimationVariant,\n  duration: number,\n  delay: number,\n  loop: boolean,\n) => {\n  const spec = ANIMATIONS[variant];\n  if (!spec) return 'none';\n\n  const iterationCount = loop ? 'infinite' : '1';\n  return `${spec.keyframes} ${duration * spec.scale}s ${spec.easing} ${iterationCount} ${delay > 0 ? `${delay}s` : '0s'}`;\n};\n\nconst SHADOWS: Record<string, (theme: Theme) => string> = {\n  soft: (theme) => `0 4px 20px ${alpha(theme.palette.common.black, 0.15)}`,\n  hard: (theme) => `4px 4px 0px ${alpha(theme.palette.common.black, 0.25)}`,\n  elevated: (theme) =>\n    `0 10px 40px ${alpha(theme.palette.common.black, 0.2)}, 0 2px 10px ${alpha(theme.palette.common.black, 0.1)}`,\n};\n\nexport interface IconStyleFlags {\n  $size: number;\n  $fontSize: number;\n  $animationVariant: AnimationVariant;\n  $duration: number;\n  $delay: number;\n  $loop: boolean;\n  $glow: boolean;\n  $glass: boolean;\n  $glowColor?: string;\n  $customColor?: string;\n  $metallic?: boolean;\n  $gradient?: boolean;\n  $shadow?: 'soft' | 'hard' | 'elevated' | 'none';\n  $ripple?: boolean;\n  $neon?: boolean;\n  $holographic?: boolean;\n}\n\n/**\n * The four surface treatments that paint the icon themselves — metallic,\n * gradient, neon and holographic — each run a second animation alongside the\n * chosen one, so they all need the base animation string.\n */\nconst effectStyles = (\n  theme: Theme,\n  flags: IconStyleFlags,\n  animation: string,\n  color: string,\n): CSSObject => {\n  const { $glass, $metallic, $gradient, $neon, $holographic } = flags;\n\n  return {\n    ...($glass && {\n      background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.2)}, ${alpha(theme.palette.background.paper, 0.1)})`,\n      backdropFilter: 'blur(10px)',\n      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n      boxShadow: `inset 0 1px 1px ${alpha(theme.palette.common.white, 0.3)}, 0 8px 32px ${alpha(theme.palette.common.black, 0.1)}`,\n    }),\n    ...($metallic && {\n      background: `linear-gradient(145deg,\n      ${theme.palette.grey[300]} 0%,\n      ${theme.palette.grey[500]} 25%,\n      ${theme.palette.grey[400]} 50%,\n      ${theme.palette.grey[600]} 75%,\n      ${theme.palette.grey[400]} 100%)`,\n      backgroundSize: '200% 200%',\n      animation: `${animation}, ${breatheAnimation} 4s ease-in-out infinite`,\n      boxShadow: `inset 0 2px 4px ${alpha(theme.palette.common.white, 0.5)},\n                inset 0 -2px 4px ${alpha(theme.palette.common.black, 0.3)},\n                0 4px 8px ${alpha(theme.palette.common.black, 0.2)}`,\n    }),\n    ...($gradient && {\n      background: `linear-gradient(135deg,\n      ${theme.palette.primary.main} 0%,\n      ${theme.palette.secondary.main} 100%)`,\n      backgroundSize: '200% 200%',\n      animation: `${animation}, ${breatheAnimation} 3s ease-in-out infinite`,\n    }),\n    ...($neon && {\n      color,\n      textShadow: `0 0 10px ${color}, 0 0 20px ${color}, 0 0 30px ${color}`,\n      filter: `brightness(1.2) contrast(1.2)`,\n      animation: `${animation}, ${neonFlickerAnimation} 3s ease-in-out infinite`,\n    }),\n    ...($holographic && {\n      background: `linear-gradient(45deg,\n      ${theme.palette.primary.main} 0%,\n      ${theme.palette.secondary.main} 25%,\n      ${theme.palette.error.main} 50%,\n      ${theme.palette.warning.main} 75%,\n      ${theme.palette.primary.main} 100%)`,\n      backgroundSize: '400% 400%',\n      animation: `${animation}, ${floatAnimation} 6s ease-in-out infinite`,\n      backgroundClip: 'text',\n      WebkitBackgroundClip: 'text',\n      WebkitTextFillColor: 'transparent',\n      filter: `hue-rotate(0deg)`,\n      '@keyframes hueRotate': {\n        '0%': { filter: 'hue-rotate(0deg)' },\n        '100%': { filter: 'hue-rotate(360deg)' },\n      },\n      '&::before': {\n        content: '\"\"',\n        position: 'absolute' as const,\n        inset: -2,\n        borderRadius: '50%',\n        background: 'inherit',\n        filter: 'blur(10px)',\n        opacity: 0.5,\n        zIndex: -1,\n      },\n    }),\n  };\n};\n\nexport const iconSx = (theme: Theme, flags: IconStyleFlags): CSSObject => {\n  const {\n    $size, $fontSize, $animationVariant, $duration, $delay, $loop,\n    $glow, $glowColor, $customColor, $shadow, $ripple, $neon,\n  } = flags;\n\n  const color = $customColor || theme.palette.primary.main;\n  const glowColor = $glowColor || color;\n  const animation = animationFor($animationVariant, $duration, $delay, $loop);\n\n  // Both selectors size the same glyph — MUI icons render an MuiSvgIcon-root,\n  // a bare child renders an svg.\n  const glyphSize = { fontSize: $fontSize, width: $fontSize, height: $fontSize };\n\n  return {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: $size,\n    height: $size,\n    color,\n    animation,\n    position: 'relative' as const,\n    cursor: 'default',\n    borderRadius: '50%',\n    transition: 'all 0.3s ease',\n    boxShadow: SHADOWS[$shadow ?? 'none']?.(theme) ?? 'none',\n    ...($glow && {\n      '&::before': {\n        content: '\"\"',\n        position: 'absolute' as const,\n        inset: -8,\n        borderRadius: '50%',\n        background: `radial-gradient(circle, ${alpha(glowColor, 0.3)} 0%, transparent 70%)`,\n        animation: `${glowPulseAnimation} ${$duration * 1.2}s ease-in-out infinite`,\n        zIndex: -1,\n      },\n      filter: `drop-shadow(0 0 8px ${alpha(glowColor, 0.5)})`,\n    }),\n    ...effectStyles(theme, flags, animation, color),\n    ...($ripple && {\n      '&::after': {\n        content: '\"\"',\n        position: 'absolute' as const,\n        inset: 0,\n        borderRadius: '50%',\n        border: `2px solid ${color}`,\n        animation: `${rippleAnimation} ${$duration * 1.5}s ease-out infinite`,\n      },\n    }),\n    '& .MuiSvgIcon-root': glyphSize,\n    '& svg': glyphSize,\n    '&:hover': {\n      transform: 'scale(1.05)',\n      filter: $neon ? `brightness(1.4) contrast(1.3)` : undefined,\n    },\n  };\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-LRO376TY.js

@@ -1,88 +0,0 @@
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  Box
-} from "./chunk-34DQAXL2.js";
-import {
-  Button
-} from "./chunk-GD7HXHOT.js";
-import {
-  Text
-} from "./chunk-R52HJAYO.js";
-
-// src/components/data-display/DataViews/data-views-select-all-strip.tsx
-import { Checkbox } from "@mui/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-function SelectAllStrip({
-  rows,
-  getRowId,
-  selectedIds,
-  onChange,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  if (rows.length === 0) return null;
-  const pageIds = rows.map(getRowId);
-  const selectedHere = pageIds.filter((id) => selectedIds.has(id)).length;
-  const all = selectedHere === pageIds.length;
-  const some = selectedHere > 0 && !all;
-  const toggle = () => {
-    if (all) {
-      const next = new Set(selectedIds);
-      pageIds.forEach((id) => next.delete(id));
-      onChange(next);
-      return;
-    }
-    onChange(/* @__PURE__ */ new Set([...selectedIds, ...pageIds]));
-  };
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      "data-testid": `${testIdPrefix}-select-all-strip`,
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        gap: 1,
-        mt: 1.5,
-        px: 1,
-        py: 0.75,
-        borderBottom: 1,
-        borderColor: "divider",
-        bgcolor: "action.hover",
-        borderRadius: 1
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            size: "small",
-            checked: all,
-            indeterminate: some,
-            onChange: toggle,
-            "data-testid": `${testIdPrefix}-select-all-box`,
-            inputProps: { "aria-label": copy.selection.selectAllOnPage },
-            sx: { p: 0.5 }
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "text",
-            size: "sm",
-            color: "secondary",
-            onClick: toggle,
-            dataTestId: `${testIdPrefix}-select-all-toggle`,
-            children: all ? copy.selection.clearSelection : copy.selection.selectAll
-          }
-        ),
-        /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(Box, { component: "span", sx: { ml: "auto", color: "text.disabled", whiteSpace: "nowrap" }, children: copy.selection.onThisPage(rows.length) }) })
-      ]
-    }
-  );
-}
-
-export {
-  SelectAllStrip
-};
-//# sourceMappingURL=chunk-LRO376TY.js.map

package/dist/chunk-LRO376TY.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/data-views-select-all-strip.tsx"],"sourcesContent":["\"use client\";\n\nimport { Checkbox } from \"@mui/material\";\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { Button } from \"../../form/Button\";\nimport { Box } from \"../../../mui/Box\";\nimport { Text } from \"../../typography/Text\";\n\n/**\n * SELECT-ALL FOR THE LAYOUTS THAT HAVE NO HEADER ROW.\n *\n * The table gets this for free: its `<thead>` carries a checkbox, so beginning\n * a selection is one click on a control that sits with the rows it selects.\n * The cards, the list and the board have no header at all — so without this\n * there is NO way to start a selection except clicking an item first, and\n * \"select everything on this page\" costs one click per row.\n *\n * It is deliberately NOT more toolbar chrome. It sits directly above the\n * content it selects, which is exactly where the table's `<thead>` checkbox\n * sits; putting it in the toolbar would separate the control from its object\n * and would also be the third place in this component that renders a\n * select-all.\n *\n * Renders nothing for an empty page: a select-all over zero rows is a control\n * that cannot do anything, and reserving its band would make the empty state\n * sit lower in the cards than it does in the table.\n */\nexport function SelectAllStrip<T>({\n  rows,\n  getRowId,\n  selectedIds,\n  onChange,\n  testIdPrefix,\n}: {\n  rows: T[];\n  getRowId: (row: T) => string | number;\n  selectedIds: Set<string | number>;\n  onChange: (next: Set<string | number>) => void;\n  testIdPrefix: string;\n}): React.JSX.Element | null {\n  const copy = useDataViewsCopy();\n  if (rows.length === 0) return null;\n  const pageIds = rows.map(getRowId);\n  const selectedHere = pageIds.filter((id) => selectedIds.has(id)).length;\n  const all = selectedHere === pageIds.length;\n  // INDETERMINATE, not just checked/unchecked: with 3 of 25 selected, an\n  // unchecked box says \"nothing is selected\" and a checked one says\n  // \"everything is\". Both are wrong, and the third state is the honest one.\n  const some = selectedHere > 0 && !all;\n\n  const toggle = (): void => {\n    if (all) {\n      // Clear only THIS page's ids — a selection made on another page is not\n      // this control's to discard.\n      const next = new Set(selectedIds);\n      pageIds.forEach((id) => next.delete(id));\n      onChange(next);\n      return;\n    }\n    onChange(new Set([...selectedIds, ...pageIds]));\n  };\n\n  return (\n    <Box\n      data-testid={`${testIdPrefix}-select-all-strip`}\n      sx={{\n        display: \"flex\",\n        alignItems: \"center\",\n        gap: 1,\n        mt: 1.5,\n        px: 1,\n        py: 0.75,\n        borderBottom: 1,\n        borderColor: \"divider\",\n        bgcolor: \"action.hover\",\n        borderRadius: 1,\n      }}\n    >\n      <Checkbox\n        size=\"small\"\n        checked={all}\n        indeterminate={some}\n        onChange={toggle}\n        data-testid={`${testIdPrefix}-select-all-box`}\n        inputProps={{ \"aria-label\": copy.selection.selectAllOnPage }}\n        sx={{ p: 0.5 }}\n      />\n      <Button\n        variant=\"text\"\n        size=\"sm\"\n        color=\"secondary\"\n        onClick={toggle}\n        dataTestId={`${testIdPrefix}-select-all-toggle`}\n      >\n        {all ? copy.selection.clearSelection : copy.selection.selectAll}\n      </Button>\n      <Text variant=\"caption\" as=\"span\">\n        {/* \"nesta página\" is load-bearing: the scope tabs above show\n            whole-query totals, so an unqualified count here would read as one. */}\n        <Box component=\"span\" sx={{ ml: \"auto\", color: \"text.disabled\", whiteSpace: \"nowrap\" }}>\n          {copy.selection.onThisPage(rows.length)}\n        </Box>\n      </Text>\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAEA,SAAS,gBAAgB;AA8DrB,SAeE,KAfF;AApCG,SAAS,eAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAM6B;AAC3B,QAAM,OAAO,iBAAiB;AAC9B,MAAI,KAAK,WAAW,EAAG,QAAO;AAC9B,QAAM,UAAU,KAAK,IAAI,QAAQ;AACjC,QAAM,eAAe,QAAQ,OAAO,CAAC,OAAO,YAAY,IAAI,EAAE,CAAC,EAAE;AACjE,QAAM,MAAM,iBAAiB,QAAQ;AAIrC,QAAM,OAAO,eAAe,KAAK,CAAC;AAElC,QAAM,SAAS,MAAY;AACzB,QAAI,KAAK;AAGP,YAAM,OAAO,IAAI,IAAI,WAAW;AAChC,cAAQ,QAAQ,CAAC,OAAO,KAAK,OAAO,EAAE,CAAC;AACvC,eAAS,IAAI;AACb;AAAA,IACF;AACA,aAAS,oBAAI,IAAI,CAAC,GAAG,aAAa,GAAG,OAAO,CAAC,CAAC;AAAA,EAChD;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,GAAG,YAAY;AAAA,MAC5B,IAAI;AAAA,QACF,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,cAAc;AAAA,QACd,aAAa;AAAA,QACb,SAAS;AAAA,QACT,cAAc;AAAA,MAChB;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS;AAAA,YACT,eAAe;AAAA,YACf,UAAU;AAAA,YACV,eAAa,GAAG,YAAY;AAAA,YAC5B,YAAY,EAAE,cAAc,KAAK,UAAU,gBAAgB;AAAA,YAC3D,IAAI,EAAE,GAAG,IAAI;AAAA;AAAA,QACf;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,OAAM;AAAA,YACN,SAAS;AAAA,YACT,YAAY,GAAG,YAAY;AAAA,YAE1B,gBAAM,KAAK,UAAU,iBAAiB,KAAK,UAAU;AAAA;AAAA,QACxD;AAAA,QACA,oBAAC,QAAK,SAAQ,WAAU,IAAG,QAGzB,8BAAC,OAAI,WAAU,QAAO,IAAI,EAAE,IAAI,QAAQ,OAAO,iBAAiB,YAAY,SAAS,GAClF,eAAK,UAAU,WAAW,KAAK,MAAM,GACxC,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-LV3AFLW4.js

@@ -1,288 +0,0 @@
-// src/components/data-display/Avatar/Avatar.view.tsx
-import { alpha, Avatar as MuiAvatar, Badge, Fade, keyframes, useTheme } from "@mui/material";
-import { styled } from "@mui/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-var pulseAnimation = keyframes`
-  0% {
-    box-shadow: 0 0 0 0 currentColor;
-    opacity: 1;
-  }
-  70% {
-    box-shadow: 0 0 0 10px currentColor;
-    opacity: 0;
-  }
-  100% {
-    box-shadow: 0 0 0 0 currentColor;
-    opacity: 0;
-  }
-`;
-var shimmerAnimation = keyframes`
-  0% {
-    background-position: -200% 0;
-  }
-  100% {
-    background-position: 200% 0;
-  }
-`;
-var scaleInAnimation = keyframes`
-  0% {
-    transform: scale(0);
-    opacity: 0;
-  }
-  100% {
-    transform: scale(1);
-    opacity: 1;
-  }
-`;
-var rotateAnimation = keyframes`
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-`;
-var getColorFromTheme = (theme, color) => {
-  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: theme.palette.grey[700], contrastText: "#fff" }
-  };
-  return colorMap[color] || theme.palette.primary;
-};
-var getSizeStyles = (size) => {
-  const sizeMap = {
-    xs: { width: 24, height: 24, fontSize: "0.75rem" },
-    sm: { width: 32, height: 32, fontSize: "0.875rem" },
-    md: { width: 40, height: 40, fontSize: "1rem" },
-    lg: { width: 48, height: 48, fontSize: "1.125rem" },
-    xl: { width: 64, height: 64, fontSize: "1.5rem" },
-    xxl: { width: 80, height: 80, fontSize: "2rem" }
-  };
-  return sizeMap[size] || sizeMap.md;
-};
-var getStatusColor = (status, theme) => {
-  const statusColorMap = {
-    online: theme.palette.success.main,
-    offline: theme.palette.grey[500],
-    away: theme.palette.warning.main,
-    busy: theme.palette.error.main
-  };
-  return statusColorMap[status] || statusColorMap.offline;
-};
-var interactiveStyles = (interactive, main) => interactive ? {
-  "&:hover": {
-    transform: "scale(1.1) translateY(-2px)",
-    boxShadow: `0 8px 20px ${alpha(main, 0.3)}`,
-    filter: "brightness(1.1)",
-    zIndex: 10
-  },
-  "&:active": { transform: "scale(1.05)" }
-} : {};
-var loadingStyles = (isLoading, main) => isLoading ? {
-  background: `linear-gradient(
-        90deg,
-        ${alpha(main, 0.6)},
-        ${alpha(main, 0.8)},
-        ${alpha(main, 0.6)}
-      )`,
-  backgroundSize: "200% 100%",
-  animation: `${shimmerAnimation} 1.5s ease-in-out infinite`
-} : {};
-var variantRadius = (variant, theme) => {
-  if (variant === "square") return { borderRadius: 0 };
-  if (variant === "rounded") return { borderRadius: theme.spacing(1) };
-  return { borderRadius: "50%" };
-};
-var borderedStyles = (bordered, theme) => bordered ? {
-  border: `2px solid ${theme.palette.background.paper}`,
-  boxShadow: `0 0 0 1px ${alpha(theme.palette.divider, 0.2)}`
-} : {};
-var glowPulseStyles = (glow, pulse, main) => {
-  const styles = {};
-  if (glow) {
-    styles.boxShadow = `0 0 20px 5px ${alpha(main, 0.4)} !important`;
-    styles.filter = "brightness(1.05)";
-  }
-  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: 0.3,
-      animation: `${pulseAnimation} 2s 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),
-      transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-      position: "relative",
-      overflow: "visible",
-      animation: `${scaleInAnimation} 0.3s ease-out`,
-      cursor: interactive ? "pointer" : "default",
-      backgroundColor: hasError ? theme.palette.error.main : palette.main,
-      color: hasError ? theme.palette.error.contrastText : palette.contrastText ?? "#fff",
-      ...interactiveStyles(interactive, palette.main),
-      ...loadingStyles(isLoading, palette.main),
-      ...variantRadius(customVariant, theme),
-      ...borderedStyles(bordered, theme),
-      ...glowPulseStyles(glow, pulse, palette.main),
-      "&:focus-visible": {
-        outline: `3px solid ${alpha(palette.main, 0.5)}`,
-        outlineOffset: 2
-      }
-    };
-  }
-);
-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, 0.7),
-    backdropFilter: "blur(2px)",
-    "& .loading-spinner": {
-      width: sizeStyles.width * 0.4,
-      height: sizeStyles.height * 0.4,
-      border: `2px solid ${alpha(theme.palette.primary.main, 0.3)}`,
-      borderTopColor: theme.palette.primary.main,
-      borderRadius: "50%",
-      animation: `${rotateAnimation} 0.8s linear infinite`
-    }
-  };
-});
-var StatusBadge = styled(Badge, {
-  shouldForwardProp: (prop) => !["statusColor", "avatarSize"].includes(prop)
-})(({ theme, statusColor, avatarSize = "md" }) => {
-  const sizeStyles = getSizeStyles(avatarSize);
-  const badgeSize = Math.max(8, sizeStyles.width * 0.2);
-  return {
-    "& .MuiBadge-badge": {
-      backgroundColor: statusColor || theme.palette.success.main,
-      color: statusColor || theme.palette.success.main,
-      width: badgeSize,
-      height: badgeSize,
-      borderRadius: "50%",
-      border: `2px 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: 300, 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-LV3AFLW4.js.map