@12-apps/ui 6.33.1 → 6.35.0

package/dist/chunk-R67J6JKT.js

@@ -1,127 +0,0 @@
-import {
-  SwitchControl,
-  SwitchHelper,
-  SwitchRow
-} from "./chunk-TTVKL3RD.js";
-import {
-  switchIds
-} from "./chunk-SZS7VZJN.js";
-import {
-  splitTestId
-} from "./chunk-TYJR4GOF.js";
-import {
-  withDefaults
-} from "./chunk-HPK33ACY.js";
-
-// src/components/form/Switch/Switch.tsx
-import Box from "@mui/material/Box/index.js";
-import { forwardRef, useId } from "react";
-import { jsx, jsxs } 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,
-    id,
-    inputProps,
-    ...others
-  } = withDefaults(props, DEFAULTS);
-  const { testId: dataTestId, rest } = splitTestId(others);
-  const containerTestId = dataTestId ? `${dataTestId}-container` : "switch-container";
-  const { inputId, descriptionId, helperId, describedBy } = switchIds({
-    generated: useId(),
-    id,
-    inputProps,
-    description,
-    helperText,
-    callerDescribedBy: rest["aria-describedby"]
-  });
-  const control = /* @__PURE__ */ jsx(
-    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,
-      inputId,
-      inputProps,
-      describedBy,
-      rest
-    }
-  );
-  const helper = /* @__PURE__ */ jsx(SwitchHelper, { helperText, error, dataTestId, id: helperId });
-  return /* @__PURE__ */ jsxs(Box, { "data-testid": containerTestId, children: [
-    /* @__PURE__ */ jsx(
-      SwitchRow,
-      {
-        label,
-        description,
-        labelPosition,
-        error,
-        dataTestId,
-        htmlFor: inputId,
-        descriptionId,
-        disabled: Boolean(rest.disabled) || loading,
-        control
-      }
-    ),
-    helper
-  ] });
-});
-Switch.displayName = "Switch";
-
-export {
-  Switch
-};
-//# sourceMappingURL=chunk-R67J6JKT.js.map

package/dist/chunk-RAWQMBX6.js

@@ -1,77 +0,0 @@
-import {
-  HEADING_DEFAULT_COLOR,
-  HEADING_DEFAULT_WEIGHT,
-  NEUTRAL_GRADIENT_STEPS,
-  headingGradient,
-  headingWeight,
-  stepOf
-} from "./chunk-GXEB6MJA.js";
-import {
-  headingMetrics
-} from "./chunk-PT6TCWIW.js";
-
-// src/components/typography/Heading/Heading.styles.ts
-var getColorFromTheme = (theme, color) => {
-  if (color === "neutral") {
-    return theme.palette.text.primary;
-  }
-  const colorMap = {
-    primary: theme.palette.primary.main,
-    secondary: theme.palette.secondary.main,
-    success: theme.palette.success.main,
-    warning: theme.palette.warning.main,
-    info: theme.palette.info.main,
-    danger: theme.palette.error.main
-  };
-  return colorMap[color];
-};
-var PRIMARY_STOPS = (theme) => [
-  theme.palette.primary.main,
-  theme.palette.secondary.main
-];
-var GRADIENT_STOPS = {
-  primary: PRIMARY_STOPS,
-  secondary: (theme) => [theme.palette.secondary.main, theme.palette.primary.main],
-  success: (theme) => [theme.palette.success.light, theme.palette.success.dark],
-  warning: (theme) => [theme.palette.warning.light, theme.palette.warning.dark],
-  info: (theme) => [theme.palette.info.light, theme.palette.info.dark],
-  danger: (theme) => [theme.palette.error.light, theme.palette.error.dark],
-  // The grey ramp has no light/dark pair, and every stop on it is
-  // `string | undefined` under `noUncheckedIndexedAccess`.
-  neutral: (theme) => [
-    theme.palette.grey[NEUTRAL_GRADIENT_STEPS.from] ?? "#9e9e9e",
-    theme.palette.grey[NEUTRAL_GRADIENT_STEPS.to] ?? "#212121"
-  ]
-};
-var gradientFor = (theme, color) => {
-  const [from, to] = GRADIENT_STOPS[color](theme);
-  return headingGradient(from, to);
-};
-var headingSx = (theme, flags) => {
-  const { customSize, customColor = HEADING_DEFAULT_COLOR, customWeight = HEADING_DEFAULT_WEIGHT, gradient } = flags;
-  const { normalWeight, ...metrics } = headingMetrics(theme, stepOf(customSize));
-  const base = {
-    fontFamily: theme.typography.h1.fontFamily,
-    margin: 0,
-    transition: "all 0.2s ease",
-    ...metrics,
-    fontWeight: headingWeight(customWeight, normalWeight)
-  };
-  if (!gradient) {
-    return { ...base, color: getColorFromTheme(theme, customColor) };
-  }
-  return {
-    ...base,
-    background: gradientFor(theme, customColor),
-    backgroundClip: "text",
-    WebkitBackgroundClip: "text",
-    WebkitTextFillColor: "transparent",
-    MozBackgroundClip: "text",
-    MozTextFillColor: "transparent"
-  };
-};
-
-export {
-  headingSx
-};
-//# sourceMappingURL=chunk-RAWQMBX6.js.map

package/dist/chunk-RAWQMBX6.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/typography/Heading/Heading.styles.ts"],"sourcesContent":["import type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport {\n  HEADING_DEFAULT_COLOR,\n  HEADING_DEFAULT_WEIGHT,\n  NEUTRAL_GRADIENT_STEPS,\n  headingGradient,\n  headingWeight,\n  stepOf,\n} from './Heading.metrics';\nimport { headingMetrics } from '../../../tokens/typography';\nimport type { ColorValue } from '../../../tokens/scales';\n\n// Exhaustive over ColorValue, and deliberately without a fallback. The map\n// happened to hold all seven already, but it was `Record<string, string>` with\n// `|| text.primary` behind it — so nothing kept it that way, and the eighth\n// colour would have rendered as ordinary body text with no complaint. That is\n// the failure this whole vocabulary exists to make impossible; `Text` was\n// tightened the same way and this one was missed.\nconst getColorFromTheme = (theme: Theme, color: ColorValue): string => {\n  if (color === 'neutral') {\n    return theme.palette.text.primary;\n  }\n\n  const colorMap: Record<Exclude<ColorValue, 'neutral'>, string> = {\n    primary: theme.palette.primary.main,\n    secondary: theme.palette.secondary.main,\n    success: theme.palette.success.main,\n    warning: theme.palette.warning.main,\n    info: theme.palette.info.main,\n    danger: theme.palette.error.main,\n  };\n\n  return colorMap[color];\n};\n\n/** The two-stop gradient each colour paints its glyphs with. */\nconst PRIMARY_STOPS = (theme: Theme): [string, string] => [\n  theme.palette.primary.main,\n  theme.palette.secondary.main,\n];\n\n// Keyed over the whole vocabulary, with no `?? PRIMARY_STOPS` behind it. Two\n// stops were missing — `info` and `neutral` — so a gradient heading in either\n// colour painted the PRIMARY gradient and looked deliberate while ignoring the\n// prop entirely. The fallback is what hid it, so the fallback is gone.\n//\n// The MUI-typed twin of `headingGradientStops` in `Heading.metrics.ts`, which\n// the native renderer reads off a `UiTheme`; the pairs are the same.\nconst GRADIENT_STOPS: Record<ColorValue, (theme: Theme) => [string, string]> = {\n  primary: PRIMARY_STOPS,\n  secondary: (theme) => [theme.palette.secondary.main, theme.palette.primary.main],\n  success: (theme) => [theme.palette.success.light, theme.palette.success.dark],\n  warning: (theme) => [theme.palette.warning.light, theme.palette.warning.dark],\n  info: (theme) => [theme.palette.info.light, theme.palette.info.dark],\n  danger: (theme) => [theme.palette.error.light, theme.palette.error.dark],\n  // The grey ramp has no light/dark pair, and every stop on it is\n  // `string | undefined` under `noUncheckedIndexedAccess`.\n  neutral: (theme) => [\n    theme.palette.grey[NEUTRAL_GRADIENT_STEPS.from] ?? '#9e9e9e',\n    theme.palette.grey[NEUTRAL_GRADIENT_STEPS.to] ?? '#212121',\n  ],\n};\n\nconst gradientFor = (theme: Theme, color: ColorValue) => {\n  const [from, to] = GRADIENT_STOPS[color](theme);\n  return headingGradient(from, to);\n};\n\nexport interface HeadingFlags {\n  /**\n   * The step of the scale to DRAW. Named `customSize` rather than `customLevel`\n   * because the rank is no longer what decides it — see `Heading.tsx`, which\n   * resolves `size ?? level` before it gets here. This file no longer knows\n   * which tag it is styling, and that is the point.\n   */\n  customSize?: string;\n  customColor?: ColorValue;\n  customWeight?: string;\n  gradient?: boolean;\n}\n\nexport const headingSx = (theme: Theme, flags: HeadingFlags): CSSObject => {\n  const { customSize, customColor = HEADING_DEFAULT_COLOR, customWeight = HEADING_DEFAULT_WEIGHT, gradient } = flags;\n  // From the THEME, with the package default underneath — never from a table in\n  // this file. A host's `createTheme({ typography: { headingScale } })` is what\n  // sets the house scale now; see `tokens/typography.ts` for why it is our own\n  // key rather than MUI's `typography.h1`.\n  const { normalWeight, ...metrics } = headingMetrics(theme, stepOf(customSize));\n\n  const base: CSSObject = {\n    fontFamily: theme.typography.h1.fontFamily,\n    margin: 0,\n    transition: 'all 0.2s ease',\n    ...metrics,\n    fontWeight: headingWeight(customWeight, normalWeight),\n  };\n\n  if (!gradient) {\n    return { ...base, color: getColorFromTheme(theme, customColor) };\n  }\n\n  // The gradient paints the glyphs themselves, so the text must draw no fill of\n  // its own for it to show through.\n  return {\n    ...base,\n    background: gradientFor(theme, customColor),\n    backgroundClip: 'text',\n    WebkitBackgroundClip: 'text',\n    WebkitTextFillColor: 'transparent',\n    MozBackgroundClip: 'text',\n    MozTextFillColor: 'transparent',\n  };\n};\n"],"mappings":";;;;;;;;;;;;;AAmBA,IAAM,oBAAoB,CAAC,OAAc,UAA8B;AACrE,MAAI,UAAU,WAAW;AACvB,WAAO,MAAM,QAAQ,KAAK;AAAA,EAC5B;AAEA,QAAM,WAA2D;AAAA,IAC/D,SAAS,MAAM,QAAQ,QAAQ;AAAA,IAC/B,WAAW,MAAM,QAAQ,UAAU;AAAA,IACnC,SAAS,MAAM,QAAQ,QAAQ;AAAA,IAC/B,SAAS,MAAM,QAAQ,QAAQ;AAAA,IAC/B,MAAM,MAAM,QAAQ,KAAK;AAAA,IACzB,QAAQ,MAAM,QAAQ,MAAM;AAAA,EAC9B;AAEA,SAAO,SAAS,KAAK;AACvB;AAGA,IAAM,gBAAgB,CAAC,UAAmC;AAAA,EACxD,MAAM,QAAQ,QAAQ;AAAA,EACtB,MAAM,QAAQ,UAAU;AAC1B;AASA,IAAM,iBAAyE;AAAA,EAC7E,SAAS;AAAA,EACT,WAAW,CAAC,UAAU,CAAC,MAAM,QAAQ,UAAU,MAAM,MAAM,QAAQ,QAAQ,IAAI;AAAA,EAC/E,SAAS,CAAC,UAAU,CAAC,MAAM,QAAQ,QAAQ,OAAO,MAAM,QAAQ,QAAQ,IAAI;AAAA,EAC5E,SAAS,CAAC,UAAU,CAAC,MAAM,QAAQ,QAAQ,OAAO,MAAM,QAAQ,QAAQ,IAAI;AAAA,EAC5E,MAAM,CAAC,UAAU,CAAC,MAAM,QAAQ,KAAK,OAAO,MAAM,QAAQ,KAAK,IAAI;AAAA,EACnE,QAAQ,CAAC,UAAU,CAAC,MAAM,QAAQ,MAAM,OAAO,MAAM,QAAQ,MAAM,IAAI;AAAA;AAAA;AAAA,EAGvE,SAAS,CAAC,UAAU;AAAA,IAClB,MAAM,QAAQ,KAAK,uBAAuB,IAAI,KAAK;AAAA,IACnD,MAAM,QAAQ,KAAK,uBAAuB,EAAE,KAAK;AAAA,EACnD;AACF;AAEA,IAAM,cAAc,CAAC,OAAc,UAAsB;AACvD,QAAM,CAAC,MAAM,EAAE,IAAI,eAAe,KAAK,EAAE,KAAK;AAC9C,SAAO,gBAAgB,MAAM,EAAE;AACjC;AAeO,IAAM,YAAY,CAAC,OAAc,UAAmC;AACzE,QAAM,EAAE,YAAY,cAAc,uBAAuB,eAAe,wBAAwB,SAAS,IAAI;AAK7G,QAAM,EAAE,cAAc,GAAG,QAAQ,IAAI,eAAe,OAAO,OAAO,UAAU,CAAC;AAE7E,QAAM,OAAkB;AAAA,IACtB,YAAY,MAAM,WAAW,GAAG;AAAA,IAChC,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,GAAG;AAAA,IACH,YAAY,cAAc,cAAc,YAAY;AAAA,EACtD;AAEA,MAAI,CAAC,UAAU;AACb,WAAO,EAAE,GAAG,MAAM,OAAO,kBAAkB,OAAO,WAAW,EAAE;AAAA,EACjE;AAIA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,YAAY,YAAY,OAAO,WAAW;AAAA,IAC1C,gBAAgB;AAAA,IAChB,sBAAsB;AAAA,IACtB,qBAAqB;AAAA,IACrB,mBAAmB;AAAA,IACnB,kBAAkB;AAAA,EACpB;AACF;","names":[]}

package/dist/chunk-RGCRXDGZ.js

@@ -1,169 +0,0 @@
-import {
-  DIALOG_BACKDROP,
-  DIALOG_BORDER_WIDTH,
-  DIALOG_GLASS,
-  DIALOG_GLOW,
-  DIALOG_GRADIENT,
-  DIALOG_MARGIN_UNITS,
-  DIALOG_MAX_WIDTH,
-  DIALOG_PULSE,
-  DIALOG_RADIUS_UNITS,
-  DIALOG_WIDTH_PERCENT
-} from "./chunk-VM3HRSAU.js";
-import {
-  shadowCss
-} from "./chunk-73BEVJCS.js";
-import {
-  dynamicViewportHeight
-} from "./chunk-AKZWDZCZ.js";
-
-// src/components/feedback/Dialog/Dialog.styles.ts
-import { alpha, keyframes } from "@mui/material/styles/index.js";
-var pulseAnimation = keyframes`
-  0% {
-    box-shadow: 0 0 0 0 currentColor;
-    opacity: 1;
-  }
-  70% {
-    box-shadow: 0 0 0 ${DIALOG_PULSE.spread}px currentColor;
-    opacity: 0;
-  }
-  100% {
-    box-shadow: 0 0 0 0 currentColor;
-    opacity: 0;
-  }
-`;
-function borderRadiusOf(theme, borderRadius) {
-  const units = DIALOG_RADIUS_UNITS[borderRadius] ?? DIALOG_RADIUS_UNITS.lg;
-  return units === 0 ? 0 : theme.spacing(units);
-}
-function maxWidthOf(size) {
-  return DIALOG_MAX_WIDTH[size] ?? DIALOG_MAX_WIDTH.md;
-}
-function baseStylesOf(theme, opts) {
-  return {
-    borderRadius: borderRadiusOf(theme, opts.borderRadius),
-    maxWidth: maxWidthOf(opts.size),
-    width: `${DIALOG_WIDTH_PERCENT}vw`,
-    margin: theme.spacing(DIALOG_MARGIN_UNITS),
-    transition: theme.transitions.create(
-      ["box-shadow", "background-color", "backdrop-filter"],
-      { duration: theme.transitions.duration.standard }
-    )
-  };
-}
-function glowStylesOf(theme, glow) {
-  return glow ? {
-    boxShadow: shadowCss({
-      offsetX: 0,
-      offsetY: 0,
-      blurRadius: DIALOG_GLOW.blurRadius,
-      spreadDistance: 0,
-      color: alpha(theme.palette.primary.main, DIALOG_GLOW.alpha)
-    })
-  } : {};
-}
-function pulseStylesOf(theme, pulse) {
-  if (!pulse) return {};
-  return {
-    position: "relative",
-    "&::after": {
-      content: '""',
-      position: "absolute",
-      top: 0,
-      left: 0,
-      right: 0,
-      bottom: 0,
-      borderRadius: "inherit",
-      backgroundColor: theme.palette.primary.main,
-      opacity: DIALOG_PULSE.alpha,
-      animation: `${pulseAnimation} ${DIALOG_PULSE.durationMs / 1e3}s infinite`,
-      pointerEvents: "none",
-      zIndex: DIALOG_PULSE.zIndex
-    }
-  };
-}
-function defaultVariantStyles(theme, opts) {
-  const gradientStyles = opts.gradient ? {
-    background: `linear-gradient(${DIALOG_GRADIENT.angleDeg}deg, ${alpha(theme.palette.primary.main, DIALOG_GRADIENT.stopAlpha)}, ${alpha(theme.palette.secondary.main, DIALOG_GRADIENT.stopAlpha)})`,
-    backdropFilter: `blur(${DIALOG_GRADIENT.blurPx}px)`
-  } : {};
-  return {
-    ...gradientStyles,
-    backgroundColor: opts.glass ? alpha(theme.palette.background.paper, DIALOG_GLASS.backgroundAlpha) : theme.palette.background.paper,
-    backdropFilter: opts.glass ? `blur(${DIALOG_GLASS.blurPx}px)` : "none",
-    border: opts.glass ? `${DIALOG_BORDER_WIDTH}px solid ${alpha(theme.palette.primary.main, DIALOG_GLASS.borderAlpha)}` : "none"
-  };
-}
-function variantStylesOf(theme, opts) {
-  const decorations = {
-    ...glowStylesOf(theme, opts.glow),
-    ...pulseStylesOf(theme, opts.pulse)
-  };
-  switch (opts.variant) {
-    case "glass":
-      return {
-        ...baseStylesOf(theme, opts),
-        ...decorations,
-        backgroundColor: alpha(theme.palette.background.paper, DIALOG_GLASS.backgroundAlpha),
-        backdropFilter: `blur(${DIALOG_GLASS.blurPx}px)`,
-        border: `${DIALOG_BORDER_WIDTH}px solid ${alpha(theme.palette.primary.main, DIALOG_GLASS.borderAlpha)}`,
-        boxShadow: shadowCss({
-          offsetX: 0,
-          offsetY: DIALOG_GLASS.shadow.offsetY,
-          blurRadius: DIALOG_GLASS.shadow.blurRadius,
-          spreadDistance: 0,
-          color: alpha(theme.palette.common.black, DIALOG_GLASS.shadow.alpha)
-        })
-      };
-    case "fullscreen":
-      return {
-        borderRadius: 0,
-        margin: 0,
-        width: "100vw",
-        // `100dvh`, not `100vh` — see `dynamicViewportHeight`.
-        ...dynamicViewportHeight("height"),
-        maxWidth: "none",
-        maxHeight: "none",
-        ...decorations
-      };
-    case "drawer": {
-      const radius = borderRadiusOf(theme, opts.borderRadius);
-      return {
-        // `radius` is already a length (`theme.spacing(n)` → '16px', or 0): gluing
-        // another `px` on wrote '16pxpx', which the browser dropped, leaving the
-        // panel's leading corners square.
-        borderRadius: `${radius} 0 0 ${radius}`,
-        margin: 0,
-        width: maxWidthOf(opts.size),
-        // Never wider than the screen: a 600px panel on a 375px phone put its
-        // title and the start of every line off the left edge.
-        maxWidth: "100%",
-        ...dynamicViewportHeight("height"),
-        maxHeight: "none",
-        ...decorations
-      };
-    }
-    default:
-      return {
-        ...baseStylesOf(theme, opts),
-        ...decorations,
-        ...defaultVariantStyles(theme, opts)
-      };
-  }
-}
-function backdropSxOf(theme, glass) {
-  return {
-    backgroundColor: alpha(
-      theme.palette.common.black,
-      glass ? DIALOG_BACKDROP.alpha.glass : DIALOG_BACKDROP.alpha.plain
-    ),
-    backdropFilter: glass ? `blur(${DIALOG_BACKDROP.blurPx}px)` : "none"
-  };
-}
-
-export {
-  variantStylesOf,
-  backdropSxOf
-};
-//# sourceMappingURL=chunk-RGCRXDGZ.js.map

package/dist/chunk-RGCRXDGZ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/feedback/Dialog/Dialog.styles.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles/index.js';\nimport { alpha, keyframes } from '@mui/material/styles/index.js';\n\nimport type { DialogBorderRadius, DialogSize, DialogVariant } from './Dialog.base';\nimport {\n  DIALOG_BACKDROP,\n  DIALOG_BORDER_WIDTH,\n  DIALOG_GLASS,\n  DIALOG_GLOW,\n  DIALOG_GRADIENT,\n  DIALOG_MARGIN_UNITS,\n  DIALOG_MAX_WIDTH,\n  DIALOG_PULSE,\n  DIALOG_RADIUS_UNITS,\n  DIALOG_WIDTH_PERCENT,\n} from './Dialog.metrics';\nimport { shadowCss } from '../../../tokens/shadow';\nimport { dynamicViewportHeight } from '../../../utils/viewport';\n\n/**\n * Paper/backdrop styling for the Dialog component (FUT-181 gate cleanup):\n * pure helpers so `Dialog.tsx` stays within the size/complexity budget.\n *\n * Every number comes from `Dialog.metrics.ts`, which the native renderer reads\n * too — so a paper cannot be 800px wide on one side and 780 on the other.\n */\n\n// Define pulse animation\nconst pulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 ${DIALOG_PULSE.spread}px currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\n/** Style toggles that shape the dialog paper (extracted so each fn stays small). */\ninterface VariantStyleOptions {\n  variant: DialogVariant;\n  size: DialogSize;\n  borderRadius: DialogBorderRadius;\n  glass: boolean;\n  gradient: boolean;\n  glow: boolean;\n  pulse: boolean;\n}\n\nfunction borderRadiusOf(theme: Theme, borderRadius: VariantStyleOptions['borderRadius']) {\n  const units = DIALOG_RADIUS_UNITS[borderRadius] ?? DIALOG_RADIUS_UNITS.lg;\n  // `none` is a bare 0 rather than `spacing(0)`, as this has always written it.\n  return units === 0 ? 0 : theme.spacing(units);\n}\n\nfunction maxWidthOf(size: VariantStyleOptions['size']): number {\n  return DIALOG_MAX_WIDTH[size] ?? DIALOG_MAX_WIDTH.md;\n}\n\nfunction baseStylesOf(theme: Theme, opts: VariantStyleOptions) {\n  return {\n    borderRadius: borderRadiusOf(theme, opts.borderRadius),\n    maxWidth: maxWidthOf(opts.size),\n    width: `${DIALOG_WIDTH_PERCENT}vw`,\n    margin: theme.spacing(DIALOG_MARGIN_UNITS),\n    transition: theme.transitions.create(\n      ['box-shadow', 'background-color', 'backdrop-filter'],\n      { duration: theme.transitions.duration.standard },\n    ),\n  };\n}\n\nfunction glowStylesOf(theme: Theme, glow: boolean) {\n  return glow\n    ? {\n        boxShadow: shadowCss({\n          offsetX: 0,\n          offsetY: 0,\n          blurRadius: DIALOG_GLOW.blurRadius,\n          spreadDistance: 0,\n          color: alpha(theme.palette.primary.main, DIALOG_GLOW.alpha),\n        }),\n      }\n    : {};\n}\n\nfunction pulseStylesOf(theme: Theme, pulse: boolean) {\n  if (!pulse) return {};\n  return {\n    position: 'relative' as const,\n    '&::after': {\n      content: '\"\"',\n      position: 'absolute' as const,\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      borderRadius: 'inherit',\n      backgroundColor: theme.palette.primary.main,\n      opacity: DIALOG_PULSE.alpha,\n      animation: `${pulseAnimation} ${DIALOG_PULSE.durationMs / 1000}s infinite`,\n      pointerEvents: 'none' as const,\n      zIndex: DIALOG_PULSE.zIndex,\n    },\n  };\n}\n\n/** The default variant's paper: optional gradient/glass over the base styles. */\nfunction defaultVariantStyles(theme: Theme, opts: VariantStyleOptions) {\n  const gradientStyles = opts.gradient\n    ? {\n        background: `linear-gradient(${DIALOG_GRADIENT.angleDeg}deg, ${alpha(theme.palette.primary.main, DIALOG_GRADIENT.stopAlpha)}, ${alpha(theme.palette.secondary.main, DIALOG_GRADIENT.stopAlpha)})`,\n        backdropFilter: `blur(${DIALOG_GRADIENT.blurPx}px)`,\n      }\n    : {};\n  return {\n    ...gradientStyles,\n    backgroundColor: opts.glass\n      ? alpha(theme.palette.background.paper, DIALOG_GLASS.backgroundAlpha)\n      : theme.palette.background.paper,\n    backdropFilter: opts.glass ? `blur(${DIALOG_GLASS.blurPx}px)` : 'none',\n    border: opts.glass\n      ? `${DIALOG_BORDER_WIDTH}px solid ${alpha(theme.palette.primary.main, DIALOG_GLASS.borderAlpha)}`\n      : 'none',\n  };\n}\n\nexport function variantStylesOf(theme: Theme, opts: VariantStyleOptions): SxProps<Theme> {\n  const decorations = {\n    ...glowStylesOf(theme, opts.glow),\n    ...pulseStylesOf(theme, opts.pulse),\n  };\n  switch (opts.variant) {\n    case 'glass':\n      return {\n        ...baseStylesOf(theme, opts),\n        ...decorations,\n        backgroundColor: alpha(theme.palette.background.paper, DIALOG_GLASS.backgroundAlpha),\n        backdropFilter: `blur(${DIALOG_GLASS.blurPx}px)`,\n        border: `${DIALOG_BORDER_WIDTH}px solid ${alpha(theme.palette.primary.main, DIALOG_GLASS.borderAlpha)}`,\n        boxShadow: shadowCss({\n          offsetX: 0,\n          offsetY: DIALOG_GLASS.shadow.offsetY,\n          blurRadius: DIALOG_GLASS.shadow.blurRadius,\n          spreadDistance: 0,\n          color: alpha(theme.palette.common.black, DIALOG_GLASS.shadow.alpha),\n        }),\n      };\n    case 'fullscreen':\n      return {\n        borderRadius: 0,\n        margin: 0,\n        width: '100vw',\n        // `100dvh`, not `100vh` — see `dynamicViewportHeight`.\n        ...dynamicViewportHeight('height'),\n        maxWidth: 'none',\n        maxHeight: 'none',\n        ...decorations,\n      };\n    case 'drawer': {\n      const radius = borderRadiusOf(theme, opts.borderRadius);\n      return {\n        // `radius` is already a length (`theme.spacing(n)` → '16px', or 0): gluing\n        // another `px` on wrote '16pxpx', which the browser dropped, leaving the\n        // panel's leading corners square.\n        borderRadius: `${radius} 0 0 ${radius}`,\n        margin: 0,\n        width: maxWidthOf(opts.size),\n        // Never wider than the screen: a 600px panel on a 375px phone put its\n        // title and the start of every line off the left edge.\n        maxWidth: '100%',\n        ...dynamicViewportHeight('height'),\n        maxHeight: 'none',\n        ...decorations,\n      };\n    }\n    default:\n      return {\n        ...baseStylesOf(theme, opts),\n        ...decorations,\n        ...defaultVariantStyles(theme, opts),\n      };\n  }\n}\n\nexport function backdropSxOf(theme: Theme, glass: boolean) {\n  return {\n    backgroundColor: alpha(\n      theme.palette.common.black,\n      glass ? DIALOG_BACKDROP.alpha.glass : DIALOG_BACKDROP.alpha.plain,\n    ),\n    backdropFilter: glass ? `blur(${DIALOG_BACKDROP.blurPx}px)` : 'none',\n  };\n}\n"],"mappings":"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","names":[]}