@12-apps/ui 6.33.1 → 6.34.0

package/dist/chunk-5BW7NCM5.js

@@ -1,77 +0,0 @@
-import {
-  Avatar
-} from "./chunk-ZB6BX4GO.js";
-import {
-  Card
-} from "./chunk-AIRWM7KK.js";
-import {
-  Button
-} from "./chunk-6MDBMCFK.js";
-import {
-  Text
-} from "./chunk-H57ZS6W2.js";
-
-// src/user-avatar/user-avatar.tsx
-import Box from "@mui/material/Box/index.js";
-import Stack from "@mui/material/Stack/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-function getInitials(name) {
-  const parts = name.trim().split(/\s+/);
-  if (parts.length === 1) {
-    return parts[0]?.substring(0, 2).toUpperCase() ?? "";
-  }
-  return ((parts[0]?.charAt(0) ?? "") + (parts[parts.length - 1]?.charAt(0) ?? "")).toUpperCase();
-}
-function UserAvatar({
-  src,
-  name,
-  size = "md",
-  onClick,
-  interactive = false
-}) {
-  const fallbackText = name ? getInitials(name) : "?";
-  return /* @__PURE__ */ jsx(
-    Avatar,
-    {
-      src: src ?? void 0,
-      alt: name ?? "User avatar",
-      fallback: fallbackText,
-      size,
-      variant: "circle",
-      interactive: interactive || !!onClick,
-      onClick
-    }
-  );
-}
-function UserMenu({ user, onSignOut, copy }) {
-  return /* @__PURE__ */ jsx(Card, { variant: "elevated", borderRadius: "md", children: /* @__PURE__ */ jsx(Box, { sx: { p: 2 }, children: /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
-    /* @__PURE__ */ jsx(
-      UserAvatar,
-      {
-        src: user.image,
-        name: user.name,
-        size: "md"
-      }
-    ),
-    /* @__PURE__ */ jsxs(Stack, { spacing: 0.5, sx: { flex: 1, minWidth: 0 }, children: [
-      /* @__PURE__ */ jsx(Text, { weight: "semibold", size: "sm", children: user.name ?? "User" }),
-      user.email && /* @__PURE__ */ jsx(Text, { color: "secondary", size: "xs", children: user.email })
-    ] }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "outline",
-        color: "danger",
-        size: "sm",
-        onClick: onSignOut,
-        children: copy.signOut
-      }
-    )
-  ] }) }) });
-}
-
-export {
-  UserAvatar,
-  UserMenu
-};
-//# sourceMappingURL=chunk-5BW7NCM5.js.map

package/dist/chunk-5FA5S2YN.js

@@ -1,125 +0,0 @@
-import {
-  Input
-} from "./chunk-P3L42CBB.js";
-import {
-  FormControl,
-  FormLabel,
-  FormMessage
-} from "./chunk-IPPTOL53.js";
-
-// src/components/form/CepField/CepField.tsx
-import { useCallback, useEffect, useRef, useState } from "react";
-import { cepDigits, formatCep, isValidCep } from "@12-apps/forms-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-function useCepLookup({
-  digits,
-  complete,
-  disabled,
-  debounceMs,
-  onLookup,
-  onResolved,
-  onNotFound
-}) {
-  const [status, setStatus] = useState("idle");
-  const lastQueriedRef = useRef("");
-  const seqRef = useRef(0);
-  const lookupRef = useRef(onLookup);
-  const resolvedRef = useRef(onResolved);
-  const notFoundRef = useRef(onNotFound);
-  lookupRef.current = onLookup;
-  resolvedRef.current = onResolved;
-  notFoundRef.current = onNotFound;
-  useEffect(() => {
-    if (!complete || disabled || !lookupRef.current) {
-      seqRef.current += 1;
-      setStatus("idle");
-      lastQueriedRef.current = "";
-      return;
-    }
-    if (lastQueriedRef.current === digits) return;
-    const mySeq = seqRef.current += 1;
-    const handle = setTimeout(() => {
-      lastQueriedRef.current = digits;
-      setStatus("loading");
-      void (async () => {
-        const address = await Promise.resolve().then(() => lookupRef.current?.(digits)).catch(() => null);
-        if (seqRef.current !== mySeq) return;
-        setStatus(address ? "found" : "notfound");
-        if (address) resolvedRef.current?.(address);
-        else notFoundRef.current?.();
-      })();
-    }, debounceMs);
-    return () => clearTimeout(handle);
-  }, [digits, complete, disabled, debounceMs]);
-  return status;
-}
-function CepStatus({
-  status,
-  testId,
-  suppressed,
-  copy
-}) {
-  const visible = !suppressed && status !== "idle";
-  return /* @__PURE__ */ jsx("span", { id: `${testId}-status`, role: "status", "aria-live": "polite", children: visible && /* @__PURE__ */ jsx(FormMessage, { error: status === "notfound", dataTestId: `${testId}-${status}`, children: copy[status] }) });
-}
-function CepField({
-  value,
-  onChange,
-  onLookup,
-  onResolved,
-  onNotFound,
-  label = "CEP",
-  placeholder = "00000-000",
-  error,
-  disabled = false,
-  debounceMs = 500,
-  name = "postalCode",
-  dataTestId,
-  copy
-}) {
-  const testId = dataTestId ?? `cep-field-${name}`;
-  const status = useCepLookup({
-    digits: cepDigits(value),
-    complete: isValidCep(value),
-    disabled,
-    debounceMs,
-    onLookup,
-    onResolved,
-    onNotFound
-  });
-  const handleChange = useCallback(
-    (event) => onChange(formatCep(event.target.value)),
-    [onChange]
-  );
-  return /* @__PURE__ */ jsxs(FormControl, { fullWidth: true, children: [
-    label && /* @__PURE__ */ jsx(FormLabel, { htmlFor: name, error: Boolean(error), children: label }),
-    /* @__PURE__ */ jsx(
-      Input,
-      {
-        id: name,
-        name,
-        type: "text",
-        inputMode: "numeric",
-        autoComplete: "postal-code",
-        placeholder,
-        value,
-        error: Boolean(error),
-        disabled,
-        loading: status === "loading",
-        onChange: handleChange,
-        "data-testid": testId,
-        "aria-describedby": `${testId}-status`,
-        "aria-busy": status === "loading"
-      }
-    ),
-    error && /* @__PURE__ */ jsx(FormMessage, { error: true, dataTestId: `${testId}-message`, children: error }),
-    /* @__PURE__ */ jsx(CepStatus, { status, testId, suppressed: Boolean(error), copy })
-  ] });
-}
-var CepField_default = CepField;
-
-export {
-  CepField,
-  CepField_default
-};
-//# sourceMappingURL=chunk-5FA5S2YN.js.map

package/dist/chunk-5QFEHSTR.js

@@ -1,227 +0,0 @@
-import {
-  SonnerToast
-} from "./chunk-GGNHZ4GA.js";
-
-// src/components/feedback/Sonner/Sonner.tsx
-import Box from "@mui/material/Box/index.js";
-import Portal from "@mui/material/Portal/index.js";
-import React, { createContext, useCallback, useContext, useRef, useState, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var SonnerContext = createContext(null);
-var DEFAULT_DURATION_MS = 4e3;
-var buildToastItem = (toast2, id, type) => ({
-  ...toast2,
-  id,
-  type: type || toast2.type || "default",
-  createdAt: Date.now(),
-  visible: true
-});
-var scheduleAutoDismiss = (toast2, id, dismiss) => {
-  if (toast2.persistent || toast2.duration === 0) return;
-  window.setTimeout(() => dismiss(id), toast2.duration ?? DEFAULT_DURATION_MS);
-};
-var EXIT_TRANSITION_MS = 300;
-var resolveMessage = (message, value) => typeof message === "function" ? message(value) : message;
-var trackPromiseWithToasts = async (promiseToResolve, options, toasts) => {
-  const toastId = toasts.loading(options.loading);
-  try {
-    const data = await promiseToResolve;
-    toasts.dismiss(toastId);
-    toasts.success(resolveMessage(options.success, data));
-    return data;
-  } catch (err) {
-    toasts.dismiss(toastId);
-    toasts.error(resolveMessage(options.error, err instanceof Error ? err : new Error(String(err))));
-    throw err;
-  }
-};
-var SonnerProvider = ({ children, dismissLabel }) => {
-  const [toasts, setToasts] = useState([]);
-  const toastCounter = useRef(0);
-  const dismiss = useCallback((id) => {
-    const matches = (toast3) => id === void 0 || toast3.id === id;
-    setToasts(
-      (prev) => prev.map((toast3) => matches(toast3) ? { ...toast3, visible: false } : toast3)
-    );
-    window.setTimeout(() => {
-      setToasts((prev) => prev.filter((toast3) => !matches(toast3)));
-    }, EXIT_TRANSITION_MS);
-  }, []);
-  const addToast = useCallback(
-    (toast3, type) => {
-      const id = `sonner-${++toastCounter.current}`;
-      setToasts((prev) => [...prev, buildToastItem(toast3, id, type)]);
-      scheduleAutoDismiss(toast3, id, dismiss);
-      return id;
-    },
-    [dismiss]
-  );
-  const makeShortcut = useCallback(
-    (type, extra) => (message, options) => addToast({ dismissLabel, ...options, ...extra, title: message }, type),
-    [addToast]
-  );
-  const toast2 = useMemo(() => makeShortcut("default"), [makeShortcut]);
-  const success = useMemo(() => makeShortcut("success"), [makeShortcut]);
-  const error = useMemo(() => makeShortcut("error"), [makeShortcut]);
-  const warning = useMemo(() => makeShortcut("warning"), [makeShortcut]);
-  const info = useMemo(() => makeShortcut("info"), [makeShortcut]);
-  const loading = useMemo(
-    () => makeShortcut("loading", { persistent: true }),
-    [makeShortcut]
-  );
-  const promise = useCallback(
-    (promiseToResolve, options) => trackPromiseWithToasts(promiseToResolve, options, { loading, success, error, dismiss }),
-    [loading, success, error, dismiss]
-  );
-  const contextValue = {
-    toast: toast2,
-    success,
-    error,
-    warning,
-    info,
-    loading,
-    dismiss,
-    promise
-  };
-  useRegisterGlobalToast(contextValue);
-  return /* @__PURE__ */ jsxs(SonnerContext.Provider, { value: contextValue, children: [
-    children,
-    /* @__PURE__ */ jsx(SonnerToaster, { toasts, onDismiss: dismiss })
-  ] });
-};
-var useSonner = () => {
-  const context = useContext(SonnerContext);
-  if (!context) {
-    throw new Error("useSonner must be used within a SonnerProvider");
-  }
-  return context;
-};
-var SonnerToaster = ({ toasts, onDismiss }) => {
-  const MAX_VISIBLE_TOASTS = 5;
-  const visibleToasts = toasts.slice(-MAX_VISIBLE_TOASTS);
-  const hiddenCount = Math.max(0, toasts.length - MAX_VISIBLE_TOASTS);
-  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsxs(
-    Box,
-    {
-      sx: {
-        position: "fixed",
-        top: 16,
-        right: 16,
-        zIndex: 9999,
-        display: "flex",
-        flexDirection: "column",
-        pointerEvents: "none",
-        maxHeight: "calc(100vh - 32px)",
-        overflowY: "auto",
-        overflowX: "hidden"
-      },
-      children: [
-        hiddenCount > 0 && /* @__PURE__ */ jsxs(
-          Box,
-          {
-            sx: {
-              p: 1,
-              mb: 0.5,
-              textAlign: "center",
-              fontSize: "0.75rem",
-              color: "text.secondary",
-              pointerEvents: "none"
-            },
-            children: [
-              "+",
-              hiddenCount,
-              " more"
-            ]
-          }
-        ),
-        visibleToasts.map((toast2) => /* @__PURE__ */ jsx(Box, { sx: { pointerEvents: "auto" }, children: /* @__PURE__ */ jsx(SonnerToast, { ...toast2, onDismiss }) }, toast2.id))
-      ]
-    }
-  ) });
-};
-var globalToastContext = null;
-var useRegisterGlobalToast = (context) => {
-  React.useEffect(() => {
-    globalToastContext = context;
-    return () => {
-      globalToastContext = null;
-    };
-  }, [context]);
-};
-var createToastInstance = () => {
-  const warnNoProvider = () => {
-    if (typeof window !== "undefined" && window.console && window.console.warn) {
-      window.console.warn("Sonner: No SonnerProvider found. Please wrap your app with SonnerProvider.");
-    }
-  };
-  const methods = {
-    toast: (message, options) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        return "no-provider";
-      }
-      return globalToastContext.toast(message, options);
-    },
-    success: (message, options) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        return "no-provider";
-      }
-      return globalToastContext.success(message, options);
-    },
-    error: (message, options) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        return "no-provider";
-      }
-      return globalToastContext.error(message, options);
-    },
-    warning: (message, options) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        return "no-provider";
-      }
-      return globalToastContext.warning(message, options);
-    },
-    info: (message, options) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        return "no-provider";
-      }
-      return globalToastContext.info(message, options);
-    },
-    loading: (message, options) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        return "no-provider";
-      }
-      return globalToastContext.loading(message, options);
-    },
-    dismiss: (id) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        return;
-      }
-      globalToastContext.dismiss(id);
-    },
-    promise: async (promiseToResolve, options) => {
-      if (!globalToastContext) {
-        warnNoProvider();
-        throw new Error("No SonnerProvider found");
-      }
-      return globalToastContext.promise(promiseToResolve, options);
-    }
-  };
-  return methods;
-};
-var toast = createToastInstance();
-var Toaster = ({ children, dismissLabel }) => /* @__PURE__ */ jsx(SonnerProvider, { dismissLabel, children });
-
-export {
-  SonnerProvider,
-  useSonner,
-  useRegisterGlobalToast,
-  toast,
-  Toaster
-};
-//# sourceMappingURL=chunk-5QFEHSTR.js.map

package/dist/chunk-5RHMLOIA.js

@@ -1,200 +0,0 @@
-import {
-  badgeVariantStyles
-} from "./chunk-L4D6YLLU.js";
-import {
-  bounceAnimation,
-  fadeInScaleAnimation,
-  glowPulseAnimation,
-  pulseAnimation,
-  shimmerAnimation
-} from "./chunk-J6CSPDC7.js";
-import {
-  BADGE_BORDER_WIDTH,
-  BADGE_CONTENT_GAP,
-  BADGE_FONT_WEIGHT,
-  BADGE_LETTER_SPACING_EM,
-  BADGE_SIZES,
-  BADGE_TRANSITION_EASING,
-  BADGE_TRANSITION_MS,
-  BOUNCE,
-  FADE_IN_SCALE,
-  GLOW,
-  HOVER_SCALE,
-  PULSE,
-  SHIMMER,
-  badgeAnchor
-} from "./chunk-XV2TDULR.js";
-import {
-  px
-} from "./chunk-PE4ZW3IA.js";
-
-// src/components/data-display/Badge/Badge.styles.ts
-import { alpha } from "@mui/material/styles/index.js";
-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 sizeMap = Object.fromEntries(
-  Object.entries(BADGE_SIZES).map(([size, metrics]) => [
-    size,
-    {
-      minWidth: metrics.minWidth,
-      height: metrics.height,
-      fontSize: px(metrics.fontSize),
-      padding: `0 ${metrics.paddingHorizontal}px`,
-      dotSize: metrics.dotSize,
-      iconSize: px(metrics.iconSize)
-    }
-  ])
-);
-var getSizeStyles = (size) => sizeMap[size] || sizeMap.md;
-var getAnchorOrigin = (position) => badgeAnchor(position || "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 ${GLOW.blur}px ${GLOW.spread}px ${alpha(colorPalette.main, GLOW.alpha)}`,
-    filter: `brightness(${GLOW.brightness})`,
-    "&:hover": {
-      boxShadow: `0 0 ${GLOW.hoverBlur}px ${GLOW.hoverSpread}px ${alpha(colorPalette.main, GLOW.hoverAlpha)}`
-    }
-  },
-  // Pulse animation
-  ...pulse && !glow && {
-    animation: `${pulseAnimation} ${PULSE.durationMs / 1e3}s ease-in-out infinite`
-  },
-  // Both glow and pulse
-  ...glow && pulse && {
-    animation: `${glowPulseAnimation} ${PULSE.durationMs / 1e3}s ease-in-out infinite, ${pulseAnimation} ${PULSE.durationMs / 1e3}s ease-in-out infinite`,
-    filter: `brightness(${GLOW.brightness})`
-  }
-});
-var badgeAnimationStyles = ({
-  animate,
-  bounce,
-  shimmer,
-  glow: _glow,
-  pulse: _pulse,
-  customVariant,
-  colorPalette,
-  theme
-}) => ({
-  ...animate && !bounce && {
-    animation: `${fadeInScaleAnimation} ${FADE_IN_SCALE.durationMs / 1e3}s cubic-bezier(0.68, -0.55, 0.265, 1.55)`
-  },
-  // Bounce animation
-  ...bounce && {
-    animation: `${bounceAnimation} ${BOUNCE.durationMs / 1e3}s 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,
-            ${alpha(theme.palette.common.white, SHIMMER.alpha)},
-            transparent
-          )`,
-      animation: `${shimmerAnimation} ${SHIMMER.durationMs / 1e3}s 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 ${BADGE_TRANSITION_MS / 1e3}s ${BADGE_TRANSITION_EASING}`,
-      fontWeight: BADGE_FONT_WEIGHT,
-      border: `${BADGE_BORDER_WIDTH}px solid ${theme.palette.background.paper}`,
-      letterSpacing: `${BADGE_LETTER_SPACING_EM}em`,
-      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: `${BADGE_CONTENT_GAP}px`
-      },
-      // Animation on mount
-      ...badgeAnimationStyles({
-        animate,
-        bounce,
-        shimmer,
-        glow,
-        pulse,
-        customVariant,
-        colorPalette,
-        theme
-      }),
-      ...badgeLightingStyles({ glow, pulse, colorPalette }),
-      "&:not(.MuiBadge-dot):hover": {
-        transform: `scale(${HOVER_SCALE})`,
-        zIndex: 1
-      }
-    }
-  };
-};
-
-export {
-  getSizeStyles,
-  getAnchorOrigin,
-  badgeStyles
-};
-//# sourceMappingURL=chunk-5RHMLOIA.js.map

package/dist/chunk-5RHMLOIA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Badge/Badge.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport {\n  bounceAnimation,\n  fadeInScaleAnimation,\n  glowPulseAnimation,\n  pulseAnimation,\n  shimmerAnimation } from './Badge.animations';\nimport {\n  BADGE_BORDER_WIDTH,\n  BADGE_CONTENT_GAP,\n  BADGE_FONT_WEIGHT,\n  BADGE_LETTER_SPACING_EM,\n  BADGE_SIZES,\n  BADGE_TRANSITION_EASING,\n  BADGE_TRANSITION_MS,\n  BOUNCE,\n  FADE_IN_SCALE,\n  GLOW,\n  HOVER_SCALE,\n  PULSE,\n  SHIMMER,\n  badgeAnchor,\n} from './Badge.metrics';\nimport { badgeVariantStyles } from './Badge.variants';\nimport type { BadgeSize, BadgeVariant } from './Badge.types';\nimport { px } from '../../../tokens/theme';\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\n// Derived from the shared metrics, not restated: the native `Badge` reads the\n// same table, so the two renderers cannot disagree on a chip.\nconst 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> = Object.fromEntries(\n  Object.entries(BADGE_SIZES).map(([size, metrics]) => [\n    size,\n    {\n      minWidth: metrics.minWidth,\n      height: metrics.height,\n      fontSize: px(metrics.fontSize),\n      padding: `0 ${metrics.paddingHorizontal}px`,\n      dotSize: metrics.dotSize,\n      iconSize: px(metrics.iconSize),\n    },\n  ]),\n) as Record<\n  BadgeSize,\n  { minWidth: number; height: number; fontSize: string; padding: string; dotSize: number; iconSize: string }\n>;\n\nexport const getSizeStyles = (size: BadgeSize) => sizeMap[size] || sizeMap.md;\n\nexport const getAnchorOrigin = (position: string) =>\n  badgeAnchor((position || 'top-right') as Parameters<typeof badgeAnchor>[0]);\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 ${GLOW.blur}px ${GLOW.spread}px ${alpha(colorPalette.main, GLOW.alpha)}`,\n          filter: `brightness(${GLOW.brightness})`,\n          '&:hover': {\n            boxShadow: `0 0 ${GLOW.hoverBlur}px ${GLOW.hoverSpread}px ${alpha(colorPalette.main, GLOW.hoverAlpha)}` } }),\n\n      // Pulse animation\n      ...(pulse &&\n        !glow && {\n          animation: `${pulseAnimation} ${PULSE.durationMs / 1000}s ease-in-out infinite` }),\n\n      // Both glow and pulse\n      ...(glow &&\n        pulse && {\n          animation: `${glowPulseAnimation} ${PULSE.durationMs / 1000}s ease-in-out infinite, ${pulseAnimation} ${PULSE.durationMs / 1000}s ease-in-out infinite`,\n          filter: `brightness(${GLOW.brightness})`,\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} ${FADE_IN_SCALE.durationMs / 1000}s cubic-bezier(0.68, -0.55, 0.265, 1.55)` }),\n\n      // Bounce animation\n      ...(bounce && {\n        animation: `${bounceAnimation} ${BOUNCE.durationMs / 1000}s 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, SHIMMER.alpha)},\n            transparent\n          )`,\n          animation: `${shimmerAnimation} ${SHIMMER.durationMs / 1000}s 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 ${BADGE_TRANSITION_MS / 1000}s ${BADGE_TRANSITION_EASING}`,\n      fontWeight: BADGE_FONT_WEIGHT,\n      border: `${BADGE_BORDER_WIDTH}px solid ${theme.palette.background.paper}`,\n      letterSpacing: `${BADGE_LETTER_SPACING_EM}em`,\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: `${BADGE_CONTENT_GAP}px`,\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(${HOVER_SCALE})`,\n        zIndex: 1 } } };\n}\n"],"mappings":"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","names":[]}