@12-apps/ui 6.33.0 → 6.34.0

package/dist/chunk-CZ5ZL63A.js

@@ -1,247 +0,0 @@
-import {
-  buttonRadioSx,
-  formLabelSx,
-  radioCardSx,
-  segmentButtonSx,
-  segmentContainerSx
-} from "./chunk-CDNJOA3N.js";
-
-// src/components/form/RadioGroup/RadioGroup.variants.tsx
-import Box from "@mui/material/Box/index.js";
-import ButtonBase from "@mui/material/ButtonBase/index.js";
-import Card from "@mui/material/Card/index.js";
-import CardContent from "@mui/material/CardContent/index.js";
-import FormControlLabel from "@mui/material/FormControlLabel/index.js";
-import FormLabel from "@mui/material/FormLabel/index.js";
-import Radio from "@mui/material/Radio/index.js";
-import MuiRadioGroup from "@mui/material/RadioGroup/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { styled } from "@mui/material/styles/index.js";
-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 });
-
-export {
-  testId,
-  OptionLabel,
-  DefaultRadios,
-  CardBody,
-  CardRadios,
-  ButtonRadios,
-  SegmentRadios,
-  GroupLabel
-};
-//# sourceMappingURL=chunk-CZ5ZL63A.js.map

package/dist/chunk-CZJLWCEG.js

@@ -1,86 +0,0 @@
-import {
-  useCalendar
-} from "./chunk-ISW5K72V.js";
-import {
-  resolveCalendarProps
-} from "./chunk-SUALMVL7.js";
-import {
-  CalendarMonth
-} from "./chunk-PUBPZOQJ.js";
-
-// src/components/form/Calendar/Calendar.tsx
-import Box from "@mui/material/Box/index.js";
-import Paper from "@mui/material/Paper/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var containerSx = (monthsToShow) => ({
-  p: 3,
-  display: "flex",
-  flexDirection: monthsToShow > 1 ? "row" : "column",
-  gap: 3,
-  outline: "none",
-  "&:focus-within": {
-    outline: "2px solid",
-    outlineColor: "primary.main",
-    outlineOffset: 2
-  }
-});
-var Calendar = React.forwardRef((componentProps, ref) => {
-  const props = resolveCalendarProps(componentProps);
-  const { monthsToShow, locale, renderHeader, renderFooter, className, ariaLabel } = props;
-  const calendar = useCalendar(props);
-  const dayContext = {
-    selectionMode: props.selectionMode,
-    value: props.value,
-    range: props.range,
-    showOutsideDays: props.showOutsideDays,
-    renderDay: props.renderDay,
-    dayClassName: props.dayClassName,
-    hoveredDate: calendar.hoveredDate,
-    focusedDate: calendar.focusedDate,
-    today: calendar.today,
-    isDisabled: calendar.isDisabled,
-    onSelect: calendar.handleDateClick,
-    onHover: calendar.handleDateMouseEnter,
-    onHoverEnd: calendar.handleDateMouseLeave
-  };
-  return /* @__PURE__ */ jsxs(
-    Paper,
-    {
-      ref,
-      className,
-      role: "application",
-      "aria-label": ariaLabel,
-      tabIndex: 0,
-      onKeyDown: calendar.handleKeyDown,
-      "data-testid": "calendar-container",
-      sx: containerSx(monthsToShow),
-      children: [
-        /* @__PURE__ */ jsx(Box, { ref: calendar.gridRef, sx: { display: "flex", gap: 3, flexWrap: "wrap" }, children: calendar.monthMatrices.map((matrix, index) => /* @__PURE__ */ jsx(
-          CalendarMonth,
-          {
-            matrix,
-            monthIndex: index,
-            monthsToShow,
-            locale,
-            weekdayNames: calendar.weekdayNames,
-            renderHeader,
-            onPreviousMonth: calendar.goToPreviousMonth,
-            onNextMonth: calendar.goToNextMonth,
-            dayContext
-          },
-          `month-${matrix.year}-${matrix.month}`
-        )) }),
-        renderFooter && /* @__PURE__ */ jsx(Box, { sx: { mt: 2, pt: 2, borderTop: 1, borderColor: "divider" }, children: renderFooter })
-      ]
-    }
-  );
-});
-Calendar.displayName = "Calendar";
-var Calendar_default = Calendar;
-
-export {
-  Calendar,
-  Calendar_default
-};
-//# sourceMappingURL=chunk-CZJLWCEG.js.map

package/dist/chunk-DBS74X2C.js

@@ -1,193 +0,0 @@
-import {
-  bounceAnimation,
-  breatheAnimation,
-  fadeInOutAnimation,
-  flipAnimation,
-  floatAnimation,
-  glowPulseAnimation,
-  heartbeatAnimation,
-  jelloAnimation,
-  morphAnimation,
-  neonFlickerAnimation,
-  pulseAnimation,
-  rippleAnimation,
-  rotateAnimation,
-  shakeAnimation,
-  spinAnimation,
-  swingAnimation,
-  translateAnimation,
-  wobbleAnimation
-} from "./chunk-3T5Z5HXF.js";
-
-// src/components/utility/AnimatedIcon/AnimatedIcon.styles.ts
-import { alpha } from "@mui/material/styles/index.js";
-var sizeConfigs = {
-  xs: { size: 12, fontSize: 10 },
-  sm: { size: 24, fontSize: 20 },
-  md: { size: 32, fontSize: 28 },
-  lg: { size: 48, fontSize: 44 },
-  xl: { size: 64, fontSize: 60 }
-};
-var ANIMATIONS = {
-  rotate: { keyframes: `${rotateAnimation}`, easing: "linear", scale: 1 },
-  pulse: { keyframes: `${pulseAnimation}`, easing: "ease-in-out", scale: 1 },
-  translate: { keyframes: `${translateAnimation}`, easing: "ease-in-out", scale: 1 },
-  bounce: { keyframes: `${bounceAnimation}`, easing: "ease-in-out", scale: 1 },
-  shake: { keyframes: `${shakeAnimation}`, easing: "ease-in-out", scale: 1 },
-  flip: { keyframes: `${flipAnimation}`, easing: "ease-in-out", scale: 1 },
-  spin: { keyframes: `${spinAnimation}`, easing: "ease-in-out", scale: 1 },
-  fadeInOut: { keyframes: `${fadeInOutAnimation}`, easing: "ease-in-out", scale: 1 },
-  heartbeat: { keyframes: `${heartbeatAnimation}`, easing: "ease-in-out", scale: 1 },
-  wobble: { keyframes: `${wobbleAnimation}`, easing: "ease-in-out", scale: 1 },
-  morph: { keyframes: `${morphAnimation}`, easing: "ease-in-out", scale: 1 },
-  swing: { keyframes: `${swingAnimation}`, easing: "ease-in-out", scale: 1 },
-  jello: { keyframes: `${jelloAnimation}`, easing: "ease-in-out", scale: 1 },
-  float: { keyframes: `${floatAnimation}`, easing: "ease-in-out", scale: 2 },
-  neonFlicker: { keyframes: `${neonFlickerAnimation}`, easing: "ease-in-out", scale: 2 },
-  breathe: { keyframes: `${breatheAnimation}`, easing: "ease-in-out", scale: 1.5 }
-};
-var animationFor = (variant, duration, delay, loop) => {
-  const spec = ANIMATIONS[variant];
-  if (!spec) return "none";
-  const iterationCount = loop ? "infinite" : "1";
-  return `${spec.keyframes} ${duration * spec.scale}s ${spec.easing} ${iterationCount} ${delay > 0 ? `${delay}s` : "0s"}`;
-};
-var SHADOWS = {
-  soft: (theme) => `0 4px 20px ${alpha(theme.palette.common.black, 0.15)}`,
-  hard: (theme) => `4px 4px 0px ${alpha(theme.palette.common.black, 0.25)}`,
-  elevated: (theme) => `0 10px 40px ${alpha(theme.palette.common.black, 0.2)}, 0 2px 10px ${alpha(theme.palette.common.black, 0.1)}`
-};
-var effectStyles = (theme, flags, animation, color) => {
-  const { $glass, $metallic, $gradient, $neon, $holographic } = flags;
-  return {
-    ...$glass && {
-      background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.2)}, ${alpha(theme.palette.background.paper, 0.1)})`,
-      backdropFilter: "blur(10px)",
-      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-      boxShadow: `inset 0 1px 1px ${alpha(theme.palette.common.white, 0.3)}, 0 8px 32px ${alpha(theme.palette.common.black, 0.1)}`
-    },
-    ...$metallic && {
-      background: `linear-gradient(145deg,
-      ${theme.palette.grey[300]} 0%,
-      ${theme.palette.grey[500]} 25%,
-      ${theme.palette.grey[400]} 50%,
-      ${theme.palette.grey[600]} 75%,
-      ${theme.palette.grey[400]} 100%)`,
-      backgroundSize: "200% 200%",
-      animation: `${animation}, ${breatheAnimation} 4s ease-in-out infinite`,
-      boxShadow: `inset 0 2px 4px ${alpha(theme.palette.common.white, 0.5)},
-                inset 0 -2px 4px ${alpha(theme.palette.common.black, 0.3)},
-                0 4px 8px ${alpha(theme.palette.common.black, 0.2)}`
-    },
-    ...$gradient && {
-      background: `linear-gradient(135deg,
-      ${theme.palette.primary.main} 0%,
-      ${theme.palette.secondary.main} 100%)`,
-      backgroundSize: "200% 200%",
-      animation: `${animation}, ${breatheAnimation} 3s ease-in-out infinite`
-    },
-    ...$neon && {
-      color,
-      textShadow: `0 0 10px ${color}, 0 0 20px ${color}, 0 0 30px ${color}`,
-      filter: `brightness(1.2) contrast(1.2)`,
-      animation: `${animation}, ${neonFlickerAnimation} 3s ease-in-out infinite`
-    },
-    ...$holographic && {
-      background: `linear-gradient(45deg,
-      ${theme.palette.primary.main} 0%,
-      ${theme.palette.secondary.main} 25%,
-      ${theme.palette.error.main} 50%,
-      ${theme.palette.warning.main} 75%,
-      ${theme.palette.primary.main} 100%)`,
-      backgroundSize: "400% 400%",
-      animation: `${animation}, ${floatAnimation} 6s ease-in-out infinite`,
-      backgroundClip: "text",
-      WebkitBackgroundClip: "text",
-      WebkitTextFillColor: "transparent",
-      filter: `hue-rotate(0deg)`,
-      "@keyframes hueRotate": {
-        "0%": { filter: "hue-rotate(0deg)" },
-        "100%": { filter: "hue-rotate(360deg)" }
-      },
-      "&::before": {
-        content: '""',
-        position: "absolute",
-        inset: -2,
-        borderRadius: "50%",
-        background: "inherit",
-        filter: "blur(10px)",
-        opacity: 0.5,
-        zIndex: -1
-      }
-    }
-  };
-};
-var iconSx = (theme, flags) => {
-  const {
-    $size,
-    $fontSize,
-    $animationVariant,
-    $duration,
-    $delay,
-    $loop,
-    $glow,
-    $glowColor,
-    $customColor,
-    $shadow,
-    $ripple,
-    $neon
-  } = flags;
-  const color = $customColor || theme.palette.primary.main;
-  const glowColor = $glowColor || color;
-  const animation = animationFor($animationVariant, $duration, $delay, $loop);
-  const glyphSize = { fontSize: $fontSize, width: $fontSize, height: $fontSize };
-  return {
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    width: $size,
-    height: $size,
-    color,
-    animation,
-    position: "relative",
-    cursor: "default",
-    borderRadius: "50%",
-    transition: "all 0.3s ease",
-    boxShadow: SHADOWS[$shadow ?? "none"]?.(theme) ?? "none",
-    ...$glow && {
-      "&::before": {
-        content: '""',
-        position: "absolute",
-        inset: -8,
-        borderRadius: "50%",
-        background: `radial-gradient(circle, ${alpha(glowColor, 0.3)} 0%, transparent 70%)`,
-        animation: `${glowPulseAnimation} ${$duration * 1.2}s ease-in-out infinite`,
-        zIndex: -1
-      },
-      filter: `drop-shadow(0 0 8px ${alpha(glowColor, 0.5)})`
-    },
-    ...effectStyles(theme, flags, animation, color),
-    ...$ripple && {
-      "&::after": {
-        content: '""',
-        position: "absolute",
-        inset: 0,
-        borderRadius: "50%",
-        border: `2px solid ${color}`,
-        animation: `${rippleAnimation} ${$duration * 1.5}s ease-out infinite`
-      }
-    },
-    "& .MuiSvgIcon-root": glyphSize,
-    "& svg": glyphSize,
-    "&:hover": {
-      transform: "scale(1.05)",
-      filter: $neon ? `brightness(1.4) contrast(1.3)` : void 0
-    }
-  };
-};
-
-export {
-  sizeConfigs,
-  iconSx
-};
-//# sourceMappingURL=chunk-DBS74X2C.js.map

package/dist/chunk-DBS74X2C.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/utility/AnimatedIcon/AnimatedIcon.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport {\n  bounceAnimation,\n  breatheAnimation,\n  fadeInOutAnimation,\n  flipAnimation,\n  floatAnimation,\n  glowPulseAnimation,\n  heartbeatAnimation,\n  jelloAnimation,\n  morphAnimation,\n  neonFlickerAnimation,\n  pulseAnimation,\n  rippleAnimation,\n  rotateAnimation,\n  shakeAnimation,\n  spinAnimation,\n  swingAnimation,\n  translateAnimation,\n  wobbleAnimation,\n} from './AnimatedIcon.animations';\nimport type { AnimationSize, AnimationVariant } from './AnimatedIcon.types';\n\nexport const sizeConfigs: Record<AnimationSize, { size: number; fontSize: number }> = {\n  xs: { size: 12, fontSize: 10 },\n  sm: { size: 24, fontSize: 20 },\n  md: { size: 32, fontSize: 28 },\n  lg: { size: 48, fontSize: 44 },\n  xl: { size: 64, fontSize: 60 },\n};\n\n/**\n * Every variant produces the same shorthand — keyframes, duration, easing,\n * iteration count, delay — so only the three things that actually differ are\n * tabulated. `scale` multiplies the caller's duration for the variants that\n * read as slower than the rest.\n */\nconst ANIMATIONS: Record<string, { keyframes: string; easing: string; scale: number }> = {\n  rotate: { keyframes: `${rotateAnimation}`, easing: 'linear', scale: 1 },\n  pulse: { keyframes: `${pulseAnimation}`, easing: 'ease-in-out', scale: 1 },\n  translate: { keyframes: `${translateAnimation}`, easing: 'ease-in-out', scale: 1 },\n  bounce: { keyframes: `${bounceAnimation}`, easing: 'ease-in-out', scale: 1 },\n  shake: { keyframes: `${shakeAnimation}`, easing: 'ease-in-out', scale: 1 },\n  flip: { keyframes: `${flipAnimation}`, easing: 'ease-in-out', scale: 1 },\n  spin: { keyframes: `${spinAnimation}`, easing: 'ease-in-out', scale: 1 },\n  fadeInOut: { keyframes: `${fadeInOutAnimation}`, easing: 'ease-in-out', scale: 1 },\n  heartbeat: { keyframes: `${heartbeatAnimation}`, easing: 'ease-in-out', scale: 1 },\n  wobble: { keyframes: `${wobbleAnimation}`, easing: 'ease-in-out', scale: 1 },\n  morph: { keyframes: `${morphAnimation}`, easing: 'ease-in-out', scale: 1 },\n  swing: { keyframes: `${swingAnimation}`, easing: 'ease-in-out', scale: 1 },\n  jello: { keyframes: `${jelloAnimation}`, easing: 'ease-in-out', scale: 1 },\n  float: { keyframes: `${floatAnimation}`, easing: 'ease-in-out', scale: 2 },\n  neonFlicker: { keyframes: `${neonFlickerAnimation}`, easing: 'ease-in-out', scale: 2 },\n  breathe: { keyframes: `${breatheAnimation}`, easing: 'ease-in-out', scale: 1.5 },\n};\n\nconst animationFor = (\n  variant: AnimationVariant,\n  duration: number,\n  delay: number,\n  loop: boolean,\n) => {\n  const spec = ANIMATIONS[variant];\n  if (!spec) return 'none';\n\n  const iterationCount = loop ? 'infinite' : '1';\n  return `${spec.keyframes} ${duration * spec.scale}s ${spec.easing} ${iterationCount} ${delay > 0 ? `${delay}s` : '0s'}`;\n};\n\nconst SHADOWS: Record<string, (theme: Theme) => string> = {\n  soft: (theme) => `0 4px 20px ${alpha(theme.palette.common.black, 0.15)}`,\n  hard: (theme) => `4px 4px 0px ${alpha(theme.palette.common.black, 0.25)}`,\n  elevated: (theme) =>\n    `0 10px 40px ${alpha(theme.palette.common.black, 0.2)}, 0 2px 10px ${alpha(theme.palette.common.black, 0.1)}`,\n};\n\nexport interface IconStyleFlags {\n  $size: number;\n  $fontSize: number;\n  $animationVariant: AnimationVariant;\n  $duration: number;\n  $delay: number;\n  $loop: boolean;\n  $glow: boolean;\n  $glass: boolean;\n  $glowColor?: string;\n  $customColor?: string;\n  $metallic?: boolean;\n  $gradient?: boolean;\n  $shadow?: 'soft' | 'hard' | 'elevated' | 'none';\n  $ripple?: boolean;\n  $neon?: boolean;\n  $holographic?: boolean;\n}\n\n/**\n * The four surface treatments that paint the icon themselves — metallic,\n * gradient, neon and holographic — each run a second animation alongside the\n * chosen one, so they all need the base animation string.\n */\nconst effectStyles = (\n  theme: Theme,\n  flags: IconStyleFlags,\n  animation: string,\n  color: string,\n): CSSObject => {\n  const { $glass, $metallic, $gradient, $neon, $holographic } = flags;\n\n  return {\n    ...($glass && {\n      background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.2)}, ${alpha(theme.palette.background.paper, 0.1)})`,\n      backdropFilter: 'blur(10px)',\n      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n      boxShadow: `inset 0 1px 1px ${alpha(theme.palette.common.white, 0.3)}, 0 8px 32px ${alpha(theme.palette.common.black, 0.1)}`,\n    }),\n    ...($metallic && {\n      background: `linear-gradient(145deg,\n      ${theme.palette.grey[300]} 0%,\n      ${theme.palette.grey[500]} 25%,\n      ${theme.palette.grey[400]} 50%,\n      ${theme.palette.grey[600]} 75%,\n      ${theme.palette.grey[400]} 100%)`,\n      backgroundSize: '200% 200%',\n      animation: `${animation}, ${breatheAnimation} 4s ease-in-out infinite`,\n      boxShadow: `inset 0 2px 4px ${alpha(theme.palette.common.white, 0.5)},\n                inset 0 -2px 4px ${alpha(theme.palette.common.black, 0.3)},\n                0 4px 8px ${alpha(theme.palette.common.black, 0.2)}`,\n    }),\n    ...($gradient && {\n      background: `linear-gradient(135deg,\n      ${theme.palette.primary.main} 0%,\n      ${theme.palette.secondary.main} 100%)`,\n      backgroundSize: '200% 200%',\n      animation: `${animation}, ${breatheAnimation} 3s ease-in-out infinite`,\n    }),\n    ...($neon && {\n      color,\n      textShadow: `0 0 10px ${color}, 0 0 20px ${color}, 0 0 30px ${color}`,\n      filter: `brightness(1.2) contrast(1.2)`,\n      animation: `${animation}, ${neonFlickerAnimation} 3s ease-in-out infinite`,\n    }),\n    ...($holographic && {\n      background: `linear-gradient(45deg,\n      ${theme.palette.primary.main} 0%,\n      ${theme.palette.secondary.main} 25%,\n      ${theme.palette.error.main} 50%,\n      ${theme.palette.warning.main} 75%,\n      ${theme.palette.primary.main} 100%)`,\n      backgroundSize: '400% 400%',\n      animation: `${animation}, ${floatAnimation} 6s ease-in-out infinite`,\n      backgroundClip: 'text',\n      WebkitBackgroundClip: 'text',\n      WebkitTextFillColor: 'transparent',\n      filter: `hue-rotate(0deg)`,\n      '@keyframes hueRotate': {\n        '0%': { filter: 'hue-rotate(0deg)' },\n        '100%': { filter: 'hue-rotate(360deg)' },\n      },\n      '&::before': {\n        content: '\"\"',\n        position: 'absolute' as const,\n        inset: -2,\n        borderRadius: '50%',\n        background: 'inherit',\n        filter: 'blur(10px)',\n        opacity: 0.5,\n        zIndex: -1,\n      },\n    }),\n  };\n};\n\nexport const iconSx = (theme: Theme, flags: IconStyleFlags): CSSObject => {\n  const {\n    $size, $fontSize, $animationVariant, $duration, $delay, $loop,\n    $glow, $glowColor, $customColor, $shadow, $ripple, $neon,\n  } = flags;\n\n  const color = $customColor || theme.palette.primary.main;\n  const glowColor = $glowColor || color;\n  const animation = animationFor($animationVariant, $duration, $delay, $loop);\n\n  // Both selectors size the same glyph — MUI icons render an MuiSvgIcon-root,\n  // a bare child renders an svg.\n  const glyphSize = { fontSize: $fontSize, width: $fontSize, height: $fontSize };\n\n  return {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: $size,\n    height: $size,\n    color,\n    animation,\n    position: 'relative' as const,\n    cursor: 'default',\n    borderRadius: '50%',\n    transition: 'all 0.3s ease',\n    boxShadow: SHADOWS[$shadow ?? 'none']?.(theme) ?? 'none',\n    ...($glow && {\n      '&::before': {\n        content: '\"\"',\n        position: 'absolute' as const,\n        inset: -8,\n        borderRadius: '50%',\n        background: `radial-gradient(circle, ${alpha(glowColor, 0.3)} 0%, transparent 70%)`,\n        animation: `${glowPulseAnimation} ${$duration * 1.2}s ease-in-out infinite`,\n        zIndex: -1,\n      },\n      filter: `drop-shadow(0 0 8px ${alpha(glowColor, 0.5)})`,\n    }),\n    ...effectStyles(theme, flags, animation, color),\n    ...($ripple && {\n      '&::after': {\n        content: '\"\"',\n        position: 'absolute' as const,\n        inset: 0,\n        borderRadius: '50%',\n        border: `2px solid ${color}`,\n        animation: `${rippleAnimation} ${$duration * 1.5}s ease-out infinite`,\n      },\n    }),\n    '& .MuiSvgIcon-root': glyphSize,\n    '& svg': glyphSize,\n    '&:hover': {\n      transform: 'scale(1.05)',\n      filter: $neon ? `brightness(1.4) contrast(1.3)` : undefined,\n    },\n  };\n};\n"],"mappings":"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","names":[]}