@12-apps/ui 6.10.1 → 6.11.1

package/dist/chunk-Z6FXJ44X.js

@@ -0,0 +1,240 @@
+import {
+  glowAnimation,
+  rippleAnimation,
+  scaleAnimation,
+  slideAnimation
+} from "./chunk-JWBTG3CP.js";
+
+// src/components/form/RadioGroup/RadioGroup.styles.ts
+import { alpha } from "@mui/material";
+var neutralPalette = (theme) => ({
+  main: theme.palette.grey?.[700] || "#616161",
+  dark: theme.palette.grey?.[800] || "#424242",
+  light: theme.palette.grey?.[500] || "#9e9e9e",
+  contrastText: "#fff"
+});
+var namedPalette = (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: theme.palette.error
+  };
+  return colorMap[color] || theme.palette.primary;
+};
+var getColorFromTheme = (theme, color) => {
+  if (color === "neutral") {
+    return neutralPalette(theme);
+  }
+  const palette = namedPalette(theme, color);
+  const { primary } = theme.palette;
+  return {
+    main: palette.main || primary.main,
+    dark: palette.dark || palette.main || primary.dark,
+    light: palette.light || palette.main || primary.light,
+    contrastText: palette.contrastText || "#fff"
+  };
+};
+var pickSize = (map, size) => map[size] ?? map.md;
+var CARD_SIZES = {
+  xs: { padding: "8px", minHeight: "60px" },
+  sm: { padding: "12px", minHeight: "70px" },
+  md: { padding: "16px", minHeight: "80px" },
+  lg: { padding: "20px", minHeight: "90px" },
+  xl: { padding: "24px", minHeight: "100px" }
+};
+var BUTTON_SIZES = {
+  xs: { padding: "6px 12px", fontSize: "0.75rem", minHeight: "32px" },
+  sm: { padding: "8px 16px", fontSize: "0.875rem", minHeight: "36px" },
+  md: { padding: "10px 20px", fontSize: "1rem", minHeight: "40px" },
+  lg: { padding: "12px 24px", fontSize: "1.125rem", minHeight: "44px" },
+  xl: { padding: "14px 28px", fontSize: "1.25rem", minHeight: "48px" }
+};
+var SEGMENT_SIZES = {
+  xs: { padding: "4px 8px", fontSize: "0.75rem" },
+  sm: { padding: "6px 12px", fontSize: "0.875rem" },
+  md: { padding: "8px 16px", fontSize: "1rem" },
+  lg: { padding: "10px 20px", fontSize: "1.125rem" },
+  xl: { padding: "12px 24px", fontSize: "1.25rem" }
+};
+var formLabelSx = (theme, glass, error) => ({
+  marginBottom: theme.spacing(2),
+  fontWeight: 600,
+  color: error ? theme.palette.error.main : theme.palette.text.primary,
+  ...glass && {
+    backgroundColor: alpha(theme.palette.background.paper, 0.1),
+    backdropFilter: "blur(10px)",
+    padding: "8px 12px",
+    borderRadius: "8px",
+    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
+    display: "inline-block"
+  }
+});
+var cardBase = (theme, flags, palette) => {
+  const { selected, animated, customSize = "md" } = flags;
+  return {
+    cursor: "pointer",
+    transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
+    border: `2px solid ${selected ? palette.main : alpha(theme.palette.divider, 0.3)}`,
+    backgroundColor: selected ? alpha(palette.main, 0.05) : theme.palette.background.paper,
+    position: "relative",
+    overflow: "hidden",
+    ...animated && { animation: `${slideAnimation} 0.4s ease-out` },
+    // A radial wash that grows from the centre as the card is selected or hovered.
+    "&::before": {
+      content: '""',
+      position: "absolute",
+      top: "50%",
+      left: "50%",
+      width: selected ? "100%" : "0",
+      height: selected ? "100%" : "0",
+      background: `radial-gradient(circle, ${alpha(palette.main, 0.1)} 0%, transparent 70%)`,
+      transform: "translate(-50%, -50%)",
+      transition: "all 0.5s ease",
+      borderRadius: "50%"
+    },
+    "&:hover": {
+      borderColor: palette.main,
+      backgroundColor: alpha(palette.main, 0.02),
+      transform: "translateY(-2px) scale(1.02)",
+      boxShadow: `${theme.shadows[4]}, 0 10px 30px -5px ${alpha(palette.main, 0.2)}`,
+      "&::before": { width: "120%", height: "120%" }
+    },
+    "&:active": { transform: "scale(0.98)" },
+    ...pickSize(CARD_SIZES, customSize)
+  };
+};
+var radioCardSx = (theme, flags) => {
+  const { selected, customColor = "primary", glass, gradient, glow } = flags;
+  const palette = getColorFromTheme(theme, customColor);
+  return {
+    ...cardBase(theme, flags, palette),
+    ...glass && {
+      backgroundColor: selected ? alpha(palette.main, 0.1) : alpha(theme.palette.background.paper, 0.1),
+      backdropFilter: "blur(20px)",
+      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`
+    },
+    ...gradient && selected && {
+      background: `linear-gradient(135deg, ${alpha(palette.main, 0.1)}, ${alpha(palette.light || palette.main, 0.05)})`,
+      borderColor: palette.main
+    },
+    ...glow && selected && {
+      animation: `${glowAnimation} 2s ease-in-out infinite`,
+      boxShadow: `0 0 15px ${alpha(palette.main, 0.4)}`
+    }
+  };
+};
+var buttonBase = (theme, flags, palette) => {
+  const { selected, animated, customSize = "md" } = flags;
+  return {
+    borderRadius: theme.spacing(1),
+    transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
+    fontWeight: 500,
+    border: `2px solid ${selected ? palette.main : alpha(theme.palette.divider, 0.5)}`,
+    backgroundColor: selected ? palette.main : "transparent",
+    color: selected ? palette.contrastText || "#fff" : theme.palette.text.primary,
+    position: "relative",
+    overflow: "hidden",
+    ...animated && selected && { animation: `${scaleAnimation} 0.3s ease-out` },
+    // Sized to zero until pressed, when the ripple keyframes expand it.
+    "&::after": {
+      content: '""',
+      position: "absolute",
+      top: "50%",
+      left: "50%",
+      width: 0,
+      height: 0,
+      borderRadius: "50%",
+      backgroundColor: alpha(palette.contrastText || "#fff", 0.3),
+      transform: "translate(-50%, -50%)",
+      pointerEvents: "none"
+    },
+    "&:active::after": {
+      animation: `${rippleAnimation} 0.6s ease-out`,
+      width: "100%",
+      height: "100%"
+    },
+    "&:hover": {
+      borderColor: palette.main,
+      backgroundColor: selected ? palette.dark : alpha(palette.main, 0.1),
+      transform: "translateY(-1px) scale(1.02)",
+      boxShadow: `0 4px 12px ${alpha(palette.main, 0.2)}`
+    },
+    "&:active": { transform: "scale(0.98)" },
+    ...pickSize(BUTTON_SIZES, customSize)
+  };
+};
+var buttonRadioSx = (theme, flags) => {
+  const { selected, customColor = "primary", glass, gradient } = flags;
+  const palette = getColorFromTheme(theme, customColor);
+  return {
+    ...buttonBase(theme, flags, palette),
+    ...glass && {
+      backgroundColor: selected ? alpha(palette.main, 0.8) : alpha(theme.palette.background.paper, 0.1),
+      backdropFilter: "blur(20px)",
+      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`
+    },
+    ...gradient && selected && {
+      background: `linear-gradient(135deg, ${palette.main}, ${palette.dark})`,
+      border: "none"
+    }
+  };
+};
+var segmentContainerSx = (theme, glass, customColor = "primary") => {
+  const palette = getColorFromTheme(theme, customColor);
+  return {
+    padding: "4px",
+    borderRadius: theme.spacing(1.5),
+    backgroundColor: glass ? alpha(theme.palette.background.paper, 0.1) : alpha(palette.main, 0.05),
+    backdropFilter: glass ? "blur(20px)" : "none",
+    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
+    display: "flex",
+    gap: "2px"
+  };
+};
+var segmentUnderline = (color, selected) => ({
+  content: '""',
+  position: "absolute",
+  bottom: 0,
+  left: selected ? 0 : "50%",
+  width: selected ? "100%" : 0,
+  height: "2px",
+  backgroundColor: color,
+  transition: "all 0.3s ease",
+  transform: selected ? "translateX(0)" : "translateX(-50%)"
+});
+var segmentButtonSx = (theme, flags) => {
+  const { selected, customColor = "primary", customSize = "md", animated } = flags;
+  const palette = getColorFromTheme(theme, customColor);
+  return {
+    flex: 1,
+    borderRadius: theme.spacing(1),
+    transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
+    fontWeight: 500,
+    backgroundColor: selected ? theme.palette.background.paper : "transparent",
+    color: selected ? palette.main : theme.palette.text.secondary,
+    boxShadow: selected ? `${theme.shadows[2]}, inset 0 1px 3px ${alpha(palette.main, 0.1)}` : "none",
+    position: "relative",
+    overflow: "hidden",
+    ...animated && selected && { animation: `${scaleAnimation} 0.3s ease-out` },
+    "&::before": segmentUnderline(palette.main, Boolean(selected)),
+    "&:hover": {
+      backgroundColor: selected ? theme.palette.background.paper : alpha(theme.palette.action.hover, 0.08),
+      color: palette.main,
+      "&::before": { width: "100%", left: 0, transform: "translateX(0)" }
+    },
+    "&:active": { transform: "scale(0.98)" },
+    ...pickSize(SEGMENT_SIZES, customSize)
+  };
+};
+
+export {
+  formLabelSx,
+  radioCardSx,
+  buttonRadioSx,
+  segmentContainerSx,
+  segmentButtonSx
+};
+//# sourceMappingURL=chunk-Z6FXJ44X.js.map

package/dist/chunk-Z6FXJ44X.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/RadioGroup/RadioGroup.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material';\nimport type { CSSObject, Theme } from '@mui/material';\n\nimport { glowAnimation, rippleAnimation, scaleAnimation, slideAnimation } from './RadioGroup.animations';\n\ninterface ColorPalette {\n  main: string;\n  dark?: string;\n  light?: string;\n  contrastText?: string;\n}\n\n/**\n * `neutral` is not a MUI palette entry, so it is built from the grey ramp. The\n * literal fallbacks cover a theme whose grey ramp has been replaced with one\n * that omits these steps.\n */\nconst neutralPalette = (theme: Theme): ColorPalette => ({\n  main: theme.palette.grey?.[700] || '#616161',\n  dark: theme.palette.grey?.[800] || '#424242',\n  light: theme.palette.grey?.[500] || '#9e9e9e',\n  contrastText: '#fff',\n});\n\n/** `danger` is this component's name for the error palette; the rest map straight through. */\nconst namedPalette = (theme: Theme, color: string): ColorPalette => {\n  const colorMap: Record<string, ColorPalette> = {\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: theme.palette.error,\n  };\n\n  return colorMap[color] || theme.palette.primary;\n};\n\n/**\n * Resolves a colour name to a full palette, filling any step the theme leaves\n * out from `main` and then from the primary palette. Split into three so the\n * fallback chains do not all count against one function.\n */\nconst getColorFromTheme = (theme: Theme, color: string): ColorPalette => {\n  if (color === 'neutral') {\n    return neutralPalette(theme);\n  }\n\n  const palette = namedPalette(theme, color);\n  const { primary } = theme.palette;\n\n  // namedPalette always yields a palette, so these need no optional chaining;\n  // each step still falls back to `main` and then to primary when the theme\n  // leaves it out.\n  return {\n    main: palette.main || primary.main,\n    dark: palette.dark || palette.main || primary.dark,\n    light: palette.light || palette.main || primary.light,\n    contrastText: palette.contrastText || '#fff',\n  };\n};\n\ntype SizeKey = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nconst pickSize = <T,>(map: Record<SizeKey, T>, size: string): T => map[size as SizeKey] ?? map.md;\n\nconst CARD_SIZES: Record<SizeKey, CSSObject> = {\n  xs: { padding: '8px', minHeight: '60px' },\n  sm: { padding: '12px', minHeight: '70px' },\n  md: { padding: '16px', minHeight: '80px' },\n  lg: { padding: '20px', minHeight: '90px' },\n  xl: { padding: '24px', minHeight: '100px' },\n};\n\nconst BUTTON_SIZES: Record<SizeKey, CSSObject> = {\n  xs: { padding: '6px 12px', fontSize: '0.75rem', minHeight: '32px' },\n  sm: { padding: '8px 16px', fontSize: '0.875rem', minHeight: '36px' },\n  md: { padding: '10px 20px', fontSize: '1rem', minHeight: '40px' },\n  lg: { padding: '12px 24px', fontSize: '1.125rem', minHeight: '44px' },\n  xl: { padding: '14px 28px', fontSize: '1.25rem', minHeight: '48px' },\n};\n\nconst SEGMENT_SIZES: Record<SizeKey, CSSObject> = {\n  xs: { padding: '4px 8px', fontSize: '0.75rem' },\n  sm: { padding: '6px 12px', fontSize: '0.875rem' },\n  md: { padding: '8px 16px', fontSize: '1rem' },\n  lg: { padding: '10px 20px', fontSize: '1.125rem' },\n  xl: { padding: '12px 24px', fontSize: '1.25rem' },\n};\n\nexport interface SurfaceFlags {\n  selected?: boolean;\n  customColor?: string;\n  glass?: boolean;\n  gradient?: boolean;\n  glow?: boolean;\n  customSize?: string;\n  animated?: boolean;\n}\n\nexport const formLabelSx = (theme: Theme, glass?: boolean, error?: boolean): CSSObject => ({\n  marginBottom: theme.spacing(2),\n  fontWeight: 600,\n  color: error ? theme.palette.error.main : theme.palette.text.primary,\n  ...(glass && {\n    backgroundColor: alpha(theme.palette.background.paper, 0.1),\n    backdropFilter: 'blur(10px)',\n    padding: '8px 12px',\n    borderRadius: '8px',\n    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n    display: 'inline-block',\n  }),\n});\n\n/** The card's resting surface, before glass/gradient/glow override parts of it. */\nconst cardBase = (theme: Theme, flags: SurfaceFlags, palette: ColorPalette): CSSObject => {\n  const { selected, animated, customSize = 'md' } = flags;\n\n  return {\n    cursor: 'pointer',\n    transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n    border: `2px solid ${selected ? palette.main : alpha(theme.palette.divider, 0.3)}`,\n    backgroundColor: selected ? alpha(palette.main, 0.05) : theme.palette.background.paper,\n    position: 'relative' as const,\n    overflow: 'hidden' as const,\n    ...(animated && { animation: `${slideAnimation} 0.4s ease-out` }),\n    // A radial wash that grows from the centre as the card is selected or hovered.\n    '&::before': {\n      content: '\"\"',\n      position: 'absolute',\n      top: '50%',\n      left: '50%',\n      width: selected ? '100%' : '0',\n      height: selected ? '100%' : '0',\n      background: `radial-gradient(circle, ${alpha(palette.main, 0.1)} 0%, transparent 70%)`,\n      transform: 'translate(-50%, -50%)',\n      transition: 'all 0.5s ease',\n      borderRadius: '50%',\n    },\n    '&:hover': {\n      borderColor: palette.main,\n      backgroundColor: alpha(palette.main, 0.02),\n      transform: 'translateY(-2px) scale(1.02)',\n      boxShadow: `${theme.shadows[4]}, 0 10px 30px -5px ${alpha(palette.main, 0.2)}`,\n      '&::before': { width: '120%', height: '120%' },\n    },\n    '&:active': { transform: 'scale(0.98)' },\n    ...pickSize(CARD_SIZES, customSize),\n  };\n};\n\nexport const radioCardSx = (theme: Theme, flags: SurfaceFlags): CSSObject => {\n  const { selected, customColor = 'primary', glass, gradient, glow } = flags;\n  const palette = getColorFromTheme(theme, customColor);\n\n  return {\n    ...cardBase(theme, flags, palette),\n    ...(glass && {\n      backgroundColor: selected\n        ? alpha(palette.main, 0.1)\n        : alpha(theme.palette.background.paper, 0.1),\n      backdropFilter: 'blur(20px)',\n      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n    }),\n    ...(gradient &&\n      selected && {\n        background: `linear-gradient(135deg, ${alpha(palette.main, 0.1)}, ${alpha(palette.light || palette.main, 0.05)})`,\n        borderColor: palette.main,\n      }),\n    ...(glow &&\n      selected && {\n        animation: `${glowAnimation} 2s ease-in-out infinite`,\n        boxShadow: `0 0 15px ${alpha(palette.main, 0.4)}`,\n      }),\n  };\n};\n\n/** The pill button's resting surface, before glass/gradient override parts of it. */\nconst buttonBase = (theme: Theme, flags: SurfaceFlags, palette: ColorPalette): CSSObject => {\n  const { selected, animated, customSize = 'md' } = flags;\n\n  return {\n    borderRadius: theme.spacing(1),\n    transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n    fontWeight: 500,\n    border: `2px solid ${selected ? palette.main : alpha(theme.palette.divider, 0.5)}`,\n    backgroundColor: selected ? palette.main : 'transparent',\n    color: selected ? palette.contrastText || '#fff' : theme.palette.text.primary,\n    position: 'relative' as const,\n    overflow: 'hidden' as const,\n    ...(animated && selected && { animation: `${scaleAnimation} 0.3s ease-out` }),\n    // Sized to zero until pressed, when the ripple keyframes expand it.\n    '&::after': {\n      content: '\"\"',\n      position: 'absolute',\n      top: '50%',\n      left: '50%',\n      width: 0,\n      height: 0,\n      borderRadius: '50%',\n      backgroundColor: alpha(palette.contrastText || '#fff', 0.3),\n      transform: 'translate(-50%, -50%)',\n      pointerEvents: 'none' as const,\n    },\n    '&:active::after': {\n      animation: `${rippleAnimation} 0.6s ease-out`,\n      width: '100%',\n      height: '100%',\n    },\n    '&:hover': {\n      borderColor: palette.main,\n      backgroundColor: selected ? palette.dark : alpha(palette.main, 0.1),\n      transform: 'translateY(-1px) scale(1.02)',\n      boxShadow: `0 4px 12px ${alpha(palette.main, 0.2)}`,\n    },\n    '&:active': { transform: 'scale(0.98)' },\n    ...pickSize(BUTTON_SIZES, customSize),\n  };\n};\n\nexport const buttonRadioSx = (theme: Theme, flags: SurfaceFlags): CSSObject => {\n  const { selected, customColor = 'primary', glass, gradient } = flags;\n  const palette = getColorFromTheme(theme, customColor);\n\n  return {\n    ...buttonBase(theme, flags, palette),\n    ...(glass && {\n      backgroundColor: selected\n        ? alpha(palette.main, 0.8)\n        : alpha(theme.palette.background.paper, 0.1),\n      backdropFilter: 'blur(20px)',\n      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n    }),\n    ...(gradient &&\n      selected && {\n        background: `linear-gradient(135deg, ${palette.main}, ${palette.dark})`,\n        border: 'none',\n      }),\n  };\n};\n\nexport const segmentContainerSx = (\n  theme: Theme,\n  glass?: boolean,\n  customColor = 'primary',\n): CSSObject => {\n  const palette = getColorFromTheme(theme, customColor);\n\n  return {\n    padding: '4px',\n    borderRadius: theme.spacing(1.5),\n    backgroundColor: glass\n      ? alpha(theme.palette.background.paper, 0.1)\n      : alpha(palette.main, 0.05),\n    backdropFilter: glass ? 'blur(20px)' : 'none',\n    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n    display: 'flex',\n    gap: '2px',\n  };\n};\n\n/**\n * An underline that grows from the centre outwards, and is already full width\n * when the segment is the selected one.\n */\nconst segmentUnderline = (color: string, selected: boolean): CSSObject => ({\n  content: '\"\"',\n  position: 'absolute',\n  bottom: 0,\n  left: selected ? 0 : '50%',\n  width: selected ? '100%' : 0,\n  height: '2px',\n  backgroundColor: color,\n  transition: 'all 0.3s ease',\n  transform: selected ? 'translateX(0)' : 'translateX(-50%)',\n});\n\nexport const segmentButtonSx = (theme: Theme, flags: SurfaceFlags): CSSObject => {\n  const { selected, customColor = 'primary', customSize = 'md', animated } = flags;\n  const palette = getColorFromTheme(theme, customColor);\n\n  return {\n    flex: 1,\n    borderRadius: theme.spacing(1),\n    transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n    fontWeight: 500,\n    backgroundColor: selected ? theme.palette.background.paper : 'transparent',\n    color: selected ? palette.main : theme.palette.text.secondary,\n    boxShadow: selected\n      ? `${theme.shadows[2]}, inset 0 1px 3px ${alpha(palette.main, 0.1)}`\n      : 'none',\n    position: 'relative' as const,\n    overflow: 'hidden' as const,\n    ...(animated && selected && { animation: `${scaleAnimation} 0.3s ease-out` }),\n    '&::before': segmentUnderline(palette.main, Boolean(selected)),\n    '&:hover': {\n      backgroundColor: selected\n        ? theme.palette.background.paper\n        : alpha(theme.palette.action.hover, 0.08),\n      color: palette.main,\n      '&::before': { width: '100%', left: 0, transform: 'translateX(0)' },\n    },\n    '&:active': { transform: 'scale(0.98)' },\n    ...pickSize(SEGMENT_SIZES, customSize),\n  };\n};\n"],"mappings":";;;;;;;;AAAA,SAAS,aAAa;AAiBtB,IAAM,iBAAiB,CAAC,WAAgC;AAAA,EACtD,MAAM,MAAM,QAAQ,OAAO,GAAG,KAAK;AAAA,EACnC,MAAM,MAAM,QAAQ,OAAO,GAAG,KAAK;AAAA,EACnC,OAAO,MAAM,QAAQ,OAAO,GAAG,KAAK;AAAA,EACpC,cAAc;AAChB;AAGA,IAAM,eAAe,CAAC,OAAc,UAAgC;AAClE,QAAM,WAAyC;AAAA,IAC7C,SAAS,MAAM,QAAQ;AAAA,IACvB,WAAW,MAAM,QAAQ;AAAA,IACzB,SAAS,MAAM,QAAQ;AAAA,IACvB,SAAS,MAAM,QAAQ;AAAA,IACvB,MAAM,MAAM,QAAQ;AAAA,IACpB,QAAQ,MAAM,QAAQ;AAAA,EACxB;AAEA,SAAO,SAAS,KAAK,KAAK,MAAM,QAAQ;AAC1C;AAOA,IAAM,oBAAoB,CAAC,OAAc,UAAgC;AACvE,MAAI,UAAU,WAAW;AACvB,WAAO,eAAe,KAAK;AAAA,EAC7B;AAEA,QAAM,UAAU,aAAa,OAAO,KAAK;AACzC,QAAM,EAAE,QAAQ,IAAI,MAAM;AAK1B,SAAO;AAAA,IACL,MAAM,QAAQ,QAAQ,QAAQ;AAAA,IAC9B,MAAM,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ;AAAA,IAC9C,OAAO,QAAQ,SAAS,QAAQ,QAAQ,QAAQ;AAAA,IAChD,cAAc,QAAQ,gBAAgB;AAAA,EACxC;AACF;AAIA,IAAM,WAAW,CAAK,KAAyB,SAAoB,IAAI,IAAe,KAAK,IAAI;AAE/F,IAAM,aAAyC;AAAA,EAC7C,IAAI,EAAE,SAAS,OAAO,WAAW,OAAO;AAAA,EACxC,IAAI,EAAE,SAAS,QAAQ,WAAW,OAAO;AAAA,EACzC,IAAI,EAAE,SAAS,QAAQ,WAAW,OAAO;AAAA,EACzC,IAAI,EAAE,SAAS,QAAQ,WAAW,OAAO;AAAA,EACzC,IAAI,EAAE,SAAS,QAAQ,WAAW,QAAQ;AAC5C;AAEA,IAAM,eAA2C;AAAA,EAC/C,IAAI,EAAE,SAAS,YAAY,UAAU,WAAW,WAAW,OAAO;AAAA,EAClE,IAAI,EAAE,SAAS,YAAY,UAAU,YAAY,WAAW,OAAO;AAAA,EACnE,IAAI,EAAE,SAAS,aAAa,UAAU,QAAQ,WAAW,OAAO;AAAA,EAChE,IAAI,EAAE,SAAS,aAAa,UAAU,YAAY,WAAW,OAAO;AAAA,EACpE,IAAI,EAAE,SAAS,aAAa,UAAU,WAAW,WAAW,OAAO;AACrE;AAEA,IAAM,gBAA4C;AAAA,EAChD,IAAI,EAAE,SAAS,WAAW,UAAU,UAAU;AAAA,EAC9C,IAAI,EAAE,SAAS,YAAY,UAAU,WAAW;AAAA,EAChD,IAAI,EAAE,SAAS,YAAY,UAAU,OAAO;AAAA,EAC5C,IAAI,EAAE,SAAS,aAAa,UAAU,WAAW;AAAA,EACjD,IAAI,EAAE,SAAS,aAAa,UAAU,UAAU;AAClD;AAYO,IAAM,cAAc,CAAC,OAAc,OAAiB,WAAgC;AAAA,EACzF,cAAc,MAAM,QAAQ,CAAC;AAAA,EAC7B,YAAY;AAAA,EACZ,OAAO,QAAQ,MAAM,QAAQ,MAAM,OAAO,MAAM,QAAQ,KAAK;AAAA,EAC7D,GAAI,SAAS;AAAA,IACX,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,IAC1D,gBAAgB;AAAA,IAChB,SAAS;AAAA,IACT,cAAc;AAAA,IACd,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,GAAG,CAAC;AAAA,IACtD,SAAS;AAAA,EACX;AACF;AAGA,IAAM,WAAW,CAAC,OAAc,OAAqB,YAAqC;AACxF,QAAM,EAAE,UAAU,UAAU,aAAa,KAAK,IAAI;AAElD,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,QAAQ,aAAa,WAAW,QAAQ,OAAO,MAAM,MAAM,QAAQ,SAAS,GAAG,CAAC;AAAA,IAChF,iBAAiB,WAAW,MAAM,QAAQ,MAAM,IAAI,IAAI,MAAM,QAAQ,WAAW;AAAA,IACjF,UAAU;AAAA,IACV,UAAU;AAAA,IACV,GAAI,YAAY,EAAE,WAAW,GAAG,cAAc,iBAAiB;AAAA;AAAA,IAE/D,aAAa;AAAA,MACX,SAAS;AAAA,MACT,UAAU;AAAA,MACV,KAAK;AAAA,MACL,MAAM;AAAA,MACN,OAAO,WAAW,SAAS;AAAA,MAC3B,QAAQ,WAAW,SAAS;AAAA,MAC5B,YAAY,2BAA2B,MAAM,QAAQ,MAAM,GAAG,CAAC;AAAA,MAC/D,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,cAAc;AAAA,IAChB;AAAA,IACA,WAAW;AAAA,MACT,aAAa,QAAQ;AAAA,MACrB,iBAAiB,MAAM,QAAQ,MAAM,IAAI;AAAA,MACzC,WAAW;AAAA,MACX,WAAW,GAAG,MAAM,QAAQ,CAAC,CAAC,sBAAsB,MAAM,QAAQ,MAAM,GAAG,CAAC;AAAA,MAC5E,aAAa,EAAE,OAAO,QAAQ,QAAQ,OAAO;AAAA,IAC/C;AAAA,IACA,YAAY,EAAE,WAAW,cAAc;AAAA,IACvC,GAAG,SAAS,YAAY,UAAU;AAAA,EACpC;AACF;AAEO,IAAM,cAAc,CAAC,OAAc,UAAmC;AAC3E,QAAM,EAAE,UAAU,cAAc,WAAW,OAAO,UAAU,KAAK,IAAI;AACrE,QAAM,UAAU,kBAAkB,OAAO,WAAW;AAEpD,SAAO;AAAA,IACL,GAAG,SAAS,OAAO,OAAO,OAAO;AAAA,IACjC,GAAI,SAAS;AAAA,MACX,iBAAiB,WACb,MAAM,QAAQ,MAAM,GAAG,IACvB,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,MAC7C,gBAAgB;AAAA,MAChB,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,GAAG,CAAC;AAAA,IACxD;AAAA,IACA,GAAI,YACF,YAAY;AAAA,MACV,YAAY,2BAA2B,MAAM,QAAQ,MAAM,GAAG,CAAC,KAAK,MAAM,QAAQ,SAAS,QAAQ,MAAM,IAAI,CAAC;AAAA,MAC9G,aAAa,QAAQ;AAAA,IACvB;AAAA,IACF,GAAI,QACF,YAAY;AAAA,MACV,WAAW,GAAG,aAAa;AAAA,MAC3B,WAAW,YAAY,MAAM,QAAQ,MAAM,GAAG,CAAC;AAAA,IACjD;AAAA,EACJ;AACF;AAGA,IAAM,aAAa,CAAC,OAAc,OAAqB,YAAqC;AAC1F,QAAM,EAAE,UAAU,UAAU,aAAa,KAAK,IAAI;AAElD,SAAO;AAAA,IACL,cAAc,MAAM,QAAQ,CAAC;AAAA,IAC7B,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,QAAQ,aAAa,WAAW,QAAQ,OAAO,MAAM,MAAM,QAAQ,SAAS,GAAG,CAAC;AAAA,IAChF,iBAAiB,WAAW,QAAQ,OAAO;AAAA,IAC3C,OAAO,WAAW,QAAQ,gBAAgB,SAAS,MAAM,QAAQ,KAAK;AAAA,IACtE,UAAU;AAAA,IACV,UAAU;AAAA,IACV,GAAI,YAAY,YAAY,EAAE,WAAW,GAAG,cAAc,iBAAiB;AAAA;AAAA,IAE3E,YAAY;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV,KAAK;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,iBAAiB,MAAM,QAAQ,gBAAgB,QAAQ,GAAG;AAAA,MAC1D,WAAW;AAAA,MACX,eAAe;AAAA,IACjB;AAAA,IACA,mBAAmB;AAAA,MACjB,WAAW,GAAG,eAAe;AAAA,MAC7B,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,IACA,WAAW;AAAA,MACT,aAAa,QAAQ;AAAA,MACrB,iBAAiB,WAAW,QAAQ,OAAO,MAAM,QAAQ,MAAM,GAAG;AAAA,MAClE,WAAW;AAAA,MACX,WAAW,cAAc,MAAM,QAAQ,MAAM,GAAG,CAAC;AAAA,IACnD;AAAA,IACA,YAAY,EAAE,WAAW,cAAc;AAAA,IACvC,GAAG,SAAS,cAAc,UAAU;AAAA,EACtC;AACF;AAEO,IAAM,gBAAgB,CAAC,OAAc,UAAmC;AAC7E,QAAM,EAAE,UAAU,cAAc,WAAW,OAAO,SAAS,IAAI;AAC/D,QAAM,UAAU,kBAAkB,OAAO,WAAW;AAEpD,SAAO;AAAA,IACL,GAAG,WAAW,OAAO,OAAO,OAAO;AAAA,IACnC,GAAI,SAAS;AAAA,MACX,iBAAiB,WACb,MAAM,QAAQ,MAAM,GAAG,IACvB,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,MAC7C,gBAAgB;AAAA,MAChB,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,GAAG,CAAC;AAAA,IACxD;AAAA,IACA,GAAI,YACF,YAAY;AAAA,MACV,YAAY,2BAA2B,QAAQ,IAAI,KAAK,QAAQ,IAAI;AAAA,MACpE,QAAQ;AAAA,IACV;AAAA,EACJ;AACF;AAEO,IAAM,qBAAqB,CAChC,OACA,OACA,cAAc,cACA;AACd,QAAM,UAAU,kBAAkB,OAAO,WAAW;AAEpD,SAAO;AAAA,IACL,SAAS;AAAA,IACT,cAAc,MAAM,QAAQ,GAAG;AAAA,IAC/B,iBAAiB,QACb,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG,IACzC,MAAM,QAAQ,MAAM,IAAI;AAAA,IAC5B,gBAAgB,QAAQ,eAAe;AAAA,IACvC,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,GAAG,CAAC;AAAA,IACtD,SAAS;AAAA,IACT,KAAK;AAAA,EACP;AACF;AAMA,IAAM,mBAAmB,CAAC,OAAe,cAAkC;AAAA,EACzE,SAAS;AAAA,EACT,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,MAAM,WAAW,IAAI;AAAA,EACrB,OAAO,WAAW,SAAS;AAAA,EAC3B,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,WAAW,WAAW,kBAAkB;AAC1C;AAEO,IAAM,kBAAkB,CAAC,OAAc,UAAmC;AAC/E,QAAM,EAAE,UAAU,cAAc,WAAW,aAAa,MAAM,SAAS,IAAI;AAC3E,QAAM,UAAU,kBAAkB,OAAO,WAAW;AAEpD,SAAO;AAAA,IACL,MAAM;AAAA,IACN,cAAc,MAAM,QAAQ,CAAC;AAAA,IAC7B,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,iBAAiB,WAAW,MAAM,QAAQ,WAAW,QAAQ;AAAA,IAC7D,OAAO,WAAW,QAAQ,OAAO,MAAM,QAAQ,KAAK;AAAA,IACpD,WAAW,WACP,GAAG,MAAM,QAAQ,CAAC,CAAC,qBAAqB,MAAM,QAAQ,MAAM,GAAG,CAAC,KAChE;AAAA,IACJ,UAAU;AAAA,IACV,UAAU;AAAA,IACV,GAAI,YAAY,YAAY,EAAE,WAAW,GAAG,cAAc,iBAAiB;AAAA,IAC3E,aAAa,iBAAiB,QAAQ,MAAM,QAAQ,QAAQ,CAAC;AAAA,IAC7D,WAAW;AAAA,MACT,iBAAiB,WACb,MAAM,QAAQ,WAAW,QACzB,MAAM,MAAM,QAAQ,OAAO,OAAO,IAAI;AAAA,MAC1C,OAAO,QAAQ;AAAA,MACf,aAAa,EAAE,OAAO,QAAQ,MAAM,GAAG,WAAW,gBAAgB;AAAA,IACpE;AAAA,IACA,YAAY,EAAE,WAAW,cAAc;AAAA,IACvC,GAAG,SAAS,eAAe,UAAU;AAAA,EACvC;AACF;","names":[]}

package/dist/chunk-Z6TIAVEG.js

@@ -0,0 +1,52 @@
+// src/components/navigation/Pagination/Pagination.helpers.tsx
+import FirstPage from "@mui/icons-material/FirstPage";
+import LastPage from "@mui/icons-material/LastPage";
+import NavigateBefore from "@mui/icons-material/NavigateBefore";
+import NavigateNext from "@mui/icons-material/NavigateNext";
+import { jsx } from "react/jsx-runtime";
+var PAGINATION_DEFAULTS = {
+  variant: "default",
+  size: "md",
+  boundaryCount: 1,
+  siblingCount: 1,
+  hideNextButton: false,
+  hidePrevButton: false,
+  showFirstButton: false,
+  showLastButton: false,
+  firstIcon: /* @__PURE__ */ jsx(FirstPage, {}),
+  lastIcon: /* @__PURE__ */ jsx(LastPage, {}),
+  previousIcon: /* @__PURE__ */ jsx(NavigateBefore, {}),
+  nextIcon: /* @__PURE__ */ jsx(NavigateNext, {}),
+  disabled: false,
+  color: "primary",
+  showPageInfo: false,
+  pageInfoFormat: (page, count) => `Page ${page} of ${count}`,
+  showItemsPerPage: false,
+  itemsPerPageOptions: [10, 25, 50, 100],
+  itemsPerPage: 10
+};
+var resolvePaginationProps = (props) => ({
+  ...PAGINATION_DEFAULTS,
+  ...Object.fromEntries(
+    Object.entries(props).filter(([, value]) => value !== void 0)
+  )
+});
+var makeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `pagination-${suffix}`;
+var muiSizeFor = (size) => {
+  if (size === "sm") return "small";
+  if (size === "lg") return "large";
+  return "medium";
+};
+var scaleFor = (size, scale) => {
+  if (size === "sm") return scale[0];
+  if (size === "lg") return scale[2];
+  return scale[1];
+};
+
+export {
+  resolvePaginationProps,
+  makeTestId,
+  muiSizeFor,
+  scaleFor
+};
+//# sourceMappingURL=chunk-Z6TIAVEG.js.map

package/dist/chunk-Z6TIAVEG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/Pagination/Pagination.helpers.tsx"],"sourcesContent":["import FirstPage from '@mui/icons-material/FirstPage';\nimport LastPage from '@mui/icons-material/LastPage';\nimport NavigateBefore from '@mui/icons-material/NavigateBefore';\nimport NavigateNext from '@mui/icons-material/NavigateNext';\nimport React from 'react';\n\nimport type { PaginationProps } from './Pagination.types';\n\ntype PaginationDefaultedKeys =\n  | 'variant'\n  | 'size'\n  | 'boundaryCount'\n  | 'siblingCount'\n  | 'hideNextButton'\n  | 'hidePrevButton'\n  | 'showFirstButton'\n  | 'showLastButton'\n  | 'firstIcon'\n  | 'lastIcon'\n  | 'previousIcon'\n  | 'nextIcon'\n  | 'disabled'\n  | 'color'\n  | 'showPageInfo'\n  | 'pageInfoFormat'\n  | 'showItemsPerPage'\n  | 'itemsPerPageOptions'\n  | 'itemsPerPage';\n\nexport type ResolvedPaginationProps = PaginationProps &\n  Required<Pick<PaginationProps, PaginationDefaultedKeys>>;\n\nconst PAGINATION_DEFAULTS: Pick<PaginationProps, PaginationDefaultedKeys> = {\n  variant: 'default',\n  size: 'md',\n  boundaryCount: 1,\n  siblingCount: 1,\n  hideNextButton: false,\n  hidePrevButton: false,\n  showFirstButton: false,\n  showLastButton: false,\n  firstIcon: <FirstPage />,\n  lastIcon: <LastPage />,\n  previousIcon: <NavigateBefore />,\n  nextIcon: <NavigateNext />,\n  disabled: false,\n  color: 'primary',\n  showPageInfo: false,\n  pageInfoFormat: (page: number, count: number) => `Page ${page} of ${count}`,\n  showItemsPerPage: false,\n  itemsPerPageOptions: [10, 25, 50, 100],\n  itemsPerPage: 10,\n};\n\n// Strips explicitly-undefined props before the merge, so `prop={undefined}` still\n// falls back to the default exactly as a destructuring default would. Applied as\n// a merge rather than destructuring defaults, which would otherwise put nineteen\n// branches into the component's own complexity budget.\nexport const resolvePaginationProps = (props: PaginationProps): ResolvedPaginationProps =>\n  ({\n    ...PAGINATION_DEFAULTS,\n    ...(Object.fromEntries(\n      Object.entries(props).filter(([, value]) => value !== undefined),\n    ) as Partial<PaginationProps>),\n  }) as ResolvedPaginationProps;\n\nexport const makeTestId =\n  (dataTestId?: string) =>\n  (suffix: string): string =>\n    dataTestId ? `${dataTestId}-${suffix}` : `pagination-${suffix}`;\n\n// Our three sizes map onto MUI's own scale.\nexport const muiSizeFor = (size: string): 'small' | 'medium' | 'large' => {\n  if (size === 'sm') return 'small';\n  if (size === 'lg') return 'large';\n  return 'medium';\n};\n\n// One scale for every place that sizes something off the same prop. Kept\n// generic so spacing values stay in MUI units rather than being converted.\nexport const scaleFor = <T,>(size: string, scale: [T, T, T]): T => {\n  if (size === 'sm') return scale[0];\n  if (size === 'lg') return scale[2];\n  return scale[1];\n};\n"],"mappings":";AAAA,OAAO,eAAe;AACtB,OAAO,cAAc;AACrB,OAAO,oBAAoB;AAC3B,OAAO,kBAAkB;AAsCZ;AATb,IAAM,sBAAsE;AAAA,EAC1E,SAAS;AAAA,EACT,MAAM;AAAA,EACN,eAAe;AAAA,EACf,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,WAAW,oBAAC,aAAU;AAAA,EACtB,UAAU,oBAAC,YAAS;AAAA,EACpB,cAAc,oBAAC,kBAAe;AAAA,EAC9B,UAAU,oBAAC,gBAAa;AAAA,EACxB,UAAU;AAAA,EACV,OAAO;AAAA,EACP,cAAc;AAAA,EACd,gBAAgB,CAAC,MAAc,UAAkB,QAAQ,IAAI,OAAO,KAAK;AAAA,EACzE,kBAAkB;AAAA,EAClB,qBAAqB,CAAC,IAAI,IAAI,IAAI,GAAG;AAAA,EACrC,cAAc;AAChB;AAMO,IAAM,yBAAyB,CAAC,WACpC;AAAA,EACC,GAAG;AAAA,EACH,GAAI,OAAO;AAAA,IACT,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AAAA,EACjE;AACF;AAEK,IAAM,aACX,CAAC,eACD,CAAC,WACC,aAAa,GAAG,UAAU,IAAI,MAAM,KAAK,cAAc,MAAM;AAG1D,IAAM,aAAa,CAAC,SAA+C;AACxE,MAAI,SAAS,KAAM,QAAO;AAC1B,MAAI,SAAS,KAAM,QAAO;AAC1B,SAAO;AACT;AAIO,IAAM,WAAW,CAAK,MAAc,UAAwB;AACjE,MAAI,SAAS,KAAM,QAAO,MAAM,CAAC;AACjC,MAAI,SAAS,KAAM,QAAO,MAAM,CAAC;AACjC,SAAO,MAAM,CAAC;AAChB;","names":[]}

package/dist/chunk-ZASIPWXI.js

@@ -0,0 +1,172 @@
+import {
+  NavigationMegaSection
+} from "./chunk-7FPQOFJF.js";
+import {
+  NavigationStandardBody
+} from "./chunk-7OFAXH25.js";
+import {
+  LogoBar,
+  NavigationShell
+} from "./chunk-6AVN3CIZ.js";
+
+// src/components/navigation/NavigationMenu/NavigationMenu.tsx
+import {
+  Box,
+  Paper
+} from "@mui/material";
+import React, { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var MegaMenuLayout = React.forwardRef(
+  ({
+    variant,
+    logo,
+    items,
+    size,
+    minimal,
+    dataTestId: _dataTestId,
+    className,
+    maxWidth,
+    style,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsx(
+      NavigationShell,
+      {
+        ref,
+        variant,
+        minimal,
+        className,
+        style: { maxWidth, ...style },
+        ...props,
+        children: /* @__PURE__ */ jsxs(
+          Paper,
+          {
+            elevation: minimal ? 0 : 1,
+            sx: {
+              width: "100%",
+              overflow: "hidden",
+              background: minimal ? "transparent" : void 0
+            },
+            children: [
+              logo && /* @__PURE__ */ jsx(LogoBar, { children: logo }),
+              /* @__PURE__ */ jsx(
+                Box,
+                {
+                  sx: {
+                    display: "grid",
+                    gridTemplateColumns: "repeat(auto-fit, minmax(280px, 1fr))",
+                    gap: 3,
+                    p: 3
+                  },
+                  children: items.map((section, sectionIndex) => /* @__PURE__ */ jsx(
+                    NavigationMegaSection,
+                    {
+                      section,
+                      sectionIndex,
+                      variant,
+                      size,
+                      minimal
+                    },
+                    section.id
+                  ))
+                }
+              )
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+MegaMenuLayout.displayName = "MegaMenuLayout";
+var NAVIGATION_DEFAULTS = {
+  variant: "vertical",
+  size: "md",
+  minimal: false,
+  collapsible: false,
+  showDividers: false
+};
+var resolveProps = (props) => ({
+  ...NAVIGATION_DEFAULTS,
+  ...Object.fromEntries(
+    Object.entries(props).filter(([, value]) => value !== void 0)
+  )
+});
+var NavigationMenu = React.forwardRef(
+  (componentProps, ref) => {
+    const {
+      variant,
+      items,
+      size,
+      minimal,
+      collapsible,
+      collapsed: controlledCollapsed,
+      onCollapseChange,
+      logo,
+      endContent,
+      maxWidth,
+      showDividers,
+      className,
+      style,
+      ...props
+    } = resolveProps(componentProps);
+    const [internalCollapsed, setInternalCollapsed] = useState(false);
+    const isControlled = controlledCollapsed !== void 0;
+    const collapsed = isControlled ? controlledCollapsed : internalCollapsed;
+    const handleCollapseToggle = () => {
+      if (!isControlled) setInternalCollapsed(!collapsed);
+      onCollapseChange?.(!collapsed);
+    };
+    if (variant === "mega") {
+      return /* @__PURE__ */ jsx(
+        MegaMenuLayout,
+        {
+          ref,
+          variant,
+          collapsed,
+          logo,
+          items,
+          size,
+          minimal,
+          className,
+          maxWidth,
+          style,
+          ...props
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      NavigationShell,
+      {
+        ref,
+        variant,
+        minimal,
+        collapsed,
+        className,
+        style,
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          NavigationStandardBody,
+          {
+            variant,
+            size,
+            minimal,
+            collapsed,
+            collapsible,
+            showDividers,
+            items,
+            logo,
+            endContent,
+            onCollapseToggle: handleCollapseToggle
+          }
+        )
+      }
+    );
+  }
+);
+NavigationMenu.displayName = "NavigationMenu";
+
+export {
+  NavigationMenu
+};
+//# sourceMappingURL=chunk-ZASIPWXI.js.map

package/dist/chunk-ZASIPWXI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/NavigationMenu/NavigationMenu.tsx"],"sourcesContent":["import {\n  Box,\n  Paper } from '@mui/material';\nimport React, { useState } from 'react';\n\nimport { NavigationMegaSection } from './NavigationMegaSection';\nimport { NavigationStandardBody } from './NavigationStandardBody';\nimport {\n  LogoBar,\n  NavigationShell } from './NavigationMenu.shell';\nimport type { NavigationMenuItem,NavigationMenuProps } from './NavigationMenu.types';\n\n\n\n\n\n\n// The mega-menu layout is a different shape from the list-based variants: a\n// grid of titled sections rather than a single column.\n// onItemClick and dataTestId are not on NavigationMenuProps; they arrive through\n// the rest props and are forwarded to the item renderer, so they are named here.\ntype MegaMenuLayoutProps = NavigationMenuProps & {\n  collapsed: boolean;\n  onItemClick?: (item: NavigationMenuItem) => void;\n  dataTestId?: string;\n};\n\nconst MegaMenuLayout = React.forwardRef<HTMLDivElement, MegaMenuLayoutProps>(\n  (\n    {\n      variant,\n      logo,\n      items,\n      size,\n      minimal,\n      dataTestId: _dataTestId,\n      className,\n      maxWidth,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n    <NavigationShell\n      ref={ref}\n      variant={variant}\n      minimal={minimal}\n      className={className}\n      style={{ maxWidth, ...style }}\n      {...props}\n    >\n      <Paper\n        elevation={minimal ? 0 : 1}\n        sx={{\n          width: '100%',\n          overflow: 'hidden',\n          background: minimal ? 'transparent' : undefined }}\n      >\n        {logo && <LogoBar>{logo}</LogoBar>}\n        <Box\n          sx={{\n            display: 'grid',\n            gridTemplateColumns: 'repeat(auto-fit, minmax(280px, 1fr))',\n            gap: 3,\n            p: 3 }}\n        >\n          {items.map((section, sectionIndex) => (\n            <NavigationMegaSection\n              key={section.id}\n              section={section}\n              sectionIndex={sectionIndex}\n              variant={variant}\n              size={size}\n              minimal={minimal}\n            />\n          ))}\n        </Box>\n      </Paper>\n    </NavigationShell>\n  );\n  },\n);\n\nMegaMenuLayout.displayName = 'MegaMenuLayout';\n\ntype NavigationDefaultedKeys = 'variant' | 'size' | 'minimal' | 'collapsible' | 'showDividers';\n\ntype ResolvedNavigationProps = NavigationMenuProps &\n  Required<Pick<NavigationMenuProps, NavigationDefaultedKeys>>;\n\nconst NAVIGATION_DEFAULTS: Pick<NavigationMenuProps, NavigationDefaultedKeys> = {\n  variant: 'vertical',\n  size: 'md',\n  minimal: false,\n  collapsible: false,\n  showDividers: false };\n\n// Strips explicitly-undefined props before the merge, so `prop={undefined}` still\n// falls back to the default exactly as a destructuring default would. Applied as\n// a merge rather than destructuring defaults, which would otherwise put five\n// branches into the component's own complexity budget.\nconst resolveProps = (props: NavigationMenuProps): ResolvedNavigationProps =>\n  ({\n    ...NAVIGATION_DEFAULTS,\n    ...(Object.fromEntries(\n      Object.entries(props).filter(([, value]) => value !== undefined),\n    ) as Partial<NavigationMenuProps>) }) as ResolvedNavigationProps;\n\nexport const NavigationMenu = React.forwardRef<HTMLDivElement, NavigationMenuProps>(\n  (componentProps, ref) => {\n    const {\n      variant,\n      items,\n      size,\n      minimal,\n      collapsible,\n      collapsed: controlledCollapsed,\n      onCollapseChange,\n      logo,\n      endContent,\n      maxWidth,\n      showDividers,\n      className,\n      style,\n      ...props\n    } = resolveProps(componentProps);\n\n    const [internalCollapsed, setInternalCollapsed] = useState(false);\n\n    // Controlled when the caller passes `collapsed`, uncontrolled otherwise.\n    const isControlled = controlledCollapsed !== undefined;\n    const collapsed = isControlled ? controlledCollapsed : internalCollapsed;\n\n    const handleCollapseToggle = () => {\n      if (!isControlled) setInternalCollapsed(!collapsed);\n      onCollapseChange?.(!collapsed);\n    };\n\n    if (variant === 'mega') {\n      return (\n        <MegaMenuLayout\n          ref={ref}\n          variant={variant}\n          collapsed={collapsed}\n          logo={logo}\n          items={items}\n          size={size}\n          minimal={minimal}\n          className={className}\n          maxWidth={maxWidth}\n          style={style}\n          {...props}\n        />\n      );\n    }\n\n    return (\n      <NavigationShell\n        ref={ref}\n        variant={variant}\n        minimal={minimal}\n        collapsed={collapsed}\n        className={className}\n        style={style}\n        {...props}\n      >\n        <NavigationStandardBody\n          variant={variant}\n          size={size}\n          minimal={minimal}\n          collapsed={collapsed}\n          collapsible={collapsible}\n          showDividers={showDividers}\n          items={items}\n          logo={logo}\n          endContent={endContent}\n          onCollapseToggle={handleCollapseToggle}\n        />\n      </NavigationShell>\n    );\n  },\n);\n\nNavigationMenu.displayName = 'NavigationMenu';\n"],"mappings":"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","names":[]}

package/dist/chunk-ZAY4U5ML.js

@@ -0,0 +1,70 @@
+import {
+  separatorMargin,
+  separatorStyles
+} from "./chunk-I73C7TIA.js";
+
+// src/components/layout/Separator/Separator.tsx
+import { Box, Typography, useTheme } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Separator = ({
+  variant = "solid",
+  orientation = "horizontal",
+  size = "md",
+  color,
+  margin,
+  length,
+  children,
+  className,
+  "data-testid": dataTestId
+}) => {
+  const theme = useTheme();
+  const styles = separatorStyles(theme, { variant, orientation, size, color, margin, length });
+  if (children) {
+    const isHorizontal = orientation === "horizontal";
+    return /* @__PURE__ */ jsxs(
+      Box,
+      {
+        className,
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          margin: separatorMargin(size, margin),
+          flexDirection: isHorizontal ? "row" : "column",
+          gap: theme.spacing(2)
+        },
+        children: [
+          /* @__PURE__ */ jsx(Box, { sx: styles }),
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              variant: "body2",
+              color: "text.secondary",
+              sx: {
+                flexShrink: 0,
+                padding: theme.spacing(0, 1),
+                backgroundColor: theme.palette.background.default
+              },
+              children
+            }
+          ),
+          /* @__PURE__ */ jsx(Box, { sx: styles })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className,
+      sx: styles,
+      role: "separator",
+      "aria-orientation": orientation,
+      "data-testid": dataTestId
+    }
+  );
+};
+
+export {
+  Separator
+};
+//# sourceMappingURL=chunk-ZAY4U5ML.js.map

package/dist/chunk-ZAY4U5ML.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Separator/Separator.tsx"],"sourcesContent":["import { Box, Typography,useTheme } from '@mui/material';\nimport React from 'react';\n\nimport { separatorMargin, separatorStyles } from './Separator.styles';\nimport type { SeparatorProps } from './Separator.types';\n\nexport const Separator: React.FC<SeparatorProps> = ({\n  variant = 'solid',\n  orientation = 'horizontal',\n  size = 'md',\n  color,\n  margin,\n  length,\n  children,\n  className,\n  'data-testid': dataTestId,\n}) => {\n  const theme = useTheme();\n  const styles = separatorStyles(theme, { variant, orientation, size, color, margin, length });\n\n  if (children) {\n    const isHorizontal = orientation === 'horizontal';\n\n    return (\n      <Box\n        className={className}\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          margin: separatorMargin(size, margin),\n          flexDirection: isHorizontal ? 'row' : 'column',\n          gap: theme.spacing(2),\n        }}\n      >\n        <Box sx={styles} />\n        <Typography\n          variant=\"body2\"\n          color=\"text.secondary\"\n          sx={{\n            flexShrink: 0,\n            padding: theme.spacing(0, 1),\n            backgroundColor: theme.palette.background.default,\n          }}\n        >\n          {children}\n        </Typography>\n        <Box sx={styles} />\n      </Box>\n    );\n  }\n\n  return (\n    <Box\n      className={className}\n      sx={styles}\n      role=\"separator\"\n      aria-orientation={orientation}\n      data-testid={dataTestId}\n    />\n  );\n};\n"],"mappings":";;;;;;AAAA,SAAS,KAAK,YAAW,gBAAgB;AAwBnC,SAUE,KAVF;AAlBC,IAAM,YAAsC,CAAC;AAAA,EAClD,UAAU;AAAA,EACV,cAAc;AAAA,EACd,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,QAAQ,SAAS;AACvB,QAAM,SAAS,gBAAgB,OAAO,EAAE,SAAS,aAAa,MAAM,OAAO,QAAQ,OAAO,CAAC;AAE3F,MAAI,UAAU;AACZ,UAAM,eAAe,gBAAgB;AAErC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,IAAI;AAAA,UACF,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,QAAQ,gBAAgB,MAAM,MAAM;AAAA,UACpC,eAAe,eAAe,QAAQ;AAAA,UACtC,KAAK,MAAM,QAAQ,CAAC;AAAA,QACtB;AAAA,QAEA;AAAA,8BAAC,OAAI,IAAI,QAAQ;AAAA,UACjB;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,OAAM;AAAA,cACN,IAAI;AAAA,gBACF,YAAY;AAAA,gBACZ,SAAS,MAAM,QAAQ,GAAG,CAAC;AAAA,gBAC3B,iBAAiB,MAAM,QAAQ,WAAW;AAAA,cAC5C;AAAA,cAEC;AAAA;AAAA,UACH;AAAA,UACA,oBAAC,OAAI,IAAI,QAAQ;AAAA;AAAA;AAAA,IACnB;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,IAAI;AAAA,MACJ,MAAK;AAAA,MACL,oBAAkB;AAAA,MAClB,eAAa;AAAA;AAAA,EACf;AAEJ;","names":[]}

package/dist/chunk-ZB4VIVRS.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-ZB4VIVRS.js.map

package/dist/chunk-ZB4VIVRS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}