@12-apps/ui 5.0.0 → 5.1.0

package/dist/form/RadioGroup.js

@@ -0,0 +1,596 @@
+import {
+  withDefaults
+} from "../chunk-Y2JYDXL7.js";
+import "../chunk-PZ5AY32C.js";
+
+// src/components/form/RadioGroup/RadioGroup.tsx
+import { Box as Box2, FormHelperText } from "@mui/material";
+import { forwardRef } from "react";
+
+// src/components/form/RadioGroup/RadioGroup.variants.tsx
+import {
+  Box,
+  ButtonBase,
+  Card,
+  CardContent,
+  FormControlLabel,
+  FormLabel,
+  Radio,
+  RadioGroup as MuiRadioGroup,
+  Typography
+} from "@mui/material";
+import { styled } from "@mui/material";
+
+// src/components/form/RadioGroup/RadioGroup.styles.ts
+import { alpha } from "@mui/material";
+
+// src/components/form/RadioGroup/RadioGroup.animations.ts
+import { keyframes } from "@mui/material";
+var glowAnimation = keyframes`
+  0% {
+    box-shadow: 0 0 5px currentColor;
+  }
+  50% {
+    box-shadow: 0 0 15px currentColor, 0 0 25px currentColor;
+  }
+  100% {
+    box-shadow: 0 0 5px currentColor;
+  }
+`;
+var slideAnimation = keyframes`
+  from {
+    opacity: 0;
+    transform: translateX(-20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+`;
+var scaleAnimation = keyframes`
+  0% {
+    transform: scale(0.95);
+  }
+  50% {
+    transform: scale(1.05);
+  }
+  100% {
+    transform: scale(1);
+  }
+`;
+var rippleAnimation = keyframes`
+  0% {
+    transform: scale(0);
+    opacity: 1;
+  }
+  100% {
+    transform: scale(4);
+    opacity: 0;
+  }
+`;
+
+// src/components/form/RadioGroup/RadioGroup.styles.ts
+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)
+  };
+};
+
+// src/components/form/RadioGroup/RadioGroup.variants.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var StyledFormLabel = styled(FormLabel, {
+  shouldForwardProp: (prop) => !["glass", "error"].includes(prop)
+})(({ theme, glass, error }) => ({
+  ...formLabelSx(theme, glass, error)
+}));
+var StyledRadioCard = styled(Card, {
+  shouldForwardProp: (prop) => !["selected", "customColor", "glass", "gradient", "glow", "customSize", "animated"].includes(
+    prop
+  )
+})(({ theme, ...flags }) => ({ ...radioCardSx(theme, flags) }));
+var StyledButtonRadio = styled(ButtonBase, {
+  shouldForwardProp: (prop) => !["selected", "customColor", "glass", "gradient", "customSize", "animated"].includes(
+    prop
+  )
+})(({ theme, ...flags }) => ({ ...buttonRadioSx(theme, flags) }));
+var StyledSegmentContainer = styled(Box, {
+  shouldForwardProp: (prop) => !["glass", "customColor"].includes(prop)
+})(({ theme, glass, customColor }) => ({
+  ...segmentContainerSx(theme, glass, customColor)
+}));
+var StyledSegmentButton = styled(ButtonBase, {
+  shouldForwardProp: (prop) => !["selected", "customColor", "customSize", "animated"].includes(prop)
+})(({ theme, ...flags }) => ({ ...segmentButtonSx(theme, flags) }));
+var testId = (base, suffix) => base ? `${base}-${suffix}` : void 0;
+var muiRadioColor = (color) => color === "danger" ? "error" : color;
+var OptionLabel = ({
+  option,
+  testIdValue
+}) => /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, "data-testid": testIdValue, children: [
+  option.icon,
+  option.label
+] });
+var DefaultRadios = ({
+  options,
+  value,
+  color,
+  direction,
+  showDescriptions,
+  dataTestId,
+  groupRef,
+  onChange,
+  rest
+}) => /* @__PURE__ */ jsx(
+  MuiRadioGroup,
+  {
+    ref: groupRef,
+    value,
+    onChange,
+    ...rest,
+    sx: { flexDirection: direction, gap: 1 },
+    "data-testid": testId(dataTestId, "group"),
+    children: options.map((option, index) => /* @__PURE__ */ jsx(
+      FormControlLabel,
+      {
+        value: option.value,
+        disabled: option.disabled,
+        "data-testid": testId(dataTestId, `option-${index}`),
+        control: /* @__PURE__ */ jsx(
+          Radio,
+          {
+            color: muiRadioColor(color),
+            "data-testid": testId(dataTestId, `radio-${index}`)
+          }
+        ),
+        label: /* @__PURE__ */ jsxs(
+          Box,
+          {
+            sx: { display: "flex", alignItems: "center", gap: 1 },
+            "data-testid": testId(dataTestId, `label-${index}`),
+            children: [
+              option.icon,
+              /* @__PURE__ */ jsxs(Box, { children: [
+                /* @__PURE__ */ jsx(Typography, { children: option.label }),
+                option.description && showDescriptions && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: option.description })
+              ] })
+            ]
+          }
+        )
+      },
+      option.value
+    ))
+  }
+);
+var CardBody = ({
+  option,
+  index,
+  isSelected,
+  color,
+  showDescriptions,
+  dataTestId
+}) => /* @__PURE__ */ jsx(CardContent, { sx: { p: 2, "&:last-child": { pb: 2 } }, children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "flex-start", gap: 2 }, children: [
+  option.icon && /* @__PURE__ */ jsx(Box, { sx: { mt: 0.5, color: isSelected ? `${color}.main` : "text.secondary" }, children: option.icon }),
+  /* @__PURE__ */ jsxs(Box, { sx: { flex: 1 }, children: [
+    /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: "subtitle1",
+        fontWeight: 600,
+        color: isSelected ? `${color}.main` : "text.primary",
+        "data-testid": testId(dataTestId, `label-${index}`),
+        children: option.label
+      }
+    ),
+    option.description && showDescriptions && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", sx: { mt: 0.5 }, children: option.description })
+  ] })
+] }) });
+var CardRadios = ({
+  options,
+  value,
+  color,
+  size,
+  direction,
+  showDescriptions,
+  glass,
+  gradient,
+  glow,
+  dataTestId,
+  onSelect
+}) => /* @__PURE__ */ jsx(
+  Box,
+  {
+    sx: { display: "flex", flexDirection: direction, gap: 2 },
+    "data-testid": testId(dataTestId, "container"),
+    children: options.map((option, index) => /* @__PURE__ */ jsx(
+      StyledRadioCard,
+      {
+        selected: value === option.value,
+        customColor: color,
+        glass,
+        gradient,
+        glow,
+        customSize: size,
+        animated: true,
+        "data-testid": testId(dataTestId, `card-${index}`),
+        onClick: () => onSelect(option),
+        children: /* @__PURE__ */ jsx(
+          CardBody,
+          {
+            option,
+            index,
+            isSelected: value === option.value,
+            color,
+            showDescriptions,
+            dataTestId
+          }
+        )
+      },
+      option.value
+    ))
+  }
+);
+var ButtonRadios = ({
+  options,
+  value,
+  color,
+  size,
+  direction,
+  glass,
+  gradient,
+  dataTestId,
+  onSelect
+}) => /* @__PURE__ */ jsx(
+  Box,
+  {
+    sx: { display: "flex", flexDirection: direction, gap: 1, flexWrap: "wrap" },
+    "data-testid": testId(dataTestId, "container"),
+    children: options.map((option, index) => /* @__PURE__ */ jsx(
+      StyledButtonRadio,
+      {
+        selected: value === option.value,
+        customColor: color,
+        glass,
+        gradient,
+        customSize: size,
+        animated: true,
+        disabled: option.disabled,
+        "data-testid": testId(dataTestId, `button-${index}`),
+        onClick: () => onSelect(option),
+        children: /* @__PURE__ */ jsx(OptionLabel, { option, testIdValue: testId(dataTestId, `label-${index}`) })
+      },
+      option.value
+    ))
+  }
+);
+var SegmentRadios = ({
+  options,
+  value,
+  color,
+  size,
+  glass,
+  dataTestId,
+  onSelect
+}) => /* @__PURE__ */ jsx(
+  StyledSegmentContainer,
+  {
+    glass,
+    customColor: color,
+    "data-testid": testId(dataTestId, "container"),
+    children: options.map((option, index) => /* @__PURE__ */ jsx(
+      StyledSegmentButton,
+      {
+        selected: value === option.value,
+        customColor: color,
+        customSize: size,
+        animated: true,
+        disabled: option.disabled,
+        "data-testid": testId(dataTestId, `segment-${index}`),
+        onClick: () => onSelect(option),
+        children: /* @__PURE__ */ jsx(OptionLabel, { option, testIdValue: testId(dataTestId, `label-${index}`) })
+      },
+      option.value
+    ))
+  }
+);
+var GroupLabel = ({ glass, error, dataTestId, children }) => /* @__PURE__ */ jsx(StyledFormLabel, { glass, error, "data-testid": testId(dataTestId, "label"), children });
+
+// src/components/form/RadioGroup/RadioGroup.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var DEFAULTS = {
+  variant: "default",
+  color: "primary",
+  size: "md",
+  error: false,
+  glassLabel: false,
+  glow: false,
+  glass: false,
+  gradient: false,
+  direction: "column",
+  showDescriptions: true
+};
+var VARIANTS = {
+  cards: CardRadios,
+  buttons: ButtonRadios,
+  segments: SegmentRadios,
+  default: DefaultRadios
+};
+var RadioGroup = forwardRef((props, ref) => {
+  const {
+    variant,
+    color,
+    size,
+    options,
+    label,
+    error,
+    helperText,
+    glassLabel,
+    glow,
+    glass,
+    gradient,
+    direction,
+    showDescriptions,
+    value,
+    onChange,
+    dataTestId,
+    ...rest
+  } = withDefaults(props, DEFAULTS);
+  const handleSelect = (option) => {
+    if (option.disabled || !onChange) return;
+    const event = { target: { value: option.value } };
+    onChange(event, option.value);
+  };
+  const Variant = VARIANTS[variant] ?? DefaultRadios;
+  return /* @__PURE__ */ jsxs2(Box2, { "data-testid": dataTestId, children: [
+    label && /* @__PURE__ */ jsx2(GroupLabel, { glass: glassLabel, error, dataTestId, children: label }),
+    /* @__PURE__ */ jsx2(
+      Variant,
+      {
+        options,
+        value,
+        color,
+        size,
+        direction,
+        showDescriptions,
+        glass,
+        gradient,
+        glow,
+        dataTestId,
+        onSelect: handleSelect,
+        groupRef: ref,
+        onChange,
+        rest
+      }
+    ),
+    helperText && /* @__PURE__ */ jsx2(
+      FormHelperText,
+      {
+        error,
+        sx: { mt: 1 },
+        "data-testid": testId(dataTestId, "helper-text"),
+        children: helperText
+      }
+    )
+  ] });
+});
+RadioGroup.displayName = "RadioGroup";
+export {
+  RadioGroup
+};
+//# sourceMappingURL=RadioGroup.js.map

package/dist/form/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/form/RadioGroup/RadioGroup.tsx","../../src/components/form/RadioGroup/RadioGroup.variants.tsx","../../src/components/form/RadioGroup/RadioGroup.styles.ts","../../src/components/form/RadioGroup/RadioGroup.animations.ts"],"sourcesContent":["import { Box, FormHelperText } from '@mui/material';\nimport React, { forwardRef } from 'react';\n\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport type { RadioOption, RadioGroupProps } from './RadioGroup.types';\nimport {\n  ButtonRadios,\n  CardRadios,\n  DefaultRadios,\n  GroupLabel,\n  SegmentRadios,\n  testId,\n} from './RadioGroup.variants';\nimport type { VariantProps } from './RadioGroup.variants';\n\nconst DEFAULTS = {\n  variant: 'default',\n  color: 'primary',\n  size: 'md',\n  error: false,\n  glassLabel: false,\n  glow: false,\n  glass: false,\n  gradient: false,\n  direction: 'column',\n  showDescriptions: true,\n} satisfies Partial<RadioGroupProps>;\n\ntype ResolvedProps = RadioGroupProps & Required<Pick<RadioGroupProps, keyof typeof DEFAULTS>>;\n\nconst VARIANTS: Record<string, React.FC<VariantProps>> = {\n  cards: CardRadios,\n  buttons: ButtonRadios,\n  segments: SegmentRadios,\n  default: DefaultRadios,\n};\n\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>((props, ref) => {\n  const {\n    variant, color, size, options, label, error, helperText, glassLabel,\n    glow, glass, gradient, direction, showDescriptions, value, onChange, dataTestId,\n    ...rest\n  } = withDefaults(props, DEFAULTS) as ResolvedProps;\n\n  // One place that turns a click into the ChangeEvent MUI's onChange expects.\n  // The cards, buttons and segments variants each had this written out.\n  const handleSelect = (option: RadioOption) => {\n    if (option.disabled || !onChange) return;\n    const event = { target: { value: option.value } } as React.ChangeEvent<HTMLInputElement>;\n    onChange(event, option.value);\n  };\n\n  const Variant = VARIANTS[variant] ?? DefaultRadios;\n\n  return (\n    <Box data-testid={dataTestId}>\n      {label && (\n        <GroupLabel glass={glassLabel} error={error} dataTestId={dataTestId}>\n          {label}\n        </GroupLabel>\n      )}\n\n      <Variant\n        options={options}\n        value={value}\n        color={color}\n        size={size}\n        direction={direction}\n        showDescriptions={showDescriptions}\n        glass={glass}\n        gradient={gradient}\n        glow={glow}\n        dataTestId={dataTestId}\n        onSelect={handleSelect}\n        groupRef={ref}\n        onChange={onChange}\n        rest={rest}\n      />\n\n      {helperText && (\n        <FormHelperText\n          error={error}\n          sx={{ mt: 1 }}\n          data-testid={testId(dataTestId, 'helper-text')}\n        >\n          {helperText}\n        </FormHelperText>\n      )}\n    </Box>\n  );\n});\n\nRadioGroup.displayName = 'RadioGroup';\n","import {\n  Box,\n  ButtonBase,\n  Card,\n  CardContent,\n  FormControlLabel,\n  FormLabel,\n  Radio,\n  RadioGroup as MuiRadioGroup,\n  Typography,\n} from '@mui/material';\nimport { styled } from '@mui/material';\nimport React from 'react';\n\nimport {\n  buttonRadioSx,\n  formLabelSx,\n  radioCardSx,\n  segmentButtonSx,\n  segmentContainerSx,\n} from './RadioGroup.styles';\nimport type { SurfaceFlags } from './RadioGroup.styles';\nimport type { RadioOption, RadioGroupProps } from './RadioGroup.types';\n\nconst StyledFormLabel = styled(FormLabel, {\n  shouldForwardProp: (prop) => !['glass', 'error'].includes(prop as string),\n})<{ glass?: boolean; error?: boolean }>(({ theme, glass, error }) => ({\n  ...formLabelSx(theme, glass, error),\n}));\n\nconst StyledRadioCard = styled(Card, {\n  shouldForwardProp: (prop) =>\n    !['selected', 'customColor', 'glass', 'gradient', 'glow', 'customSize', 'animated'].includes(\n      prop as string,\n    ),\n})<SurfaceFlags>(({ theme, ...flags }) => ({ ...radioCardSx(theme, flags) }));\n\nconst StyledButtonRadio = styled(ButtonBase, {\n  shouldForwardProp: (prop) =>\n    !['selected', 'customColor', 'glass', 'gradient', 'customSize', 'animated'].includes(\n      prop as string,\n    ),\n})<SurfaceFlags>(({ theme, ...flags }) => ({ ...buttonRadioSx(theme, flags) }));\n\nconst StyledSegmentContainer = styled(Box, {\n  shouldForwardProp: (prop) => !['glass', 'customColor'].includes(prop as string),\n})<{ glass?: boolean; customColor?: string }>(({ theme, glass, customColor }) => ({\n  ...segmentContainerSx(theme, glass, customColor),\n}));\n\nconst StyledSegmentButton = styled(ButtonBase, {\n  shouldForwardProp: (prop) =>\n    !['selected', 'customColor', 'customSize', 'animated'].includes(prop as string),\n})<SurfaceFlags>(({ theme, ...flags }) => ({ ...segmentButtonSx(theme, flags) }));\n\n\nexport interface VariantProps {\n  options: RadioOption[];\n  value?: unknown;\n  color: NonNullable<RadioGroupProps['color']>;\n  size: NonNullable<RadioGroupProps['size']>;\n  direction: NonNullable<RadioGroupProps['direction']>;\n  showDescriptions: boolean;\n  glass: boolean;\n  gradient: boolean;\n  glow: boolean;\n  dataTestId?: string;\n  onSelect: (option: RadioOption) => void;\n  /** Only the default variant hands its ref and extra props to MUI's group. */\n  groupRef?: React.Ref<HTMLDivElement>;\n  onChange?: RadioGroupProps['onChange'];\n  rest?: Record<string, unknown>;\n}\n\n/** `${dataTestId}-${suffix}`, or nothing when the caller supplied no id. */\nexport const testId = (base: string | undefined, suffix: string) =>\n  base ? `${base}-${suffix}` : undefined;\n\n/**\n * MUI's Radio has no `danger`; this component's palette calls the error colour\n * that, so the name is translated at the boundary.\n */\nconst muiRadioColor = (color: string) =>\n  color === 'danger'\n    ? 'error'\n    : (color as 'primary' | 'secondary' | 'success' | 'warning' | 'error');\n\n/** An option's icon beside its label, the run every variant but `cards` uses. */\nconst OptionLabel: React.FC<{ option: RadioOption; testIdValue?: string }> = ({\n  option,\n  testIdValue,\n}) => (\n  <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }} data-testid={testIdValue}>\n    {option.icon}\n    {option.label}\n  </Box>\n);\n\nexport const DefaultRadios: React.FC<VariantProps> = ({\n  options,\n  value,\n  color,\n  direction,\n  showDescriptions,\n  dataTestId,\n  groupRef,\n  onChange,\n  rest,\n}) => (\n  <MuiRadioGroup\n    ref={groupRef}\n    value={value}\n    onChange={onChange}\n    {...rest}\n    sx={{ flexDirection: direction, gap: 1 }}\n    data-testid={testId(dataTestId, 'group')}\n  >\n    {options.map((option, index) => (\n      <FormControlLabel\n        key={option.value}\n        value={option.value}\n        disabled={option.disabled}\n        data-testid={testId(dataTestId, `option-${index}`)}\n        control={\n          <Radio\n            color={muiRadioColor(color)}\n            data-testid={testId(dataTestId, `radio-${index}`)}\n          />\n        }\n        label={\n          <Box\n            sx={{ display: 'flex', alignItems: 'center', gap: 1 }}\n            data-testid={testId(dataTestId, `label-${index}`)}\n          >\n            {option.icon}\n            <Box>\n              <Typography>{option.label}</Typography>\n              {option.description && showDescriptions && (\n                <Typography variant=\"caption\" color=\"text.secondary\">\n                  {option.description}\n                </Typography>\n              )}\n            </Box>\n          </Box>\n        }\n      />\n    ))}\n  </MuiRadioGroup>\n);\n\nexport interface CardBodyProps {\n  option: RadioOption;\n  index: number;\n  isSelected: boolean;\n  color: string;\n  showDescriptions: boolean;\n  dataTestId?: string;\n}\n\n/** A card's contents: the icon, the label, and the optional description under it. */\nexport const CardBody: React.FC<CardBodyProps> = ({\n  option,\n  index,\n  isSelected,\n  color,\n  showDescriptions,\n  dataTestId,\n}) => (\n  <CardContent sx={{ p: 2, '&:last-child': { pb: 2 } }}>\n    <Box sx={{ display: 'flex', alignItems: 'flex-start', gap: 2 }}>\n      {option.icon && (\n        <Box sx={{ mt: 0.5, color: isSelected ? `${color}.main` : 'text.secondary' }}>\n          {option.icon}\n        </Box>\n      )}\n      <Box sx={{ flex: 1 }}>\n        <Typography\n          variant=\"subtitle1\"\n          fontWeight={600}\n          color={isSelected ? `${color}.main` : 'text.primary'}\n          data-testid={testId(dataTestId, `label-${index}`)}\n        >\n          {option.label}\n        </Typography>\n        {option.description && showDescriptions && (\n          <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mt: 0.5 }}>\n            {option.description}\n          </Typography>\n        )}\n      </Box>\n    </Box>\n  </CardContent>\n);\n\nexport { OptionLabel };\n\nexport const CardRadios: React.FC<VariantProps> = ({\n  options, value, color, size, direction, showDescriptions, glass, gradient, glow, dataTestId, onSelect,\n}) => (\n  <Box\n    sx={{ display: 'flex', flexDirection: direction, gap: 2 }}\n    data-testid={testId(dataTestId, 'container')}\n  >\n    {options.map((option, index) => (\n      <StyledRadioCard\n        key={option.value}\n        selected={value === option.value}\n        customColor={color}\n        glass={glass}\n        gradient={gradient}\n        glow={glow}\n        customSize={size}\n        animated\n        data-testid={testId(dataTestId, `card-${index}`)}\n        onClick={() => onSelect(option)}\n      >\n        <CardBody\n          option={option}\n          index={index}\n          isSelected={value === option.value}\n          color={color}\n          showDescriptions={showDescriptions}\n          dataTestId={dataTestId}\n        />\n      </StyledRadioCard>\n    ))}\n  </Box>\n);\n\nexport const ButtonRadios: React.FC<VariantProps> = ({\n  options, value, color, size, direction, glass, gradient, dataTestId, onSelect,\n}) => (\n  <Box\n    sx={{ display: 'flex', flexDirection: direction, gap: 1, flexWrap: 'wrap' }}\n    data-testid={testId(dataTestId, 'container')}\n  >\n    {options.map((option, index) => (\n      <StyledButtonRadio\n        key={option.value}\n        selected={value === option.value}\n        customColor={color}\n        glass={glass}\n        gradient={gradient}\n        customSize={size}\n        animated\n        disabled={option.disabled}\n        data-testid={testId(dataTestId, `button-${index}`)}\n        onClick={() => onSelect(option)}\n      >\n        <OptionLabel option={option} testIdValue={testId(dataTestId, `label-${index}`)} />\n      </StyledButtonRadio>\n    ))}\n  </Box>\n);\n\nexport const SegmentRadios: React.FC<VariantProps> = ({\n  options, value, color, size, glass, dataTestId, onSelect,\n}) => (\n  <StyledSegmentContainer\n    glass={glass}\n    customColor={color}\n    data-testid={testId(dataTestId, 'container')}\n  >\n    {options.map((option, index) => (\n      <StyledSegmentButton\n        key={option.value}\n        selected={value === option.value}\n        customColor={color}\n        customSize={size}\n        animated\n        disabled={option.disabled}\n        data-testid={testId(dataTestId, `segment-${index}`)}\n        onClick={() => onSelect(option)}\n      >\n        <OptionLabel option={option} testIdValue={testId(dataTestId, `label-${index}`)} />\n      </StyledSegmentButton>\n    ))}\n  </StyledSegmentContainer>\n);\n\n/** The group's own label, which can carry the glass treatment independently. */\nexport const GroupLabel: React.FC<{\n  glass?: boolean;\n  error?: boolean;\n  dataTestId?: string;\n  children: React.ReactNode;\n}> = ({ glass, error, dataTestId, children }) => (\n  <StyledFormLabel glass={glass} error={error} data-testid={testId(dataTestId, 'label')}>\n    {children}\n  </StyledFormLabel>\n);\n","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","import { keyframes } from '@mui/material';\n\nexport const glowAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 5px currentColor;\n  }\n  50% {\n    box-shadow: 0 0 15px currentColor, 0 0 25px currentColor;\n  }\n  100% {\n    box-shadow: 0 0 5px currentColor;\n  }\n`;\n\nexport const slideAnimation = keyframes`\n  from {\n    opacity: 0;\n    transform: translateX(-20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n`;\n\nexport const scaleAnimation = keyframes`\n  0% {\n    transform: scale(0.95);\n  }\n  50% {\n    transform: scale(1.05);\n  }\n  100% {\n    transform: scale(1);\n  }\n`;\n\nexport const rippleAnimation = keyframes`\n  0% {\n    transform: scale(0);\n    opacity: 1;\n  }\n  100% {\n    transform: scale(4);\n    opacity: 0;\n  }\n`;\n\n"],"mappings":"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","names":["Box","jsx","jsxs","Box"]}