@12-apps/ui 6.35.0 → 6.37.0

package/dist/chunk-2PBT2HQH.js

@@ -1,293 +0,0 @@
-import {
-  bounceAnimation,
-  glowAnimation,
-  pulseAnimation,
-  rippleAnimation,
-  shimmerAnimation,
-  spinAnimation
-} from "./chunk-35ETD7ML.js";
-import {
-  DISABLED,
-  IOS_BASE_OFFSET,
-  IOS_THUMB_SHADOW,
-  IOS_TRAVEL_INSET,
-  NEUTRAL_CONTRAST,
-  RESTING_THUMB,
-  SWITCH_FOCUS_RING,
-  SWITCH_GLASS,
-  SWITCH_GLOW,
-  SWITCH_GRADIENT,
-  SWITCH_HOVER,
-  SWITCH_PULSE,
-  SWITCH_RIPPLE,
-  SWITCH_SPINNER,
-  SWITCH_TRANSITION,
-  THUMB_ELEVATION,
-  THUMB_RADIUS,
-  TRACK_LABEL,
-  TRACK_RADIUS,
-  geometryOf,
-  iosTrackShadow,
-  lookOf,
-  seconds,
-  showsTrackLabels,
-  trackColor
-} from "./chunk-D5SZXH7Q.js";
-import {
-  inkOver
-} from "./chunk-2BYKTBDL.js";
-import {
-  absoluteInk,
-  controlNeutral,
-  neutralTones
-} from "./chunk-FQ6UW7IY.js";
-import {
-  rem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/form/Switch/Switch.styles.ts
-import { alpha } from "@mui/material/styles/index.js";
-var neutralPalette = (theme) => controlNeutral(theme);
-var getColorFromTheme = (theme, color) => {
-  if (color === "neutral") {
-    return neutralPalette(theme);
-  }
-  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
-  };
-  const palette = colorMap[color] ?? theme.palette.primary;
-  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 || NEUTRAL_CONTRAST
-  };
-};
-var thumbShadow = (theme, look) => look === "ios" ? IOS_THUMB_SHADOW : theme.shadows[THUMB_ELEVATION[look]] ?? "none";
-var rippleOverlay = (palette) => ({
-  content: '""',
-  position: "absolute",
-  top: "50%",
-  left: "50%",
-  width: "100%",
-  height: "100%",
-  borderRadius: "50%",
-  background: alpha(palette.main, SWITCH_RIPPLE.alpha),
-  animation: `${rippleAnimation} ${seconds(SWITCH_RIPPLE.ms)} ease-out`,
-  transform: "translate(-50%, -50%)",
-  pointerEvents: "none"
-});
-var checkedInk = (flags, palette) => {
-  const fills = flags.gradient ? [palette.light || palette.main, palette.main, palette.dark || palette.main] : [palette.main];
-  return inkOver(fills, palette.contrastText || NEUTRAL_CONTRAST);
-};
-var checkedTrack = (flags, palette) => ({
-  backgroundColor: palette.main,
-  opacity: 1,
-  border: 0,
-  position: "relative",
-  overflow: "hidden",
-  ...flags.glow && {
-    animation: `${glowAnimation} ${seconds(SWITCH_GLOW.ms)} ease-in-out infinite`,
-    boxShadow: `0 0 ${SWITCH_GLOW.blur}px ${alpha(palette.main, SWITCH_GLOW.alpha)}, inset 0 0 ${SWITCH_GLOW.insetBlur}px ${alpha(palette.main, SWITCH_GLOW.insetAlpha)}`
-  },
-  ...flags.gradient && {
-    background: `linear-gradient(${SWITCH_GRADIENT.checked.angleDeg}deg, ${palette.light || palette.main} ${SWITCH_GRADIENT.checked.stops[0]}%, ${palette.main} ${SWITCH_GRADIENT.checked.stops[1]}%, ${palette.dark || palette.main} ${SWITCH_GRADIENT.checked.stops[2]}%)`,
-    backgroundSize: "200% 100%",
-    animation: `${shimmerAnimation} ${seconds(SWITCH_GRADIENT.shimmerMs)} ease infinite`
-  }
-});
-var switchBaseSx = (theme, flags, palette, geometry, look) => {
-  const { width, thumbSize, padding } = geometry;
-  const isIos = look === "ios";
-  return {
-    padding,
-    margin: 0,
-    transitionDuration: `${SWITCH_TRANSITION.ms}ms`,
-    transitionTimingFunction: SWITCH_TRANSITION.easing,
-    ...isIos && { transform: `translateX(${IOS_BASE_OFFSET}px)` },
-    "&:hover": {
-      "& .MuiSwitch-thumb": {
-        transform: flags.loading ? "none" : `scale(${SWITCH_HOVER.thumbScale})`,
-        boxShadow: `${theme.shadows[SWITCH_HOVER.elevation]}, 0 0 ${SWITCH_HOVER.blur}px ${alpha(palette.main, SWITCH_HOVER.alpha)}`
-      },
-      ...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: checkedInk(flags, palette),
-      "& .MuiSwitch-thumb": {
-        animation: flags.loading ? "none" : `${bounceAnimation} ${seconds(SWITCH_TRANSITION.ms)} ease-out`,
-        /*
-                  GLASS KEEPS ITS WASH AND GAINS AN OUTLINE (FUT-2067).
-        
-                  It used to keep the wash and nothing else, on the argument that a
-                  translucent thumb MEANS to show the track through itself, so painting
-                  it opaque would be repainting the variant rather than fixing it. The
-                  first half of that is still true and this still does not touch the
-                  fill. The second half was doing more work than the number supports:
-                  `SWITCH_GLASS.thumbAlpha` is **0.9**, so nine parts in ten of the knob
-                  are `background.paper` and one part is the track. On a pale brand that
-                  composites to within about 1.1:1 of the bar it is sitting on — the
-                  same "reads as OFF while it is on" state FUT-1924 exists for, in the
-                  one variant whose own argument points AT the tenant-controlled
-                  surface.
-        
-                  So the separation moves to the EDGE, which is the thing a glass
-                  surface is allowed to have. The colour is {@link checkedInk} — the
-                  same derivation the opaque thumb gets, so there is one rule for "what
-                  reads on this track" rather than two — at full strength rather than
-                  the `divider` hairline at `borderAlpha` 0.2 the resting thumb wears,
-                  which on a pale track is not an outline at all.
-        
-                  Checked only. The resting track is `action.disabled` washed over the
-                  page, which no tenant chooses, so the quiet hairline stays right
-                  there — the same split {@link checkedInk}'s own docblock makes.
-                */
-        ...flags.glass ? { borderColor: checkedInk(flags, palette) } : { backgroundColor: checkedInk(flags, palette) }
-      },
-      "& + .MuiSwitch-track": checkedTrack(flags, palette),
-      "&.Mui-disabled + .MuiSwitch-track": { opacity: DISABLED.checkedTrackOpacity },
-      ...isIos && { transform: `translateX(${width - thumbSize - IOS_TRAVEL_INSET}px)` }
-    },
-    "&.Mui-focusVisible .MuiSwitch-thumb": {
-      color: palette.main,
-      border: `${SWITCH_FOCUS_RING.width}px solid ${alpha(palette.main, SWITCH_FOCUS_RING.alpha)}`
-    },
-    "&.Mui-disabled .MuiSwitch-thumb": { color: neutralTones(theme).surface },
-    "&.Mui-disabled + .MuiSwitch-track": { opacity: DISABLED.trackOpacity }
-  };
-};
-var thumbSx = (theme, flags, palette, thumbSize, look) => ({
-  width: thumbSize,
-  height: thumbSize,
-  borderRadius: THUMB_RADIUS[look](thumbSize),
-  // `.Mui-checked` above replaces this for the brand-filled track; see
-  // {@link RESTING_THUMB} for why the resting one stays white.
-  backgroundColor: RESTING_THUMB,
-  boxShadow: thumbShadow(theme, look),
-  transition: `all ${seconds(SWITCH_TRANSITION.ms)} ${SWITCH_TRANSITION.easing}`,
-  position: "relative",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  ...flags.glass && {
-    backgroundColor: alpha(theme.palette.background.paper, SWITCH_GLASS.thumbAlpha),
-    backdropFilter: `blur(${SWITCH_GLASS.thumbBlur}px)`,
-    border: `1px solid ${alpha(theme.palette.divider, SWITCH_GLASS.borderAlpha)}`
-  },
-  ...flags.pulse && { animation: `${pulseAnimation} ${seconds(SWITCH_PULSE.ms)} ease-in-out infinite` },
-  ...flags.loading && {
-    // A spinner drawn inside the thumb rather than over the whole control.
-    "&::after": {
-      content: '""',
-      position: "absolute",
-      width: thumbSize * SWITCH_SPINNER.sizeRatio,
-      height: thumbSize * SWITCH_SPINNER.sizeRatio,
-      border: `${SWITCH_SPINNER.borderWidth}px solid ${palette.main}`,
-      borderTop: `${SWITCH_SPINNER.borderWidth}px solid transparent`,
-      borderRadius: "50%",
-      animation: `${spinAnimation} ${seconds(SWITCH_SPINNER.ms)} 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, flags, palette, onText, offText) => ({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "space-between",
-  paddingLeft: theme.spacing(TRACK_LABEL.insetUnits),
-  paddingRight: theme.spacing(TRACK_LABEL.insetUnits),
-  fontSize: rem(theme, TRACK_LABEL.fontSize),
-  fontWeight: TRACK_LABEL.fontWeight,
-  color: theme.palette.text.secondary,
-  "&::before, &::after": {
-    content: '""',
-    position: "absolute",
-    fontSize: rem(theme, TRACK_LABEL.fontSize),
-    fontWeight: TRACK_LABEL.fontWeight,
-    top: "50%",
-    transform: "translateY(-50%)",
-    zIndex: 1
-  },
-  ...onText && {
-    "&::before": {
-      content: `"${onText}"`,
-      left: theme.spacing(TRACK_LABEL.insetUnits),
-      // The `on` word sits at the end the thumb travels TO, which is the
-      // filled half of the track once checked.
-      color: checkedInk(flags, palette)
-    }
-  },
-  ...offText && {
-    "&::after": {
-      content: `"${offText}"`,
-      right: theme.spacing(TRACK_LABEL.insetUnits),
-      color: theme.palette.text.secondary
-    }
-  }
-});
-var trackSx = (theme, flags, palette, height, look) => {
-  const { glass, gradient, onText, offText, customVariant } = flags;
-  return {
-    borderRadius: TRACK_RADIUS[look](height),
-    backgroundColor: trackColor(
-      { black: absoluteInk(theme).black, disabled: theme.palette.action.disabled },
-      look
-    ),
-    opacity: 1,
-    transition: `all ${seconds(SWITCH_TRANSITION.ms)} ${SWITCH_TRANSITION.easing}`,
-    position: "relative",
-    boxShadow: look === "ios" ? iosTrackShadow() : "none",
-    ...glass && {
-      backgroundColor: alpha(theme.palette.background.paper, SWITCH_GLASS.trackAlpha),
-      backdropFilter: `blur(${SWITCH_GLASS.trackBlur}px)`,
-      border: `1px solid ${alpha(theme.palette.divider, SWITCH_GLASS.borderAlpha)}`
-    },
-    ...gradient && !glass && {
-      background: `linear-gradient(${SWITCH_GRADIENT.resting.angleDeg}deg, ${alpha(palette.light || palette.main, SWITCH_GRADIENT.resting.lightAlpha)}, ${alpha(palette.main, SWITCH_GRADIENT.resting.mainAlpha)})`
-    },
-    ...showsTrackLabels(customVariant, onText, offText) && trackLabels(theme, flags, palette, onText, offText)
-  };
-};
-var onTrackInk = (theme, flags) => checkedInk(flags, getColorFromTheme(theme, flags.customColor ?? "primary"));
-var switchSx = (theme, flags) => {
-  const palette = getColorFromTheme(theme, flags.customColor ?? "primary");
-  const geometry = geometryOf(flags.customSize, flags.trackWidth, flags.trackHeight);
-  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)
-  };
-};
-
-export {
-  onTrackInk,
-  switchSx
-};
-//# sourceMappingURL=chunk-2PBT2HQH.js.map

package/dist/chunk-2PBT2HQH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Switch/Switch.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  glowAnimation,\n  pulseAnimation,\n  rippleAnimation,\n  shimmerAnimation,\n  spinAnimation,\n} from './Switch.animations';\nimport {\n  DISABLED,\n  IOS_BASE_OFFSET,\n  IOS_THUMB_SHADOW,\n  IOS_TRAVEL_INSET,\n  SWITCH_GLASS,\n  SWITCH_GLOW,\n  NEUTRAL_CONTRAST,\n  SWITCH_FOCUS_RING,\n  SWITCH_GRADIENT,\n  SWITCH_HOVER,\n  SWITCH_PULSE,\n  SWITCH_RIPPLE,\n  SWITCH_SPINNER,\n  SWITCH_TRANSITION,\n  RESTING_THUMB,\n  THUMB_ELEVATION,\n  THUMB_RADIUS,\n  TRACK_LABEL,\n  TRACK_RADIUS,\n  geometryOf,\n  iosTrackShadow,\n  lookOf,\n  seconds,\n  showsTrackLabels,\n  trackColor,\n  type SwitchGeometry,\n  type SwitchLook,\n} from './Switch.metrics';\nimport type { SwitchVariant } from './Switch.base';\n\nimport { absoluteInk, controlNeutral, neutralTones } from '../../../tokens/ink';\nimport { rem } from '../../../tokens/relative';\nimport { inkOver } from '../../../tokens/theme';\nimport type { ColorValue, SizeValue } from '../../../tokens/vocabulary';\n\n// Every number below comes from `./Switch.metrics`, which the native renderer\n// reads too — see its header. The palette and the shadows stay on the MUI\n// theme so a host that re-themes either keeps moving the web.\ninterface ColorPalette {\n  main: string;\n  dark?: string;\n  light?: string;\n  contrastText?: string;\n}\n\n/** `neutral` is not a MUI palette entry, so it is the controls' neutral tone. */\nconst neutralPalette = (theme: Theme): ColorPalette => controlNeutral(theme);\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. `danger` is this\n * component's name for the error palette; the rest map straight through.\n */\nconst getColorFromTheme = (theme: Theme, color: string): ColorPalette => {\n  if (color === 'neutral') {\n    return neutralPalette(theme);\n  }\n\n  const colorMap: Record<string, ColorPalette | undefined> = {\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  const palette = colorMap[color] ?? theme.palette.primary;\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 || NEUTRAL_CONTRAST,\n  };\n};\n\nexport interface SwitchFlags {\n  customVariant?: SwitchVariant;\n  customColor?: ColorValue;\n  customSize?: SizeValue;\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\nconst thumbShadow = (theme: Theme, look: SwitchLook): string =>\n  look === 'ios' ? IOS_THUMB_SHADOW : (theme.shadows[THUMB_ELEVATION[look]] ?? 'none');\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, SWITCH_RIPPLE.alpha),\n  animation: `${rippleAnimation} ${seconds(SWITCH_RIPPLE.ms)} ease-out`,\n  transform: 'translate(-50%, -50%)',\n  pointerEvents: 'none',\n});\n\n/**\n * The ink on the CHECKED track — the thumb, the `on` wording and any on-icon\n * (FUT-1924).\n *\n * All three stated `#fff`, and the checked track is `palette.main`: the one\n * surface in this component the TENANT picks. A store with a pale brand got a\n * white thumb on a pale green bar, which does not read as a knob at all — the\n * switch looks OFF while it is on, so this is a state a user misreads rather\n * than a colour they dislike.\n *\n * The `gradient` flag paints the track `light → main → dark`, so the fills the\n * thumb travels over are handed over together and {@link inkOver} takes the\n * worst of them.\n *\n * The RESTING track is not here on purpose: it is `theme.palette.action.disabled`\n * washed over the page, which no tenant chooses, and a white thumb on it is the\n * conventional look in both modes.\n */\nconst checkedInk = (flags: SwitchFlags, palette: ColorPalette): string => {\n  const fills = flags.gradient\n    ? [palette.light || palette.main, palette.main, palette.dark || palette.main]\n    : [palette.main];\n\n  return inkOver(fills, palette.contrastText || NEUTRAL_CONTRAST);\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} ${seconds(SWITCH_GLOW.ms)} ease-in-out infinite`,\n    boxShadow: `0 0 ${SWITCH_GLOW.blur}px ${alpha(palette.main, SWITCH_GLOW.alpha)}, inset 0 0 ${SWITCH_GLOW.insetBlur}px ${alpha(palette.main, SWITCH_GLOW.insetAlpha)}`,\n  }),\n  ...(flags.gradient && {\n    background: `linear-gradient(${SWITCH_GRADIENT.checked.angleDeg}deg, ${palette.light || palette.main} ${SWITCH_GRADIENT.checked.stops[0]}%, ${palette.main} ${SWITCH_GRADIENT.checked.stops[1]}%, ${palette.dark || palette.main} ${SWITCH_GRADIENT.checked.stops[2]}%)`,\n    backgroundSize: '200% 100%',\n    animation: `${shimmerAnimation} ${seconds(SWITCH_GRADIENT.shimmerMs)} ease infinite`,\n  }),\n});\n\nconst switchBaseSx = (\n  theme: Theme,\n  flags: SwitchFlags,\n  palette: ColorPalette,\n  geometry: SwitchGeometry,\n  look: SwitchLook,\n): CSSObject => {\n  const { width, thumbSize, padding } = geometry;\n  const isIos = look === 'ios';\n\n  return {\n    padding,\n    margin: 0,\n    transitionDuration: `${SWITCH_TRANSITION.ms}ms`,\n    transitionTimingFunction: SWITCH_TRANSITION.easing,\n    ...(isIos && { transform: `translateX(${IOS_BASE_OFFSET}px)` }),\n    '&:hover': {\n      '& .MuiSwitch-thumb': {\n        transform: flags.loading ? 'none' : `scale(${SWITCH_HOVER.thumbScale})`,\n        boxShadow: `${theme.shadows[SWITCH_HOVER.elevation]}, 0 0 ${SWITCH_HOVER.blur}px ${alpha(palette.main, SWITCH_HOVER.alpha)}`,\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: checkedInk(flags, palette),\n      '& .MuiSwitch-thumb': {\n        animation: flags.loading ? 'none' : `${bounceAnimation} ${seconds(SWITCH_TRANSITION.ms)} ease-out`,\n        /*\n          GLASS KEEPS ITS WASH AND GAINS AN OUTLINE (FUT-2067).\n\n          It used to keep the wash and nothing else, on the argument that a\n          translucent thumb MEANS to show the track through itself, so painting\n          it opaque would be repainting the variant rather than fixing it. The\n          first half of that is still true and this still does not touch the\n          fill. The second half was doing more work than the number supports:\n          `SWITCH_GLASS.thumbAlpha` is **0.9**, so nine parts in ten of the knob\n          are `background.paper` and one part is the track. On a pale brand that\n          composites to within about 1.1:1 of the bar it is sitting on — the\n          same \"reads as OFF while it is on\" state FUT-1924 exists for, in the\n          one variant whose own argument points AT the tenant-controlled\n          surface.\n\n          So the separation moves to the EDGE, which is the thing a glass\n          surface is allowed to have. The colour is {@link checkedInk} — the\n          same derivation the opaque thumb gets, so there is one rule for \"what\n          reads on this track\" rather than two — at full strength rather than\n          the `divider` hairline at `borderAlpha` 0.2 the resting thumb wears,\n          which on a pale track is not an outline at all.\n\n          Checked only. The resting track is `action.disabled` washed over the\n          page, which no tenant chooses, so the quiet hairline stays right\n          there — the same split {@link checkedInk}'s own docblock makes.\n        */\n        ...(flags.glass\n          ? { borderColor: checkedInk(flags, palette) }\n          : { backgroundColor: checkedInk(flags, palette) }),\n      },\n      '& + .MuiSwitch-track': checkedTrack(flags, palette),\n      '&.Mui-disabled + .MuiSwitch-track': { opacity: DISABLED.checkedTrackOpacity },\n      ...(isIos && { transform: `translateX(${width - thumbSize - IOS_TRAVEL_INSET}px)` }),\n    },\n    '&.Mui-focusVisible .MuiSwitch-thumb': {\n      color: palette.main,\n      border: `${SWITCH_FOCUS_RING.width}px solid ${alpha(palette.main, SWITCH_FOCUS_RING.alpha)}`,\n    },\n    '&.Mui-disabled .MuiSwitch-thumb': { color: neutralTones(theme).surface },\n    '&.Mui-disabled + .MuiSwitch-track': { opacity: DISABLED.trackOpacity },\n  };\n};\n\nconst thumbSx = (\n  theme: Theme,\n  flags: SwitchFlags,\n  palette: ColorPalette,\n  thumbSize: number,\n  look: SwitchLook,\n): CSSObject => ({\n  width: thumbSize,\n  height: thumbSize,\n  borderRadius: THUMB_RADIUS[look](thumbSize),\n  // `.Mui-checked` above replaces this for the brand-filled track; see\n  // {@link RESTING_THUMB} for why the resting one stays white.\n  backgroundColor: RESTING_THUMB,\n  boxShadow: thumbShadow(theme, look),\n  transition: `all ${seconds(SWITCH_TRANSITION.ms)} ${SWITCH_TRANSITION.easing}`,\n  position: 'relative',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  ...(flags.glass && {\n    backgroundColor: alpha(theme.palette.background.paper, SWITCH_GLASS.thumbAlpha),\n    backdropFilter: `blur(${SWITCH_GLASS.thumbBlur}px)`,\n    border: `1px solid ${alpha(theme.palette.divider, SWITCH_GLASS.borderAlpha)}`,\n  }),\n  ...(flags.pulse && { animation: `${pulseAnimation} ${seconds(SWITCH_PULSE.ms)} 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 * SWITCH_SPINNER.sizeRatio,\n      height: thumbSize * SWITCH_SPINNER.sizeRatio,\n      border: `${SWITCH_SPINNER.borderWidth}px solid ${palette.main}`,\n      borderTop: `${SWITCH_SPINNER.borderWidth}px solid transparent`,\n      borderRadius: '50%',\n      animation: `${spinAnimation} ${seconds(SWITCH_SPINNER.ms)} 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 = (\n  theme: Theme,\n  flags: SwitchFlags,\n  palette: ColorPalette,\n  onText?: string,\n  offText?: string,\n): CSSObject => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  paddingLeft: theme.spacing(TRACK_LABEL.insetUnits),\n  paddingRight: theme.spacing(TRACK_LABEL.insetUnits),\n  fontSize: rem(theme, TRACK_LABEL.fontSize),\n  fontWeight: TRACK_LABEL.fontWeight,\n  color: theme.palette.text.secondary,\n  '&::before, &::after': {\n    content: '\"\"',\n    position: 'absolute',\n    fontSize: rem(theme, TRACK_LABEL.fontSize),\n    fontWeight: TRACK_LABEL.fontWeight,\n    top: '50%',\n    transform: 'translateY(-50%)',\n    zIndex: 1,\n  },\n  ...(onText && {\n    '&::before': {\n      content: `\"${onText}\"`,\n      left: theme.spacing(TRACK_LABEL.insetUnits),\n      // The `on` word sits at the end the thumb travels TO, which is the\n      // filled half of the track once checked.\n      color: checkedInk(flags, palette),\n    },\n  }),\n  ...(offText && {\n    '&::after': {\n      content: `\"${offText}\"`,\n      right: theme.spacing(TRACK_LABEL.insetUnits),\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: SwitchLook,\n): CSSObject => {\n  const { glass, gradient, onText, offText, customVariant } = flags;\n\n  return {\n    borderRadius: TRACK_RADIUS[look](height),\n    backgroundColor: trackColor(\n      { black: absoluteInk(theme).black, disabled: theme.palette.action.disabled },\n      look,\n    ),\n    opacity: 1,\n    transition: `all ${seconds(SWITCH_TRANSITION.ms)} ${SWITCH_TRANSITION.easing}`,\n    position: 'relative',\n    boxShadow: look === 'ios' ? iosTrackShadow() : 'none',\n    ...(glass && {\n      backgroundColor: alpha(theme.palette.background.paper, SWITCH_GLASS.trackAlpha),\n      backdropFilter: `blur(${SWITCH_GLASS.trackBlur}px)`,\n      border: `1px solid ${alpha(theme.palette.divider, SWITCH_GLASS.borderAlpha)}`,\n    }),\n    ...(gradient &&\n      !glass && {\n        background: `linear-gradient(${SWITCH_GRADIENT.resting.angleDeg}deg, ${alpha(palette.light || palette.main, SWITCH_GRADIENT.resting.lightAlpha)}, ${alpha(palette.main, SWITCH_GRADIENT.resting.mainAlpha)})`,\n      }),\n    ...(showsTrackLabels(customVariant, onText, offText) &&\n      trackLabels(theme, flags, palette, onText, offText)),\n  };\n};\n\n/**\n * The same checked-track ink, for the two ICONS the control overlays on the\n * track — which are drawn as components rather than styles, so they cannot\n * reach {@link checkedInk} directly.\n */\nexport const onTrackInk = (theme: Theme, flags: SwitchFlags): string =>\n  checkedInk(flags, getColorFromTheme(theme, flags.customColor ?? 'primary'));\n\nexport const switchSx = (theme: Theme, flags: SwitchFlags): CSSObject => {\n  const palette = getColorFromTheme(theme, flags.customColor ?? 'primary');\n  const geometry = geometryOf(flags.customSize, flags.trackWidth, flags.trackHeight);\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,aAAa;AA0DtB,IAAM,iBAAiB,CAAC,UAA+B,eAAe,KAAK;AAO3E,IAAM,oBAAoB,CAAC,OAAc,UAAgC;AACvE,MAAI,UAAU,WAAW;AACvB,WAAO,eAAe,KAAK;AAAA,EAC7B;AAEA,QAAM,WAAqD;AAAA,IACzD,SAAS,MAAM,QAAQ;AAAA,IACvB,WAAW,MAAM,QAAQ;AAAA,IACzB,SAAS,MAAM,QAAQ;AAAA,IACvB,SAAS,MAAM,QAAQ;AAAA,IACvB,MAAM,MAAM,QAAQ;AAAA,IACpB,QAAQ,MAAM,QAAQ;AAAA,EACxB;AACA,QAAM,UAAU,SAAS,KAAK,KAAK,MAAM,QAAQ;AACjD,QAAM,EAAE,QAAQ,IAAI,MAAM;AAE1B,SAAO;AAAA,IACL,MAAM,QAAQ,QAAQ,QAAQ;AAAA,IAC9B,MAAM,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ;AAAA,IAC9C,OAAO,QAAQ,SAAS,QAAQ,QAAQ,QAAQ;AAAA,IAChD,cAAc,QAAQ,gBAAgB;AAAA,EACxC;AACF;AAkBA,IAAM,cAAc,CAAC,OAAc,SACjC,SAAS,QAAQ,mBAAoB,MAAM,QAAQ,gBAAgB,IAAI,CAAC,KAAK;AAG/E,IAAM,gBAAgB,CAAC,aAAsC;AAAA,EAC3D,SAAS;AAAA,EACT,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,YAAY,MAAM,QAAQ,MAAM,cAAc,KAAK;AAAA,EACnD,WAAW,GAAG,eAAe,IAAI,QAAQ,cAAc,EAAE,CAAC;AAAA,EAC1D,WAAW;AAAA,EACX,eAAe;AACjB;AAoBA,IAAM,aAAa,CAAC,OAAoB,YAAkC;AACxE,QAAM,QAAQ,MAAM,WAChB,CAAC,QAAQ,SAAS,QAAQ,MAAM,QAAQ,MAAM,QAAQ,QAAQ,QAAQ,IAAI,IAC1E,CAAC,QAAQ,IAAI;AAEjB,SAAO,QAAQ,OAAO,QAAQ,gBAAgB,gBAAgB;AAChE;AAGA,IAAM,eAAe,CAAC,OAAoB,aAAsC;AAAA,EAC9E,iBAAiB,QAAQ;AAAA,EACzB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,UAAU;AAAA,EACV,GAAI,MAAM,QAAQ;AAAA,IAChB,WAAW,GAAG,aAAa,IAAI,QAAQ,YAAY,EAAE,CAAC;AAAA,IACtD,WAAW,OAAO,YAAY,IAAI,MAAM,MAAM,QAAQ,MAAM,YAAY,KAAK,CAAC,eAAe,YAAY,SAAS,MAAM,MAAM,QAAQ,MAAM,YAAY,UAAU,CAAC;AAAA,EACrK;AAAA,EACA,GAAI,MAAM,YAAY;AAAA,IACpB,YAAY,mBAAmB,gBAAgB,QAAQ,QAAQ,QAAQ,QAAQ,SAAS,QAAQ,IAAI,IAAI,gBAAgB,QAAQ,MAAM,CAAC,CAAC,MAAM,QAAQ,IAAI,IAAI,gBAAgB,QAAQ,MAAM,CAAC,CAAC,MAAM,QAAQ,QAAQ,QAAQ,IAAI,IAAI,gBAAgB,QAAQ,MAAM,CAAC,CAAC;AAAA,IACpQ,gBAAgB;AAAA,IAChB,WAAW,GAAG,gBAAgB,IAAI,QAAQ,gBAAgB,SAAS,CAAC;AAAA,EACtE;AACF;AAEA,IAAM,eAAe,CACnB,OACA,OACA,SACA,UACA,SACc;AACd,QAAM,EAAE,OAAO,WAAW,QAAQ,IAAI;AACtC,QAAM,QAAQ,SAAS;AAEvB,SAAO;AAAA,IACL;AAAA,IACA,QAAQ;AAAA,IACR,oBAAoB,GAAG,kBAAkB,EAAE;AAAA,IAC3C,0BAA0B,kBAAkB;AAAA,IAC5C,GAAI,SAAS,EAAE,WAAW,cAAc,eAAe,MAAM;AAAA,IAC7D,WAAW;AAAA,MACT,sBAAsB;AAAA,QACpB,WAAW,MAAM,UAAU,SAAS,SAAS,aAAa,UAAU;AAAA,QACpE,WAAW,GAAG,MAAM,QAAQ,aAAa,SAAS,CAAC,SAAS,aAAa,IAAI,MAAM,MAAM,QAAQ,MAAM,aAAa,KAAK,CAAC;AAAA,MAC5H;AAAA,MACA,GAAI,MAAM,UAAU,EAAE,YAAY,cAAc,OAAO,EAAE;AAAA,IAC3D;AAAA,IACA,iBAAiB;AAAA;AAAA;AAAA,MAGf,WAAW,cAAc,QAAQ,YAAY,UAAU,CAAC;AAAA,MACxD,OAAO,WAAW,OAAO,OAAO;AAAA,MAChC,sBAAsB;AAAA,QACpB,WAAW,MAAM,UAAU,SAAS,GAAG,eAAe,IAAI,QAAQ,kBAAkB,EAAE,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QA2BvF,GAAI,MAAM,QACN,EAAE,aAAa,WAAW,OAAO,OAAO,EAAE,IAC1C,EAAE,iBAAiB,WAAW,OAAO,OAAO,EAAE;AAAA,MACpD;AAAA,MACA,wBAAwB,aAAa,OAAO,OAAO;AAAA,MACnD,qCAAqC,EAAE,SAAS,SAAS,oBAAoB;AAAA,MAC7E,GAAI,SAAS,EAAE,WAAW,cAAc,QAAQ,YAAY,gBAAgB,MAAM;AAAA,IACpF;AAAA,IACA,uCAAuC;AAAA,MACrC,OAAO,QAAQ;AAAA,MACf,QAAQ,GAAG,kBAAkB,KAAK,YAAY,MAAM,QAAQ,MAAM,kBAAkB,KAAK,CAAC;AAAA,IAC5F;AAAA,IACA,mCAAmC,EAAE,OAAO,aAAa,KAAK,EAAE,QAAQ;AAAA,IACxE,qCAAqC,EAAE,SAAS,SAAS,aAAa;AAAA,EACxE;AACF;AAEA,IAAM,UAAU,CACd,OACA,OACA,SACA,WACA,UACe;AAAA,EACf,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc,aAAa,IAAI,EAAE,SAAS;AAAA;AAAA;AAAA,EAG1C,iBAAiB;AAAA,EACjB,WAAW,YAAY,OAAO,IAAI;AAAA,EAClC,YAAY,OAAO,QAAQ,kBAAkB,EAAE,CAAC,IAAI,kBAAkB,MAAM;AAAA,EAC5E,UAAU;AAAA,EACV,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,GAAI,MAAM,SAAS;AAAA,IACjB,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,aAAa,UAAU;AAAA,IAC9E,gBAAgB,QAAQ,aAAa,SAAS;AAAA,IAC9C,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,aAAa,WAAW,CAAC;AAAA,EAC7E;AAAA,EACA,GAAI,MAAM,SAAS,EAAE,WAAW,GAAG,cAAc,IAAI,QAAQ,aAAa,EAAE,CAAC,wBAAwB;AAAA,EACrG,GAAI,MAAM,WAAW;AAAA;AAAA,IAEnB,YAAY;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO,YAAY,eAAe;AAAA,MAClC,QAAQ,YAAY,eAAe;AAAA,MACnC,QAAQ,GAAG,eAAe,WAAW,YAAY,QAAQ,IAAI;AAAA,MAC7D,WAAW,GAAG,eAAe,WAAW;AAAA,MACxC,cAAc;AAAA,MACd,WAAW,GAAG,aAAa,IAAI,QAAQ,eAAe,EAAE,CAAC;AAAA,IAC3D;AAAA,EACF;AAAA,EACA,GAAI,SAAS,cAAc;AAAA,IACzB,aAAa;AAAA,MACX,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,iBAAiB,QAAQ;AAAA,MACzB,SAAS;AAAA,MACT,WAAW;AAAA,MACX,YAAY;AAAA,IACd;AAAA,EACF;AACF;AAGA,IAAM,cAAc,CAClB,OACA,OACA,SACA,QACA,aACe;AAAA,EACf,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,aAAa,MAAM,QAAQ,YAAY,UAAU;AAAA,EACjD,cAAc,MAAM,QAAQ,YAAY,UAAU;AAAA,EAClD,UAAU,IAAI,OAAO,YAAY,QAAQ;AAAA,EACzC,YAAY,YAAY;AAAA,EACxB,OAAO,MAAM,QAAQ,KAAK;AAAA,EAC1B,uBAAuB;AAAA,IACrB,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU,IAAI,OAAO,YAAY,QAAQ;AAAA,IACzC,YAAY,YAAY;AAAA,IACxB,KAAK;AAAA,IACL,WAAW;AAAA,IACX,QAAQ;AAAA,EACV;AAAA,EACA,GAAI,UAAU;AAAA,IACZ,aAAa;AAAA,MACX,SAAS,IAAI,MAAM;AAAA,MACnB,MAAM,MAAM,QAAQ,YAAY,UAAU;AAAA;AAAA;AAAA,MAG1C,OAAO,WAAW,OAAO,OAAO;AAAA,IAClC;AAAA,EACF;AAAA,EACA,GAAI,WAAW;AAAA,IACb,YAAY;AAAA,MACV,SAAS,IAAI,OAAO;AAAA,MACpB,OAAO,MAAM,QAAQ,YAAY,UAAU;AAAA,MAC3C,OAAO,MAAM,QAAQ,KAAK;AAAA,IAC5B;AAAA,EACF;AACF;AAEA,IAAM,UAAU,CACd,OACA,OACA,SACA,QACA,SACc;AACd,QAAM,EAAE,OAAO,UAAU,QAAQ,SAAS,cAAc,IAAI;AAE5D,SAAO;AAAA,IACL,cAAc,aAAa,IAAI,EAAE,MAAM;AAAA,IACvC,iBAAiB;AAAA,MACf,EAAE,OAAO,YAAY,KAAK,EAAE,OAAO,UAAU,MAAM,QAAQ,OAAO,SAAS;AAAA,MAC3E;AAAA,IACF;AAAA,IACA,SAAS;AAAA,IACT,YAAY,OAAO,QAAQ,kBAAkB,EAAE,CAAC,IAAI,kBAAkB,MAAM;AAAA,IAC5E,UAAU;AAAA,IACV,WAAW,SAAS,QAAQ,eAAe,IAAI;AAAA,IAC/C,GAAI,SAAS;AAAA,MACX,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,aAAa,UAAU;AAAA,MAC9E,gBAAgB,QAAQ,aAAa,SAAS;AAAA,MAC9C,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,aAAa,WAAW,CAAC;AAAA,IAC7E;AAAA,IACA,GAAI,YACF,CAAC,SAAS;AAAA,MACR,YAAY,mBAAmB,gBAAgB,QAAQ,QAAQ,QAAQ,MAAM,QAAQ,SAAS,QAAQ,MAAM,gBAAgB,QAAQ,UAAU,CAAC,KAAK,MAAM,QAAQ,MAAM,gBAAgB,QAAQ,SAAS,CAAC;AAAA,IAC5M;AAAA,IACF,GAAI,iBAAiB,eAAe,QAAQ,OAAO,KACjD,YAAY,OAAO,OAAO,SAAS,QAAQ,OAAO;AAAA,EACtD;AACF;AAOO,IAAM,aAAa,CAAC,OAAc,UACvC,WAAW,OAAO,kBAAkB,OAAO,MAAM,eAAe,SAAS,CAAC;AAErE,IAAM,WAAW,CAAC,OAAc,UAAkC;AACvE,QAAM,UAAU,kBAAkB,OAAO,MAAM,eAAe,SAAS;AACvE,QAAM,WAAW,WAAW,MAAM,YAAY,MAAM,YAAY,MAAM,WAAW;AACjF,QAAM,OAAO,OAAO,MAAM,aAAa;AAEvC,SAAO;AAAA,IACL,OAAO,SAAS;AAAA,IAChB,QAAQ,SAAS;AAAA,IACjB,SAAS;AAAA,IACT,UAAU;AAAA,IACV,2BAA2B,aAAa,OAAO,OAAO,SAAS,UAAU,IAAI;AAAA,IAC7E,sBAAsB,QAAQ,OAAO,OAAO,SAAS,SAAS,WAAW,IAAI;AAAA,IAC7E,sBAAsB,QAAQ,OAAO,OAAO,SAAS,SAAS,QAAQ,IAAI;AAAA,EAC5E;AACF;","names":[]}

package/dist/chunk-2PWVPTS3.js

@@ -1,293 +0,0 @@
-import {
-  alertEmphasisStyles,
-  alertLayoutStyles,
-  alertVariantStyles,
-  fadeInScale,
-  getColorFromTheme,
-  getVariantIcon
-} from "./chunk-A2CTAEIS.js";
-import {
-  resolveAlertProps,
-  resolveAnnouncement,
-  testIdFor
-} from "./chunk-L7VH6IMR.js";
-import {
-  ACTIVE,
-  ALERT_EASING,
-  ALERT_RADIUS_UNITS,
-  ALERT_TRANSITION_MS,
-  CLOSE_BUTTON,
-  CLOSE_DELAY_MS,
-  COLLAPSE_MS,
-  DESCRIPTION,
-  FADE_IN,
-  FOCUS,
-  GLOW,
-  HOVER,
-  TITLE,
-  seconds
-} from "./chunk-P2UIXDEG.js";
-import {
-  resolveTestId,
-  withoutTestIdProps
-} from "./chunk-TYJR4GOF.js";
-import {
-  absoluteInk,
-  modeInk
-} from "./chunk-FQ6UW7IY.js";
-import {
-  sxRem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/data-display/Alert/Alert.tsx
-import Close from "@mui/icons-material/Close";
-import MuiAlert from "@mui/material/Alert/index.js";
-import AlertTitle from "@mui/material/AlertTitle/index.js";
-import Box from "@mui/material/Box/index.js";
-import Collapse from "@mui/material/Collapse/index.js";
-import IconButton from "@mui/material/IconButton/index.js";
-import { alpha, styled } from "@mui/material/styles/index.js";
-import React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var transition = `all ${seconds(ALERT_TRANSITION_MS)} ${ALERT_EASING}`;
-function pointerShadow(theme, colorPalette, glow, variant) {
-  const ink = variant === "gradient" ? absoluteInk(theme).black : modeInk(theme);
-  const glowShadow = glow ? `0 0 ${GLOW.blur}px ${GLOW.spread}px ${alpha(colorPalette.main, GLOW.alpha)}` : null;
-  return (alpha_) => [`inset 0 0 0 100vmax ${alpha(ink, alpha_)}`, glowShadow].filter(Boolean).join(", ");
-}
-var StyledAlert = styled(MuiAlert, {
-  shouldForwardProp: (prop) => !["customVariant", "customColor", "glow", "pulse", "animate"].includes(prop)
-})(({ theme, customVariant, customColor, glow, pulse, animate }) => {
-  const colorPalette = getColorFromTheme(theme, customColor || customVariant || "info");
-  const withTint = pointerShadow(theme, colorPalette, Boolean(glow), customVariant);
-  return {
-    borderRadius: theme.spacing(ALERT_RADIUS_UNITS),
-    transition: `${transition}, box-shadow ${seconds(ACTIVE.ms)} ${ALERT_EASING}`,
-    position: "relative",
-    overflow: "hidden",
-    animation: animate ? `${fadeInScale} ${seconds(FADE_IN.ms)} ease-out` : "none",
-    willChange: "transform, opacity",
-    ...alertLayoutStyles(theme, colorPalette, animate),
-    // Hover: one tint step, and nothing that moves. An alert is a surface
-    // rather than a control, so the pointer only needs telling it is here. The
-    // icon keeps its own place for the same reason — it is the variant's
-    // meaning, not an affordance to animate.
-    "&:hover": {
-      boxShadow: withTint(HOVER.tintAlpha),
-      "&::before": {
-        opacity: 1
-      }
-    },
-    // Press: a 20% tint, landing at once and easing back. Still no geometry.
-    //
-    // `transition: none` here is what makes the dip INSTANT: a click's
-    // `:active` lasts about as long as the finger is down, so easing into it
-    // would be cut off in its first tenth and read as a flicker. The ease is on
-    // the way back, governed by the root.
-    //
-    // Neither `:hover` nor `:focus-visible` may declare `transition`, and that
-    // is not a style preference. `:active` under a mouse ALWAYS implies
-    // `:hover`, so a bare shorthand in the hover block outranks the root's
-    // (0,2,0 beats 0,1,0) and silently resets the timing this state rests on.
-    //
-    // The `:not(:has(…))` names CONTROLS, not any descendant. `:active`
-    // matches an ancestor of whatever is pressed, so dismissing an alert
-    // dimmed the alert being dismissed and pressing a call to action dimmed
-    // the message explaining it. Excluding `:has(:active)` wholesale does not
-    // work and was the first attempt: pressing the TEXT makes that text
-    // `:active` too, so the guard matched on every press and the state never
-    // fired at all.
-    '&:active:not(:has(button:active, a:active, [role="button"]:active))': {
-      boxShadow: withTint(ACTIVE.tintAlpha),
-      transition: "none"
-    },
-    // Focus: `:focus-visible`, not `:focus-within`.
-    //
-    // The alert carries `tabIndex={0}`, so a MOUSE CLICK focused it and painted
-    // the ring — a keyboard affordance answering a pointer, which is what made
-    // clicking one look like an error state. `:focus-visible` is the browser's
-    // own answer to "did this focus come from the keyboard": the ring stays for
-    // whoever tabs here and never fires on a click.
-    //
-    // One ring, not three. It was a 3px outline at 3px offset UNDER a 6px halo,
-    // and stacking two rings on one edge is what read as unfinished rather than
-    // as emphasis.
-    // It declares no `transition`: `outline-style` is discrete, so the ring
-    // arrives at full width with only its COLOUR easing — from `currentcolor`,
-    // the near-black alert ink, to the blue. That is a visible dark flash on
-    // every keyboard focus, and it would also outrank the root's opacity
-    // transition the way the hover block did.
-    "&:focus-visible": {
-      outline: `${FOCUS.ringWidth}px solid ${alpha(colorPalette.main, FOCUS.ringAlpha)}`,
-      outlineOffset: `${FOCUS.offset}px`
-    },
-    ...alertVariantStyles(theme, customVariant, colorPalette),
-    ...alertEmphasisStyles(colorPalette, Boolean(glow), Boolean(pulse))
-  };
-});
-var MUI_SEVERITY = {
-  danger: "error",
-  glass: "info",
-  gradient: "info"
-};
-var toMuiSeverity = (variant) => MUI_SEVERITY[variant] ?? variant;
-var AlertContent = ({ title, description, dataTestId, children }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  title && /* @__PURE__ */ jsx(
-    AlertTitle,
-    {
-      "data-testid": testIdFor(dataTestId, "title"),
-      sx: {
-        fontWeight: TITLE.fontWeight,
-        fontSize: sxRem(TITLE.fontSize),
-        marginBottom: description ? TITLE.marginBottomUnits : 0,
-        wordWrap: "break-word",
-        overflowWrap: "break-word",
-        wordBreak: "break-word"
-      },
-      children: title
-    }
-  ),
-  description && /* @__PURE__ */ jsx(
-    Box,
-    {
-      component: "div",
-      "data-testid": testIdFor(dataTestId, "message"),
-      sx: {
-        opacity: DESCRIPTION.opacity,
-        fontSize: sxRem(DESCRIPTION.fontSize),
-        wordWrap: "break-word",
-        overflowWrap: "break-word",
-        wordBreak: "break-word"
-      },
-      children: description
-    }
-  ),
-  children
-] });
-var AlertCloseButton = ({
-  dataTestId,
-  label,
-  onClose
-}) => /* @__PURE__ */ jsx(
-  IconButton,
-  {
-    "data-testid": testIdFor(dataTestId, "close"),
-    "aria-label": label,
-    color: "inherit",
-    size: "small",
-    onClick: onClose,
-    sx: (theme) => ({
-      transition,
-      opacity: CLOSE_BUTTON.opacity,
-      // Opacity and a wash only: the button used to spin 90deg and grow 1.1,
-      // which drew the eye to the dismiss rather than to the message.
-      "&:hover": {
-        opacity: 1,
-        backgroundColor: alpha(theme.palette.action.hover, CLOSE_BUTTON.washAlpha)
-      },
-      // A REAL ring, on the keyboard-only selector.
-      //
-      // This used to be `&:focus` setting `outline: 'none'` over a
-      // `rgba(0,0,0,0.1)` wash — 1.25:1 against the info surface, and MUI's
-      // ButtonBase already sets `outline: 0`, so there was no UA fallback
-      // either. It went unnoticed while the ROOT still matched `:focus-within`
-      // and drew a ring around the whole alert; moving the root to
-      // `:focus-visible` took that away and left this button with no visible
-      // focus at all. `Banner`'s dismiss already draws its own outline, so
-      // this is also what keeps the two surfaces telling a keyboard user the
-      // same thing.
-      "&:focus-visible": {
-        opacity: 1,
-        // `currentColor` is the alert's own ink, inherited through
-        // `color="inherit"`, so the ring is drawn in whatever colour was
-        // already chosen to be READ on this surface. Measured 11.2:1 on the
-        // semantic variants and 5.7:1 on `gradient`.
-        //
-        // That is a reasoned choice, not a test-backed one, and the difference
-        // matters: `alert-contrast.test.tsx` covers the ink of the four
-        // semantic variants only — its `glass` case asserts the pane's alpha
-        // rather than its ink, and `gradient` it does not render at all. A
-        // translucent surface's contrast depends on what sits behind it, which
-        // is why that test stops where it does and why this comment does not
-        // borrow a guarantee it never made.
-        outline: `${FOCUS.ringWidth}px solid currentColor`,
-        outlineOffset: `${FOCUS.offset}px`,
-        backgroundColor: alpha(theme.palette.action.focus, CLOSE_BUTTON.washAlpha)
-      }
-    }),
-    children: /* @__PURE__ */ jsx(Close, { fontSize: "inherit" })
-  }
-);
-function dismissButton(props, dataTestId, onClose) {
-  if (!props.closable) return null;
-  return /* @__PURE__ */ jsx(AlertCloseButton, { dataTestId, label: props.closeLabel, onClose });
-}
-var Alert = React.forwardRef((alertProps, ref) => {
-  const {
-    variant,
-    color,
-    glow,
-    pulse,
-    icon,
-    showIcon,
-    onClose,
-    title,
-    description,
-    children,
-    animate,
-    role: _role,
-    announce: _announce,
-    // resolved from `alertProps` — see `resolveAnnouncement`
-    "aria-atomic": ariaAtomic,
-    ...others
-  } = resolveAlertProps(alertProps);
-  const dataTestId = resolveTestId(others, "alert");
-  const props = withoutAlertOnlyProps(withoutTestIdProps(others));
-  const announcement = resolveAnnouncement(alertProps, variant);
-  const [open, setOpen] = React.useState(true);
-  const [isClosing, setIsClosing] = React.useState(false);
-  const handleClose = () => {
-    setIsClosing(true);
-    window.setTimeout(() => {
-      setOpen(false);
-      onClose?.();
-    }, CLOSE_DELAY_MS);
-  };
-  const severity = toMuiSeverity(variant);
-  const displayIcon = showIcon ? /* @__PURE__ */ jsx(Box, { component: "span", "data-testid": testIdFor(dataTestId, "icon"), children: icon || getVariantIcon(variant) }) : false;
-  const content = /* @__PURE__ */ jsx(AlertContent, { title, description, dataTestId, children });
-  return /* @__PURE__ */ jsx(Collapse, { in: open && !isClosing, timeout: COLLAPSE_MS, children: /* @__PURE__ */ jsx(
-    StyledAlert,
-    {
-      ref,
-      "data-testid": dataTestId,
-      severity,
-      customVariant: variant,
-      customColor: color,
-      glow,
-      pulse,
-      animate,
-      icon: displayIcon,
-      role: announcement.role,
-      "aria-live": announcement["aria-live"],
-      "aria-atomic": ariaAtomic,
-      tabIndex: 0,
-      action: dismissButton(alertProps, dataTestId, handleClose),
-      ...props,
-      children: content
-    }
-  ) });
-});
-var ALERT_ONLY_PROPS = ["closable", "closeLabel"];
-function withoutAlertOnlyProps(rest) {
-  const html = { ...rest };
-  for (const key of ALERT_ONLY_PROPS) delete html[key];
-  return html;
-}
-Alert.displayName = "Alert";
-
-export {
-  Alert,
-  ALERT_ONLY_PROPS
-};
-//# sourceMappingURL=chunk-2PWVPTS3.js.map