@12-apps/ui 6.11.1 → 6.12.1

package/dist/chunk-VMSAKD4H.js

@@ -1,120 +0,0 @@
-// src/components/data-display/Popover/Popover.tsx
-import { alpha, keyframes, Paper, Popover as MuiPopover } from "@mui/material";
-import { styled } from "@mui/material";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var pulseAnimation = keyframes`
-  0% {
-    box-shadow: 0 0 0 0 currentColor;
-    opacity: 1;
-  }
-  70% {
-    box-shadow: 0 0 0 10px currentColor;
-    opacity: 0;
-  }
-  100% {
-    box-shadow: 0 0 0 0 currentColor;
-    opacity: 0;
-  }
-`;
-var StyledPaper = styled(Paper, {
-  shouldForwardProp: (prop) => !["customVariant", "glow", "pulse"].includes(prop)
-})(({ theme, customVariant, glow, pulse }) => ({
-  borderRadius: theme.spacing(1.5),
-  transition: "all 0.3s ease",
-  position: "relative",
-  overflow: "hidden",
-  // Variant styles
-  ...customVariant === "default" && {
-    backgroundColor: theme.palette.background.paper,
-    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-    boxShadow: theme.shadows[8]
-  },
-  ...customVariant === "glass" && {
-    backgroundColor: alpha(theme.palette.background.paper, 0.1),
-    backdropFilter: "blur(20px)",
-    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-    boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.1)}`
-  },
-  ...customVariant === "arrow" && {
-    backgroundColor: theme.palette.background.paper,
-    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-    boxShadow: theme.shadows[12]
-  },
-  // Glow effect
-  ...glow && !pulse && {
-    boxShadow: `0 0 20px 5px ${alpha(theme.palette.primary.main, 0.3)} !important`,
-    filter: "brightness(1.05)"
-  },
-  // Pulse animation
-  ...pulse && !glow && {
-    position: "relative",
-    "&::after": {
-      content: '""',
-      position: "absolute",
-      top: 0,
-      left: 0,
-      right: 0,
-      bottom: 0,
-      borderRadius: "inherit",
-      backgroundColor: theme.palette.primary.main,
-      opacity: 0.1,
-      animation: `${pulseAnimation} 2s infinite`,
-      pointerEvents: "none",
-      zIndex: -1
-    }
-  },
-  // Both glow and pulse
-  ...glow && pulse && {
-    position: "relative",
-    boxShadow: `0 0 20px 5px ${alpha(theme.palette.primary.main, 0.3)} !important`,
-    filter: "brightness(1.05)",
-    "&::after": {
-      content: '""',
-      position: "absolute",
-      top: 0,
-      left: 0,
-      right: 0,
-      bottom: 0,
-      borderRadius: "inherit",
-      backgroundColor: theme.palette.primary.main,
-      opacity: 0.1,
-      animation: `${pulseAnimation} 2s infinite`,
-      pointerEvents: "none",
-      zIndex: -1
-    }
-  }
-}));
-var Popover = React.forwardRef(
-  ({
-    variant = "default",
-    glow = false,
-    pulse = false,
-    maxWidth = 400,
-    dataTestId,
-    children,
-    ...props
-  }, ref) => /* @__PURE__ */ jsx(
-    MuiPopover,
-    {
-      ref,
-      "data-testid": dataTestId || "popover-content",
-      PaperProps: {
-        component: StyledPaper,
-        customVariant: variant,
-        glow,
-        pulse,
-        sx: { maxWidth },
-        ...props.PaperProps
-      },
-      ...props,
-      children
-    }
-  )
-);
-Popover.displayName = "Popover";
-
-export {
-  Popover
-};
-//# sourceMappingURL=chunk-VMSAKD4H.js.map

package/dist/chunk-VMSAKD4H.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Popover/Popover.tsx"],"sourcesContent":["import type { PaperProps } from '@mui/material';\nimport { alpha, keyframes,Paper, Popover as MuiPopover } from '@mui/material';\nimport { styled } from '@mui/material';\nimport React from 'react';\n\nimport type { PopoverProps } from './Popover.types';\n\n// Define pulse animation\nconst pulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 10px currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\nconst StyledPaper = styled(Paper, {\n  shouldForwardProp: (prop) => \n    !['customVariant', 'glow', 'pulse'].includes(prop as string),\n})<{ \n  customVariant?: string; \n  glow?: boolean; \n  pulse?: boolean; \n}>(({ theme, customVariant, glow, pulse }) => ({\n  borderRadius: theme.spacing(1.5),\n  transition: 'all 0.3s ease',\n  position: 'relative',\n  overflow: 'hidden',\n\n  // Variant styles\n  ...(customVariant === 'default' && {\n    backgroundColor: theme.palette.background.paper,\n    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n    boxShadow: theme.shadows[8],\n  }),\n\n  ...(customVariant === 'glass' && {\n    backgroundColor: alpha(theme.palette.background.paper, 0.1),\n    backdropFilter: 'blur(20px)',\n    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n    boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.1)}`,\n  }),\n\n  ...(customVariant === 'arrow' && {\n    backgroundColor: theme.palette.background.paper,\n    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n    boxShadow: theme.shadows[12],\n  }),\n\n  // Glow effect\n  ...(glow && !pulse && {\n    boxShadow: `0 0 20px 5px ${alpha(theme.palette.primary.main, 0.3)} !important`,\n    filter: 'brightness(1.05)',\n  }),\n\n  // Pulse animation\n  ...(pulse && !glow && {\n    position: 'relative',\n    '&::after': {\n      content: '\"\"',\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      borderRadius: 'inherit',\n      backgroundColor: theme.palette.primary.main,\n      opacity: 0.1,\n      animation: `${pulseAnimation} 2s infinite`,\n      pointerEvents: 'none',\n      zIndex: -1,\n    },\n  }),\n\n  // Both glow and pulse\n  ...(glow && pulse && {\n    position: 'relative',\n    boxShadow: `0 0 20px 5px ${alpha(theme.palette.primary.main, 0.3)} !important`,\n    filter: 'brightness(1.05)',\n    '&::after': {\n      content: '\"\"',\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      borderRadius: 'inherit',\n      backgroundColor: theme.palette.primary.main,\n      opacity: 0.1,\n      animation: `${pulseAnimation} 2s infinite`,\n      pointerEvents: 'none',\n      zIndex: -1,\n    },\n  }),\n}));\n\nexport const Popover = React.forwardRef<HTMLDivElement, PopoverProps>(\n  ({\n    variant = 'default',\n    glow = false,\n    pulse = false,\n    maxWidth = 400,\n    dataTestId,\n    children,\n    ...props\n  }, ref) => (\n      <MuiPopover\n        ref={ref}\n        data-testid={dataTestId || 'popover-content'}\n        PaperProps={{\n          component: StyledPaper as React.ComponentType<PaperProps>,\n          customVariant: variant,\n          glow,\n          pulse,\n          sx: { maxWidth },\n          ...props.PaperProps,\n        } as PaperProps & { customVariant?: string; glow?: boolean; pulse?: boolean }}\n        {...props}\n      >\n        {children}\n      </MuiPopover>\n    )\n);\n\nPopover.displayName = 'Popover';"],"mappings":"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","names":[]}

package/dist/chunk-VQNQA3DV.js

@@ -1,103 +0,0 @@
-import {
-  renderChartByType
-} from "./chunk-LPBAISNF.js";
-import {
-  getSizeStyles,
-  getVariantStyles
-} from "./chunk-2DGJMXCD.js";
-import {
-  ChartContainer
-} from "./chunk-QDNQGWEW.js";
-import {
-  muiColor
-} from "./chunk-OZCEKQIX.js";
-
-// src/components/data-display/Chart/Chart.tsx
-import { Box, CircularProgress, Paper, Typography, useTheme } from "@mui/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-function variantSx(theme, props) {
-  return getVariantStyles(theme, {
-    variant: props.variant ?? "default",
-    color: props.color ?? "primary",
-    glow: props.glow ?? false,
-    pulse: props.pulse ?? false,
-    glass: props.glass ?? false,
-    gradient: props.gradient ?? false,
-    disabled: props.disabled ?? false
-  });
-}
-function ChartHeader({ title, subtitle, neon, dataTestId }) {
-  if (!title && !subtitle) return null;
-  return /* @__PURE__ */ jsxs(Box, { sx: { mb: 2 }, "data-testid": `${dataTestId}-header`, children: [
-    title && /* @__PURE__ */ jsx(
-      Typography,
-      {
-        variant: "h6",
-        "data-testid": `${dataTestId}-title`,
-        sx: { color: neon ? "#00ffff" : "text.primary", fontWeight: 600 },
-        children: title
-      }
-    ),
-    subtitle && /* @__PURE__ */ jsx(
-      Typography,
-      {
-        variant: "body2",
-        "data-testid": `${dataTestId}-subtitle`,
-        sx: { color: neon ? "rgba(0, 255, 255, 0.7)" : "text.secondary" },
-        children: subtitle
-      }
-    )
-  ] });
-}
-var Chart = (props) => {
-  const theme = useTheme();
-  const sizeStyles = getSizeStyles(props.size, props.height);
-  const styles = variantSx(theme, props);
-  const dataTestId = props["data-testid"] ?? "chart";
-  if (props.loading) {
-    return /* @__PURE__ */ jsx(
-      Paper,
-      {
-        "data-testid": `${dataTestId}-loading`,
-        sx: { ...styles, ...sizeStyles, display: "flex", justifyContent: "center", alignItems: "center" },
-        children: /* @__PURE__ */ jsx(CircularProgress, { color: muiColor(props.color ?? "primary", "inherit"), "data-testid": `${dataTestId}-loading-spinner` })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    Paper,
-    {
-      "data-testid": dataTestId,
-      className: props.className,
-      sx: { p: 2, ...styles, ...props.style },
-      onFocus: props.onFocus,
-      onBlur: props.onBlur,
-      children: [
-        /* @__PURE__ */ jsx(
-          ChartHeader,
-          {
-            title: props.title,
-            subtitle: props.subtitle,
-            neon: props.variant === "neon",
-            dataTestId
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          ChartContainer,
-          {
-            responsive: props.responsive ?? true,
-            width: props.width ?? "100%",
-            height: props.fillHeight === true ? "100%" : sizeStyles.height,
-            "data-testid": `${dataTestId}-container`,
-            children: renderChartByType(props, theme)
-          }
-        )
-      ]
-    }
-  );
-};
-
-export {
-  Chart
-};
-//# sourceMappingURL=chunk-VQNQA3DV.js.map

package/dist/chunk-VQNQA3DV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Chart/Chart.tsx"],"sourcesContent":["import { Box, CircularProgress, Paper, Typography, useTheme, type Theme } from '@mui/material';\nimport React from 'react';\n\nimport type { ChartProps } from './Chart.types';\nimport { ChartContainer } from './ChartComposables';\nimport { getSizeStyles, getVariantStyles } from './chart-internals';\nimport { renderChartByType } from './chart-renderers';\nimport { muiColor } from '../../../tokens/scales';\n\n/**\n * Prop-driven Recharts wrapper (line/bar/area/pie/radar/scatter/composed)\n * with MUI-themed chrome. The serializable-spec API (`SpecChart`) layers on\n * top of this component; type-specific rendering lives in\n * `chart-renderers.tsx` and styling in `chart-internals.ts`.\n */\n\nfunction variantSx(theme: Theme, props: ChartProps): Record<string, unknown> {\n  return getVariantStyles(theme, {\n    variant: props.variant ?? 'default',\n    color: props.color ?? 'primary',\n    glow: props.glow ?? false,\n    pulse: props.pulse ?? false,\n    glass: props.glass ?? false,\n    gradient: props.gradient ?? false,\n    disabled: props.disabled ?? false,\n  });\n}\n\ninterface HeaderProps {\n  title?: string;\n  subtitle?: string;\n  neon: boolean;\n  dataTestId: string;\n}\n\nfunction ChartHeader({ title, subtitle, neon, dataTestId }: HeaderProps): React.ReactElement | null {\n  if (!title && !subtitle) return null;\n  return (\n    <Box sx={{ mb: 2 }} data-testid={`${dataTestId}-header`}>\n      {title && (\n        <Typography\n          variant=\"h6\"\n          data-testid={`${dataTestId}-title`}\n          sx={{ color: neon ? '#00ffff' : 'text.primary', fontWeight: 600 }}\n        >\n          {title}\n        </Typography>\n      )}\n      {subtitle && (\n        <Typography\n          variant=\"body2\"\n          data-testid={`${dataTestId}-subtitle`}\n          sx={{ color: neon ? 'rgba(0, 255, 255, 0.7)' : 'text.secondary' }}\n        >\n          {subtitle}\n        </Typography>\n      )}\n    </Box>\n  );\n}\n\nexport const Chart: React.FC<ChartProps> = (props) => {\n  const theme = useTheme();\n  const sizeStyles = getSizeStyles(props.size, props.height);\n  const styles = variantSx(theme, props);\n  const dataTestId = props['data-testid'] ?? 'chart';\n\n  if (props.loading) {\n    return (\n      <Paper\n        data-testid={`${dataTestId}-loading`}\n        sx={{ ...styles, ...sizeStyles, display: 'flex', justifyContent: 'center', alignItems: 'center' }}\n      >\n        <CircularProgress color={muiColor(props.color ?? 'primary', 'inherit')} data-testid={`${dataTestId}-loading-spinner`} />\n      </Paper>\n    );\n  }\n\n  return (\n    <Paper\n      data-testid={dataTestId}\n      className={props.className}\n      sx={{ p: 2, ...styles, ...props.style }}\n      onFocus={props.onFocus}\n      onBlur={props.onBlur}\n    >\n      <ChartHeader\n        title={props.title}\n        subtitle={props.subtitle}\n        neon={props.variant === 'neon'}\n        dataTestId={dataTestId}\n      />\n      <ChartContainer\n        responsive={props.responsive ?? true}\n        width={props.width ?? '100%'}\n        height={props.fillHeight === true ? '100%' : sizeStyles.height}\n        data-testid={`${dataTestId}-container`}\n      >\n        {renderChartByType(props, theme)}\n      </ChartContainer>\n    </Paper>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA,SAAS,KAAK,kBAAkB,OAAO,YAAY,gBAA4B;AAsC3E,SAEI,KAFJ;AAtBJ,SAAS,UAAU,OAAc,OAA4C;AAC3E,SAAO,iBAAiB,OAAO;AAAA,IAC7B,SAAS,MAAM,WAAW;AAAA,IAC1B,OAAO,MAAM,SAAS;AAAA,IACtB,MAAM,MAAM,QAAQ;AAAA,IACpB,OAAO,MAAM,SAAS;AAAA,IACtB,OAAO,MAAM,SAAS;AAAA,IACtB,UAAU,MAAM,YAAY;AAAA,IAC5B,UAAU,MAAM,YAAY;AAAA,EAC9B,CAAC;AACH;AASA,SAAS,YAAY,EAAE,OAAO,UAAU,MAAM,WAAW,GAA2C;AAClG,MAAI,CAAC,SAAS,CAAC,SAAU,QAAO;AAChC,SACE,qBAAC,OAAI,IAAI,EAAE,IAAI,EAAE,GAAG,eAAa,GAAG,UAAU,WAC3C;AAAA,aACC;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,eAAa,GAAG,UAAU;AAAA,QAC1B,IAAI,EAAE,OAAO,OAAO,YAAY,gBAAgB,YAAY,IAAI;AAAA,QAE/D;AAAA;AAAA,IACH;AAAA,IAED,YACC;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,eAAa,GAAG,UAAU;AAAA,QAC1B,IAAI,EAAE,OAAO,OAAO,2BAA2B,iBAAiB;AAAA,QAE/D;AAAA;AAAA,IACH;AAAA,KAEJ;AAEJ;AAEO,IAAM,QAA8B,CAAC,UAAU;AACpD,QAAM,QAAQ,SAAS;AACvB,QAAM,aAAa,cAAc,MAAM,MAAM,MAAM,MAAM;AACzD,QAAM,SAAS,UAAU,OAAO,KAAK;AACrC,QAAM,aAAa,MAAM,aAAa,KAAK;AAE3C,MAAI,MAAM,SAAS;AACjB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAa,GAAG,UAAU;AAAA,QAC1B,IAAI,EAAE,GAAG,QAAQ,GAAG,YAAY,SAAS,QAAQ,gBAAgB,UAAU,YAAY,SAAS;AAAA,QAEhG,8BAAC,oBAAiB,OAAO,SAAS,MAAM,SAAS,WAAW,SAAS,GAAG,eAAa,GAAG,UAAU,oBAAoB;AAAA;AAAA,IACxH;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa;AAAA,MACb,WAAW,MAAM;AAAA,MACjB,IAAI,EAAE,GAAG,GAAG,GAAG,QAAQ,GAAG,MAAM,MAAM;AAAA,MACtC,SAAS,MAAM;AAAA,MACf,QAAQ,MAAM;AAAA,MAEd;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,MAAM;AAAA,YACb,UAAU,MAAM;AAAA,YAChB,MAAM,MAAM,YAAY;AAAA,YACxB;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,YAAY,MAAM,cAAc;AAAA,YAChC,OAAO,MAAM,SAAS;AAAA,YACtB,QAAQ,MAAM,eAAe,OAAO,SAAS,WAAW;AAAA,YACxD,eAAa,GAAG,UAAU;AAAA,YAEzB,4BAAkB,OAAO,KAAK;AAAA;AAAA,QACjC;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-VWP5QJJH.js

@@ -1,85 +0,0 @@
-// src/components/typography/Paragraph/Paragraph.tsx
-import { Typography } from "@mui/material";
-import { styled } from "@mui/material";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var getColorFromTheme = (theme, color) => {
-  if (color === "neutral") {
-    return theme.palette.text.primary;
-  }
-  const colorMap = {
-    primary: theme.palette.primary.main,
-    secondary: theme.palette.secondary.main,
-    success: theme.palette.success.main,
-    warning: theme.palette.warning.main,
-    info: theme.palette.info.main,
-    danger: theme.palette.error.main
-  };
-  return colorMap[color] || theme.palette.text.primary;
-};
-var StyledParagraph = styled(Typography, {
-  shouldForwardProp: (prop) => !["customVariant", "customColor", "customSize"].includes(prop)
-})(({ theme, customVariant = "default", customColor = "neutral", customSize = "md" }) => {
-  const textColor = getColorFromTheme(theme, customColor);
-  const sizeMap = {
-    xs: { fontSize: "0.75rem", lineHeight: 1.4 },
-    sm: { fontSize: "0.875rem", lineHeight: 1.5 },
-    md: { fontSize: "1rem", lineHeight: 1.6 },
-    lg: { fontSize: "1.125rem", lineHeight: 1.6 },
-    xl: { fontSize: "1.25rem", lineHeight: 1.7 }
-  };
-  const baseStyles = {
-    fontFamily: theme.typography.body1.fontFamily,
-    margin: "0 0 1em 0",
-    transition: "all 0.2s ease",
-    ...sizeMap[customSize]
-  };
-  const variantStyles = {
-    default: {
-      ...baseStyles,
-      color: textColor,
-      fontWeight: 400
-    },
-    lead: {
-      ...baseStyles,
-      color: textColor,
-      fontWeight: 400,
-      fontSize: customSize === "md" ? "1.125rem" : sizeMap[customSize]?.fontSize,
-      lineHeight: 1.7,
-      letterSpacing: "0.01em"
-    },
-    muted: {
-      ...baseStyles,
-      color: theme.palette.text.secondary,
-      fontWeight: 400,
-      opacity: 0.8
-    },
-    small: {
-      ...baseStyles,
-      color: theme.palette.text.secondary,
-      fontSize: customSize === "md" ? "0.875rem" : sizeMap[customSize]?.fontSize,
-      fontWeight: 400,
-      lineHeight: 1.5
-    }
-  };
-  return variantStyles[customVariant] || variantStyles.default;
-});
-var Paragraph = React.forwardRef(
-  ({ variant = "default", color = "neutral", size = "md", children, ...props }, ref) => /* @__PURE__ */ jsx(
-    StyledParagraph,
-    {
-      ref,
-      customVariant: variant,
-      customColor: color,
-      customSize: size,
-      ...props,
-      children
-    }
-  )
-);
-Paragraph.displayName = "Paragraph";
-
-export {
-  Paragraph
-};
-//# sourceMappingURL=chunk-VWP5QJJH.js.map

package/dist/chunk-VWP5QJJH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/typography/Paragraph/Paragraph.tsx"],"sourcesContent":["import type { Theme} from '@mui/material';\nimport {Typography } from '@mui/material';\nimport { styled } from '@mui/material';\nimport React from 'react';\n\nimport type { ParagraphProps } from './Paragraph.types';\n\nconst getColorFromTheme = (theme: Theme, color: string) => {\n  if (color === 'neutral') {\n    return theme.palette.text.primary;\n  }\n\n  const colorMap: Record<string, string> = {\n    primary: theme.palette.primary.main,\n    secondary: theme.palette.secondary.main,\n    success: theme.palette.success.main,\n    warning: theme.palette.warning.main,\n    info: theme.palette.info.main,\n    danger: theme.palette.error.main,\n  };\n\n  return colorMap[color] || theme.palette.text.primary;\n};\n\nconst StyledParagraph = styled(Typography, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'customColor', 'customSize'].includes(prop as string),\n})<{\n  customVariant?: string;\n  customColor?: string;\n  customSize?: string;\n}>(({ theme, customVariant = 'default', customColor = 'neutral', customSize = 'md' }) => {\n  const textColor = getColorFromTheme(theme, customColor);\n\n  // Size mapping\n  const sizeMap = {\n    xs: { fontSize: '0.75rem', lineHeight: 1.4 },\n    sm: { fontSize: '0.875rem', lineHeight: 1.5 },\n    md: { fontSize: '1rem', lineHeight: 1.6 },\n    lg: { fontSize: '1.125rem', lineHeight: 1.6 },\n    xl: { fontSize: '1.25rem', lineHeight: 1.7 },\n  };\n\n  const baseStyles = {\n    fontFamily: theme.typography.body1.fontFamily,\n    margin: '0 0 1em 0',\n    transition: 'all 0.2s ease',\n    ...sizeMap[customSize as keyof typeof sizeMap],\n  };\n\n  // Variant-specific styles\n  const variantStyles = {\n    default: {\n      ...baseStyles,\n      color: textColor,\n      fontWeight: 400,\n    },\n    lead: {\n      ...baseStyles,\n      color: textColor,\n      fontWeight: 400,\n      fontSize:\n        customSize === 'md' ? '1.125rem' : sizeMap[customSize as keyof typeof sizeMap]?.fontSize,\n      lineHeight: 1.7,\n      letterSpacing: '0.01em',\n    },\n    muted: {\n      ...baseStyles,\n      color: theme.palette.text.secondary,\n      fontWeight: 400,\n      opacity: 0.8,\n    },\n    small: {\n      ...baseStyles,\n      color: theme.palette.text.secondary,\n      fontSize:\n        customSize === 'md' ? '0.875rem' : sizeMap[customSize as keyof typeof sizeMap]?.fontSize,\n      fontWeight: 400,\n      lineHeight: 1.5,\n    },\n  };\n\n  return variantStyles[customVariant as keyof typeof variantStyles] || variantStyles.default;\n});\n\nexport const Paragraph = React.forwardRef<globalThis.HTMLParagraphElement, ParagraphProps>(\n  ({ variant = 'default', color = 'neutral', size = 'md', children, ...props }, ref) => (\n      <StyledParagraph\n        ref={ref}\n        customVariant={variant}\n        customColor={color}\n        customSize={size}\n        {...props}\n      >\n        {children}\n      </StyledParagraph>\n    ),\n);\n\nParagraph.displayName = 'Paragraph';"],"mappings":";AACA,SAAQ,kBAAkB;AAC1B,SAAS,cAAc;AACvB,OAAO,WAAW;AAoFZ;AAhFN,IAAM,oBAAoB,CAAC,OAAc,UAAkB;AACzD,MAAI,UAAU,WAAW;AACvB,WAAO,MAAM,QAAQ,KAAK;AAAA,EAC5B;AAEA,QAAM,WAAmC;AAAA,IACvC,SAAS,MAAM,QAAQ,QAAQ;AAAA,IAC/B,WAAW,MAAM,QAAQ,UAAU;AAAA,IACnC,SAAS,MAAM,QAAQ,QAAQ;AAAA,IAC/B,SAAS,MAAM,QAAQ,QAAQ;AAAA,IAC/B,MAAM,MAAM,QAAQ,KAAK;AAAA,IACzB,QAAQ,MAAM,QAAQ,MAAM;AAAA,EAC9B;AAEA,SAAO,SAAS,KAAK,KAAK,MAAM,QAAQ,KAAK;AAC/C;AAEA,IAAM,kBAAkB,OAAO,YAAY;AAAA,EACzC,mBAAmB,CAAC,SAClB,CAAC,CAAC,iBAAiB,eAAe,YAAY,EAAE,SAAS,IAAc;AAC3E,CAAC,EAIE,CAAC,EAAE,OAAO,gBAAgB,WAAW,cAAc,WAAW,aAAa,KAAK,MAAM;AACvF,QAAM,YAAY,kBAAkB,OAAO,WAAW;AAGtD,QAAM,UAAU;AAAA,IACd,IAAI,EAAE,UAAU,WAAW,YAAY,IAAI;AAAA,IAC3C,IAAI,EAAE,UAAU,YAAY,YAAY,IAAI;AAAA,IAC5C,IAAI,EAAE,UAAU,QAAQ,YAAY,IAAI;AAAA,IACxC,IAAI,EAAE,UAAU,YAAY,YAAY,IAAI;AAAA,IAC5C,IAAI,EAAE,UAAU,WAAW,YAAY,IAAI;AAAA,EAC7C;AAEA,QAAM,aAAa;AAAA,IACjB,YAAY,MAAM,WAAW,MAAM;AAAA,IACnC,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,GAAG,QAAQ,UAAkC;AAAA,EAC/C;AAGA,QAAM,gBAAgB;AAAA,IACpB,SAAS;AAAA,MACP,GAAG;AAAA,MACH,OAAO;AAAA,MACP,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,MACJ,GAAG;AAAA,MACH,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,UACE,eAAe,OAAO,aAAa,QAAQ,UAAkC,GAAG;AAAA,MAClF,YAAY;AAAA,MACZ,eAAe;AAAA,IACjB;AAAA,IACA,OAAO;AAAA,MACL,GAAG;AAAA,MACH,OAAO,MAAM,QAAQ,KAAK;AAAA,MAC1B,YAAY;AAAA,MACZ,SAAS;AAAA,IACX;AAAA,IACA,OAAO;AAAA,MACL,GAAG;AAAA,MACH,OAAO,MAAM,QAAQ,KAAK;AAAA,MAC1B,UACE,eAAe,OAAO,aAAa,QAAQ,UAAkC,GAAG;AAAA,MAClF,YAAY;AAAA,MACZ,YAAY;AAAA,IACd;AAAA,EACF;AAEA,SAAO,cAAc,aAA2C,KAAK,cAAc;AACrF,CAAC;AAEM,IAAM,YAAY,MAAM;AAAA,EAC7B,CAAC,EAAE,UAAU,WAAW,QAAQ,WAAW,OAAO,MAAM,UAAU,GAAG,MAAM,GAAG,QAC1E;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAe;AAAA,MACf,aAAa;AAAA,MACb,YAAY;AAAA,MACX,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEN;AAEA,UAAU,cAAc;","names":[]}

package/dist/chunk-VXBTEVOX.js

@@ -1,47 +0,0 @@
-// src/components/utility/InstallPrompt/InstallPrompt.styles.ts
-import { alpha } from "@mui/material";
-var installPromptStyles = (theme) => ({
-  display: "flex",
-  alignItems: "flex-start",
-  gap: theme.spacing(1.5),
-  padding: theme.spacing(1.5, 2),
-  borderRadius: theme.spacing(1),
-  backgroundColor: alpha(theme.palette.primary.main, 0.08),
-  border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,
-  ".install-prompt-icon": {
-    flexShrink: 0,
-    marginTop: theme.spacing(0.25),
-    display: "flex",
-    color: theme.palette.primary.main
-  },
-  ".install-prompt-content": {
-    flex: 1,
-    minWidth: 0
-  },
-  ".install-prompt-title": {
-    fontWeight: 600
-  },
-  ".install-prompt-description": {
-    opacity: 0.9
-  },
-  ".install-prompt-actions": {
-    display: "flex",
-    flexShrink: 0,
-    alignItems: "center",
-    gap: theme.spacing(1)
-  },
-  // The actions drop to their own full-width row on a phone, where this
-  // component does most of its work.
-  [theme.breakpoints.down("sm")]: {
-    flexWrap: "wrap",
-    ".install-prompt-actions": {
-      width: "100%",
-      marginTop: theme.spacing(1)
-    }
-  }
-});
-
-export {
-  installPromptStyles
-};
-//# sourceMappingURL=chunk-VXBTEVOX.js.map

package/dist/chunk-VXBTEVOX.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/utility/InstallPrompt/InstallPrompt.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material';\nimport type { CSSObject, Theme } from '@mui/material';\n\nexport const installPromptStyles = (theme: Theme): CSSObject => ({\n  display: 'flex',\n  alignItems: 'flex-start',\n  gap: theme.spacing(1.5),\n  padding: theme.spacing(1.5, 2),\n  borderRadius: theme.spacing(1),\n  backgroundColor: alpha(theme.palette.primary.main, 0.08),\n  border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,\n\n  '.install-prompt-icon': {\n    flexShrink: 0,\n    marginTop: theme.spacing(0.25),\n    display: 'flex',\n    color: theme.palette.primary.main,\n  },\n\n  '.install-prompt-content': {\n    flex: 1,\n    minWidth: 0,\n  },\n\n  '.install-prompt-title': {\n    fontWeight: 600,\n  },\n\n  '.install-prompt-description': {\n    opacity: 0.9,\n  },\n\n  '.install-prompt-actions': {\n    display: 'flex',\n    flexShrink: 0,\n    alignItems: 'center',\n    gap: theme.spacing(1),\n  },\n\n  // The actions drop to their own full-width row on a phone, where this\n  // component does most of its work.\n  [theme.breakpoints.down('sm')]: {\n    flexWrap: 'wrap',\n\n    '.install-prompt-actions': {\n      width: '100%',\n      marginTop: theme.spacing(1),\n    },\n  },\n});\n"],"mappings":";AAAA,SAAS,aAAa;AAGf,IAAM,sBAAsB,CAAC,WAA6B;AAAA,EAC/D,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,KAAK,MAAM,QAAQ,GAAG;AAAA,EACtB,SAAS,MAAM,QAAQ,KAAK,CAAC;AAAA,EAC7B,cAAc,MAAM,QAAQ,CAAC;AAAA,EAC7B,iBAAiB,MAAM,MAAM,QAAQ,QAAQ,MAAM,IAAI;AAAA,EACvD,QAAQ,aAAa,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG,CAAC;AAAA,EAE3D,wBAAwB;AAAA,IACtB,YAAY;AAAA,IACZ,WAAW,MAAM,QAAQ,IAAI;AAAA,IAC7B,SAAS;AAAA,IACT,OAAO,MAAM,QAAQ,QAAQ;AAAA,EAC/B;AAAA,EAEA,2BAA2B;AAAA,IACzB,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA,EAEA,yBAAyB;AAAA,IACvB,YAAY;AAAA,EACd;AAAA,EAEA,+BAA+B;AAAA,IAC7B,SAAS;AAAA,EACX;AAAA,EAEA,2BAA2B;AAAA,IACzB,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,KAAK,MAAM,QAAQ,CAAC;AAAA,EACtB;AAAA;AAAA;AAAA,EAIA,CAAC,MAAM,YAAY,KAAK,IAAI,CAAC,GAAG;AAAA,IAC9B,UAAU;AAAA,IAEV,2BAA2B;AAAA,MACzB,OAAO;AAAA,MACP,WAAW,MAAM,QAAQ,CAAC;AAAA,IAC5B;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-VXLERR3V.js

@@ -1,71 +0,0 @@
-import {
-  avatarFor,
-  chipRole,
-  chipStyles,
-  iconWithTestId,
-  isClickable,
-  makeKeyDownHandler,
-  makeTestId
-} from "./chunk-UPWGSWXG.js";
-
-// src/components/data-display/Chip/Chip.tsx
-import CancelIcon from "@mui/icons-material/Cancel";
-import { Chip as MuiChip } from "@mui/material";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var muiSizeFor = (size) => size === "xs" || size === "sm" ? "small" : "medium";
-var muiColorFor = (color) => {
-  if (color === "danger") return "error";
-  return color === "neutral" ? "default" : color;
-};
-var Chip = forwardRef(({
-  label,
-  variant = "filled",
-  size = "md",
-  color = "primary",
-  avatarSrc,
-  avatar,
-  icon,
-  selected,
-  selectable,
-  deletable,
-  disabled,
-  onClick,
-  onDelete,
-  className,
-  dataTestId,
-  ...props
-}, ref) => {
-  const testId = makeTestId(dataTestId);
-  const clickable = isClickable(disabled, onClick, selectable);
-  return /* @__PURE__ */ jsx(
-    MuiChip,
-    {
-      ref,
-      label: /* @__PURE__ */ jsx("span", { "data-testid": testId("label"), children: label }),
-      variant,
-      size: muiSizeFor(size),
-      color: muiColorFor(color),
-      avatar: avatarFor(avatar, avatarSrc),
-      icon: iconWithTestId(icon, testId("icon")),
-      onDelete: deletable ? onDelete : void 0,
-      deleteIcon: deletable ? /* @__PURE__ */ jsx(CancelIcon, { "data-testid": testId("delete") }) : void 0,
-      disabled,
-      clickable,
-      onClick: clickable ? onClick : void 0,
-      onKeyDown: makeKeyDownHandler({ disabled, deletable, selectable, onClick, onDelete }),
-      className,
-      role: chipRole(selectable, onClick),
-      "aria-selected": selectable ? selected : void 0,
-      "data-testid": dataTestId || "chip",
-      sx: chipStyles({ variant, selected, clickable, disabled }),
-      ...props
-    }
-  );
-});
-Chip.displayName = "Chip";
-
-export {
-  Chip
-};
-//# sourceMappingURL=chunk-VXLERR3V.js.map

package/dist/chunk-VXLERR3V.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Chip/Chip.tsx"],"sourcesContent":["import CancelIcon from '@mui/icons-material/Cancel';\nimport { Chip as MuiChip } from '@mui/material';\nimport { forwardRef } from 'react';\n\nimport {\n  avatarFor,\n  chipRole,\n  chipStyles,\n  iconWithTestId,\n  isClickable,\n  makeKeyDownHandler,\n  makeTestId,\n} from './Chip.helpers';\nimport type { ChipProps } from './Chip.types';\n\n/** MUI draws two chip sizes; ours are the house abbreviations for them. */\nconst muiSizeFor = (size: NonNullable<ChipProps['size']>): 'small' | 'medium' =>\n  size === 'xs' || size === 'sm' ? 'small' : 'medium';\n\ntype MuiChipColor =\n  | 'primary'\n  | 'secondary'\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'default';\n\n/**\n * `danger` and `neutral` are ours; the rest are MUI's own names already.\n *\n * The same boundary translation `Button` performs, and it must stay a\n * translation rather than a cast: a cast is what let `danger` through untouched\n * and had MUI silently fall back to grey.\n *\n * `neutral` maps to `default`, not to `inherit` as it does on a button. A chip's\n * unaccented state is a real palette entry with its own fill; `inherit` would\n * take the surrounding text colour and paint a chip that reads as disabled.\n */\nconst muiColorFor = (color: NonNullable<ChipProps['color']>): MuiChipColor => {\n  if (color === 'danger') return 'error';\n  return color === 'neutral' ? 'default' : color;\n};\n\nexport const Chip = forwardRef<HTMLDivElement, ChipProps>(({\n  label,\n  variant = 'filled',\n  size = 'md',\n  color = 'primary',\n  avatarSrc,\n  avatar,\n  icon,\n  selected,\n  selectable,\n  deletable,\n  disabled,\n  onClick,\n  onDelete,\n  className,\n  dataTestId,\n  ...props\n}, ref) => {\n  const testId = makeTestId(dataTestId);\n  const clickable = isClickable(disabled, onClick, selectable);\n\n  return (\n    <MuiChip\n      ref={ref}\n      label={<span data-testid={testId('label')}>{label}</span>}\n      variant={variant}\n      size={muiSizeFor(size)}\n      color={muiColorFor(color)}\n      avatar={avatarFor(avatar, avatarSrc)}\n      icon={iconWithTestId(icon, testId('icon'))}\n      onDelete={deletable ? onDelete : undefined}\n      deleteIcon={deletable ? <CancelIcon data-testid={testId('delete')} /> : undefined}\n      disabled={disabled}\n      clickable={clickable}\n      onClick={clickable ? onClick : undefined}\n      onKeyDown={makeKeyDownHandler({ disabled, deletable, selectable, onClick, onDelete })}\n      className={className}\n      role={chipRole(selectable, onClick)}\n      aria-selected={selectable ? selected : undefined}\n      data-testid={dataTestId || 'chip'}\n      sx={chipStyles({ variant, selected, clickable, disabled })}\n      {...props}\n    />\n  );\n});\n\nChip.displayName = 'Chip';\n"],"mappings":";;;;;;;;;;;AAAA,OAAO,gBAAgB;AACvB,SAAS,QAAQ,eAAe;AAChC,SAAS,kBAAkB;AAkEd;AApDb,IAAM,aAAa,CAAC,SAClB,SAAS,QAAQ,SAAS,OAAO,UAAU;AAsB7C,IAAM,cAAc,CAAC,UAAyD;AAC5E,MAAI,UAAU,SAAU,QAAO;AAC/B,SAAO,UAAU,YAAY,YAAY;AAC3C;AAEO,IAAM,OAAO,WAAsC,CAAC;AAAA,EACzD;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,QAAQ;AACT,QAAM,SAAS,WAAW,UAAU;AACpC,QAAM,YAAY,YAAY,UAAU,SAAS,UAAU;AAE3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO,oBAAC,UAAK,eAAa,OAAO,OAAO,GAAI,iBAAM;AAAA,MAClD;AAAA,MACA,MAAM,WAAW,IAAI;AAAA,MACrB,OAAO,YAAY,KAAK;AAAA,MACxB,QAAQ,UAAU,QAAQ,SAAS;AAAA,MACnC,MAAM,eAAe,MAAM,OAAO,MAAM,CAAC;AAAA,MACzC,UAAU,YAAY,WAAW;AAAA,MACjC,YAAY,YAAY,oBAAC,cAAW,eAAa,OAAO,QAAQ,GAAG,IAAK;AAAA,MACxE;AAAA,MACA;AAAA,MACA,SAAS,YAAY,UAAU;AAAA,MAC/B,WAAW,mBAAmB,EAAE,UAAU,WAAW,YAAY,SAAS,SAAS,CAAC;AAAA,MACpF;AAAA,MACA,MAAM,SAAS,YAAY,OAAO;AAAA,MAClC,iBAAe,aAAa,WAAW;AAAA,MACvC,eAAa,cAAc;AAAA,MAC3B,IAAI,WAAW,EAAE,SAAS,UAAU,WAAW,SAAS,CAAC;AAAA,MACxD,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,KAAK,cAAc;","names":[]}

package/dist/chunk-VZGPFUEA.js

@@ -1,150 +0,0 @@
-import {
-  pulseAnimation,
-  scaleIn,
-  slideInDown,
-  slideInLeft,
-  slideInRight,
-  slideInUp
-} from "./chunk-Q3XNEFO6.js";
-
-// src/components/data-display/HoverCard/HoverCard.styles.ts
-import { alpha } from "@mui/material";
-var sideOf = (placement) => {
-  if (placement.startsWith("top")) return "top";
-  if (placement.startsWith("left")) return "left";
-  if (placement.startsWith("right")) return "right";
-  return "bottom";
-};
-var ARROW_SIZE = 8;
-var ARROWS = {
-  top: (color) => ({
-    bottom: -ARROW_SIZE,
-    left: "50%",
-    transform: "translateX(-50%)",
-    borderLeft: `${ARROW_SIZE}px solid transparent`,
-    borderRight: `${ARROW_SIZE}px solid transparent`,
-    borderTop: `${ARROW_SIZE}px solid ${color}`
-  }),
-  bottom: (color) => ({
-    top: -ARROW_SIZE,
-    left: "50%",
-    transform: "translateX(-50%)",
-    borderLeft: `${ARROW_SIZE}px solid transparent`,
-    borderRight: `${ARROW_SIZE}px solid transparent`,
-    borderBottom: `${ARROW_SIZE}px solid ${color}`
-  }),
-  left: (color) => ({
-    right: -ARROW_SIZE,
-    top: "50%",
-    transform: "translateY(-50%)",
-    borderTop: `${ARROW_SIZE}px solid transparent`,
-    borderBottom: `${ARROW_SIZE}px solid transparent`,
-    borderLeft: `${ARROW_SIZE}px solid ${color}`
-  }),
-  right: (color) => ({
-    left: -ARROW_SIZE,
-    top: "50%",
-    transform: "translateY(-50%)",
-    borderTop: `${ARROW_SIZE}px solid transparent`,
-    borderBottom: `${ARROW_SIZE}px solid transparent`,
-    borderRight: `${ARROW_SIZE}px solid ${color}`
-  })
-};
-var arrowSx = (theme, placement) => ({
-  position: "absolute",
-  width: 0,
-  height: 0,
-  zIndex: 1,
-  ...ARROWS[sideOf(placement)](theme.palette.background.paper)
-});
-var ANCHOR_ORIGINS = {
-  top: { vertical: "top", horizontal: "center" },
-  bottom: { vertical: "bottom", horizontal: "center" },
-  left: { vertical: "center", horizontal: "left" },
-  right: { vertical: "center", horizontal: "right" }
-};
-var flip = (origin) => ({
-  vertical: origin.vertical === "top" ? "bottom" : origin.vertical === "bottom" ? "top" : "center",
-  horizontal: origin.horizontal === "left" ? "right" : origin.horizontal === "right" ? "left" : "center"
-});
-var getAnchorOrigin = (placement) => ANCHOR_ORIGINS[sideOf(placement)];
-var getTransformOrigin = (placement) => flip(ANCHOR_ORIGINS[sideOf(placement)]);
-var ANIMATIONS = {
-  // `fade` shares slideInUp deliberately: the keyframes fade in while rising.
-  fade: { animation: `${slideInUp} 0.2s ease-out` },
-  scale: { transformOrigin: "center", animation: `${scaleIn} 0.2s cubic-bezier(0.4, 0, 0.2, 1)` },
-  "slide-up": { animation: `${slideInUp} 0.3s cubic-bezier(0.4, 0, 0.2, 1)` },
-  "slide-down": { animation: `${slideInDown} 0.3s cubic-bezier(0.4, 0, 0.2, 1)` },
-  "slide-left": { animation: `${slideInLeft} 0.3s cubic-bezier(0.4, 0, 0.2, 1)` },
-  "slide-right": { animation: `${slideInRight} 0.3s cubic-bezier(0.4, 0, 0.2, 1)` }
-};
-var VARIANTS = {
-  default: (theme) => ({
-    backgroundColor: theme.palette.background.paper,
-    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-    boxShadow: theme.shadows[8]
-  }),
-  glass: (theme) => ({
-    backgroundColor: alpha(theme.palette.background.paper, 0.85),
-    backdropFilter: "blur(20px)",
-    WebkitBackdropFilter: "blur(20px)",
-    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-    boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.12)}`
-  }),
-  detailed: (theme) => ({
-    backgroundColor: theme.palette.background.paper,
-    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-    boxShadow: theme.shadows[12]
-  }),
-  minimal: (theme) => ({
-    backgroundColor: theme.palette.background.paper,
-    border: `1px solid ${alpha(theme.palette.divider, 0.1)}`,
-    boxShadow: theme.shadows[4]
-  })
-};
-var glowStyles = (theme) => ({
-  boxShadow: `0 0 20px 5px ${alpha(theme.palette.primary.main, 0.3)} !important`,
-  filter: "brightness(1.05)"
-});
-var pulseStyles = (theme) => ({
-  position: "relative",
-  "&::after": {
-    content: '""',
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    borderRadius: "inherit",
-    backgroundColor: theme.palette.primary.main,
-    opacity: 0.1,
-    animation: `${pulseAnimation} 2s infinite`,
-    pointerEvents: "none",
-    zIndex: -1
-  }
-});
-var cardSx = (theme, flags) => {
-  const { customVariant, glow, pulse, animation } = flags;
-  return {
-    borderRadius: theme.spacing(1.5),
-    transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-    position: "relative",
-    overflow: "visible",
-    minWidth: 200,
-    maxWidth: 400,
-    ...animation ? ANIMATIONS[animation] ?? {} : {},
-    ...customVariant ? VARIANTS[customVariant]?.(theme) ?? {} : {},
-    // The old "both" arm was exactly these two spread together.
-    ...glow && glowStyles(theme),
-    ...pulse && pulseStyles(theme)
-  };
-};
-
-export {
-  sideOf,
-  arrowSx,
-  getAnchorOrigin,
-  getTransformOrigin,
-  cardSx
-};
-//# sourceMappingURL=chunk-VZGPFUEA.js.map

package/dist/chunk-VZGPFUEA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/HoverCard/HoverCard.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material';\nimport type { CSSObject, Theme } from '@mui/material';\n\nimport {\n  pulseAnimation,\n  scaleIn,\n  slideInDown,\n  slideInLeft,\n  slideInRight,\n  slideInUp,\n} from './HoverCard.animations';\nimport type { HoverCardAnimation, HoverCardPlacement } from './HoverCard.types';\n\n/** The edge the card sits on, ignoring the `-start`/`-end` alignment suffix. */\ntype Side = 'top' | 'bottom' | 'left' | 'right';\n\nexport const sideOf = (placement: HoverCardPlacement): Side => {\n  if (placement.startsWith('top')) return 'top';\n  if (placement.startsWith('left')) return 'left';\n  if (placement.startsWith('right')) return 'right';\n  return 'bottom';\n};\n\nconst ARROW_SIZE = 8;\n\n/**\n * The arrow is a CSS triangle: two transparent borders on the cross axis and one\n * filled border pointing back at the anchor. Every placement is that same shape,\n * so the table holds only which edge is filled and where the triangle sits.\n */\nconst ARROWS: Record<Side, (color: string) => CSSObject> = {\n  top: (color) => ({\n    bottom: -ARROW_SIZE,\n    left: '50%',\n    transform: 'translateX(-50%)',\n    borderLeft: `${ARROW_SIZE}px solid transparent`,\n    borderRight: `${ARROW_SIZE}px solid transparent`,\n    borderTop: `${ARROW_SIZE}px solid ${color}`,\n  }),\n  bottom: (color) => ({\n    top: -ARROW_SIZE,\n    left: '50%',\n    transform: 'translateX(-50%)',\n    borderLeft: `${ARROW_SIZE}px solid transparent`,\n    borderRight: `${ARROW_SIZE}px solid transparent`,\n    borderBottom: `${ARROW_SIZE}px solid ${color}`,\n  }),\n  left: (color) => ({\n    right: -ARROW_SIZE,\n    top: '50%',\n    transform: 'translateY(-50%)',\n    borderTop: `${ARROW_SIZE}px solid transparent`,\n    borderBottom: `${ARROW_SIZE}px solid transparent`,\n    borderLeft: `${ARROW_SIZE}px solid ${color}`,\n  }),\n  right: (color) => ({\n    left: -ARROW_SIZE,\n    top: '50%',\n    transform: 'translateY(-50%)',\n    borderTop: `${ARROW_SIZE}px solid transparent`,\n    borderBottom: `${ARROW_SIZE}px solid transparent`,\n    borderRight: `${ARROW_SIZE}px solid ${color}`,\n  }),\n};\n\nexport const arrowSx = (theme: Theme, placement: HoverCardPlacement): CSSObject => ({\n  position: 'absolute',\n  width: 0,\n  height: 0,\n  zIndex: 1,\n  ...ARROWS[sideOf(placement)](theme.palette.background.paper),\n});\n\ntype Origin = { vertical: 'top' | 'center' | 'bottom'; horizontal: 'left' | 'center' | 'right' };\n\n/** Where the popover attaches to the anchor, per side. */\nconst ANCHOR_ORIGINS: Record<Side, Origin> = {\n  top: { vertical: 'top', horizontal: 'center' },\n  bottom: { vertical: 'bottom', horizontal: 'center' },\n  left: { vertical: 'center', horizontal: 'left' },\n  right: { vertical: 'center', horizontal: 'right' },\n};\n\n/** The card's own corner meets the anchor's, so its origin is the opposite one. */\nconst flip = (origin: Origin): Origin => ({\n  vertical: origin.vertical === 'top' ? 'bottom' : origin.vertical === 'bottom' ? 'top' : 'center',\n  horizontal:\n    origin.horizontal === 'left' ? 'right' : origin.horizontal === 'right' ? 'left' : 'center',\n});\n\nexport const getAnchorOrigin = (placement: HoverCardPlacement): Origin =>\n  ANCHOR_ORIGINS[sideOf(placement)];\n\nexport const getTransformOrigin = (placement: HoverCardPlacement): Origin =>\n  flip(ANCHOR_ORIGINS[sideOf(placement)]);\n\nconst ANIMATIONS: Record<string, CSSObject> = {\n  // `fade` shares slideInUp deliberately: the keyframes fade in while rising.\n  fade: { animation: `${slideInUp} 0.2s ease-out` },\n  scale: { transformOrigin: 'center', animation: `${scaleIn} 0.2s cubic-bezier(0.4, 0, 0.2, 1)` },\n  'slide-up': { animation: `${slideInUp} 0.3s cubic-bezier(0.4, 0, 0.2, 1)` },\n  'slide-down': { animation: `${slideInDown} 0.3s cubic-bezier(0.4, 0, 0.2, 1)` },\n  'slide-left': { animation: `${slideInLeft} 0.3s cubic-bezier(0.4, 0, 0.2, 1)` },\n  'slide-right': { animation: `${slideInRight} 0.3s cubic-bezier(0.4, 0, 0.2, 1)` },\n};\n\nconst VARIANTS: Record<string, (theme: Theme) => CSSObject> = {\n  default: (theme) => ({\n    backgroundColor: theme.palette.background.paper,\n    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n    boxShadow: theme.shadows[8],\n  }),\n  glass: (theme) => ({\n    backgroundColor: alpha(theme.palette.background.paper, 0.85),\n    backdropFilter: 'blur(20px)',\n    WebkitBackdropFilter: 'blur(20px)',\n    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n    boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.12)}`,\n  }),\n  detailed: (theme) => ({\n    backgroundColor: theme.palette.background.paper,\n    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n    boxShadow: theme.shadows[12],\n  }),\n  minimal: (theme) => ({\n    backgroundColor: theme.palette.background.paper,\n    border: `1px solid ${alpha(theme.palette.divider, 0.1)}`,\n    boxShadow: theme.shadows[4],\n  }),\n};\n\nconst glowStyles = (theme: Theme): CSSObject => ({\n  boxShadow: `0 0 20px 5px ${alpha(theme.palette.primary.main, 0.3)} !important`,\n  filter: 'brightness(1.05)',\n});\n\nconst pulseStyles = (theme: Theme): CSSObject => ({\n  position: 'relative',\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    borderRadius: 'inherit',\n    backgroundColor: theme.palette.primary.main,\n    opacity: 0.1,\n    animation: `${pulseAnimation} 2s infinite`,\n    pointerEvents: 'none',\n    zIndex: -1,\n  },\n});\n\nexport interface CardStyleFlags {\n  customVariant?: string;\n  glow?: boolean;\n  pulse?: boolean;\n  animation?: HoverCardAnimation;\n}\n\nexport const cardSx = (theme: Theme, flags: CardStyleFlags): CSSObject => {\n  const { customVariant, glow, pulse, animation } = flags;\n\n  return {\n    borderRadius: theme.spacing(1.5),\n    transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n    position: 'relative',\n    overflow: 'visible',\n    minWidth: 200,\n    maxWidth: 400,\n    ...(animation ? (ANIMATIONS[animation] ?? {}) : {}),\n    ...(customVariant ? (VARIANTS[customVariant]?.(theme) ?? {}) : {}),\n    // The old \"both\" arm was exactly these two spread together.\n    ...(glow && glowStyles(theme)),\n    ...(pulse && pulseStyles(theme)),\n  };\n};\n"],"mappings":"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","names":[]}