@12-apps/ui 6.20.0 → 6.22.0

package/dist/_internal/social-login-button/social-login-button.js

@@ -5,10 +5,10 @@ import {
   GoogleIcon,
   SocialLoginButton,
   SocialLoginContainer
-} from "../../chunk-47UD6DZ4.js";
+} from "../../chunk-4523RYE7.js";
 import "../../chunk-INGPH3YQ.js";
 import "../../chunk-6GP2DOOO.js";
-import "../../chunk-Z7JNCB5Q.js";
+import "../../chunk-MESRKY67.js";
 import "../../chunk-PWR7K5OP.js";
 import "../../chunk-3N6EK6K5.js";
 import "../../chunk-CMMPGAMJ.js";
@@ -16,17 +16,19 @@ import "../../chunk-MCZ7536N.js";
 import "../../chunk-IFPTVHYR.js";
 import "../../chunk-VUHLNYAE.js";
 import "../../chunk-2GSIEDGN.js";
-import "../../chunk-D2IASECY.js";
-import "../../chunk-VMF3UXM4.js";
-import "../../chunk-RI5JZLZL.js";
+import "../../chunk-AIRWM7KK.js";
+import "../../chunk-BEBLRL5D.js";
+import "../../chunk-6Q6T3FW5.js";
+import "../../chunk-FKUYRQSP.js";
 import "../../chunk-BA4RHQ3B.js";
-import "../../chunk-24BUCMQA.js";
+import "../../chunk-YTOYMJPM.js";
 import "../../chunk-JT6TERQL.js";
 import "../../chunk-ITGG5OKP.js";
 import "../../chunk-TAMIZE4Q.js";
-import "../../chunk-2PCOC3PT.js";
+import "../../chunk-73BEVJCS.js";
+import "../../chunk-343TTIHD.js";
 import "../../chunk-V3PLFYKO.js";
-import "../../chunk-QLWBQQW7.js";
+import "../../chunk-TYJR4GOF.js";
 import "../../chunk-PT6TCWIW.js";
 import "../../chunk-NQN5Z36J.js";
 import "../../chunk-AG66JBNH.js";

package/dist/_internal/tokens/field-edge.core.js

@@ -0,0 +1,11 @@
+import {
+  MIN_UI_CONTRAST,
+  resolveFieldEdge
+} from "../../chunk-EPEJMTCQ.js";
+import "../../chunk-6JAIFIPW.js";
+import "../../chunk-PZ5AY32C.js";
+export {
+  MIN_UI_CONTRAST,
+  resolveFieldEdge
+};
+//# sourceMappingURL=field-edge.core.js.map

package/dist/_internal/tokens/field-edge.core.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/_internal/tokens/field-edge.js

@@ -1,7 +1,10 @@
 import {
-  MIN_UI_CONTRAST,
   fieldEdge
-} from "../../chunk-MLOWPVVW.js";
+} from "../../chunk-7FDU3FIN.js";
+import {
+  MIN_UI_CONTRAST
+} from "../../chunk-EPEJMTCQ.js";
+import "../../chunk-6JAIFIPW.js";
 import "../../chunk-PZ5AY32C.js";
 export {
   MIN_UI_CONTRAST,

package/dist/_internal/tokens/mui-type.js

@@ -2,6 +2,7 @@ import "../../chunk-PZ5AY32C.js";
 
 // src/tokens/mui-type.ts
 var MUI_TYPE = {
+  h5: { fontSize: 24, lineHeight: 1.334, fontWeight: 400, letterSpacingEm: 0 },
   h6: { fontSize: 20, lineHeight: 1.6, fontWeight: 500, letterSpacingEm: 75e-4 },
   body1: { fontSize: 16, lineHeight: 1.5, fontWeight: 400, letterSpacingEm: 938e-5 },
   body2: { fontSize: 14, lineHeight: 1.43, fontWeight: 400, letterSpacingEm: 0.01071 },

package/dist/_internal/tokens/mui-type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/tokens/mui-type.ts"],"sourcesContent":["import type { UiTheme } from './theme';\n\n/**\n * MUI'S DEFAULT `Typography` VARIANTS, AS NUMBERS.\n *\n * Several web components render a title or a message BY NAME —\n * `<Typography variant=\"h6\">` — and let MUI's theme turn the name into a\n * size. The native halves have no MUI theme, so they need the numbers MUI's\n * `createTypography` produces for those names. These are those numbers, for\n * the variants the ported components use: `fontSize` in px, `lineHeight` as\n * a ratio, `letterSpacing` in em exactly as MUI rounds it\n * (`round(letterSpacing / size)`, five decimals).\n *\n * Only the DEFAULTS. A host that re-themes `typography.h6` moves the web\n * halves and not these; each component that reads this records that as a\n * known gap in its `NATIVE-NOTES.md`.\n */\nexport type MuiTypeVariantName = 'h6' | 'body1' | 'body2' | 'caption';\n\nexport interface MuiTypeVariant {\n  fontSize: number;\n  lineHeight: number;\n  fontWeight: 400 | 500;\n  letterSpacingEm: number;\n}\n\nexport const MUI_TYPE: Record<MuiTypeVariantName, MuiTypeVariant> = {\n  h6: { fontSize: 20, lineHeight: 1.6, fontWeight: 500, letterSpacingEm: 0.0075 },\n  body1: { fontSize: 16, lineHeight: 1.5, fontWeight: 400, letterSpacingEm: 0.00938 },\n  body2: { fontSize: 14, lineHeight: 1.43, fontWeight: 400, letterSpacingEm: 0.01071 },\n  caption: { fontSize: 12, lineHeight: 1.66, fontWeight: 400, letterSpacingEm: 0.03333 },\n};\n\n/** MUI's `theme.typography.fontWeightMedium`, which several web styles name outright. */\nexport const MUI_FONT_WEIGHT_MEDIUM = 500;\n\n/** A variant multiplied out for a renderer whose `lineHeight` and `letterSpacing` are absolute. */\nexport interface MuiTypeStyle {\n  fontFamily: string | undefined;\n  fontSize: number;\n  lineHeight: number;\n  fontWeight: `${MuiTypeVariant['fontWeight']}`;\n  letterSpacing: number;\n}\n\n/**\n * The variant as absolute numbers, in the theme's font. `fontSize` may be\n * overridden — the Alert's title is `body1` at 1.05rem — and the ratios\n * follow it, which is what the browser does with `em` and a unitless\n * line-height.\n */\nexport function muiTypeStyle(\n  theme: Pick<UiTheme, 'typography'>,\n  variant: MuiTypeVariantName,\n  fontSize: number = MUI_TYPE[variant].fontSize,\n): MuiTypeStyle {\n  const step = MUI_TYPE[variant];\n  return {\n    fontFamily: theme.typography.fontFamily,\n    fontSize,\n    lineHeight: fontSize * step.lineHeight,\n    fontWeight: `${step.fontWeight}`,\n    letterSpacing: fontSize * step.letterSpacingEm,\n  };\n}\n"],"mappings":";;;AA0BO,IAAM,WAAuD;AAAA,EAClE,IAAI,EAAE,UAAU,IAAI,YAAY,KAAK,YAAY,KAAK,iBAAiB,MAAO;AAAA,EAC9E,OAAO,EAAE,UAAU,IAAI,YAAY,KAAK,YAAY,KAAK,iBAAiB,OAAQ;AAAA,EAClF,OAAO,EAAE,UAAU,IAAI,YAAY,MAAM,YAAY,KAAK,iBAAiB,QAAQ;AAAA,EACnF,SAAS,EAAE,UAAU,IAAI,YAAY,MAAM,YAAY,KAAK,iBAAiB,QAAQ;AACvF;AAGO,IAAM,yBAAyB;AAiB/B,SAAS,aACd,OACA,SACA,WAAmB,SAAS,OAAO,EAAE,UACvB;AACd,QAAM,OAAO,SAAS,OAAO;AAC7B,SAAO;AAAA,IACL,YAAY,MAAM,WAAW;AAAA,IAC7B;AAAA,IACA,YAAY,WAAW,KAAK;AAAA,IAC5B,YAAY,GAAG,KAAK,UAAU;AAAA,IAC9B,eAAe,WAAW,KAAK;AAAA,EACjC;AACF;","names":[]}
+{"version":3,"sources":["../../../src/tokens/mui-type.ts"],"sourcesContent":["import type { UiTheme } from './theme';\n\n/**\n * MUI'S DEFAULT `Typography` VARIANTS, AS NUMBERS.\n *\n * Several web components render a title or a message BY NAME —\n * `<Typography variant=\"h6\">` — and let MUI's theme turn the name into a\n * size. The native halves have no MUI theme, so they need the numbers MUI's\n * `createTypography` produces for those names. These are those numbers, for\n * the variants the ported components use: `fontSize` in px, `lineHeight` as\n * a ratio, `letterSpacing` in em exactly as MUI rounds it\n * (`round(letterSpacing / size)`, five decimals).\n *\n * Only the DEFAULTS. A host that re-themes `typography.h6` moves the web\n * halves and not these; each component that reads this records that as a\n * known gap in its `NATIVE-NOTES.md`.\n */\nexport type MuiTypeVariantName = 'h5' | 'h6' | 'body1' | 'body2' | 'caption';\n\nexport interface MuiTypeVariant {\n  fontSize: number;\n  lineHeight: number;\n  fontWeight: 400 | 500;\n  letterSpacingEm: number;\n}\n\nexport const MUI_TYPE: Record<MuiTypeVariantName, MuiTypeVariant> = {\n  h5: { fontSize: 24, lineHeight: 1.334, fontWeight: 400, letterSpacingEm: 0 },\n  h6: { fontSize: 20, lineHeight: 1.6, fontWeight: 500, letterSpacingEm: 0.0075 },\n  body1: { fontSize: 16, lineHeight: 1.5, fontWeight: 400, letterSpacingEm: 0.00938 },\n  body2: { fontSize: 14, lineHeight: 1.43, fontWeight: 400, letterSpacingEm: 0.01071 },\n  caption: { fontSize: 12, lineHeight: 1.66, fontWeight: 400, letterSpacingEm: 0.03333 },\n};\n\n/** MUI's `theme.typography.fontWeightMedium`, which several web styles name outright. */\nexport const MUI_FONT_WEIGHT_MEDIUM = 500;\n\n/** A variant multiplied out for a renderer whose `lineHeight` and `letterSpacing` are absolute. */\nexport interface MuiTypeStyle {\n  fontFamily: string | undefined;\n  fontSize: number;\n  lineHeight: number;\n  fontWeight: `${MuiTypeVariant['fontWeight']}`;\n  letterSpacing: number;\n}\n\n/**\n * The variant as absolute numbers, in the theme's font. `fontSize` may be\n * overridden — the Alert's title is `body1` at 1.05rem — and the ratios\n * follow it, which is what the browser does with `em` and a unitless\n * line-height.\n */\nexport function muiTypeStyle(\n  theme: Pick<UiTheme, 'typography'>,\n  variant: MuiTypeVariantName,\n  fontSize: number = MUI_TYPE[variant].fontSize,\n): MuiTypeStyle {\n  const step = MUI_TYPE[variant];\n  return {\n    fontFamily: theme.typography.fontFamily,\n    fontSize,\n    lineHeight: fontSize * step.lineHeight,\n    fontWeight: `${step.fontWeight}`,\n    letterSpacing: fontSize * step.letterSpacingEm,\n  };\n}\n"],"mappings":";;;AA0BO,IAAM,WAAuD;AAAA,EAClE,IAAI,EAAE,UAAU,IAAI,YAAY,OAAO,YAAY,KAAK,iBAAiB,EAAE;AAAA,EAC3E,IAAI,EAAE,UAAU,IAAI,YAAY,KAAK,YAAY,KAAK,iBAAiB,MAAO;AAAA,EAC9E,OAAO,EAAE,UAAU,IAAI,YAAY,KAAK,YAAY,KAAK,iBAAiB,OAAQ;AAAA,EAClF,OAAO,EAAE,UAAU,IAAI,YAAY,MAAM,YAAY,KAAK,iBAAiB,QAAQ;AAAA,EACnF,SAAS,EAAE,UAAU,IAAI,YAAY,MAAM,YAAY,KAAK,iBAAiB,QAAQ;AACvF;AAGO,IAAM,yBAAyB;AAiB/B,SAAS,aACd,OACA,SACA,WAAmB,SAAS,OAAO,EAAE,UACvB;AACd,QAAM,OAAO,SAAS,OAAO;AAC7B,SAAO;AAAA,IACL,YAAY,MAAM,WAAW;AAAA,IAC7B;AAAA,IACA,YAAY,WAAW,KAAK;AAAA,IAC5B,YAAY,GAAG,KAAK,UAAU;AAAA,IAC9B,eAAe,WAAW,KAAK;AAAA,EACjC;AACF;","names":[]}

package/dist/_internal/tokens/shadow.js

@@ -0,0 +1,18 @@
+import {
+  BLACK,
+  WHITE,
+  drop,
+  halo,
+  shadowCss,
+  shadowListCss
+} from "../../chunk-73BEVJCS.js";
+import "../../chunk-PZ5AY32C.js";
+export {
+  BLACK,
+  WHITE,
+  drop,
+  halo,
+  shadowCss,
+  shadowListCss
+};
+//# sourceMappingURL=shadow.js.map

package/dist/_internal/tokens/shadow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/_internal/user-avatar/user-avatar.js

@@ -2,7 +2,7 @@
 import {
   UserAvatar,
   UserMenu
-} from "../../chunk-7JWXLDRH.js";
+} from "../../chunk-ZKR5B6YJ.js";
 import "../../chunk-UDQSIRAP.js";
 import "../../chunk-7BYFC2MR.js";
 import "../../chunk-3ZVUNSFF.js";
@@ -11,17 +11,19 @@ import "../../chunk-FAITHWIO.js";
 import "../../chunk-XRMZMBE3.js";
 import "../../chunk-VUHLNYAE.js";
 import "../../chunk-2GSIEDGN.js";
-import "../../chunk-D2IASECY.js";
-import "../../chunk-VMF3UXM4.js";
-import "../../chunk-RI5JZLZL.js";
+import "../../chunk-AIRWM7KK.js";
+import "../../chunk-BEBLRL5D.js";
+import "../../chunk-6Q6T3FW5.js";
+import "../../chunk-FKUYRQSP.js";
 import "../../chunk-BA4RHQ3B.js";
-import "../../chunk-24BUCMQA.js";
+import "../../chunk-YTOYMJPM.js";
 import "../../chunk-JT6TERQL.js";
 import "../../chunk-ITGG5OKP.js";
 import "../../chunk-TAMIZE4Q.js";
-import "../../chunk-2PCOC3PT.js";
+import "../../chunk-73BEVJCS.js";
+import "../../chunk-343TTIHD.js";
 import "../../chunk-V3PLFYKO.js";
-import "../../chunk-QLWBQQW7.js";
+import "../../chunk-TYJR4GOF.js";
 import "../../chunk-NQN5Z36J.js";
 import "../../chunk-AG66JBNH.js";
 import "../../chunk-6JAIFIPW.js";

package/dist/charts.js

@@ -5,17 +5,6 @@ import {
 import {
   Chart
 } from "./chunk-7TZ6OC5T.js";
-import "./chunk-DVUPIVI2.js";
-import {
-  ChartContainer,
-  ChartLegend,
-  ChartLegendContent,
-  ChartTooltip,
-  ChartTooltipContent
-} from "./chunk-M5T3COS2.js";
-import "./chunk-HKV4MQ2W.js";
-import "./chunk-XXDXW6TX.js";
-import "./chunk-4V532JF6.js";
 import {
   CHART_SEMANTIC_COLORS,
   ChartSpecError,
@@ -27,10 +16,21 @@ import {
   getRegisteredChartSpecTypes,
   registerChartSpecRenderer
 } from "./chunk-WKUA6P3W.js";
+import "./chunk-DVUPIVI2.js";
+import {
+  ChartContainer,
+  ChartLegend,
+  ChartLegendContent,
+  ChartTooltip,
+  ChartTooltipContent
+} from "./chunk-M5T3COS2.js";
 import {
   chartValueFormatter,
   formatChartValue
 } from "./chunk-QVWNK4JO.js";
+import "./chunk-HKV4MQ2W.js";
+import "./chunk-XXDXW6TX.js";
+import "./chunk-4V532JF6.js";
 import "./chunk-V5IOLAIS.js";
 import "./chunk-7ZPUN7TV.js";
 import "./chunk-PT6TCWIW.js";

package/dist/{chunk-MBYO2F4Y.js → chunk-25R3ITGZ.js}

@@ -1,7 +1,3 @@
-import {
-  actionsOf,
-  makeTestId
-} from "./chunk-MWFSIB6K.js";
 import {
   ACTIONS_GAP_UNITS,
   ACTIONS_MARGIN_TOP_UNITS,
@@ -18,9 +14,13 @@ import {
   illustrationMaxWidth,
   illustrationOpacity
 } from "./chunk-RKCS6K36.js";
+import {
+  actionsOf,
+  makeTestId
+} from "./chunk-MWFSIB6K.js";
 import {
   resolveTestId
-} from "./chunk-QLWBQQW7.js";
+} from "./chunk-TYJR4GOF.js";
 
 // src/components/data-display/EmptyState/EmptyState.tsx
 import AddIcon from "@mui/icons-material/Add";
@@ -200,4 +200,4 @@ export {
   EmptyState,
   EmptyState_default
 };
-//# sourceMappingURL=chunk-MBYO2F4Y.js.map
+//# sourceMappingURL=chunk-25R3ITGZ.js.map

package/dist/chunk-2ECT4IY2.js

@@ -0,0 +1,250 @@
+import {
+  DISABLED,
+  IOS_BASE_OFFSET,
+  IOS_THUMB_SHADOW,
+  IOS_TRAVEL_INSET,
+  NEUTRAL_CONTRAST,
+  NEUTRAL_FALLBACK,
+  NEUTRAL_GREY,
+  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-MLCFODJO.js";
+import {
+  bounceAnimation,
+  glowAnimation,
+  pulseAnimation,
+  rippleAnimation,
+  shimmerAnimation,
+  spinAnimation
+} from "./chunk-35ETD7ML.js";
+import {
+  px
+} from "./chunk-NQN5Z36J.js";
+
+// src/components/form/Switch/Switch.styles.ts
+import { alpha } from "@mui/material/styles/index.js";
+var neutralPalette = (theme) => ({
+  main: theme.palette.grey?.[NEUTRAL_GREY.main] || NEUTRAL_FALLBACK.main,
+  dark: theme.palette.grey?.[NEUTRAL_GREY.dark] || NEUTRAL_FALLBACK.dark,
+  light: theme.palette.grey?.[NEUTRAL_GREY.light] || NEUTRAL_FALLBACK.light,
+  contrastText: NEUTRAL_CONTRAST
+});
+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 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: "#fff",
+      "& .MuiSwitch-thumb": {
+        animation: flags.loading ? "none" : `${bounceAnimation} ${seconds(SWITCH_TRANSITION.ms)} ease-out`
+      },
+      "& + .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: theme.palette.grey[DISABLED.thumbGrey] },
+    "&.Mui-disabled + .MuiSwitch-track": { opacity: DISABLED.trackOpacity }
+  };
+};
+var thumbSx = (theme, flags, palette, thumbSize, look) => ({
+  width: thumbSize,
+  height: thumbSize,
+  borderRadius: THUMB_RADIUS[look](thumbSize),
+  backgroundColor: "#fff",
+  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, onText, offText) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  paddingLeft: theme.spacing(TRACK_LABEL.insetUnits),
+  paddingRight: theme.spacing(TRACK_LABEL.insetUnits),
+  fontSize: px(TRACK_LABEL.fontSize),
+  fontWeight: TRACK_LABEL.fontWeight,
+  color: theme.palette.text.secondary,
+  "&::before, &::after": {
+    content: '""',
+    position: "absolute",
+    fontSize: px(TRACK_LABEL.fontSize),
+    fontWeight: TRACK_LABEL.fontWeight,
+    top: "50%",
+    transform: "translateY(-50%)",
+    zIndex: 1
+  },
+  ...onText && {
+    "&::before": { content: `"${onText}"`, left: theme.spacing(TRACK_LABEL.insetUnits), color: "#fff" }
+  },
+  ...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: theme.palette.common.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, onText, offText)
+  };
+};
+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 {
+  switchSx
+};
+//# sourceMappingURL=chunk-2ECT4IY2.js.map

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

@@ -0,0 +1 @@
+{"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  NEUTRAL_FALLBACK,\n  NEUTRAL_GREY,\n  SWITCH_FOCUS_RING,\n  SWITCH_GRADIENT,\n  SWITCH_HOVER,\n  SWITCH_PULSE,\n  SWITCH_RIPPLE,\n  SWITCH_SPINNER,\n  SWITCH_TRANSITION,\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 { px } 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 built from the grey ramp. */\nconst neutralPalette = (theme: Theme): ColorPalette => ({\n  main: theme.palette.grey?.[NEUTRAL_GREY.main] || NEUTRAL_FALLBACK.main,\n  dark: theme.palette.grey?.[NEUTRAL_GREY.dark] || NEUTRAL_FALLBACK.dark,\n  light: theme.palette.grey?.[NEUTRAL_GREY.light] || NEUTRAL_FALLBACK.light,\n  contrastText: NEUTRAL_CONTRAST,\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. `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/** 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: '#fff',\n      '& .MuiSwitch-thumb': {\n        animation: flags.loading ? 'none' : `${bounceAnimation} ${seconds(SWITCH_TRANSITION.ms)} ease-out`,\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: theme.palette.grey[DISABLED.thumbGrey] },\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  backgroundColor: '#fff',\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 = (theme: Theme, onText?: string, offText?: string): 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: px(TRACK_LABEL.fontSize),\n  fontWeight: TRACK_LABEL.fontWeight,\n  color: theme.palette.text.secondary,\n  '&::before, &::after': {\n    content: '\"\"',\n    position: 'absolute',\n    fontSize: px(TRACK_LABEL.fontSize),\n    fontWeight: TRACK_LABEL.fontWeight,\n    top: '50%',\n    transform: 'translateY(-50%)',\n    zIndex: 1,\n  },\n  ...(onText && {\n    '&::before': { content: `\"${onText}\"`, left: theme.spacing(TRACK_LABEL.insetUnits), color: '#fff' },\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: theme.palette.common.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) && 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.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":"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","names":[]}

package/dist/{chunk-KQ74QU55.js → chunk-2FDBR77W.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-24BUCMQA.js";
+} from "./chunk-YTOYMJPM.js";
 import {
   Text
-} from "./chunk-2PCOC3PT.js";
+} from "./chunk-343TTIHD.js";
 
 // src/components/data-display/DataViews/data-views-view-nav.tsx
 import ChevronLeftRoundedIcon from "@mui/icons-material/ChevronLeftRounded";
@@ -294,4 +294,4 @@ export {
   ViewHeader,
   ViewFooter
 };
-//# sourceMappingURL=chunk-KQ74QU55.js.map
+//# sourceMappingURL=chunk-2FDBR77W.js.map

package/dist/{chunk-D7FJ2GAD.js → chunk-2HPP6RVC.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Text
-} from "./chunk-2PCOC3PT.js";
+} from "./chunk-343TTIHD.js";
 
 // src/components/data-display/DataViews/save-view-preview.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -51,4 +51,4 @@ function PreviewBox({ preview, testIdPrefix }) {
 export {
   PreviewBox
 };
-//# sourceMappingURL=chunk-D7FJ2GAD.js.map
+//# sourceMappingURL=chunk-2HPP6RVC.js.map

package/dist/{chunk-B2A4DG77.js → chunk-2MMEIN4T.js}

@@ -4,17 +4,17 @@ import {
 } from "./chunk-5WNQJ5KS.js";
 import {
   PillControl
-} from "./chunk-NRUYYGDZ.js";
+} from "./chunk-WLQTHPMX.js";
 import {
   MoreFilters
-} from "./chunk-PC5FFEIY.js";
+} from "./chunk-QFJRB27Q.js";
+import {
+  RangePill
+} from "./chunk-QZBUGUOY.js";
 import {
   CollapsedSearch,
   InlineKeyword
 } from "./chunk-A7Q5AQVD.js";
-import {
-  RangePill
-} from "./chunk-QZBUGUOY.js";
 
 // src/components/data-display/DataViews/data-views-inline-bar.tsx
 import Box from "@mui/material/Box/index.js";
@@ -220,4 +220,4 @@ function FilterSlots({
 export {
   InlineFilterControls
 };
-//# sourceMappingURL=chunk-B2A4DG77.js.map
+//# sourceMappingURL=chunk-2MMEIN4T.js.map

package/dist/{chunk-YRUCIKPO.js → chunk-2UYR2OOE.js}

@@ -3,13 +3,13 @@ import {
   modalAriaIds,
   resolveModalContent
 } from "./chunk-JN3PGXRJ.js";
+import {
+  usePanelChrome
+} from "./chunk-G3QKH23Y.js";
 import {
   STYLE_ONLY_PROPS,
   dialogRootStyles
 } from "./chunk-SMCLG2RA.js";
-import {
-  usePanelChrome
-} from "./chunk-G3QKH23Y.js";
 
 // src/components/feedback/StackedModal/StackedModal.tsx
 import Dialog from "@mui/material/Dialog/index.js";
@@ -156,4 +156,4 @@ var StackedModal = (props) => {
 export {
   StackedModal
 };
-//# sourceMappingURL=chunk-YRUCIKPO.js.map
+//# sourceMappingURL=chunk-2UYR2OOE.js.map

package/dist/{chunk-2PCOC3PT.js → chunk-343TTIHD.js}

@@ -15,7 +15,7 @@ import {
 import {
   resolveTestId,
   withoutTestIdProps
-} from "./chunk-QLWBQQW7.js";
+} from "./chunk-TYJR4GOF.js";
 import {
   px
 } from "./chunk-NQN5Z36J.js";
@@ -143,4 +143,4 @@ Text.displayName = "Text";
 export {
   Text
 };
-//# sourceMappingURL=chunk-2PCOC3PT.js.map
+//# sourceMappingURL=chunk-343TTIHD.js.map

package/dist/{chunk-DQHC5P64.js → chunk-3FLVIVOK.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-LYSSO6WC.js";
 import {
   DescriptionItem
-} from "./chunk-PNYXXLPU.js";
+} from "./chunk-M4LQRQFL.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-2PCOC3PT.js";
+} from "./chunk-343TTIHD.js";
 
 // src/components/data-display/DataViews/base-list-card-slots.tsx
 import { Fragment } from "react";
@@ -222,4 +222,4 @@ export {
   ListCardActions,
   ListCardTail
 };
-//# sourceMappingURL=chunk-DQHC5P64.js.map
+//# sourceMappingURL=chunk-3FLVIVOK.js.map

package/dist/{chunk-URWGRPL7.js → chunk-3W7IEWEL.js}

@@ -1,6 +1,6 @@
 import {
   fieldEdge
-} from "./chunk-MLOWPVVW.js";
+} from "./chunk-7FDU3FIN.js";
 
 // src/components/form/AddressAutocomplete/AddressTextField.tsx
 import TextField from "@mui/material/TextField/index.js";
@@ -31,4 +31,4 @@ var AddressTextField = ({ addressVariant, ...props }) => addressVariant === "gla
 export {
   AddressTextField
 };
-//# sourceMappingURL=chunk-URWGRPL7.js.map
+//# sourceMappingURL=chunk-3W7IEWEL.js.map