@12-apps/ui 5.0.0 → 5.0.1

package/dist/data-display/Badge.js

@@ -0,0 +1,584 @@
+import {
+  bounceAnimation,
+  fadeInScaleAnimation,
+  glowPulseAnimation,
+  pulseAnimation,
+  shimmerAnimation
+} from "../chunk-7A3ZBFNC.js";
+import "../chunk-PZ5AY32C.js";
+
+// src/components/data-display/Badge/Badge.tsx
+import { Badge as MuiBadge, Zoom } from "@mui/material";
+import { styled } from "@mui/material";
+import React, { useEffect, useState } from "react";
+
+// src/components/data-display/Badge/Badge.styles.ts
+import { alpha as alpha2 } from "@mui/material";
+
+// src/components/data-display/Badge/Badge.variants.ts
+import { alpha } from "@mui/material";
+var BADGE_VARIANTS = {
+  default: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: colorPalette.main,
+    color: colorPalette.contrastText || theme.palette.getContrastText?.(colorPalette.main) || "#fff",
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2
+  }),
+  dot: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: colorPalette.main,
+    width: sizeStyles.dotSize,
+    height: sizeStyles.dotSize,
+    minWidth: sizeStyles.dotSize,
+    borderRadius: "50%",
+    padding: 0
+  }),
+  count: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: colorPalette.main,
+    color: colorPalette.contrastText || theme.palette.getContrastText?.(colorPalette.main) || "#fff",
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: "50%"
+  }),
+  gradient: (theme, colorPalette, sizeStyles) => ({
+    background: `linear-gradient(135deg, ${colorPalette.main} 0%, ${colorPalette.dark || colorPalette.main} 100%)`,
+    color: "#fff",
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2
+  }),
+  glass: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: alpha(colorPalette.main, 0.1),
+    backdropFilter: "blur(10px) saturate(200%)",
+    WebkitBackdropFilter: "blur(10px) saturate(200%)",
+    border: `1px solid ${alpha(colorPalette.main, 0.2)}`,
+    color: colorPalette.main,
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2,
+    boxShadow: `inset 0 1px 1px ${alpha(theme.palette.common.white, 0.1)}`
+  }),
+  outline: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: "transparent",
+    border: `2px solid ${colorPalette.main}`,
+    color: colorPalette.main,
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2
+  }),
+  secondary: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: alpha(colorPalette.main, 0.15),
+    color: colorPalette.main,
+    border: `1px solid ${alpha(colorPalette.main, 0.3)}`,
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2
+  }),
+  destructive: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: theme.palette.error.main,
+    color: theme.palette.error.contrastText,
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2,
+    fontWeight: 700
+  }),
+  success: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: theme.palette.success.main,
+    color: theme.palette.success.contrastText,
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2
+  }),
+  warning: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: theme.palette.warning.main,
+    color: theme.palette.warning.contrastText,
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2
+  })
+};
+var badgeVariantStyles = (theme, colorPalette, sizeStyles, customVariant) => customVariant ? BADGE_VARIANTS[customVariant]?.(theme, colorPalette, sizeStyles) ?? {} : {};
+
+// src/components/data-display/Badge/Badge.styles.ts
+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`, the house word the prop actually takes. Keyed on MUI's `error`
+    // it matched nothing and fell through to the default.
+    danger: theme.palette.error,
+    neutral: {
+      main: theme.palette.grey[600],
+      light: theme.palette.grey[400],
+      dark: theme.palette.grey[800],
+      contrastText: theme.palette.getContrastText(theme.palette.grey[600])
+    }
+  };
+  return colorMap[color] || theme.palette.primary;
+};
+var getSizeStyles = (size) => {
+  const sizeMap = {
+    xs: {
+      minWidth: 14,
+      height: 14,
+      fontSize: "0.5rem",
+      padding: "0 3px",
+      dotSize: 6,
+      iconSize: "0.625rem"
+    },
+    sm: {
+      minWidth: 16,
+      height: 16,
+      fontSize: "0.625rem",
+      padding: "0 4px",
+      dotSize: 8,
+      iconSize: "0.75rem"
+    },
+    md: {
+      minWidth: 20,
+      height: 20,
+      fontSize: "0.75rem",
+      padding: "0 6px",
+      dotSize: 10,
+      iconSize: "0.875rem"
+    },
+    lg: {
+      minWidth: 24,
+      height: 24,
+      fontSize: "0.875rem",
+      padding: "0 8px",
+      dotSize: 12,
+      iconSize: "1rem"
+    },
+    xl: {
+      minWidth: 28,
+      height: 28,
+      fontSize: "1rem",
+      padding: "0 10px",
+      dotSize: 14,
+      iconSize: "1.125rem"
+    }
+  };
+  return sizeMap[size] || sizeMap.md;
+};
+var getAnchorOrigin = (position) => {
+  const positionMap = {
+    "top-right": { vertical: "top", horizontal: "right" },
+    "top-left": { vertical: "top", horizontal: "left" },
+    "bottom-right": { vertical: "bottom", horizontal: "right" },
+    "bottom-left": { vertical: "bottom", horizontal: "left" }
+  };
+  return positionMap[position] || positionMap["top-right"];
+};
+var rgbValuesOf = (color) => {
+  if (color.startsWith("#")) {
+    const hex = color.slice(1);
+    const [r, g, b] = [0, 2, 4].map((offset) => parseInt(hex.slice(offset, offset + 2), 16));
+    return `${r}, ${g}, ${b}`;
+  }
+  const match = color.match(/\d+/g);
+  if (match) return `${match[0]}, ${match[1]}, ${match[2]}`;
+  return "255, 255, 255";
+};
+var badgeLightingStyles = ({
+  glow,
+  pulse,
+  colorPalette
+}) => ({
+  // Glow effect
+  ...glow && !pulse && {
+    boxShadow: `0 0 15px 3px ${alpha2(colorPalette.main, 0.5)}`,
+    filter: "brightness(1.1)",
+    "&:hover": {
+      boxShadow: `0 0 20px 4px ${alpha2(colorPalette.main, 0.6)}`
+    }
+  },
+  // Pulse animation
+  ...pulse && !glow && {
+    animation: `${pulseAnimation} 2s ease-in-out infinite`
+  },
+  // Both glow and pulse
+  ...glow && pulse && {
+    animation: `${glowPulseAnimation} 2s ease-in-out infinite, ${pulseAnimation} 2s ease-in-out infinite`,
+    filter: "brightness(1.1)"
+  }
+});
+var badgeAnimationStyles = ({
+  animate,
+  bounce,
+  shimmer,
+  glow: _glow,
+  pulse: _pulse,
+  customVariant,
+  colorPalette,
+  theme
+}) => ({
+  ...animate && !bounce && {
+    animation: `${fadeInScaleAnimation} 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55)`
+  },
+  // Bounce animation
+  ...bounce && {
+    animation: `${bounceAnimation} 1s ease-in-out`
+  },
+  // Shimmer effect
+  ...shimmer && {
+    background: customVariant === "gradient" ? `linear-gradient(135deg, ${colorPalette.main} 0%, ${colorPalette.dark || colorPalette.main} 100%)` : colorPalette.main,
+    backgroundSize: shimmer ? "1000px 100%" : "auto",
+    position: "relative",
+    overflow: "hidden",
+    "&::after": {
+      content: '""',
+      position: "absolute",
+      top: 0,
+      left: 0,
+      width: "100%",
+      height: "100%",
+      background: `linear-gradient(
+            90deg,
+            transparent,
+            ${alpha2(theme.palette.common.white, 0.4)},
+            transparent
+          )`,
+      animation: `${shimmerAnimation} 3s infinite`
+    }
+  }
+});
+var badgeStyles = ({
+  theme,
+  customVariant,
+  customSize = "md",
+  customColor = "primary",
+  glow,
+  pulse,
+  animate,
+  shimmer,
+  bounce,
+  hasIcon
+}) => {
+  const colorPalette = getColorFromTheme(theme, customColor);
+  const sizeStyles = getSizeStyles(customSize);
+  return {
+    "--glow-color": rgbValuesOf(colorPalette.main),
+    "& .MuiBadge-badge": {
+      transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
+      fontWeight: 600,
+      border: `2px solid ${theme.palette.background.paper}`,
+      letterSpacing: "0.025em",
+      textTransform: customVariant === "gradient" || customVariant === "glass" ? "uppercase" : "none",
+      willChange: "transform, opacity",
+      backfaceVisibility: "hidden",
+      // Outline variant
+      // Destructive variant
+      // Warning variant
+      // Adjust padding when icon is present
+      ...badgeVariantStyles(theme, colorPalette, sizeStyles, customVariant),
+      ...hasIcon && {
+        paddingLeft: sizeStyles.padding.split(" ")[1],
+        display: "inline-flex",
+        alignItems: "center",
+        gap: "2px"
+      },
+      // Animation on mount
+      ...badgeAnimationStyles({
+        animate,
+        bounce,
+        shimmer,
+        glow,
+        pulse,
+        customVariant,
+        colorPalette,
+        theme
+      }),
+      ...badgeLightingStyles({ glow, pulse, colorPalette }),
+      "&:not(.MuiBadge-dot):hover": {
+        transform: "scale(1.1)",
+        zIndex: 1
+      }
+    }
+  };
+};
+
+// src/components/data-display/Badge/Badge.helpers.ts
+var BADGE_DEFAULTS = {
+  variant: "default",
+  size: "md",
+  color: "primary",
+  glow: false,
+  pulse: false,
+  animate: true,
+  shimmer: false,
+  bounce: false,
+  max: 99,
+  showZero: false,
+  position: "top-right",
+  closable: false
+};
+var resolveBadgeProps = (props) => ({
+  ...BADGE_DEFAULTS,
+  ...Object.fromEntries(
+    Object.entries(props).filter(([, value]) => value !== void 0)
+  )
+});
+var badgeContentOf = (props) => {
+  if (props.content !== void 0) return props.content;
+  if (props.badgeContent !== void 0) return props.badgeContent;
+  return null;
+};
+var formatCount = (count, { max, showZero }) => {
+  if (typeof count !== "number") return count;
+  if (count === 0 && !showZero) return null;
+  if (count > max) return `${max}+`;
+  return count;
+};
+var definedAria = (aria) => Object.fromEntries(Object.entries(aria).filter(([, value]) => value !== void 0));
+
+// src/components/data-display/Badge/BadgeContent.tsx
+import CloseIcon from "@mui/icons-material/Close";
+import { IconButton } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+var CLOSE_ICON_SIZES = {
+  xs: "0.5rem",
+  sm: "0.625rem",
+  md: "0.75rem",
+  lg: "0.875rem"
+};
+var makeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `badge-${suffix}`;
+var BadgeIcon = ({
+  icon,
+  size,
+  testId
+}) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    "data-testid": testId,
+    style: {
+      fontSize: getSizeStyles(size).iconSize,
+      display: "inline-flex",
+      alignItems: "center"
+    },
+    children: icon
+  },
+  "icon"
+);
+var BadgeCloseButton = ({
+  size,
+  testId,
+  onClose
+}) => /* @__PURE__ */ jsx(
+  IconButton,
+  {
+    size: "small",
+    onClick: onClose,
+    "data-testid": testId,
+    sx: {
+      p: 0,
+      ml: 0.5,
+      color: "inherit",
+      "& svg": { fontSize: CLOSE_ICON_SIZES[size] ?? CLOSE_ICON_SIZES.lg },
+      "&:hover": { opacity: 0.8 }
+    },
+    children: /* @__PURE__ */ jsx(CloseIcon, {})
+  },
+  "close"
+);
+var buildBadgeContent = ({
+  variant,
+  size,
+  icon,
+  closable,
+  dataTestId,
+  baseContent,
+  onClose
+}) => {
+  if (variant === "dot") return "";
+  const testId = makeTestId(dataTestId);
+  const parts = [];
+  if (icon) parts.push(/* @__PURE__ */ jsx(BadgeIcon, { icon, size, testId: testId("icon") }, "icon"));
+  if (baseContent !== null && baseContent !== void 0) {
+    parts.push(
+      /* @__PURE__ */ jsx("span", { "data-testid": testId("content"), children: baseContent }, "content")
+    );
+  }
+  if (closable && !variant.includes("dot")) {
+    parts.push(
+      /* @__PURE__ */ jsx(BadgeCloseButton, { size, testId: testId("close"), onClose }, "close")
+    );
+  }
+  if (parts.length === 0) return null;
+  return /* @__PURE__ */ jsx("span", { style: { display: "inline-flex", alignItems: "center", gap: "2px" }, children: parts });
+};
+
+// src/components/data-display/Badge/Badge.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var StyledBadge = styled(MuiBadge, {
+  shouldForwardProp: (prop) => ![
+    "customVariant",
+    "customSize",
+    "customColor",
+    "glow",
+    "pulse",
+    "animate",
+    "shimmer",
+    "bounce",
+    "hasIcon"
+  ].includes(prop)
+})(({
+  theme,
+  customVariant,
+  customSize = "md",
+  customColor = "primary",
+  glow,
+  pulse,
+  animate,
+  shimmer,
+  bounce,
+  hasIcon
+}) => {
+  return badgeStyles({
+    theme,
+    customVariant,
+    customSize,
+    customColor,
+    glow,
+    pulse,
+    animate,
+    shimmer,
+    bounce,
+    hasIcon
+  });
+});
+var CLOSE_DELAY_MS = 300;
+var ANIMATION_MS = 1e3;
+var useMountAnimation = (enabled) => {
+  const [isAnimating, setIsAnimating] = useState(false);
+  useEffect(() => {
+    if (!enabled) return;
+    setIsAnimating(true);
+    const timer = window.setTimeout(() => setIsAnimating(false), ANIMATION_MS);
+    return () => window.clearTimeout(timer);
+  }, [enabled]);
+  return isAnimating;
+};
+var BadgeSurface = ({ innerRef, isVisible, isAnimating, shouldBeInvisible, finalBadgeContent, aria, rest, ...p }) => {
+  const testId = p["data-testid"];
+  return /* @__PURE__ */ jsx2(Zoom, { in: isVisible, timeout: CLOSE_DELAY_MS, children: /* @__PURE__ */ jsx2(
+    StyledBadge,
+    {
+      ref: innerRef,
+      className: p.className,
+      customVariant: p.variant,
+      customSize: p.size,
+      customColor: p.color,
+      glow: p.glow,
+      pulse: p.pulse,
+      animate: p.animate,
+      shimmer: p.shimmer,
+      bounce: p.bounce && isAnimating,
+      hasIcon: Boolean(p.icon),
+      badgeContent: finalBadgeContent,
+      variant: p.variant === "dot" ? "dot" : "standard",
+      anchorOrigin: getAnchorOrigin(p.position),
+      invisible: shouldBeInvisible,
+      "data-testid": testId || "badge",
+      slotProps: {
+        badge: {
+          ...aria,
+          // @ts-expect-error - MUI Badge slotProps doesn't include data-testid in types, but it works at runtime
+          "data-testid": testId ? `${testId}-content-wrapper` : "badge-content-wrapper"
+        }
+      },
+      ...rest,
+      children: p.children
+    }
+  ) });
+};
+var Badge = React.forwardRef((componentProps, ref) => {
+  const resolved = resolveBadgeProps(componentProps);
+  const {
+    variant,
+    size,
+    color: _color,
+    glow: _glow,
+    pulse: _pulse,
+    animate,
+    shimmer: _shimmer,
+    bounce,
+    max,
+    showZero,
+    position: _position,
+    children: _children,
+    invisible,
+    closable,
+    onClose,
+    icon,
+    "aria-label": ariaLabel,
+    "aria-live": ariaLive = "polite",
+    "aria-atomic": ariaAtomic = true,
+    "data-testid": dataTestId,
+    className: _className,
+    content: _content,
+    badgeContent: _badgeContent,
+    ...props
+  } = resolved;
+  const [isVisible, setIsVisible] = useState(true);
+  const isAnimating = useMountAnimation(animate || bounce);
+  const handleClose = (event) => {
+    event.stopPropagation();
+    setIsVisible(false);
+    window.setTimeout(() => onClose?.(), CLOSE_DELAY_MS);
+  };
+  const rawContent = badgeContentOf(resolved);
+  const finalBadgeContent = buildBadgeContent({
+    variant,
+    size,
+    icon,
+    closable,
+    dataTestId,
+    baseContent: variant === "count" ? formatCount(rawContent, { max, showZero }) : rawContent,
+    onClose: handleClose
+  });
+  const shouldBeInvisible = invisible || variant === "count" && finalBadgeContent === null && !showZero || !isVisible;
+  return /* @__PURE__ */ jsx2(
+    BadgeSurface,
+    {
+      ...resolved,
+      innerRef: ref,
+      isVisible,
+      isAnimating,
+      shouldBeInvisible,
+      finalBadgeContent,
+      aria: definedAria({
+        "aria-label": ariaLabel,
+        "aria-live": ariaLive,
+        "aria-atomic": ariaAtomic
+      }),
+      rest: props
+    }
+  );
+});
+Badge.displayName = "Badge";
+export {
+  Badge
+};
+//# sourceMappingURL=Badge.js.map

package/dist/data-display/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/data-display/Badge/Badge.tsx","../../src/components/data-display/Badge/Badge.styles.ts","../../src/components/data-display/Badge/Badge.variants.ts","../../src/components/data-display/Badge/Badge.helpers.ts","../../src/components/data-display/Badge/BadgeContent.tsx"],"sourcesContent":["import { Badge as MuiBadge, Zoom } from '@mui/material';\nimport { styled } from '@mui/material';\nimport React, { useEffect,useState } from 'react';\n\nimport {\n  badgeStyles,\n  getAnchorOrigin } from './Badge.styles';\nimport {\n  badgeContentOf,\n  definedAria,\n  formatCount,\n  resolveBadgeProps } from './Badge.helpers';\nimport type { ResolvedBadgeProps } from './Badge.helpers';\nimport { buildBadgeContent } from './BadgeContent';\nimport type { BadgeProps, BadgeSize, BadgeVariant } from './Badge.types';\nexport type { BadgeProps } from './Badge.types';\n\n// Define pulse animation\nconst StyledBadge = styled(MuiBadge, {\n  shouldForwardProp: (prop) =>\n    ![\n      'customVariant',\n      'customSize',\n      'customColor',\n      'glow',\n      'pulse',\n      'animate',\n      'shimmer',\n      'bounce',\n      'hasIcon',\n    ].includes(prop as string) })<{\n  customVariant?: BadgeVariant;\n  customSize?: BadgeSize;\n  customColor?: string;\n  glow?: boolean;\n  pulse?: boolean;\n  animate?: boolean;\n  shimmer?: boolean;\n  bounce?: boolean;\n  hasIcon?: boolean;\n}>(({\n  theme,\n  customVariant,\n  customSize = 'md',\n  customColor = 'primary',\n  glow,\n  pulse,\n  animate,\n  shimmer,\n  bounce,\n  hasIcon }) => {\n  return badgeStyles({\n    theme,\n    customVariant,\n    customSize,\n    customColor,\n    glow,\n    pulse,\n    animate,\n    shimmer,\n    bounce,\n    hasIcon });\n});\n\nconst CLOSE_DELAY_MS = 300;\nconst ANIMATION_MS = 1000;\n\n// A one-shot flag so bounce/animate run on mount and then stop.\nconst useMountAnimation = (enabled: boolean) => {\n  const [isAnimating, setIsAnimating] = useState(false);\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    setIsAnimating(true);\n    const timer = window.setTimeout(() => setIsAnimating(false), ANIMATION_MS);\n    return () => window.clearTimeout(timer);\n  }, [enabled]);\n\n  return isAnimating;\n};\n\n// The chip itself. Local because StyledBadge cannot cross a module boundary\n// (TS2742).\nconst BadgeSurface: React.FC<\n  ResolvedBadgeProps & {\n    innerRef: React.Ref<HTMLSpanElement>;\n    isVisible: boolean;\n    isAnimating: boolean;\n    shouldBeInvisible: boolean;\n    finalBadgeContent: React.ReactNode;\n    aria: Record<string, string | boolean>;\n    rest: Record<string, unknown>;\n  }\n> = ({ innerRef, isVisible, isAnimating, shouldBeInvisible, finalBadgeContent, aria, rest, ...p }) => {\n  const testId = p['data-testid'];\n\n  return (\n    <Zoom in={isVisible} timeout={CLOSE_DELAY_MS}>\n      <StyledBadge\n        ref={innerRef}\n        className={p.className}\n        customVariant={p.variant}\n        customSize={p.size}\n        customColor={p.color}\n        glow={p.glow}\n        pulse={p.pulse}\n        animate={p.animate}\n        shimmer={p.shimmer}\n        bounce={p.bounce && isAnimating}\n        hasIcon={Boolean(p.icon)}\n        badgeContent={finalBadgeContent}\n        variant={p.variant === 'dot' ? 'dot' : 'standard'}\n        anchorOrigin={getAnchorOrigin(p.position)}\n        invisible={shouldBeInvisible}\n        data-testid={testId || 'badge'}\n        slotProps={{\n          badge: {\n            ...aria,\n            // @ts-expect-error - MUI Badge slotProps doesn't include data-testid in types, but it works at runtime\n            'data-testid': testId ? `${testId}-content-wrapper` : 'badge-content-wrapper' } }}\n        {...rest}\n      >\n        {p.children}\n      </StyledBadge>\n    </Zoom>\n  );\n};\n\nexport const Badge = React.forwardRef<HTMLSpanElement, BadgeProps>((componentProps, ref) => {\n  const resolved = resolveBadgeProps(componentProps);\n  const {\n    variant,\n    size,\n    color: _color,\n    glow: _glow,\n    pulse: _pulse,\n    animate,\n    shimmer: _shimmer,\n    bounce,\n    max,\n    showZero,\n    position: _position,\n    children: _children,\n    invisible,\n    closable,\n    onClose,\n    icon,\n    'aria-label': ariaLabel,\n    'aria-live': ariaLive = 'polite',\n    'aria-atomic': ariaAtomic = true,\n    'data-testid': dataTestId,\n    className: _className,\n    content: _content,\n    badgeContent: _badgeContent,\n    ...props\n  } = resolved;\n\n  const [isVisible, setIsVisible] = useState(true);\n  const isAnimating = useMountAnimation(animate || bounce);\n\n  const handleClose = (event: React.MouseEvent) => {\n    event.stopPropagation();\n    setIsVisible(false);\n    // Let the Zoom finish before telling the caller.\n    window.setTimeout(() => onClose?.(), CLOSE_DELAY_MS);\n  };\n\n  const rawContent = badgeContentOf(resolved);\n  const finalBadgeContent = buildBadgeContent({\n    variant,\n    size,\n    icon,\n    closable,\n    dataTestId,\n    baseContent: variant === 'count' ? formatCount(rawContent, { max, showZero }) : rawContent,\n    onClose: handleClose });\n\n  // A count that formatted away leaves nothing worth showing.\n  const shouldBeInvisible =\n    invisible || (variant === 'count' && finalBadgeContent === null && !showZero) || !isVisible;\n\n  return (\n    <BadgeSurface\n      {...resolved}\n      innerRef={ref}\n      isVisible={isVisible}\n      isAnimating={isAnimating}\n      shouldBeInvisible={shouldBeInvisible}\n      finalBadgeContent={finalBadgeContent}\n      aria={definedAria({\n        'aria-label': ariaLabel,\n        'aria-live': ariaLive,\n        'aria-atomic': ariaAtomic })}\n      rest={props as unknown as Record<string, unknown>}\n    />\n  );\n});\n\nBadge.displayName = 'Badge';\n","import { alpha } from '@mui/material';\nimport type { CSSObject, Theme } from '@mui/material';\n\nimport {\n  bounceAnimation,\n  fadeInScaleAnimation,\n  glowPulseAnimation,\n  pulseAnimation,\n  shimmerAnimation } from './Badge.animations';\nimport { badgeVariantStyles } from './Badge.variants';\nimport type { BadgeSize, BadgeVariant } from './Badge.types';\n\nexport type BadgePalette = {\n  main: string;\n  light?: string;\n  dark?: string;\n  contrastText?: string;\n};\nexport type BadgeSizeStyles = ReturnType<typeof getSizeStyles>;\n\nconst getColorFromTheme = (theme: Theme, color: string) => {\n  const colorMap: Record<string, ReturnType<typeof theme.palette.augmentColor>> = {\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`, the house word the prop actually takes. Keyed on MUI's `error`\n    // it matched nothing and fell through to the default.\n    danger: theme.palette.error,\n    neutral: {\n      main: theme.palette.grey[600],\n      light: theme.palette.grey[400],\n      dark: theme.palette.grey[800],\n      contrastText: theme.palette.getContrastText(theme.palette.grey[600]) } };\n\n  return colorMap[color] || theme.palette.primary;\n};\n\nexport const getSizeStyles = (size: BadgeSize) => {\n  const sizeMap: Record<\n    BadgeSize,\n    {\n      minWidth: number;\n      height: number;\n      fontSize: string;\n      padding: string;\n      dotSize: number;\n      iconSize: string;\n    }\n  > = {\n    xs: {\n      minWidth: 14,\n      height: 14,\n      fontSize: '0.5rem',\n      padding: '0 3px',\n      dotSize: 6,\n      iconSize: '0.625rem' },\n    sm: {\n      minWidth: 16,\n      height: 16,\n      fontSize: '0.625rem',\n      padding: '0 4px',\n      dotSize: 8,\n      iconSize: '0.75rem' },\n    md: {\n      minWidth: 20,\n      height: 20,\n      fontSize: '0.75rem',\n      padding: '0 6px',\n      dotSize: 10,\n      iconSize: '0.875rem' },\n    lg: {\n      minWidth: 24,\n      height: 24,\n      fontSize: '0.875rem',\n      padding: '0 8px',\n      dotSize: 12,\n      iconSize: '1rem' },\n    xl: {\n      minWidth: 28,\n      height: 28,\n      fontSize: '1rem',\n      padding: '0 10px',\n      dotSize: 14,\n      iconSize: '1.125rem' } };\n\n  return sizeMap[size] || sizeMap.md;\n};\n\nexport const getAnchorOrigin = (position: string) => {\n  const positionMap: Record<string, { vertical: 'top' | 'bottom'; horizontal: 'left' | 'right' }> =\n    {\n      'top-right': { vertical: 'top', horizontal: 'right' },\n      'top-left': { vertical: 'top', horizontal: 'left' },\n      'bottom-right': { vertical: 'bottom', horizontal: 'right' },\n      'bottom-left': { vertical: 'bottom', horizontal: 'left' } };\n\n  return positionMap[position] || positionMap['top-right'];\n};\n\n// Exactly one variant applies, so a lookup replaces ten mutually exclusive\n// spreads inside the style object.\n// The glow effect needs the badge colour as bare RGB components for a CSS\n// variable, and the palette hands them over as hex or rgb().\nconst rgbValuesOf = (color: string): string => {\n  if (color.startsWith('#')) {\n    const hex = color.slice(1);\n    const [r, g, b] = [0, 2, 4].map((offset) => parseInt(hex.slice(offset, offset + 2), 16));\n    return `${r}, ${g}, ${b}`;\n  }\n\n  const match = color.match(/\\d+/g);\n  if (match) return `${match[0]}, ${match[1]}, ${match[2]}`;\n  return '255, 255, 255';\n};\n\n// Glow and pulse combine into a third, distinct treatment rather than stacking.\nconst badgeLightingStyles = ({\n  glow,\n  pulse,\n  colorPalette }: {\n  glow?: boolean;\n  pulse?: boolean;\n  colorPalette: BadgePalette;\n}): CSSObject => ({\n      // Glow effect\n      ...(glow &&\n        !pulse && {\n          boxShadow: `0 0 15px 3px ${alpha(colorPalette.main, 0.5)}`,\n          filter: 'brightness(1.1)',\n          '&:hover': {\n            boxShadow: `0 0 20px 4px ${alpha(colorPalette.main, 0.6)}` } }),\n\n      // Pulse animation\n      ...(pulse &&\n        !glow && {\n          animation: `${pulseAnimation} 2s ease-in-out infinite` }),\n\n      // Both glow and pulse\n      ...(glow &&\n        pulse && {\n          animation: `${glowPulseAnimation} 2s ease-in-out infinite, ${pulseAnimation} 2s ease-in-out infinite`,\n          filter: 'brightness(1.1)',\n        }),\n\n});\n\nconst badgeAnimationStyles = ({\n  animate,\n  bounce,\n  shimmer,\n  glow: _glow,\n  pulse: _pulse,\n  customVariant,\n  colorPalette,\n  theme }: {\n  animate?: boolean;\n  bounce?: boolean;\n  shimmer?: boolean;\n  glow?: boolean;\n  pulse?: boolean;\n  customVariant?: BadgeVariant;\n  colorPalette: BadgePalette;\n  theme: Theme;\n}): CSSObject => ({\n      ...(animate &&\n        !bounce && {\n          animation: `${fadeInScaleAnimation} 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55)` }),\n\n      // Bounce animation\n      ...(bounce && {\n        animation: `${bounceAnimation} 1s ease-in-out` }),\n\n      // Shimmer effect\n      ...(shimmer && {\n        background:\n          customVariant === 'gradient'\n            ? `linear-gradient(135deg, ${colorPalette.main} 0%, ${colorPalette.dark || colorPalette.main} 100%)`\n            : colorPalette.main,\n        backgroundSize: shimmer ? '1000px 100%' : 'auto',\n        position: 'relative',\n        overflow: 'hidden',\n        '&::after': {\n          content: '\"\"',\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          width: '100%',\n          height: '100%',\n          background: `linear-gradient(\n            90deg,\n            transparent,\n            ${alpha(theme.palette.common.white, 0.4)},\n            transparent\n          )`,\n          animation: `${shimmerAnimation} 3s infinite` } }) });\n\n// The badge chip's own styling, lifted out so the styled() callback just\n// forwards its props.\ninterface BadgeStyleArgs {\n  theme: Theme;\n  customVariant?: BadgeVariant;\n  customSize?: BadgeSize;\n  customColor?: string;\n  glow?: boolean;\n  pulse?: boolean;\n  animate?: boolean;\n  shimmer?: boolean;\n  bounce?: boolean;\n  hasIcon?: boolean;\n}\n\nexport const badgeStyles = ({\n  theme,\n  customVariant,\n  customSize = 'md',\n  customColor = 'primary',\n  glow,\n  pulse,\n  animate,\n  shimmer,\n  bounce,\n  hasIcon }: BadgeStyleArgs): CSSObject => {\n  const colorPalette = getColorFromTheme(theme, customColor);\n  const sizeStyles = getSizeStyles(customSize);\n\n  return {\n    '--glow-color': rgbValuesOf(colorPalette.main),\n    '& .MuiBadge-badge': {\n      transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n      fontWeight: 600,\n      border: `2px solid ${theme.palette.background.paper}`,\n      letterSpacing: '0.025em',\n      textTransform:\n        customVariant === 'gradient' || customVariant === 'glass' ? 'uppercase' : 'none',\n      willChange: 'transform, opacity',\n      backfaceVisibility: 'hidden',\n\n      // Outline variant\n\n      // Destructive variant\n\n      // Warning variant\n\n      // Adjust padding when icon is present\n      ...badgeVariantStyles(theme, colorPalette, sizeStyles, customVariant),\n      ...(hasIcon && {\n        paddingLeft: sizeStyles.padding.split(' ')[1],\n        display: 'inline-flex',\n        alignItems: 'center',\n        gap: '2px',\n      }),\n\n      // Animation on mount\n      ...badgeAnimationStyles({\n        animate,\n        bounce,\n        shimmer,\n        glow,\n        pulse,\n        customVariant,\n        colorPalette,\n        theme }),\n      ...badgeLightingStyles({ glow, pulse, colorPalette }),\n\n      '&:not(.MuiBadge-dot):hover': {\n        transform: 'scale(1.1)',\n        zIndex: 1 } } };\n}\n","import type { CSSObject, Theme } from '@mui/material';\nimport { alpha } from '@mui/material';\n\nimport type { BadgePalette, BadgeSizeStyles } from './Badge.styles';\n\nconst BADGE_VARIANTS: Record<\n  string,\n  (theme: Theme, colorPalette: BadgePalette, sizeStyles: BadgeSizeStyles) => CSSObject\n> = {\n  default: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: colorPalette.main,\n        color:\n          colorPalette.contrastText || theme.palette.getContrastText?.(colorPalette.main) || '#fff',\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2 }),\n  dot: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: colorPalette.main,\n        width: sizeStyles.dotSize,\n        height: sizeStyles.dotSize,\n        minWidth: sizeStyles.dotSize,\n        borderRadius: '50%',\n        padding: 0 }),\n  count: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: colorPalette.main,\n        color:\n          colorPalette.contrastText || theme.palette.getContrastText?.(colorPalette.main) || '#fff',\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: '50%' }),\n  gradient: (theme, colorPalette, sizeStyles) => ({\n        background: `linear-gradient(135deg, ${colorPalette.main} 0%, ${colorPalette.dark || colorPalette.main} 100%)`,\n        color: '#fff',\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2 }),\n  glass: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: alpha(colorPalette.main, 0.1),\n        backdropFilter: 'blur(10px) saturate(200%)',\n        WebkitBackdropFilter: 'blur(10px) saturate(200%)',\n        border: `1px solid ${alpha(colorPalette.main, 0.2)}`,\n        color: colorPalette.main,\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2,\n        boxShadow: `inset 0 1px 1px ${alpha(theme.palette.common.white, 0.1)}` }),\n  outline: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: 'transparent',\n        border: `2px solid ${colorPalette.main}`,\n        color: colorPalette.main,\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2 }),\n  secondary: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: alpha(colorPalette.main, 0.15),\n        color: colorPalette.main,\n        border: `1px solid ${alpha(colorPalette.main, 0.3)}`,\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2 }),\n  destructive: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: theme.palette.error.main,\n        color: theme.palette.error.contrastText,\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2,\n        fontWeight: 700 }),\n  success: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: theme.palette.success.main,\n        color: theme.palette.success.contrastText,\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2 }),\n  warning: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: theme.palette.warning.main,\n        color: theme.palette.warning.contrastText,\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2 }) };\n\nexport const badgeVariantStyles = (\n  theme: Theme,\n  colorPalette: BadgePalette,\n  sizeStyles: BadgeSizeStyles,\n  customVariant?: string,\n): CSSObject =>\n  customVariant ? (BADGE_VARIANTS[customVariant]?.(theme, colorPalette, sizeStyles) ?? {}) : {};\n\n","import type { ReactNode } from 'react';\n\nimport type { BadgeProps } from './Badge.types';\n\ntype BadgeDefaultedKeys =\n  | 'variant'\n  | 'size'\n  | 'color'\n  | 'glow'\n  | 'pulse'\n  | 'animate'\n  | 'shimmer'\n  | 'bounce'\n  | 'max'\n  | 'showZero'\n  | 'position'\n  | 'closable';\n\nexport type ResolvedBadgeProps = BadgeProps & Required<Pick<BadgeProps, BadgeDefaultedKeys>>;\n\nconst BADGE_DEFAULTS: Pick<BadgeProps, BadgeDefaultedKeys> = {\n  variant: 'default',\n  size: 'md',\n  color: 'primary',\n  glow: false,\n  pulse: false,\n  animate: true,\n  shimmer: false,\n  bounce: false,\n  max: 99,\n  showZero: false,\n  position: 'top-right',\n  closable: 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 twelve\n// branches into the component's own complexity budget.\nexport const resolveBadgeProps = (props: BadgeProps): ResolvedBadgeProps =>\n  ({\n    ...BADGE_DEFAULTS,\n    ...(Object.fromEntries(\n      Object.entries(props).filter(([, value]) => value !== undefined),\n    ) as Partial<BadgeProps>),\n  }) as ResolvedBadgeProps;\n\n// `content` supersedes the older `badgeContent` prop.\nexport const badgeContentOf = (props: Pick<BadgeProps, 'content' | 'badgeContent'>): ReactNode => {\n  if (props.content !== undefined) return props.content;\n  if (props.badgeContent !== undefined) return props.badgeContent;\n  return null;\n};\n\n// Counts cap at `max` and, unless showZero is set, a zero renders nothing.\nexport const formatCount = (\n  count: ReactNode,\n  { max, showZero }: { max: number; showZero: boolean },\n): ReactNode => {\n  if (typeof count !== 'number') return count;\n  if (count === 0 && !showZero) return null;\n  if (count > max) return `${max}+`;\n  return count;\n};\n\n// MUI spreads these straight onto the badge span, where an explicit undefined\n// would render as an empty attribute.\nexport const definedAria = (\n  aria: Record<string, string | boolean | undefined>,\n): Record<string, string | boolean> =>\n  Object.fromEntries(Object.entries(aria).filter(([, value]) => value !== undefined)) as Record<\n    string,\n    string | boolean\n  >;\n","import CloseIcon from '@mui/icons-material/Close';\nimport { IconButton } from '@mui/material';\nimport type { FC, ReactNode } from 'react';\nimport React from 'react';\n\nimport { getSizeStyles } from './Badge.styles';\nimport type { BadgeSize } from './Badge.types';\n\n// CLOSE_ICON_SIZES already exists in Badge.tsx; the size lookup lives here now.\nconst CLOSE_ICON_SIZES: Record<string, string> = {\n  xs: '0.5rem',\n  sm: '0.625rem',\n  md: '0.75rem',\n  lg: '0.875rem',\n};\n\nconst makeTestId =\n  (dataTestId?: string) =>\n  (suffix: string): string =>\n    dataTestId ? `${dataTestId}-${suffix}` : `badge-${suffix}`;\n\nconst BadgeIcon: FC<{ icon: ReactNode; size: BadgeSize; testId: string }> = ({\n  icon,\n  size,\n  testId,\n}) => (\n  <span\n    key=\"icon\"\n    data-testid={testId}\n    style={{\n      fontSize: getSizeStyles(size).iconSize,\n      display: 'inline-flex',\n      alignItems: 'center',\n    }}\n  >\n    {icon}\n  </span>\n);\n\nconst BadgeCloseButton: FC<{ size: BadgeSize; testId: string; onClose: (e: React.MouseEvent) => void }> = ({\n  size,\n  testId,\n  onClose,\n}) => (\n  <IconButton\n    key=\"close\"\n    size=\"small\"\n    onClick={onClose}\n    data-testid={testId}\n    sx={{\n      p: 0,\n      ml: 0.5,\n      color: 'inherit',\n      '& svg': { fontSize: CLOSE_ICON_SIZES[size] ?? CLOSE_ICON_SIZES.lg },\n      '&:hover': { opacity: 0.8 },\n    }}\n  >\n    <CloseIcon />\n  </IconButton>\n);\n\n// The badge's inner run: optional icon, the content itself, optional close\n// button. A dot badge shows none of it.\nexport const buildBadgeContent = ({\n  variant,\n  size,\n  icon,\n  closable,\n  dataTestId,\n  baseContent,\n  onClose,\n}: {\n  variant: string;\n  size: BadgeSize;\n  icon?: ReactNode;\n  closable?: boolean;\n  dataTestId?: string;\n  baseContent: ReactNode;\n  onClose: (e: React.MouseEvent) => void;\n}): ReactNode => {\n  if (variant === 'dot') return '';\n\n  const testId = makeTestId(dataTestId);\n  const parts: ReactNode[] = [];\n\n  if (icon) parts.push(<BadgeIcon key=\"icon\" icon={icon} size={size} testId={testId('icon')} />);\n\n  if (baseContent !== null && baseContent !== undefined) {\n    parts.push(\n      <span key=\"content\" data-testid={testId('content')}>\n        {baseContent}\n      </span>,\n    );\n  }\n\n  if (closable && !variant.includes('dot')) {\n    parts.push(\n      <BadgeCloseButton key=\"close\" size={size} testId={testId('close')} onClose={onClose} />,\n    );\n  }\n\n  if (parts.length === 0) return null;\n\n  return (\n    <span style={{ display: 'inline-flex', alignItems: 'center', gap: '2px' }}>{parts}</span>\n  );\n};\n"],"mappings":"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","names":["alpha","alpha","jsx"]}