@12-apps/ui 6.11.0 → 6.11.1

package/dist/chunk-S4R6CKIG.js

@@ -1,564 +0,0 @@
-import {
-  withDefaults
-} from "./chunk-Y2JYDXL7.js";
-
-// src/components/form/Switch/Switch.tsx
-import { Box as Box2 } from "@mui/material";
-import { forwardRef } from "react";
-
-// src/components/form/Switch/Switch.parts.tsx
-import { Box, FormHelperText, Switch as MuiSwitch, Typography } from "@mui/material";
-import { styled } from "@mui/material";
-
-// src/components/form/Switch/Switch.styles.ts
-import { alpha } from "@mui/material";
-
-// src/components/form/Switch/Switch.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 bounceAnimation = keyframes`
-  0%, 100% {
-    transform: scale(1);
-  }
-  50% {
-    transform: scale(1.1);
-  }
-`;
-var pulseAnimation = keyframes`
-  0%, 100% {
-    opacity: 1;
-    transform: scale(1);
-  }
-  50% {
-    opacity: 0.7;
-    transform: scale(0.95);
-  }
-`;
-var rippleAnimation = keyframes`
-  0% {
-    transform: scale(0);
-    opacity: 1;
-  }
-  100% {
-    transform: scale(2);
-    opacity: 0;
-  }
-`;
-var spinAnimation = keyframes`
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-`;
-var shimmerAnimation = keyframes`
-  0% {
-    background-position: -200% 50%;
-  }
-  100% {
-    background-position: 200% 50%;
-  }
-`;
-
-// src/components/form/Switch/Switch.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 SIZES = {
-  xs: { width: 34, height: 18, padding: 1, thumbSize: 14 },
-  sm: { width: 42, height: 22, padding: 1, thumbSize: 18 },
-  md: { width: 50, height: 26, padding: 1, thumbSize: 22 },
-  lg: { width: 58, height: 30, padding: 2, thumbSize: 24 },
-  xl: { width: 66, height: 34, padding: 2, thumbSize: 28 }
-};
-var lookOf = (customVariant) => {
-  if (customVariant === "ios") return "ios";
-  if (customVariant === "android") return "android";
-  if (customVariant === "material") return "material";
-  return "default";
-};
-var geometryOf = (flags) => {
-  const preset = SIZES[flags.customSize] ?? SIZES.md;
-  return {
-    ...preset,
-    width: flags.trackWidth || preset.width,
-    height: flags.trackHeight || preset.height
-  };
-};
-var THUMB_RADIUS = {
-  ios: () => "50%",
-  android: () => 4,
-  material: (thumbSize) => thumbSize / 3,
-  default: () => "50%"
-};
-var TRACK_RADIUS = {
-  ios: (height) => height / 2,
-  android: (height) => height / 3,
-  material: (height) => height / 2.5,
-  default: (height) => height / 2
-};
-var thumbShadow = (theme, look) => {
-  if (look === "ios") {
-    return `0 3px 1px 0 ${alpha("#000", 0.04)}, 0 3px 8px 0 ${alpha("#000", 0.12)}, 0 1px 0 0 ${alpha("#000", 0.08)}`;
-  }
-  return look === "android" ? theme.shadows[3] : theme.shadows[2];
-};
-var trackColor = (theme, look) => {
-  if (look === "ios") return alpha(theme.palette.common.black, 0.1);
-  if (look === "android") return alpha(theme.palette.action.disabled, 0.2);
-  return alpha(theme.palette.action.disabled, 0.3);
-};
-var rippleOverlay = (palette) => ({
-  content: '""',
-  position: "absolute",
-  top: "50%",
-  left: "50%",
-  width: "100%",
-  height: "100%",
-  borderRadius: "50%",
-  background: alpha(palette.main, 0.2),
-  animation: `${rippleAnimation} 0.6s ease-out`,
-  transform: "translate(-50%, -50%)",
-  pointerEvents: "none"
-});
-var checkedTrack = (flags, palette) => ({
-  backgroundColor: palette.main,
-  opacity: 1,
-  border: 0,
-  position: "relative",
-  overflow: "hidden",
-  ...flags.glow && {
-    animation: `${glowAnimation} 2s ease-in-out infinite`,
-    boxShadow: `0 0 10px ${alpha(palette.main, 0.6)}, inset 0 0 10px ${alpha(palette.main, 0.2)}`
-  },
-  ...flags.gradient && {
-    background: `linear-gradient(90deg, ${palette.light || palette.main} 0%, ${palette.main} 50%, ${palette.dark || palette.main} 100%)`,
-    backgroundSize: "200% 100%",
-    animation: `${shimmerAnimation} 3s ease infinite`
-  }
-});
-var switchBaseSx = (theme, flags, palette, geometry, look) => {
-  const { width, thumbSize, padding } = geometry;
-  const isIos = look === "ios";
-  return {
-    padding,
-    margin: 0,
-    transitionDuration: "300ms",
-    transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
-    ...isIos && { transform: "translateX(2px)" },
-    "&:hover": {
-      "& .MuiSwitch-thumb": {
-        transform: flags.loading ? "none" : "scale(1.05)",
-        boxShadow: `${theme.shadows[4]}, 0 0 12px ${alpha(palette.main, 0.2)}`
-      },
-      ...flags.ripple && { "&::after": rippleOverlay(palette) }
-    },
-    "&.Mui-checked": {
-      // The thumb travels the track minus its own width and both paddings; the
-      // iOS look insets differently, so it gets its own distance.
-      transform: `translateX(${width - thumbSize - padding * 2}px)`,
-      color: "#fff",
-      "& .MuiSwitch-thumb": {
-        animation: flags.loading ? "none" : `${bounceAnimation} 0.3s ease-out`
-      },
-      "& + .MuiSwitch-track": checkedTrack(flags, palette),
-      "&.Mui-disabled + .MuiSwitch-track": { opacity: 0.5 },
-      ...isIos && { transform: `translateX(${width - thumbSize - 4}px)` }
-    },
-    "&.Mui-focusVisible .MuiSwitch-thumb": {
-      color: palette.main,
-      border: `6px solid ${alpha(palette.main, 0.2)}`
-    },
-    "&.Mui-disabled .MuiSwitch-thumb": { color: theme.palette.grey[100] },
-    "&.Mui-disabled + .MuiSwitch-track": { opacity: 0.3 }
-  };
-};
-var thumbSx = (theme, flags, palette, thumbSize, look) => ({
-  width: thumbSize,
-  height: thumbSize,
-  borderRadius: THUMB_RADIUS[look](thumbSize),
-  backgroundColor: "#fff",
-  boxShadow: thumbShadow(theme, look),
-  transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-  position: "relative",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  ...flags.glass && {
-    backgroundColor: alpha(theme.palette.background.paper, 0.9),
-    backdropFilter: "blur(10px)",
-    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`
-  },
-  ...flags.pulse && { animation: `${pulseAnimation} 2s ease-in-out infinite` },
-  ...flags.loading && {
-    // A spinner drawn inside the thumb rather than over the whole control.
-    "&::after": {
-      content: '""',
-      position: "absolute",
-      width: thumbSize * 0.6,
-      height: thumbSize * 0.6,
-      border: `2px solid ${palette.main}`,
-      borderTop: `2px solid transparent`,
-      borderRadius: "50%",
-      animation: `${spinAnimation} 1s linear infinite`
-    }
-  },
-  ...look === "material" && {
-    "&::before": {
-      content: '""',
-      position: "absolute",
-      width: "100%",
-      height: "100%",
-      borderRadius: "inherit",
-      backgroundColor: palette.main,
-      opacity: 0,
-      transform: "scale(0)",
-      transition: "all 0.3s ease"
-    }
-  }
-});
-var trackLabels = (theme, onText, offText) => ({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "space-between",
-  paddingLeft: theme.spacing(1),
-  paddingRight: theme.spacing(1),
-  fontSize: "0.75rem",
-  fontWeight: 500,
-  color: theme.palette.text.secondary,
-  "&::before, &::after": {
-    content: '""',
-    position: "absolute",
-    fontSize: "0.75rem",
-    fontWeight: 500,
-    top: "50%",
-    transform: "translateY(-50%)",
-    zIndex: 1
-  },
-  ...onText && {
-    "&::before": { content: `"${onText}"`, left: theme.spacing(1), color: "#fff" }
-  },
-  ...offText && {
-    "&::after": {
-      content: `"${offText}"`,
-      right: theme.spacing(1),
-      color: theme.palette.text.secondary
-    }
-  }
-});
-var trackSx = (theme, flags, palette, height, look) => {
-  const { glass, gradient, onText, offText, customVariant } = flags;
-  const showsLabels = customVariant === "label" && (onText || offText);
-  return {
-    borderRadius: TRACK_RADIUS[look](height),
-    backgroundColor: trackColor(theme, look),
-    opacity: 1,
-    transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-    position: "relative",
-    boxShadow: look === "ios" ? `inset 0 0 0 0.5px ${alpha("#000", 0.1)}, inset 0 2px 3px ${alpha("#000", 0.12)}` : "none",
-    ...glass && {
-      backgroundColor: alpha(theme.palette.background.paper, 0.1),
-      backdropFilter: "blur(20px)",
-      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`
-    },
-    ...gradient && !glass && {
-      background: `linear-gradient(135deg, ${alpha(palette.light || palette.main, 0.3)}, ${alpha(palette.main, 0.2)})`
-    },
-    ...showsLabels && trackLabels(theme, onText, offText)
-  };
-};
-var switchSx = (theme, flags) => {
-  const palette = getColorFromTheme(theme, flags.customColor ?? "primary");
-  const geometry = geometryOf(flags);
-  const look = lookOf(flags.customVariant);
-  return {
-    width: geometry.width,
-    height: geometry.height,
-    padding: 0,
-    overflow: "visible",
-    "& .MuiSwitch-switchBase": switchBaseSx(theme, flags, palette, geometry, look),
-    "& .MuiSwitch-thumb": thumbSx(theme, flags, palette, geometry.thumbSize, look),
-    "& .MuiSwitch-track": trackSx(theme, flags, palette, geometry.height, look)
-  };
-};
-
-// src/components/form/Switch/Switch.parts.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var StyledSwitch = styled(MuiSwitch, {
-  shouldForwardProp: (prop) => ![
-    "customVariant",
-    "customColor",
-    "customSize",
-    "glow",
-    "glass",
-    "gradient",
-    "trackWidth",
-    "trackHeight",
-    "onText",
-    "offText",
-    "loading",
-    "ripple",
-    "pulse"
-  ].includes(prop)
-})(({ theme, ...flags }) => ({ ...switchSx(theme, flags) }));
-var StyledLabelContainer = styled(Box, {
-  shouldForwardProp: (prop) => !["labelPosition", "error"].includes(prop)
-})(({ theme, labelPosition, error }) => {
-  const stacked = labelPosition === "top" || labelPosition === "bottom";
-  return {
-    display: "flex",
-    alignItems: stacked ? "flex-start" : "center",
-    flexDirection: labelPosition === "top" ? "column" : labelPosition === "bottom" ? "column-reverse" : "row",
-    gap: theme.spacing(stacked ? 1 : 2),
-    width: "100%",
-    ...error && { "& .MuiTypography-root": { color: theme.palette.error.main } }
-  };
-});
-var LabelContainer = ({ labelPosition, error, children }) => /* @__PURE__ */ jsx(StyledLabelContainer, { labelPosition, error, children });
-var ICON_SIZES = { xs: 12, sm: 14, md: 16, lg: 18, xl: 20 };
-var SwitchIcon = ({ icon, shown, animated, size, side }) => {
-  const isOn = side === "on";
-  const translate = isOn ? "translate(-50%, -50%)" : "translate(50%, -50%)";
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      sx: {
-        position: "absolute",
-        top: "50%",
-        ...isOn ? { left: shown ? 4 : "50%" } : { right: shown ? 4 : "50%" },
-        transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-        opacity: shown ? 1 : 0,
-        transform: `${translate} scale(${shown && animated ? 1 : 0.8})`,
-        pointerEvents: "none",
-        zIndex: 2,
-        color: isOn ? "#fff" : "text.secondary",
-        fontSize: ICON_SIZES[size] ?? ICON_SIZES.md
-      },
-      children: icon
-    }
-  );
-};
-var SwitchControl = ({
-  checked,
-  onChange,
-  onIcon,
-  offIcon,
-  animated,
-  size,
-  dataTestId,
-  switchRef,
-  rest,
-  ...flags
-}) => {
-  const props = rest;
-  return /* @__PURE__ */ jsxs(Box, { sx: { position: "relative", display: "inline-flex" }, children: [
-    /* @__PURE__ */ jsx(
-      StyledSwitch,
-      {
-        ref: switchRef,
-        ...flags,
-        checked,
-        onChange,
-        disabled: Boolean(flags.loading) || props.disabled,
-        inputProps: {
-          "aria-label": props["aria-label"],
-          "aria-describedby": props["aria-describedby"],
-          ...props.inputProps,
-          "data-testid": dataTestId || "switch"
-        },
-        ...props
-      }
-    ),
-    onIcon && /* @__PURE__ */ jsx(
-      SwitchIcon,
-      {
-        icon: onIcon,
-        shown: Boolean(checked),
-        animated,
-        size,
-        side: "on"
-      }
-    ),
-    offIcon && /* @__PURE__ */ jsx(
-      SwitchIcon,
-      {
-        icon: offIcon,
-        shown: !checked,
-        animated,
-        size,
-        side: "off"
-      }
-    )
-  ] });
-};
-var SwitchHelper = ({ helperText, error, dataTestId }) => helperText ? /* @__PURE__ */ jsx(
-  FormHelperText,
-  {
-    error,
-    sx: { mt: 1 },
-    "data-testid": dataTestId ? `${dataTestId}-helper` : "switch-helper",
-    children: helperText
-  }
-) : null;
-var SwitchLabel = ({ label, description, error, dataTestId }) => /* @__PURE__ */ jsxs(Box, { sx: { flex: 1 }, children: [
-  /* @__PURE__ */ jsx(
-    Typography,
-    {
-      variant: "body2",
-      fontWeight: 500,
-      color: error ? "error.main" : "text.primary",
-      "data-testid": dataTestId ? `${dataTestId}-label` : "switch-label",
-      children: label
-    }
-  ),
-  description && /* @__PURE__ */ jsx(
-    Typography,
-    {
-      variant: "caption",
-      color: error ? "error.main" : "text.secondary",
-      sx: { display: "block", mt: 0.5 },
-      children: description
-    }
-  )
-] });
-
-// src/components/form/Switch/Switch.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var DEFAULTS = {
-  variant: "default",
-  color: "primary",
-  size: "md",
-  glow: false,
-  glass: false,
-  gradient: false,
-  labelPosition: "end",
-  error: false,
-  animated: true,
-  loading: false,
-  ripple: false,
-  pulse: false
-};
-var Switch = forwardRef((props, ref) => {
-  const {
-    variant,
-    color,
-    size,
-    label,
-    description,
-    glow,
-    glass,
-    gradient,
-    labelPosition,
-    onIcon,
-    offIcon,
-    onText,
-    offText,
-    error,
-    helperText,
-    trackWidth,
-    trackHeight,
-    checked,
-    onChange,
-    animated,
-    loading,
-    ripple,
-    pulse,
-    dataTestId,
-    ...rest
-  } = withDefaults(props, DEFAULTS);
-  const containerTestId = dataTestId ? `${dataTestId}-container` : "switch-container";
-  const control = /* @__PURE__ */ jsx2(
-    SwitchControl,
-    {
-      customVariant: variant,
-      customColor: color,
-      customSize: size,
-      glow,
-      glass,
-      gradient,
-      trackWidth,
-      trackHeight,
-      onText,
-      offText,
-      loading,
-      ripple,
-      pulse,
-      checked,
-      onChange,
-      onIcon,
-      offIcon,
-      animated,
-      size,
-      dataTestId,
-      switchRef: ref,
-      rest
-    }
-  );
-  const helper = /* @__PURE__ */ jsx2(SwitchHelper, { helperText, error, dataTestId });
-  if (!label) {
-    return /* @__PURE__ */ jsxs2(Box2, { "data-testid": containerTestId, children: [
-      control,
-      helper
-    ] });
-  }
-  return /* @__PURE__ */ jsxs2(Box2, { "data-testid": containerTestId, children: [
-    /* @__PURE__ */ jsxs2(LabelContainer, { labelPosition, error, children: [
-      labelPosition === "start" && control,
-      /* @__PURE__ */ jsx2(
-        SwitchLabel,
-        {
-          label,
-          description,
-          error,
-          dataTestId
-        }
-      ),
-      labelPosition !== "start" && control
-    ] }),
-    helper
-  ] });
-});
-Switch.displayName = "Switch";
-
-export {
-  Switch
-};
-//# sourceMappingURL=chunk-S4R6CKIG.js.map

package/dist/chunk-S4R6CKIG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Switch/Switch.tsx","../src/components/form/Switch/Switch.parts.tsx","../src/components/form/Switch/Switch.styles.ts","../src/components/form/Switch/Switch.animations.ts"],"sourcesContent":["import { Box } from '@mui/material';\nimport React, { forwardRef } from 'react';\n\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport {\n  LabelContainer,\n  SwitchControl,\n  SwitchHelper,\n  SwitchLabel,\n} from './Switch.parts';\nimport type { SwitchProps } from './Switch.types';\n\nconst DEFAULTS = {\n  variant: 'default',\n  color: 'primary',\n  size: 'md',\n  glow: false,\n  glass: false,\n  gradient: false,\n  labelPosition: 'end',\n  error: false,\n  animated: true,\n  loading: false,\n  ripple: false,\n  pulse: false,\n} satisfies Partial<SwitchProps>;\n\ntype ResolvedProps = SwitchProps & Required<Pick<SwitchProps, keyof typeof DEFAULTS>>;\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>((props, ref) => {\n  const {\n    variant, color, size, label, description, glow, glass, gradient, labelPosition,\n    onIcon, offIcon, onText, offText, error, helperText, trackWidth, trackHeight,\n    checked, onChange, animated, loading, ripple, pulse, dataTestId,\n    ...rest\n  } = withDefaults(props, DEFAULTS) as ResolvedProps;\n\n  const containerTestId = dataTestId ? `${dataTestId}-container` : 'switch-container';\n\n  const control = (\n    <SwitchControl\n      customVariant={variant}\n      customColor={color}\n      customSize={size}\n      glow={glow}\n      glass={glass}\n      gradient={gradient}\n      trackWidth={trackWidth}\n      trackHeight={trackHeight}\n      onText={onText}\n      offText={offText}\n      loading={loading}\n      ripple={ripple}\n      pulse={pulse}\n      checked={checked}\n      onChange={onChange}\n      onIcon={onIcon}\n      offIcon={offIcon}\n      animated={animated}\n      size={size}\n      dataTestId={dataTestId}\n      switchRef={ref}\n      rest={rest}\n    />\n  );\n\n  const helper = <SwitchHelper helperText={helperText} error={error} dataTestId={dataTestId} />;\n\n  if (!label) {\n    return (\n      <Box data-testid={containerTestId}>\n        {control}\n        {helper}\n      </Box>\n    );\n  }\n\n  return (\n    <Box data-testid={containerTestId}>\n      <LabelContainer labelPosition={labelPosition} error={error}>\n        {labelPosition === 'start' && control}\n\n        <SwitchLabel\n          label={label}\n          description={description}\n          error={error}\n          dataTestId={dataTestId}\n        />\n\n        {labelPosition !== 'start' && control}\n      </LabelContainer>\n\n      {helper}\n    </Box>\n  );\n});\n\nSwitch.displayName = 'Switch';\n","import { Box, FormHelperText, Switch as MuiSwitch, Typography } from '@mui/material';\nimport { styled } from '@mui/material';\nimport React from 'react';\n\nimport { switchSx } from './Switch.styles';\nimport type { SwitchFlags } from './Switch.styles';\nimport type { SwitchProps } from './Switch.types';\n\nconst StyledSwitch = styled(MuiSwitch, {\n  shouldForwardProp: (prop) =>\n    ![\n      'customVariant',\n      'customColor',\n      'customSize',\n      'glow',\n      'glass',\n      'gradient',\n      'trackWidth',\n      'trackHeight',\n      'onText',\n      'offText',\n      'loading',\n      'ripple',\n      'pulse',\n    ].includes(prop as string),\n})<SwitchFlags>(({ theme, ...flags }) => ({ ...switchSx(theme, flags) }));\n\n/**\n * A top or bottom label stacks and aligns to the start; start/end sit the label\n * beside the control and centre it.\n */\nconst StyledLabelContainer = styled(Box, {\n  shouldForwardProp: (prop) => !['labelPosition', 'error'].includes(prop as string),\n})<{ labelPosition?: string; error?: boolean }>(({ theme, labelPosition, error }) => {\n  const stacked = labelPosition === 'top' || labelPosition === 'bottom';\n\n  return {\n    display: 'flex',\n    alignItems: stacked ? 'flex-start' : 'center',\n    flexDirection:\n      labelPosition === 'top' ? 'column' : labelPosition === 'bottom' ? 'column-reverse' : 'row',\n    gap: theme.spacing(stacked ? 1 : 2),\n    width: '100%',\n    ...(error && { '& .MuiTypography-root': { color: theme.palette.error.main } }),\n  };\n});\n\n/**\n * A plain wrapper over the styled row. Exporting the styled component itself\n * needs a @mui/system reference tsc calls unportable (TS2742).\n */\nexport const LabelContainer: React.FC<{\n  labelPosition?: string;\n  error?: boolean;\n  children: React.ReactNode;\n}> = ({ labelPosition, error, children }) => (\n  <StyledLabelContainer labelPosition={labelPosition} error={error}>\n    {children}\n  </StyledLabelContainer>\n);\n\nconst ICON_SIZES: Record<string, number> = { xs: 12, sm: 14, md: 16, lg: 18, xl: 20 };\n\nexport interface SwitchIconProps {\n  icon: React.ReactNode;\n  /** True when this icon is the one the current state should show. */\n  shown: boolean;\n  animated: boolean;\n  size: string;\n  side: 'on' | 'off';\n}\n\n/**\n * One of the two icons overlaid on the track. The on icon slides to the left\n * edge when checked and the off icon to the right when unchecked; they are\n * mirror images, so they share this component rather than being written twice.\n */\nexport const SwitchIcon: React.FC<SwitchIconProps> = ({ icon, shown, animated, size, side }) => {\n  const isOn = side === 'on';\n  const translate = isOn ? 'translate(-50%, -50%)' : 'translate(50%, -50%)';\n\n  return (\n    <Box\n      sx={{\n        position: 'absolute',\n        top: '50%',\n        ...(isOn ? { left: shown ? 4 : '50%' } : { right: shown ? 4 : '50%' }),\n        transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n        opacity: shown ? 1 : 0,\n        transform: `${translate} scale(${shown && animated ? 1 : 0.8})`,\n        pointerEvents: 'none',\n        zIndex: 2,\n        color: isOn ? '#fff' : 'text.secondary',\n        fontSize: ICON_SIZES[size] ?? ICON_SIZES.md,\n      }}\n    >\n      {icon}\n    </Box>\n  );\n};\n\nexport interface SwitchControlProps extends SwitchFlags {\n  checked?: boolean;\n  onChange?: SwitchProps['onChange'];\n  onIcon?: React.ReactNode;\n  offIcon?: React.ReactNode;\n  animated: boolean;\n  size: string;\n  dataTestId?: string;\n  switchRef?: React.Ref<HTMLButtonElement>;\n  rest: Record<string, unknown>;\n}\n\n/** The control itself: the track, and the two icons that may sit over it. */\nexport const SwitchControl: React.FC<SwitchControlProps> = ({\n  checked,\n  onChange,\n  onIcon,\n  offIcon,\n  animated,\n  size,\n  dataTestId,\n  switchRef,\n  rest,\n  ...flags\n}) => {\n  const props = rest as Record<string, unknown> & {\n    disabled?: boolean;\n    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n  };\n\n  return (\n    <Box sx={{ position: 'relative', display: 'inline-flex' }}>\n      <StyledSwitch\n        ref={switchRef}\n        {...flags}\n        checked={checked}\n        onChange={onChange}\n        disabled={Boolean(flags.loading) || props.disabled}\n        inputProps={\n          {\n            'aria-label': props['aria-label'],\n            'aria-describedby': props['aria-describedby'],\n            ...props.inputProps,\n            'data-testid': dataTestId || 'switch',\n          } as React.InputHTMLAttributes<HTMLInputElement>\n        }\n        {...props}\n      />\n\n      {onIcon && (\n        <SwitchIcon\n          icon={onIcon}\n          shown={Boolean(checked)}\n          animated={animated}\n          size={size}\n          side=\"on\"\n        />\n      )}\n      {offIcon && (\n        <SwitchIcon\n          icon={offIcon}\n          shown={!checked}\n          animated={animated}\n          size={size}\n          side=\"off\"\n        />\n      )}\n    </Box>\n  );\n};\n\nexport const SwitchHelper: React.FC<{\n  helperText?: React.ReactNode;\n  error?: boolean;\n  dataTestId?: string;\n}> = ({ helperText, error, dataTestId }) =>\n  helperText ? (\n    <FormHelperText\n      error={error}\n      sx={{ mt: 1 }}\n      data-testid={dataTestId ? `${dataTestId}-helper` : 'switch-helper'}\n    >\n      {helperText}\n    </FormHelperText>\n  ) : null;\n\nexport const SwitchLabel: React.FC<{\n  label: React.ReactNode;\n  description?: React.ReactNode;\n  error?: boolean;\n  dataTestId?: string;\n}> = ({ label, description, error, dataTestId }) => (\n  <Box sx={{ flex: 1 }}>\n    <Typography\n      variant=\"body2\"\n      fontWeight={500}\n      color={error ? 'error.main' : 'text.primary'}\n      data-testid={dataTestId ? `${dataTestId}-label` : 'switch-label'}\n    >\n      {label}\n    </Typography>\n    {description && (\n      <Typography\n        variant=\"caption\"\n        color={error ? 'error.main' : 'text.secondary'}\n        sx={{ display: 'block', mt: 0.5 }}\n      >\n        {description}\n      </Typography>\n    )}\n  </Box>\n);\n","import { alpha } from '@mui/material';\nimport type { CSSObject, Theme } from '@mui/material';\n\nimport {\n  bounceAnimation,\n  glowAnimation,\n  pulseAnimation,\n  rippleAnimation,\n  shimmerAnimation,\n  spinAnimation,\n} from './Switch.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 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.\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  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\ninterface SwitchGeometry {\n  width: number;\n  height: number;\n  padding: number;\n  thumbSize: number;\n}\n\nconst SIZES: Record<SizeKey, SwitchGeometry> = {\n  xs: { width: 34, height: 18, padding: 1, thumbSize: 14 },\n  sm: { width: 42, height: 22, padding: 1, thumbSize: 18 },\n  md: { width: 50, height: 26, padding: 1, thumbSize: 22 },\n  lg: { width: 58, height: 30, padding: 2, thumbSize: 24 },\n  xl: { width: 66, height: 34, padding: 2, thumbSize: 28 },\n};\n\nexport interface SwitchFlags {\n  customVariant?: string;\n  customColor?: string;\n  customSize?: string;\n  glow?: boolean;\n  glass?: boolean;\n  gradient?: boolean;\n  trackWidth?: number;\n  trackHeight?: number;\n  onText?: string;\n  offText?: string;\n  loading?: boolean;\n  ripple?: boolean;\n  pulse?: boolean;\n}\n\n/**\n * The four platform looks. Each names one row of the tables below, so the\n * borderRadius/shadow/colour choices stop being nested ternaries repeated per\n * DOM part.\n */\ntype Look = 'ios' | 'android' | 'material' | 'default';\n\nconst lookOf = (customVariant?: string): Look => {\n  if (customVariant === 'ios') return 'ios';\n  if (customVariant === 'android') return 'android';\n  if (customVariant === 'material') return 'material';\n  return 'default';\n};\n\n/** Track geometry once the caller's overrides and the size preset are combined. */\nconst geometryOf = (flags: SwitchFlags) => {\n  const preset = SIZES[flags.customSize as SizeKey] ?? SIZES.md;\n\n  return {\n    ...preset,\n    width: flags.trackWidth || preset.width,\n    height: flags.trackHeight || preset.height,\n  };\n};\n\nconst THUMB_RADIUS: Record<Look, (thumbSize: number) => number | string> = {\n  ios: () => '50%',\n  android: () => 4,\n  material: (thumbSize) => thumbSize / 3,\n  default: () => '50%',\n};\n\nconst TRACK_RADIUS: Record<Look, (height: number) => number> = {\n  ios: (height) => height / 2,\n  android: (height) => height / 3,\n  material: (height) => height / 2.5,\n  default: (height) => height / 2,\n};\n\nconst thumbShadow = (theme: Theme, look: Look) => {\n  if (look === 'ios') {\n    return `0 3px 1px 0 ${alpha('#000', 0.04)}, 0 3px 8px 0 ${alpha('#000', 0.12)}, 0 1px 0 0 ${alpha('#000', 0.08)}`;\n  }\n  return look === 'android' ? theme.shadows[3] : theme.shadows[2];\n};\n\nconst trackColor = (theme: Theme, look: Look) => {\n  if (look === 'ios') return alpha(theme.palette.common.black, 0.1);\n  if (look === 'android') return alpha(theme.palette.action.disabled, 0.2);\n  return alpha(theme.palette.action.disabled, 0.3);\n};\n\n/** The ripple that expands from the thumb on hover. */\nconst rippleOverlay = (palette: ColorPalette): CSSObject => ({\n  content: '\"\"',\n  position: 'absolute',\n  top: '50%',\n  left: '50%',\n  width: '100%',\n  height: '100%',\n  borderRadius: '50%',\n  background: alpha(palette.main, 0.2),\n  animation: `${rippleAnimation} 0.6s ease-out`,\n  transform: 'translate(-50%, -50%)',\n  pointerEvents: 'none',\n});\n\n/** The checked track: the filled bar behind the thumb once the switch is on. */\nconst checkedTrack = (flags: SwitchFlags, palette: ColorPalette): CSSObject => ({\n  backgroundColor: palette.main,\n  opacity: 1,\n  border: 0,\n  position: 'relative',\n  overflow: 'hidden',\n  ...(flags.glow && {\n    animation: `${glowAnimation} 2s ease-in-out infinite`,\n    boxShadow: `0 0 10px ${alpha(palette.main, 0.6)}, inset 0 0 10px ${alpha(palette.main, 0.2)}`,\n  }),\n  ...(flags.gradient && {\n    background: `linear-gradient(90deg, ${palette.light || palette.main} 0%, ${palette.main} 50%, ${palette.dark || palette.main} 100%)`,\n    backgroundSize: '200% 100%',\n    animation: `${shimmerAnimation} 3s ease infinite`,\n  }),\n});\n\nconst switchBaseSx = (\n  theme: Theme,\n  flags: SwitchFlags,\n  palette: ColorPalette,\n  geometry: SwitchGeometry,\n  look: Look,\n): CSSObject => {\n  const { width, thumbSize, padding } = geometry;\n  const isIos = look === 'ios';\n\n  return {\n    padding,\n    margin: 0,\n    transitionDuration: '300ms',\n    transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\n    ...(isIos && { transform: 'translateX(2px)' }),\n    '&:hover': {\n      '& .MuiSwitch-thumb': {\n        transform: flags.loading ? 'none' : 'scale(1.05)',\n        boxShadow: `${theme.shadows[4]}, 0 0 12px ${alpha(palette.main, 0.2)}`,\n      },\n      ...(flags.ripple && { '&::after': rippleOverlay(palette) }),\n    },\n    '&.Mui-checked': {\n      // The thumb travels the track minus its own width and both paddings; the\n      // iOS look insets differently, so it gets its own distance.\n      transform: `translateX(${width - thumbSize - padding * 2}px)`,\n      color: '#fff',\n      '& .MuiSwitch-thumb': {\n        animation: flags.loading ? 'none' : `${bounceAnimation} 0.3s ease-out`,\n      },\n      '& + .MuiSwitch-track': checkedTrack(flags, palette),\n      '&.Mui-disabled + .MuiSwitch-track': { opacity: 0.5 },\n      ...(isIos && { transform: `translateX(${width - thumbSize - 4}px)` }),\n    },\n    '&.Mui-focusVisible .MuiSwitch-thumb': {\n      color: palette.main,\n      border: `6px solid ${alpha(palette.main, 0.2)}`,\n    },\n    '&.Mui-disabled .MuiSwitch-thumb': { color: theme.palette.grey[100] },\n    '&.Mui-disabled + .MuiSwitch-track': { opacity: 0.3 },\n  };\n};\n\nconst thumbSx = (\n  theme: Theme,\n  flags: SwitchFlags,\n  palette: ColorPalette,\n  thumbSize: number,\n  look: Look,\n): CSSObject => ({\n  width: thumbSize,\n  height: thumbSize,\n  borderRadius: THUMB_RADIUS[look](thumbSize),\n  backgroundColor: '#fff',\n  boxShadow: thumbShadow(theme, look),\n  transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n  position: 'relative',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  ...(flags.glass && {\n    backgroundColor: alpha(theme.palette.background.paper, 0.9),\n    backdropFilter: 'blur(10px)',\n    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n  }),\n  ...(flags.pulse && { animation: `${pulseAnimation} 2s ease-in-out infinite` }),\n  ...(flags.loading && {\n    // A spinner drawn inside the thumb rather than over the whole control.\n    '&::after': {\n      content: '\"\"',\n      position: 'absolute',\n      width: thumbSize * 0.6,\n      height: thumbSize * 0.6,\n      border: `2px solid ${palette.main}`,\n      borderTop: `2px solid transparent`,\n      borderRadius: '50%',\n      animation: `${spinAnimation} 1s linear infinite`,\n    },\n  }),\n  ...(look === 'material' && {\n    '&::before': {\n      content: '\"\"',\n      position: 'absolute',\n      width: '100%',\n      height: '100%',\n      borderRadius: 'inherit',\n      backgroundColor: palette.main,\n      opacity: 0,\n      transform: 'scale(0)',\n      transition: 'all 0.3s ease',\n    },\n  }),\n});\n\n/** The on/off wording the `label` variant prints inside the track. */\nconst trackLabels = (theme: Theme, onText?: string, offText?: string): CSSObject => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  paddingLeft: theme.spacing(1),\n  paddingRight: theme.spacing(1),\n  fontSize: '0.75rem',\n  fontWeight: 500,\n  color: theme.palette.text.secondary,\n  '&::before, &::after': {\n    content: '\"\"',\n    position: 'absolute',\n    fontSize: '0.75rem',\n    fontWeight: 500,\n    top: '50%',\n    transform: 'translateY(-50%)',\n    zIndex: 1,\n  },\n  ...(onText && {\n    '&::before': { content: `\"${onText}\"`, left: theme.spacing(1), color: '#fff' },\n  }),\n  ...(offText && {\n    '&::after': {\n      content: `\"${offText}\"`,\n      right: theme.spacing(1),\n      color: theme.palette.text.secondary,\n    },\n  }),\n});\n\nconst trackSx = (\n  theme: Theme,\n  flags: SwitchFlags,\n  palette: ColorPalette,\n  height: number,\n  look: Look,\n): CSSObject => {\n  const { glass, gradient, onText, offText, customVariant } = flags;\n  const showsLabels = customVariant === 'label' && (onText || offText);\n\n  return {\n    borderRadius: TRACK_RADIUS[look](height),\n    backgroundColor: trackColor(theme, look),\n    opacity: 1,\n    transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n    position: 'relative',\n    boxShadow:\n      look === 'ios'\n        ? `inset 0 0 0 0.5px ${alpha('#000', 0.1)}, inset 0 2px 3px ${alpha('#000', 0.12)}`\n        : 'none',\n    ...(glass && {\n      backgroundColor: alpha(theme.palette.background.paper, 0.1),\n      backdropFilter: 'blur(20px)',\n      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n    }),\n    ...(gradient &&\n      !glass && {\n        background: `linear-gradient(135deg, ${alpha(palette.light || palette.main, 0.3)}, ${alpha(palette.main, 0.2)})`,\n      }),\n    ...(showsLabels && trackLabels(theme, onText, offText)),\n  };\n};\n\nexport const switchSx = (theme: Theme, flags: SwitchFlags): CSSObject => {\n  const palette = getColorFromTheme(theme, flags.customColor ?? 'primary');\n  const geometry = geometryOf(flags);\n  const look = lookOf(flags.customVariant);\n\n  return {\n    width: geometry.width,\n    height: geometry.height,\n    padding: 0,\n    overflow: 'visible',\n    '& .MuiSwitch-switchBase': switchBaseSx(theme, flags, palette, geometry, look),\n    '& .MuiSwitch-thumb': thumbSx(theme, flags, palette, geometry.thumbSize, look),\n    '& .MuiSwitch-track': trackSx(theme, flags, palette, geometry.height, look),\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 bounceAnimation = keyframes`\n  0%, 100% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(1.1);\n  }\n`;\n\nexport const pulseAnimation = keyframes`\n  0%, 100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n  50% {\n    opacity: 0.7;\n    transform: scale(0.95);\n  }\n`;\n\nexport const rippleAnimation = keyframes`\n  0% {\n    transform: scale(0);\n    opacity: 1;\n  }\n  100% {\n    transform: scale(2);\n    opacity: 0;\n  }\n`;\n\nexport const spinAnimation = keyframes`\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n`;\n\nexport const shimmerAnimation = keyframes`\n  0% {\n    background-position: -200% 50%;\n  }\n  100% {\n    background-position: 200% 50%;\n  }\n`;\n"],"mappings":"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","names":["Box","jsx","jsxs","Box"]}