@12-apps/ui 6.19.1 → 6.21.0

package/dist/chunk-4FRZDSRD.js

@@ -1,264 +0,0 @@
-import {
-  ColumnsTab
-} from "./chunk-4N4ENTF7.js";
-import {
-  DisplayTab,
-  SortTab
-} from "./chunk-DOADQW7I.js";
-import {
-  ViewActions,
-  ViewFooter,
-  ViewHeader,
-  ViewsList
-} from "./chunk-QJJUTBKZ.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Button
-} from "./chunk-SL4NFGOL.js";
-
-// src/components/data-display/DataViews/data-views-display-panel.tsx
-import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
-import DisplaySettingsRoundedIcon from "@mui/icons-material/DisplaySettingsRounded";
-import Popover from "@mui/material/Popover/index.js";
-import { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function displayTabs(copy) {
-  return [
-    { key: "sort", label: copy.display.sortTab },
-    { key: "columns", label: copy.display.columnsTab },
-    { key: "display", label: copy.display.panelTab }
-  ];
-}
-function PanelTabs({
-  tab,
-  onChange,
-  muted,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsx(default2, { sx: { display: "flex", gap: 0.5, p: 0.75, bgcolor: "action.hover", borderBottom: 1, borderColor: "divider" }, children: displayTabs(copy).map((entry) => {
-    const active = tab === entry.key && !muted;
-    return /* @__PURE__ */ jsx(
-      default2,
-      {
-        component: "button",
-        type: "button",
-        onClick: () => onChange(entry.key),
-        "data-testid": `${testIdPrefix}-display-tab-${entry.key}`,
-        "aria-current": active,
-        sx: {
-          flex: 1,
-          px: 1,
-          py: 0.75,
-          border: 0,
-          borderRadius: 1,
-          cursor: "pointer",
-          font: "inherit",
-          fontSize: "0.8125rem",
-          bgcolor: active ? "background.paper" : "transparent",
-          boxShadow: active ? 1 : 0,
-          fontWeight: active ? 600 : 400,
-          color: active ? "text.primary" : "text.secondary"
-        },
-        children: entry.label
-      },
-      entry.key
-    );
-  }) });
-}
-function PanelBody({
-  tab,
-  c,
-  sortKinds,
-  testIdPrefix
-}) {
-  if (tab === "sort") {
-    return /* @__PURE__ */ jsx(
-      SortTab,
-      {
-        fields: c.resolvedSortFields,
-        activeField: c.activeSortField,
-        activeOrder: c.activeSortOrder,
-        onChange: (field, order) => c.patch({ sortBy: [{ id: field, dir: order }] }),
-        sortKinds,
-        testIdPrefix
-      }
-    );
-  }
-  if (tab === "columns") {
-    return /* @__PURE__ */ jsx(
-      ColumnsTab,
-      {
-        columns: c.hideableColumns,
-        order: c.columnOrder,
-        visibleColumns: c.state.visibleColumns,
-        onToggle: c.toggleColumn,
-        onReorder: (order) => c.patch({ order }),
-        onShowAll: () => c.patch({ visibleColumns: c.columnOrder }),
-        onReset: () => c.patch({ visibleColumns: c.columnOrder, order: void 0 }),
-        testIdPrefix
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(DisplayTab, { testIdPrefix });
-}
-function PanelSurface({
-  c,
-  view,
-  nav,
-  tab,
-  onTab,
-  viewsOpen,
-  onToggleViews,
-  actionsFor,
-  onOpenActions,
-  onBack,
-  sortKinds,
-  onDone,
-  testIdPrefix
-}) {
-  return /* @__PURE__ */ jsxs(default2, { "data-testid": `${testIdPrefix}-display-panel`, children: [
-    view && /* @__PURE__ */ jsx(
-      ViewHeader,
-      {
-        view,
-        open: viewsOpen,
-        onToggle: onToggleViews,
-        testIdPrefix
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      PanelTabs,
-      {
-        tab,
-        onChange: onTab,
-        muted: Boolean(nav),
-        testIdPrefix
-      }
-    ),
-    /* @__PURE__ */ jsx(default2, { sx: { maxHeight: 320, minHeight: 220, overflowY: "auto" }, children: nav ? /* @__PURE__ */ jsx(
-      ViewsBody,
-      {
-        nav,
-        actionsFor,
-        onOpenActions,
-        onBack,
-        testIdPrefix
-      }
-    ) : /* @__PURE__ */ jsx(PanelBody, { tab, c, sortKinds, testIdPrefix }) }),
-    view && /* @__PURE__ */ jsx(ViewFooter, { view, onDone, testIdPrefix })
-  ] });
-}
-function ViewsBody({
-  nav,
-  actionsFor,
-  onOpenActions,
-  onBack,
-  testIdPrefix
-}) {
-  const live = actionsFor ? nav.views.find((view) => view.id === actionsFor.id) : void 0;
-  if (live) {
-    return /* @__PURE__ */ jsx(ViewActions, { view: live, handlers: nav, onBack, testIdPrefix });
-  }
-  return /* @__PURE__ */ jsx(ViewsList, { handlers: nav, onOpenActions, testIdPrefix });
-}
-function DisplayTrigger({
-  dirty,
-  compact,
-  onOpen,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      variant: "outline",
-      size: "sm",
-      color: "neutral",
-      onClick: (event) => onOpen(event.currentTarget),
-      dataTestId: `${testIdPrefix}-display-trigger`,
-      "aria-label": copy.display.trigger,
-      title: compact ? copy.display.trigger : void 0,
-      children: /* @__PURE__ */ jsxs(default2, { component: "span", sx: { display: "inline-flex", alignItems: "center", gap: 0.5 }, children: [
-        /* @__PURE__ */ jsx(DisplaySettingsRoundedIcon, { fontSize: "small" }),
-        !compact && /* @__PURE__ */ jsx(default2, { component: "span", sx: { display: { xs: "none", sm: "inline" } }, children: copy.display.trigger }),
-        dirty && /* @__PURE__ */ jsx(default2, { component: "span", sx: { height: 6, width: 6, borderRadius: "50%", bgcolor: "primary.main" } }),
-        !compact && /* @__PURE__ */ jsx(KeyboardArrowDownRoundedIcon, { fontSize: "small" })
-      ] })
-    }
-  );
-}
-function DataViewsDisplayPanel({
-  c,
-  testIdPrefix,
-  sortKinds,
-  view,
-  compact
-}) {
-  const [anchor, setAnchor] = useState(null);
-  const [tab, setTab] = useState("columns");
-  const [viewsOpen, setViewsOpen] = useState(false);
-  const [actionsFor, setActionsFor] = useState(null);
-  const nav = viewsOpen ? view?.nav : void 0;
-  const close = () => setAnchor(null);
-  const leaveViews = () => {
-    setViewsOpen(false);
-    setActionsFor(null);
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      DisplayTrigger,
-      {
-        dirty: Boolean(view?.dirty),
-        compact: Boolean(compact),
-        onOpen: setAnchor,
-        testIdPrefix
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Popover,
-      {
-        open: Boolean(anchor),
-        anchorEl: anchor,
-        onClose: close,
-        anchorOrigin: { vertical: "bottom", horizontal: "right" },
-        transformOrigin: { vertical: "top", horizontal: "right" },
-        slotProps: { paper: { sx: { width: 320, maxWidth: "calc(100vw - 32px)" } } },
-        children: /* @__PURE__ */ jsx(
-          PanelSurface,
-          {
-            c,
-            view,
-            nav,
-            tab,
-            onTab: (next) => {
-              setTab(next);
-              leaveViews();
-            },
-            viewsOpen,
-            onToggleViews: () => {
-              setViewsOpen((prev) => !prev);
-              setActionsFor(null);
-            },
-            actionsFor,
-            onOpenActions: setActionsFor,
-            onBack: () => setActionsFor(null),
-            sortKinds,
-            onDone: close,
-            testIdPrefix
-          }
-        )
-      }
-    )
-  ] });
-}
-
-export {
-  DataViewsDisplayPanel
-};
-//# sourceMappingURL=chunk-4FRZDSRD.js.map

package/dist/chunk-4N4ENTF7.js

@@ -1,184 +0,0 @@
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Text
-} from "./chunk-2PCOC3PT.js";
-
-// src/components/data-display/DataViews/data-views-columns-tab.tsx
-import ArrowDownwardRoundedIcon from "@mui/icons-material/ArrowDownwardRounded";
-import ArrowUpwardRoundedIcon from "@mui/icons-material/ArrowUpwardRounded";
-import DragIndicatorRoundedIcon from "@mui/icons-material/DragIndicatorRounded";
-import Checkbox from "@mui/material/Checkbox/index.js";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function moved(order, id, delta) {
-  const from = order.indexOf(id);
-  const to = from + delta;
-  if (from < 0 || to < 0 || to >= order.length) return order;
-  const next = [...order];
-  [next[from], next[to]] = [next[to], next[from]];
-  return next;
-}
-function ColumnsTab({
-  columns,
-  order,
-  visibleColumns,
-  onToggle,
-  onReorder,
-  onShowAll,
-  onReset,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  const [dragId, setDragId] = useState(null);
-  const byId = new Map(columns.map((column) => [column.id, column]));
-  const ordered = order.map((id) => byId.get(id)).filter((column) => Boolean(column));
-  const visibleHideableCount = visibleColumns.filter((id) => byId.has(id)).length;
-  const dropOn = (id) => {
-    if (!dragId || dragId === id) return;
-    const without = order.filter((key) => key !== dragId);
-    without.splice(without.indexOf(id), 0, dragId);
-    onReorder(without);
-    setDragId(null);
-  };
-  return /* @__PURE__ */ jsxs(default2, { children: [
-    /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", px: 1.5, py: 1 }, children: [
-      /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { color: "text.secondary" }, "data-testid": `${testIdPrefix}-columns-count`, children: copy.columns.visibleCount(visibleHideableCount, columns.length) }) }),
-      /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", gap: 1 }, children: [
-        /* @__PURE__ */ jsx(LinkButton, { label: copy.columns.showAll, onClick: onShowAll, testId: `${testIdPrefix}-columns-show-all` }),
-        /* @__PURE__ */ jsx(LinkButton, { label: copy.columns.reset, onClick: onReset, testId: `${testIdPrefix}-columns-reset`, muted: true })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { px: 1.5, pb: 0.5, display: "block", color: "text.disabled" }, children: copy.columns.dragHint }) }),
-    /* @__PURE__ */ jsx(default2, { sx: { px: 0.75, pb: 0.75 }, children: ordered.map((column) => /* @__PURE__ */ jsx(
-      ColumnRow,
-      {
-        column,
-        visible: visibleColumns.includes(column.id),
-        dragging: dragId === column.id,
-        onToggle,
-        onDragStart: () => setDragId(column.id),
-        onDragEnd: () => setDragId(null),
-        onDrop: () => dropOn(column.id),
-        onMove: (delta) => onReorder(moved(order, column.id, delta)),
-        testIdPrefix
-      },
-      column.id
-    )) })
-  ] });
-}
-function LinkButton({
-  label,
-  onClick,
-  testId,
-  muted
-}) {
-  return /* @__PURE__ */ jsx(
-    default2,
-    {
-      component: "button",
-      type: "button",
-      onClick,
-      "data-testid": testId,
-      sx: {
-        border: 0,
-        background: "none",
-        cursor: "pointer",
-        font: "inherit",
-        fontSize: "0.75rem",
-        p: 0,
-        color: muted ? "text.secondary" : "primary.main",
-        "&:hover": { textDecoration: "underline" }
-      },
-      children: label
-    }
-  );
-}
-function ColumnRow({
-  column,
-  visible,
-  dragging,
-  onToggle,
-  onDragStart,
-  onDragEnd,
-  onDrop,
-  onMove,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(
-    default2,
-    {
-      draggable: true,
-      onDragStart,
-      onDragEnd,
-      onDragOver: (event) => event.preventDefault(),
-      onDrop,
-      "data-testid": `${testIdPrefix}-column-row-${column.id}`,
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        gap: 0.5,
-        px: 0.75,
-        py: 0.25,
-        borderRadius: 1,
-        opacity: dragging ? 0.4 : 1,
-        "&:hover": { bgcolor: "action.hover" },
-        "&:hover .dv-col-move": { opacity: 1 }
-      },
-      children: [
-        /* @__PURE__ */ jsx(default2, { component: "span", "aria-hidden": true, sx: { display: "flex", color: "action.disabled", cursor: "grab" }, children: /* @__PURE__ */ jsx(DragIndicatorRoundedIcon, { fontSize: "small" }) }),
-        /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            size: "small",
-            checked: visible,
-            onChange: (event) => onToggle(column.id, event.target.checked),
-            inputProps: { "aria-label": column.label },
-            "data-testid": `${testIdPrefix}-column-toggle-${column.id}`
-          }
-        ),
-        /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { flex: 1, color: visible ? "text.primary" : "text.disabled" }, children: column.label }) }),
-        /* @__PURE__ */ jsxs(default2, { className: "dv-col-move", sx: { ml: "auto", display: "flex", opacity: 0, transition: "opacity .15s" }, children: [
-          /* @__PURE__ */ jsx(MoveButton, { label: copy.columns.moveUp(column.label), onClick: () => onMove(-1), up: true }),
-          /* @__PURE__ */ jsx(MoveButton, { label: copy.columns.moveDown(column.label), onClick: () => onMove(1) })
-        ] })
-      ]
-    }
-  );
-}
-function MoveButton({
-  label,
-  onClick,
-  up
-}) {
-  return /* @__PURE__ */ jsx(
-    default2,
-    {
-      component: "button",
-      type: "button",
-      "aria-label": label,
-      onClick,
-      sx: {
-        display: "flex",
-        border: 0,
-        p: 0.25,
-        background: "none",
-        borderRadius: 0.5,
-        cursor: "pointer",
-        color: "text.secondary",
-        "&:hover": { bgcolor: "action.selected" }
-      },
-      children: up ? /* @__PURE__ */ jsx(ArrowUpwardRoundedIcon, { sx: { fontSize: 14 } }) : /* @__PURE__ */ jsx(ArrowDownwardRoundedIcon, { sx: { fontSize: 14 } })
-    }
-  );
-}
-
-export {
-  ColumnsTab
-};
-//# sourceMappingURL=chunk-4N4ENTF7.js.map

package/dist/chunk-4Q7HWRR2.js

@@ -1,220 +0,0 @@
-import {
-  badgeVariantStyles
-} from "./chunk-3HWL4AW4.js";
-import {
-  bounceAnimation,
-  fadeInScaleAnimation,
-  glowPulseAnimation,
-  pulseAnimation,
-  shimmerAnimation
-} from "./chunk-HKFMPEXJ.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 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 ${alpha(colorPalette.main, 0.5)}`,
-    filter: "brightness(1.1)",
-    "&:hover": {
-      boxShadow: `0 0 20px 4px ${alpha(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,
-            ${alpha(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
-      }
-    }
-  };
-};
-
-export {
-  getSizeStyles,
-  getAnchorOrigin,
-  badgeStyles
-};
-//# sourceMappingURL=chunk-4Q7HWRR2.js.map

package/dist/chunk-4Q7HWRR2.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 { 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"],"mappings":"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","names":[]}