@12-apps/ui 6.20.0 → 6.21.0

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-IJIT5HQP.js → chunk-2QFTAGDH.js}

@@ -10,10 +10,10 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-24BUCMQA.js";
+} from "./chunk-BNNSO4MC.js";
 import {
   Text
-} from "./chunk-2PCOC3PT.js";
+} from "./chunk-26Z7QWID.js";
 
 // src/components/data-display/DataViews/DeleteViewDialog.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -69,4 +69,4 @@ function DeleteViewDialog({
 export {
   DeleteViewDialog
 };
-//# sourceMappingURL=chunk-IJIT5HQP.js.map
+//# sourceMappingURL=chunk-2QFTAGDH.js.map

package/dist/{chunk-ENNW5SKT.js → chunk-2QLVUVVR.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-2PCOC3PT.js";
+} from "./chunk-26Z7QWID.js";
 
 // src/components/data-display/DataViews/data-views-header-row.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -36,4 +36,4 @@ function GridHeaderRow({
 export {
   GridHeaderRow
 };
-//# sourceMappingURL=chunk-ENNW5SKT.js.map
+//# sourceMappingURL=chunk-2QLVUVVR.js.map

package/dist/{chunk-W3FAKT3D.js → chunk-2SWQ6HIK.js}

@@ -1,9 +1,9 @@
-import {
-  BOUNCE_KEYFRAMES
-} from "./chunk-DRADVLHZ.js";
 import {
   getScaleDistance
 } from "./chunk-TUBCN4DJ.js";
+import {
+  BOUNCE_KEYFRAMES
+} from "./chunk-DRADVLHZ.js";
 
 // src/components/data-display/MapPreview/MapDecorations.tsx
 import LocationIcon from "@mui/icons-material/LocationOn";
@@ -164,4 +164,4 @@ export {
   MapScaleBar,
   MapCompass
 };
-//# sourceMappingURL=chunk-W3FAKT3D.js.map
+//# sourceMappingURL=chunk-2SWQ6HIK.js.map

package/dist/{chunk-7P2HZLEG.js → chunk-3UOHKHOT.js}

@@ -1,9 +1,9 @@
 import {
   GridShell
-} from "./chunk-RQDN4BN5.js";
+} from "./chunk-XLJJ2ZAP.js";
 import {
   useDataViewsState
-} from "./chunk-ZEBJT5JZ.js";
+} from "./chunk-OCXCH2ZW.js";
 
 // src/components/data-display/DataViews/DataViewsGrid.tsx
 import { useEffect, useRef } from "react";
@@ -27,4 +27,4 @@ function DataViewsGrid(props) {
 export {
   DataViewsGrid
 };
-//# sourceMappingURL=chunk-7P2HZLEG.js.map
+//# sourceMappingURL=chunk-3UOHKHOT.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

package/dist/{chunk-Z7JNCB5Q.js → chunk-426FTCMF.js}

@@ -11,7 +11,7 @@ import {
 import {
   resolveTestId,
   withoutTestIdProps
-} from "./chunk-QLWBQQW7.js";
+} from "./chunk-6F5IKY32.js";
 
 // src/components/typography/Heading/Heading.tsx
 import { styled } from "@mui/material/styles/index.js";
@@ -61,4 +61,4 @@ Heading.displayName = "Heading";
 export {
   Heading
 };
-//# sourceMappingURL=chunk-Z7JNCB5Q.js.map
+//# sourceMappingURL=chunk-426FTCMF.js.map

package/dist/{chunk-46UPILLK.js → chunk-4ETQRBZC.js}

@@ -1,3 +1,6 @@
+import {
+  geocode
+} from "./chunk-TUBCN4DJ.js";
 import {
   CITY_ZOOM,
   CLICK_JITTER_DEGREES,
@@ -6,9 +9,6 @@ import {
   MAX_ZOOM,
   MIN_ZOOM
 } from "./chunk-H2J2MTRE.js";
-import {
-  geocode
-} from "./chunk-TUBCN4DJ.js";
 
 // src/components/data-display/MapPreview/MapPreview.hooks.ts
 import { useCallback, useEffect, useRef, useState } from "react";
@@ -186,4 +186,4 @@ export {
   useMapSearch,
   useMapClick
 };
-//# sourceMappingURL=chunk-46UPILLK.js.map
+//# sourceMappingURL=chunk-4ETQRBZC.js.map

package/dist/{chunk-NQC6H7GY.js → chunk-4HYXEMBP.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk-TLGGVE56.js";
 import {
   resolveTestId
-} from "./chunk-QLWBQQW7.js";
+} from "./chunk-6F5IKY32.js";
 
 // src/components/data-display/ErrorState/ErrorState.tsx
 import ErrorOutlineIcon from "@mui/icons-material/ErrorOutline";
@@ -144,4 +144,4 @@ export {
   ErrorState,
   ErrorState_default
 };
-//# sourceMappingURL=chunk-NQC6H7GY.js.map
+//# sourceMappingURL=chunk-4HYXEMBP.js.map

package/dist/{chunk-43NEBUV3.js → chunk-4K7FDVAB.js}

@@ -1,6 +1,6 @@
 import {
   Alert
-} from "./chunk-6D5WEZ2L.js";
+} from "./chunk-FB36IHCE.js";
 
 // src/components/data-display/CardKit/card-actions-context.tsx
 import { createContext, useCallback, useContext, useState } from "react";
@@ -54,4 +54,4 @@ export {
   CardActionsProvider,
   useCardActions
 };
-//# sourceMappingURL=chunk-43NEBUV3.js.map
+//# sourceMappingURL=chunk-4K7FDVAB.js.map

package/dist/{chunk-LMJBINWN.js → chunk-4MLDWACO.js}

@@ -1,27 +1,27 @@
-import {
-  CategoryPanelSurface
-} from "./chunk-LMXWI3DD.js";
 import {
   CategoryPanel
-} from "./chunk-WO52KYSU.js";
+} from "./chunk-G2IPK2XE.js";
 import {
-  useCategoryCommit
-} from "./chunk-ZAB65STX.js";
-import {
-  CategoryTrigger
-} from "./chunk-ZBNTFWTG.js";
-import {
-  METRICS
-} from "./chunk-FCOEJCUP.js";
+  CategoryPanelSurface
+} from "./chunk-LMXWI3DD.js";
 import {
   useCategorySelect
 } from "./chunk-2GB5CIN6.js";
 import {
   useCategoryKeyHandler
 } from "./chunk-ISH42UC7.js";
+import {
+  useCategoryCommit
+} from "./chunk-ZAB65STX.js";
 import {
   summarizeSelection
 } from "./chunk-LR6MSKTT.js";
+import {
+  CategoryTrigger
+} from "./chunk-KIHQE5YA.js";
+import {
+  METRICS
+} from "./chunk-TFO6GBW7.js";
 import {
   FormControl,
   FormLabel,
@@ -158,4 +158,4 @@ function CategorySelect(props) {
 export {
   CategorySelect
 };
-//# sourceMappingURL=chunk-LMJBINWN.js.map
+//# sourceMappingURL=chunk-4MLDWACO.js.map

package/dist/{chunk-GGE7Y53F.js → chunk-4TXIZ5WI.js}

@@ -7,7 +7,7 @@ import {
   panelHeadSx,
   pinnedLabelSx,
   pinnedSx
-} from "./chunk-FCOEJCUP.js";
+} from "./chunk-TFO6GBW7.js";
 
 // src/components/form/CategorySelect/CategoryPanelHead.tsx
 import Box from "@mui/material/Box/index.js";
@@ -144,4 +144,4 @@ export {
   CategoryPanelHead,
   CategoryPinnedTray
 };
-//# sourceMappingURL=chunk-GGE7Y53F.js.map
+//# sourceMappingURL=chunk-4TXIZ5WI.js.map

package/dist/{chunk-J6UFAMIC.js → chunk-5RQ7N63M.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4GGH6ZQ7.js";
 import {
   Box
-} from "./chunk-X5D3PTWI.js";
+} from "./chunk-7MAOQIWA.js";
 
 // src/components/layout/Stack/Stack.tsx
 import * as React from "react";
@@ -16,4 +16,4 @@ Stack.displayName = "Stack";
 export {
   Stack
 };
-//# sourceMappingURL=chunk-J6UFAMIC.js.map
+//# sourceMappingURL=chunk-5RQ7N63M.js.map

package/dist/chunk-5ZNU2U4D.js

@@ -0,0 +1,41 @@
+// src/components/form/Checkbox/Checkbox.metrics.ts
+var CHECKBOX_PADDING = 9;
+var CHECKBOX_GLYPH_SIZES = { small: 20, medium: 24, large: 35 };
+var glyphSize = (size) => CHECKBOX_GLYPH_SIZES[size ?? "medium"] ?? CHECKBOX_GLYPH_SIZES.medium;
+var CHECKBOX_GLYPH = {
+  checked: "CheckBox",
+  unchecked: "CheckBoxOutlineBlank",
+  indeterminate: "IndeterminateCheckBox"
+};
+var CHECKBOX_VARIANT = {
+  default: {},
+  rounded: { radius: "50%" },
+  toggle: { radius: 12, scale: 1.2 }
+};
+var CHECKBOX_HOVER_ALPHA = 0.1;
+var CHECKBOX_TRANSITION_MS = 300;
+var CHECKBOX_SPINNER = { size: 20, offset: -10 };
+var CHECKBOX_EFFECT_INK = { r: 25, g: 118, b: 210 };
+var CHECKBOX_GLOW = { blur: { from: 5, to: 20 }, alpha: { from: 0.5, to: 0.8 }, ms: 2e3 };
+var CHECKBOX_PULSE = { spread: 10, alpha: 0.7, ms: 2e3 };
+var effectInk = (alphaValue) => `rgba(${CHECKBOX_EFFECT_INK.r}, ${CHECKBOX_EFFECT_INK.g}, ${CHECKBOX_EFFECT_INK.b}, ${alphaValue})`;
+var CHECKBOX_LABEL = { marginLeft: 0, fontSize: 14 };
+var CHECKBOX_HELPER = { marginLeftUnits: 4, marginTopUnits: 0.5, fontSize: 12, lineHeight: 1.66 };
+
+export {
+  CHECKBOX_PADDING,
+  CHECKBOX_GLYPH_SIZES,
+  glyphSize,
+  CHECKBOX_GLYPH,
+  CHECKBOX_VARIANT,
+  CHECKBOX_HOVER_ALPHA,
+  CHECKBOX_TRANSITION_MS,
+  CHECKBOX_SPINNER,
+  CHECKBOX_EFFECT_INK,
+  CHECKBOX_GLOW,
+  CHECKBOX_PULSE,
+  effectInk,
+  CHECKBOX_LABEL,
+  CHECKBOX_HELPER
+};
+//# sourceMappingURL=chunk-5ZNU2U4D.js.map

package/dist/chunk-5ZNU2U4D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Checkbox/Checkbox.metrics.ts"],"sourcesContent":["import type { CheckboxVariant } from './Checkbox.base';\n\n/**\n * THE NUMBERS BOTH `Checkbox` RENDERERS DRAW WITH.\n *\n * `Checkbox.tsx` (web, emotion over MUI's `Checkbox`) and\n * `Checkbox.native.tsx` (React Native) read this one table. As with the other\n * fields, some of it is what the web writes itself — the two variants' corner\n * treatment, the glow and pulse keyframes, the helper text's inset — and some\n * is what MUI supplies underneath: `SwitchBase`'s 9px padding, `SvgIcon`'s\n * three sizes, and the ink a box is drawn in.\n */\n\n/** MUI's `SwitchBase`: 9px of padding around the glyph, at every size. */\nexport const CHECKBOX_PADDING = 9;\n\n/** `SvgIcon`'s own three steps. MUI passes the `size` prop straight to the glyph. */\nexport const CHECKBOX_GLYPH_SIZES = { small: 20, medium: 24, large: 35 } as const;\nexport type CheckboxSize = keyof typeof CHECKBOX_GLYPH_SIZES;\n\nexport const glyphSize = (size: CheckboxSize | undefined): number =>\n  CHECKBOX_GLYPH_SIZES[size ?? 'medium'] ?? CHECKBOX_GLYPH_SIZES.medium;\n\n/**\n * The three glyphs MUI draws, by state.\n *\n * `@12-apps/ui/icons` generates their paths from the same\n * `@mui/icons-material` package MUI's own `Checkbox` imports them from, so the\n * native box is the web box rather than a hand-drawn square.\n */\nexport const CHECKBOX_GLYPH = {\n  checked: 'CheckBox',\n  unchecked: 'CheckBoxOutlineBlank',\n  indeterminate: 'IndeterminateCheckBox',\n} as const;\n\n/**\n * The corner each variant gives the glyph's box.\n *\n * `rounded` is a circle and `toggle` a 12px radius at 1.2 scale — both applied\n * to the SVG's own box on the web, where they show only through what the box\n * clips. Native gives them the same radius and the same scale.\n */\nexport const CHECKBOX_VARIANT: Record<CheckboxVariant, { radius?: number | string; scale?: number }> = {\n  default: {},\n  rounded: { radius: '50%' },\n  toggle: { radius: 12, scale: 1.2 },\n};\n\n/** The wash a hovered box takes, and the 0.3s every state change runs over. */\nexport const CHECKBOX_HOVER_ALPHA = 0.1;\nexport const CHECKBOX_TRANSITION_MS = 300;\n\n/** `loading`: MUI's 20px `CircularProgress`, centred over the box. */\nexport const CHECKBOX_SPINNER = { size: 20, offset: -10 } as const;\n\n/**\n * `glow` and `pulse` are keyed to MUI's DEFAULT blue rather than the theme's\n * primary — the web writes the rgba out by hand — so both renderers do.\n */\nexport const CHECKBOX_EFFECT_INK = { r: 25, g: 118, b: 210 } as const;\nexport const CHECKBOX_GLOW = { blur: { from: 5, to: 20 }, alpha: { from: 0.5, to: 0.8 }, ms: 2000 } as const;\nexport const CHECKBOX_PULSE = { spread: 10, alpha: 0.7, ms: 2000 } as const;\n\n/** MUI's default blue at an alpha, as the web's keyframes spell it. */\nexport const effectInk = (alphaValue: number): string =>\n  `rgba(${CHECKBOX_EFFECT_INK.r}, ${CHECKBOX_EFFECT_INK.g}, ${CHECKBOX_EFFECT_INK.b}, ${alphaValue})`;\n\n/** `FormControlLabel`: flush left, its label at MUI's `body2` size. */\nexport const CHECKBOX_LABEL = { marginLeft: 0, fontSize: 14 } as const;\n\n/** `FormHelperText`: four spacing units in, half a unit down. */\nexport const CHECKBOX_HELPER = { marginLeftUnits: 4, marginTopUnits: 0.5, fontSize: 12, lineHeight: 1.66 } as const;\n"],"mappings":";AAcO,IAAM,mBAAmB;AAGzB,IAAM,uBAAuB,EAAE,OAAO,IAAI,QAAQ,IAAI,OAAO,GAAG;AAGhE,IAAM,YAAY,CAAC,SACxB,qBAAqB,QAAQ,QAAQ,KAAK,qBAAqB;AAS1D,IAAM,iBAAiB;AAAA,EAC5B,SAAS;AAAA,EACT,WAAW;AAAA,EACX,eAAe;AACjB;AASO,IAAM,mBAA0F;AAAA,EACrG,SAAS,CAAC;AAAA,EACV,SAAS,EAAE,QAAQ,MAAM;AAAA,EACzB,QAAQ,EAAE,QAAQ,IAAI,OAAO,IAAI;AACnC;AAGO,IAAM,uBAAuB;AAC7B,IAAM,yBAAyB;AAG/B,IAAM,mBAAmB,EAAE,MAAM,IAAI,QAAQ,IAAI;AAMjD,IAAM,sBAAsB,EAAE,GAAG,IAAI,GAAG,KAAK,GAAG,IAAI;AACpD,IAAM,gBAAgB,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,GAAG,OAAO,EAAE,MAAM,KAAK,IAAI,IAAI,GAAG,IAAI,IAAK;AAC3F,IAAM,iBAAiB,EAAE,QAAQ,IAAI,OAAO,KAAK,IAAI,IAAK;AAG1D,IAAM,YAAY,CAAC,eACxB,QAAQ,oBAAoB,CAAC,KAAK,oBAAoB,CAAC,KAAK,oBAAoB,CAAC,KAAK,UAAU;AAG3F,IAAM,iBAAiB,EAAE,YAAY,GAAG,UAAU,GAAG;AAGrD,IAAM,kBAAkB,EAAE,iBAAiB,GAAG,gBAAgB,KAAK,UAAU,IAAI,YAAY,KAAK;","names":[]}

package/dist/{chunk-AVGTTWTE.js → chunk-65DLYC4S.js}

@@ -1,12 +1,12 @@
+import {
+  useAutocomplete
+} from "./chunk-362OGE5J.js";
 import {
   AutocompleteInput,
   ChipList,
   DefaultSuggestion,
   SuggestionListBox
 } from "./chunk-6TSP45KC.js";
-import {
-  useAutocomplete
-} from "./chunk-362OGE5J.js";
 import {
   defaultGetKey,
   defaultGetLabel,
@@ -131,4 +131,4 @@ export {
   Autocomplete,
   Autocomplete_default
 };
-//# sourceMappingURL=chunk-AVGTTWTE.js.map
+//# sourceMappingURL=chunk-65DLYC4S.js.map

package/dist/{chunk-QLWBQQW7.js → chunk-6F5IKY32.js}

@@ -2,6 +2,9 @@
 function resolveTestId(props, fallback) {
   return props.testID ?? props.dataTestId ?? props["data-testid"] ?? fallback;
 }
+function splitTestId(props, fallback) {
+  return { testId: resolveTestId(props, fallback), rest: withoutTestIdProps(props) };
+}
 function childTestId(props, suffix, fallback) {
   return `${resolveTestId(props, fallback) ?? fallback}-${suffix}`;
 }
@@ -12,7 +15,8 @@ function withoutTestIdProps(props) {
 
 export {
   resolveTestId,
+  splitTestId,
   childTestId,
   withoutTestIdProps
 };
-//# sourceMappingURL=chunk-QLWBQQW7.js.map
+//# sourceMappingURL=chunk-6F5IKY32.js.map

package/dist/chunk-6F5IKY32.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/platform/test-id.ts"],"sourcesContent":["/**\n * One test id, three spellings.\n *\n * The web components take `dataTestId` and forward it as `data-testid`; the\n * existing test stories pass `'data-testid'` straight through as an unknown\n * prop; React Native calls the same thing `testID`, and react-native-web turns\n * THAT back into `data-testid`. A native component that honoured only one of\n * the three would pass its own unit tests and fail the shared stories.\n */\nexport interface TestIdProps {\n  testID?: string;\n  dataTestId?: string;\n  'data-testid'?: string;\n}\n\n/** The id the caller asked for under any of the three names, else `fallback`. */\nexport function resolveTestId(props: TestIdProps, fallback?: string): string | undefined {\n  return props.testID ?? props.dataTestId ?? props['data-testid'] ?? fallback;\n}\n\n/**\n * The id under whichever of the three spellings the caller used, together with\n * the props stripped of all three — so a web component can put `data-testid`\n * where the DOM wants it without React seeing `testID` or `dataTestId` and\n * warning that it does not recognise them.\n */\nexport function splitTestId<T extends TestIdProps>(\n  props: T,\n  fallback?: string,\n): { testId: string | undefined; rest: Omit<T, keyof TestIdProps> } {\n  return { testId: resolveTestId(props, fallback), rest: withoutTestIdProps(props) };\n}\n\n/** `${id}-${suffix}` for a sub-element, or `${fallback}-${suffix}` when unnamed. */\nexport function childTestId(\n  props: TestIdProps,\n  suffix: string,\n  fallback: string,\n): string {\n  return `${resolveTestId(props, fallback) ?? fallback}-${suffix}`;\n}\n\n/** `props` without any of the three spellings, for spreading onto a native element. */\nexport function withoutTestIdProps<P extends TestIdProps>(props: P): Omit<P, keyof TestIdProps> {\n  const { testID: _testID, dataTestId: _dataTestId, 'data-testid': _dataTestid, ...rest } = props;\n  return rest;\n}\n"],"mappings":";AAgBO,SAAS,cAAc,OAAoB,UAAuC;AACvF,SAAO,MAAM,UAAU,MAAM,cAAc,MAAM,aAAa,KAAK;AACrE;AAQO,SAAS,YACd,OACA,UACkE;AAClE,SAAO,EAAE,QAAQ,cAAc,OAAO,QAAQ,GAAG,MAAM,mBAAmB,KAAK,EAAE;AACnF;AAGO,SAAS,YACd,OACA,QACA,UACQ;AACR,SAAO,GAAG,cAAc,OAAO,QAAQ,KAAK,QAAQ,IAAI,MAAM;AAChE;AAGO,SAAS,mBAA0C,OAAsC;AAC9F,QAAM,EAAE,QAAQ,SAAS,YAAY,aAAa,eAAe,aAAa,GAAG,KAAK,IAAI;AAC1F,SAAO;AACT;","names":[]}

package/dist/{chunk-B2A4DG77.js → chunk-6RGWDKUL.js}

@@ -4,17 +4,17 @@ import {
 } from "./chunk-5WNQJ5KS.js";
 import {
   PillControl
-} from "./chunk-NRUYYGDZ.js";
+} from "./chunk-JXAYT6LX.js";
 import {
   MoreFilters
-} from "./chunk-PC5FFEIY.js";
+} from "./chunk-FINCVAAR.js";
+import {
+  RangePill
+} from "./chunk-XEE7PLDR.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-6RGWDKUL.js.map