@12-apps/ui 6.35.0 → 6.37.0

package/dist/chunk-ZTKLKOOO.js

@@ -1,204 +0,0 @@
-import {
-  rem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/data-display/Table/Table.styles.ts
-import { alpha, keyframes } from "@mui/material/styles/index.js";
-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 getDensityConfig = (theme, density = "normal") => {
-  const configs = {
-    compact: {
-      rowHeight: 36,
-      cellPadding: "6px 12px",
-      fontSize: rem(theme, 13),
-      headerPadding: "8px 12px"
-    },
-    normal: {
-      rowHeight: 52,
-      cellPadding: "12px 16px",
-      fontSize: rem(theme, 14),
-      headerPadding: "16px 16px"
-    },
-    comfortable: {
-      rowHeight: 68,
-      cellPadding: "18px 24px",
-      fontSize: rem(theme, 14),
-      headerPadding: "20px 24px"
-    }
-  };
-  return configs[density];
-};
-var getStripeColorFromTheme = (theme, stripeColor = "neutral") => {
-  const colorMap = {
-    primary: theme.palette.primary.main,
-    secondary: theme.palette.secondary.main,
-    info: theme.palette.info.main,
-    success: theme.palette.success.main,
-    warning: theme.palette.warning.main,
-    danger: theme.palette.error.main,
-    neutral: theme.palette.action.hover
-  };
-  return colorMap[stripeColor];
-};
-var stripeRowColor = (theme, stripeColor = "neutral") => {
-  const color = getStripeColorFromTheme(theme, stripeColor);
-  return stripeColor === "neutral" ? color : alpha(color, 0.15);
-};
-var TABLE_VARIANTS = {
-  default: ({ theme }) => ({
-    backgroundColor: theme.palette.background.paper,
-    "& .MuiTableHead-root": {
-      backgroundColor: alpha(theme.palette.primary.main, 0.1)
-    }
-  }),
-  striped: ({ theme, stripeColor }) => ({
-    backgroundColor: theme.palette.background.paper,
-    "& .MuiTableBody-root .MuiTableRow-root:nth-of-type(even)": {
-      backgroundColor: stripeRowColor(theme, stripeColor)
-    }
-  }),
-  glass: ({ theme }) => ({
-    backgroundColor: alpha(theme.palette.background.paper, 0.1),
-    backdropFilter: "blur(20px)",
-    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`
-  }),
-  minimal: ({ theme }) => ({
-    backgroundColor: "transparent",
-    "& .MuiTableCell-root": {
-      borderBottom: `1px solid ${alpha(theme.palette.divider, 0.1)}`
-    }
-  }),
-  gradient: ({ theme }) => ({
-    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.05)}, ${alpha(theme.palette.secondary.main, 0.05)})`,
-    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-    "& .MuiTableHead-root": {
-      background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.15)}, ${alpha(theme.palette.secondary.main, 0.15)})`
-    },
-    "& .MuiTableCell-root": {
-      borderBottom: `1px solid ${alpha(theme.palette.divider, 0.15)}`
-    }
-  })
-};
-var tableVariantStyles = (args, customVariant) => customVariant ? TABLE_VARIANTS[customVariant]?.(args) ?? {} : {};
-var stickyHeaderStyles = (theme, densityConfig) => ({
-  "& .MuiTableHead-root": {
-    position: "sticky",
-    top: 0,
-    zIndex: 100,
-    backgroundColor: theme.palette.background.paper,
-    "& .MuiTableCell-root": {
-      borderBottom: `2px solid ${theme.palette.divider}`,
-      fontWeight: 600,
-      padding: densityConfig.headerPadding
-    }
-  }
-});
-var hoverableRowStyles = (theme) => ({
-  "& .MuiTableBody-root .MuiTableRow-root:hover": {
-    backgroundColor: alpha(theme.palette.primary.main, 0.08),
-    cursor: "pointer",
-    transition: "background-color 0.15s ease-in-out"
-  }
-});
-var emphasisStyles = (theme, glow, pulse) => {
-  if (glow && pulse) return {
-    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
-    }
-  };
-  if (glow) return {
-    boxShadow: `0 0 20px 5px ${alpha(theme.palette.primary.main, 0.3)} !important`,
-    filter: "brightness(1.05)"
-  };
-  if (pulse) return {
-    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
-    }
-  };
-  return {};
-};
-var tableStyles = ({
-  theme,
-  customVariant,
-  glow,
-  pulse,
-  hoverable,
-  density,
-  stickyHeader,
-  stripeColor = "neutral"
-}) => {
-  const densityConfig = getDensityConfig(theme, density);
-  return {
-    borderRadius: theme.spacing(1),
-    overflow: "hidden",
-    transition: "all 0.3s ease",
-    position: "relative",
-    // Density styles
-    "& .MuiTableCell-root": {
-      padding: densityConfig.cellPadding,
-      fontSize: densityConfig.fontSize,
-      height: densityConfig.rowHeight
-    },
-    // Sticky header
-    ...tableVariantStyles({ theme, densityConfig, stripeColor }, customVariant),
-    ...stickyHeader ? stickyHeaderStyles(theme, densityConfig) : {},
-    ...hoverable ? hoverableRowStyles(theme) : {},
-    ...emphasisStyles(theme, glow, pulse),
-    // Variant styles
-    // Hoverable rows
-    // Selection styles
-    "& .MuiTableRow-root.selected": {
-      backgroundColor: alpha(theme.palette.primary.main, 0.12),
-      "&:hover": {
-        backgroundColor: alpha(theme.palette.primary.main, 0.16)
-      }
-    }
-    // Glow effect
-    // Pulse animation
-    // Both glow and pulse
-  };
-};
-
-export {
-  tableStyles
-};
-//# sourceMappingURL=chunk-ZTKLKOOO.js.map

package/dist/chunk-ZTKLKOOO.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Table/Table.styles.ts"],"sourcesContent":["import { alpha, keyframes } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport type { TableDensity, TableStripeColor } from './Table.types';\nimport { rem } from '../../../tokens/relative';\n\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\n// Density configurations\nconst getDensityConfig = (theme: Theme, density: TableDensity = 'normal') => {\n  const configs = {\n    compact: {\n      rowHeight: 36,\n      cellPadding: '6px 12px',\n      fontSize: rem(theme, 13),\n      headerPadding: '8px 12px' },\n    normal: {\n      rowHeight: 52,\n      cellPadding: '12px 16px',\n      fontSize: rem(theme, 14),\n      headerPadding: '16px 16px' },\n    comfortable: {\n      rowHeight: 68,\n      cellPadding: '18px 24px',\n      fontSize: rem(theme, 14),\n      headerPadding: '20px 24px' } };\n  return configs[density];\n};\n\nconst getStripeColorFromTheme = (theme: { palette: { primary: { main: string }; secondary: { main: string }; info: { main: string }; success: { main: string }; warning: { main: string }; error: { main: string }; action: { hover: string } } }, stripeColor: TableStripeColor = 'neutral') => {\n  const colorMap: Record<TableStripeColor, string> = {\n    primary: theme.palette.primary.main,\n    secondary: theme.palette.secondary.main,\n    info: theme.palette.info.main,\n    success: theme.palette.success.main,\n    warning: theme.palette.warning.main,\n    danger: theme.palette.error.main,\n    neutral: theme.palette.action.hover };\n  return colorMap[stripeColor];\n};\n\n/**\n * The zebra stripe for one body row.\n *\n * `neutral` — the default — resolves to `palette.action.hover`, which ALREADY\n * carries its subtlety in its own alpha (`rgba(0,0,0,0.04)` in the light\n * theme). MUI's `alpha()` REPLACES that channel rather than multiplying it, so\n * re-alpha-ing it at 0.5 amplified the tint 12.5× into `rgba(0,0,0,0.5)` —\n * solid #808080 on a white card, which reads as a selected or errored row\n * rather than as a stripe (FUT-755). It is used as-is instead.\n *\n * The named colours are opaque `*.main` values with no alpha of their own, so\n * they still need one.\n */\nconst stripeRowColor = (\n  theme: Parameters<typeof getStripeColorFromTheme>[0],\n  stripeColor: TableStripeColor = 'neutral',\n): string => {\n  const color = getStripeColorFromTheme(theme, stripeColor);\n  return stripeColor === 'neutral' ? color : alpha(color, 0.15);\n};\n\n// One variant applies at a time, so a lookup replaces the mutually exclusive\n// spreads.\nconst TABLE_VARIANTS: Record<string, (args: VariantArgs) => CSSObject> = {\n  default: ({ theme }) => ({\n      backgroundColor: theme.palette.background.paper,\n      '& .MuiTableHead-root': {\n        backgroundColor: alpha(theme.palette.primary.main, 0.1) } }),\n  striped: ({ theme, stripeColor }) => ({\n      backgroundColor: theme.palette.background.paper,\n      '& .MuiTableBody-root .MuiTableRow-root:nth-of-type(even)': {\n        backgroundColor: stripeRowColor(theme, stripeColor) } }),\n  glass: ({ theme }) => ({\n      backgroundColor: alpha(theme.palette.background.paper, 0.1),\n      backdropFilter: 'blur(20px)',\n      border: `1px solid ${alpha(theme.palette.divider, 0.2)}` }),\n  minimal: ({ theme }) => ({\n      backgroundColor: 'transparent',\n      '& .MuiTableCell-root': {\n        borderBottom: `1px solid ${alpha(theme.palette.divider, 0.1)}` } }),\n  gradient: ({ theme }) => ({\n      background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.05)}, ${alpha(theme.palette.secondary.main, 0.05)})`,\n      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n      '& .MuiTableHead-root': {\n        background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.15)}, ${alpha(theme.palette.secondary.main, 0.15)})` },\n      '& .MuiTableCell-root': {\n        borderBottom: `1px solid ${alpha(theme.palette.divider, 0.15)}` } }) };\n\ntype VariantArgs = {\n  theme: Theme;\n  densityConfig: ReturnType<typeof getDensityConfig>;\n  stripeColor?: TableStripeColor;\n};\n\nconst tableVariantStyles = (args: VariantArgs, customVariant?: string): CSSObject =>\n  customVariant ? (TABLE_VARIANTS[customVariant]?.(args) ?? {}) : {};\n\n// Sticky headers and row hover are independent of the variant.\nconst stickyHeaderStyles = (\n  theme: Theme,\n  densityConfig: ReturnType<typeof getDensityConfig>,\n): CSSObject => ({\n      '& .MuiTableHead-root': {\n        position: 'sticky',\n        top: 0,\n        zIndex: 100,\n        backgroundColor: theme.palette.background.paper,\n        '& .MuiTableCell-root': {\n          borderBottom: `2px solid ${theme.palette.divider}`,\n          fontWeight: 600,\n          padding: densityConfig.headerPadding } } });\n\nconst hoverableRowStyles = (theme: Theme): CSSObject => ({\n      '& .MuiTableBody-root .MuiTableRow-root:hover': {\n        backgroundColor: alpha(theme.palette.primary.main, 0.08),\n        cursor: 'pointer',\n        transition: 'background-color 0.15s ease-in-out' } });\n\n// glow and pulse combine into three distinct looks, spelled out rather than\n// layered — the glow-only shadow differs from the one used when both are on.\nconst emphasisStyles = (theme: Theme, glow?: boolean, pulse?: boolean): CSSObject => {\n  if (glow && pulse) return ({\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  if (glow) return ({\n      boxShadow: `0 0 20px 5px ${alpha(theme.palette.primary.main, 0.3)} !important`,\n      filter: 'brightness(1.05)' });\n  if (pulse) return ({\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  return {};\n};\n\n// The table's own styling, lifted out so the styled() callback just forwards\n// its props.\nexport const tableStyles = ({\n  theme,\n  customVariant,\n  glow,\n  pulse,\n  hoverable,\n  density,\n  stickyHeader,\n  stripeColor = 'neutral' }: {\n  theme: Theme;\n  customVariant?: string;\n  glow?: boolean;\n  pulse?: boolean;\n  hoverable?: boolean;\n  density?: TableDensity;\n  stickyHeader?: boolean;\n  stripeColor?: TableStripeColor;\n}): CSSObject => {\n  const densityConfig = getDensityConfig(theme, density);\n  \n  return {\n    borderRadius: theme.spacing(1),\n    overflow: 'hidden',\n    transition: 'all 0.3s ease',\n    position: 'relative',\n\n    // Density styles\n    '& .MuiTableCell-root': {\n      padding: densityConfig.cellPadding,\n      fontSize: densityConfig.fontSize,\n      height: densityConfig.rowHeight },\n\n    // Sticky header\n    ...tableVariantStyles({ theme, densityConfig, stripeColor }, customVariant),\n    ...(stickyHeader ? stickyHeaderStyles(theme, densityConfig) : {}),\n    ...(hoverable ? hoverableRowStyles(theme) : {}),\n    ...emphasisStyles(theme, glow, pulse),\n\n\n    // Variant styles\n\n\n\n\n\n\n\n\n\n\n    // Hoverable rows\n\n\n    // Selection styles\n    '& .MuiTableRow-root.selected': {\n      backgroundColor: alpha(theme.palette.primary.main, 0.12),\n      '&:hover': {\n        backgroundColor: alpha(theme.palette.primary.main, 0.16) } },\n\n    // Glow effect\n\n\n    // Pulse animation\n\n\n    // Both glow and pulse\n\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-ZUQIOWLN.js

@@ -1,153 +0,0 @@
-import {
-  pulseAnimation,
-  scaleIn,
-  slideInDown,
-  slideInLeft,
-  slideInRight,
-  slideInUp
-} from "./chunk-IT7ATXU7.js";
-import {
-  shadowInk
-} from "./chunk-FQ6UW7IY.js";
-
-// src/components/data-display/HoverCard/HoverCard.styles.ts
-import { alpha } from "@mui/material/styles/index.js";
-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 ${shadowInk(theme, 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-ZUQIOWLN.js.map

package/dist/chunk-ZUQIOWLN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/HoverCard/HoverCard.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\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';\nimport { shadowInk } from '../../../tokens/ink';\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 ${shadowInk(theme, 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":[]}

package/dist/chunk-ZW5K4XCQ.js

@@ -1,158 +0,0 @@
-import {
-  CategoryPanelSurface
-} from "./chunk-LMXWI3DD.js";
-import {
-  CategoryPanel
-} from "./chunk-PNLM35GU.js";
-import {
-  useCategorySelect
-} from "./chunk-RZVUY2MO.js";
-import {
-  useCategoryKeyHandler
-} from "./chunk-USJPZ5Q7.js";
-import {
-  useCategoryCommit
-} from "./chunk-XHHR6G35.js";
-import {
-  categoryPath,
-  summarizeSelection
-} from "./chunk-PN4HVM43.js";
-import {
-  CategoryTrigger
-} from "./chunk-WVC3BG6J.js";
-import {
-  METRICS
-} from "./chunk-BXAL7OIS.js";
-import {
-  FormControl,
-  FormLabel,
-  FormMessage
-} from "./chunk-2HVNPWFV.js";
-
-// src/components/form/CategorySelect/CategorySelect.tsx
-import { useEffect, useMemo, useRef } from "react";
-import { useTheme } from "@mui/material/styles/index.js";
-import useMediaQuery from "@mui/material/useMediaQuery/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-function appliedIds(props) {
-  if (props.mode === "single") return props.value ? [props.value] : [];
-  return props.value;
-}
-function draftChanged(draft, applied) {
-  return draft.size !== applied.length || applied.some((id) => !draft.has(id));
-}
-function singleLabel(groups, value) {
-  if (!value) return void 0;
-  return categoryPath(groups, value)?.join(" \u203A ");
-}
-function resolveConfig(props) {
-  const single = props.mode === "single";
-  return {
-    single,
-    placeholder: props.placeholder ?? (single ? props.copy.placeholderSingle : props.copy.placeholderMulti),
-    disabled: props.disabled ?? false,
-    loading: props.loading ?? false,
-    fullWidth: props.fullWidth ?? false,
-    showCounts: props.showCounts ?? false,
-    allowParentSelection: props.allowParentSelection ?? false,
-    dataTestId: props.dataTestId ?? "category-select"
-  };
-}
-function usePanelFocus(open, activeIndex, searchInputRef, listRef) {
-  useEffect(() => {
-    if (!open) return void 0;
-    const frame = requestAnimationFrame(() => searchInputRef.current?.focus());
-    return () => cancelAnimationFrame(frame);
-  }, [open, searchInputRef]);
-  useEffect(() => {
-    if (activeIndex < 0) return;
-    const rows = listRef.current?.querySelectorAll('[role="option"], [role="button"]');
-    rows?.[activeIndex]?.scrollIntoView({ block: "nearest" });
-  }, [activeIndex, listRef]);
-}
-function CategorySelect(props) {
-  const { options, label, error, onCreateCategory, copy } = props;
-  const {
-    single,
-    placeholder,
-    disabled,
-    loading,
-    fullWidth,
-    showCounts,
-    allowParentSelection,
-    dataTestId
-  } = resolveConfig(props);
-  const theme = useTheme();
-  const sheet = useMediaQuery(theme.breakpoints.down(METRICS.sheetBreakpoint));
-  const applied = appliedIds(props);
-  const state = useCategorySelect({ options, selected: applied });
-  const searchInputRef = useRef(null);
-  const listRef = useRef(null);
-  usePanelFocus(state.open, state.activeIndex, searchInputRef, listRef);
-  const chips = useMemo(
-    () => summarizeSelection(state.allGroups, state.draft),
-    [state.allGroups, state.draft]
-  );
-  const rowIds = useMemo(() => state.rows.map((row) => row.id), [state.rows]);
-  const actions = useCategoryCommit({ props, state, single, allowParentSelection });
-  const onKeyDown = useCategoryKeyHandler({ state, single, allowParentSelection, actions });
-  return /* @__PURE__ */ jsxs(FormControl, { fullWidth, error: Boolean(error), children: [
-    label && /* @__PURE__ */ jsx(FormLabel, { error: Boolean(error), children: label }),
-    /* @__PURE__ */ jsx(
-      CategoryTrigger,
-      {
-        copy,
-        placeholder,
-        selectionLabel: props.mode === "single" ? singleLabel(state.allGroups, props.value) : void 0,
-        count: single ? void 0 : applied.length,
-        open: state.open,
-        disabled,
-        fullWidth,
-        onOpen: state.openPanel,
-        onClear: applied.length > 0 ? actions.clearSelection : void 0,
-        triggerRef: state.triggerRef,
-        dataTestId
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      CategoryPanelSurface,
-      {
-        open: state.open,
-        sheet,
-        anchorEl: state.triggerRef.current,
-        onClose: actions.cancel,
-        children: /* @__PURE__ */ jsx(
-          CategoryPanel,
-          {
-            copy,
-            state,
-            chips,
-            rowIds,
-            changed: draftChanged(state.draft, applied),
-            single,
-            sheet,
-            loading,
-            showCounts,
-            allowParentSelection,
-            ariaLabel: label ?? placeholder,
-            onKeyDown,
-            onActivateCategory: actions.activateCategory,
-            onActivateSubcategory: actions.activateSubcategory,
-            onApply: actions.commit,
-            onCancel: actions.cancel,
-            onCreateCategory,
-            searchInputRef,
-            listRef,
-            dataTestId
-          }
-        )
-      }
-    ),
-    error && /* @__PURE__ */ jsx(FormMessage, { error: true, dataTestId: `${dataTestId}-message`, children: error })
-  ] });
-}
-
-export {
-  CategorySelect
-};
-//# sourceMappingURL=chunk-ZW5K4XCQ.js.map