@12-apps/ui 6.33.1 → 6.34.0

package/dist/chunk-5SCZZFZR.js

@@ -1,60 +0,0 @@
-import {
-  MapControlBar
-} from "./chunk-5ZT4ZIZB.js";
-import {
-  HeatmapOverlay,
-  RouteOverlay
-} from "./chunk-KUVOMH5I.js";
-import {
-  HEATMAP_VIEWBOX
-} from "./chunk-H2J2MTRE.js";
-import {
-  MapSearchBar
-} from "./chunk-2X5OQDPH.js";
-
-// src/components/data-display/MapPreview/MapLayers.tsx
-import { useTheme } from "@mui/material/styles/index.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var MapLayers = ({ settings, zoom, mapType, search, controls }) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    settings.showHeatmap && settings.heatmapData.length > 0 && /* @__PURE__ */ jsx(
-      HeatmapOverlay,
-      {
-        points: settings.heatmapData,
-        width: HEATMAP_VIEWBOX.width,
-        height: HEATMAP_VIEWBOX.height
-      }
-    ),
-    settings.showRoute && /* @__PURE__ */ jsx(RouteOverlay, { color: settings.routeColor || theme.palette.primary.main }),
-    settings.showSearch && /* @__PURE__ */ jsx(
-      MapSearchBar,
-      {
-        label: settings.copy.search,
-        value: search.searchValue,
-        placeholder: settings.searchPlaceholder,
-        isSearching: search.isSearching,
-        onChange: search.setSearchValue,
-        onSubmit: search.handleSearch
-      }
-    ),
-    settings.showControls && /* @__PURE__ */ jsx(
-      MapControlBar,
-      {
-        copy: settings.copy,
-        zoom,
-        mapType,
-        onZoomIn: controls.handleZoomIn,
-        onZoomOut: controls.handleZoomOut,
-        onCenter: controls.handleCenter,
-        onToggleMapType: controls.handleToggleMapType,
-        onToggleFullscreen: controls.handleToggleFullscreen
-      }
-    )
-  ] });
-};
-
-export {
-  MapLayers
-};
-//# sourceMappingURL=chunk-5SCZZFZR.js.map

package/dist/chunk-5UWSDTZV.js

@@ -1,176 +0,0 @@
-import {
-  asFieldSize,
-  fieldBorder,
-  fieldHeight
-} from "./chunk-CGO452DC.js";
-import {
-  fieldRadius
-} from "./chunk-GDN2LUTZ.js";
-
-// src/components/form/Toggle/Toggle.styles.ts
-import { alpha, keyframes } from "@mui/material/styles/index.js";
-var glowAnimation = keyframes`
-  0% { box-shadow: 0 0 5px currentColor; }
-  50% { box-shadow: 0 0 15px currentColor, 0 0 25px currentColor; }
-  100% { box-shadow: 0 0 5px currentColor; }
-`;
-var floatAnimation = keyframes`
-  0%, 100% { transform: translateY(0px); }
-  50% { transform: translateY(-2px); }
-`;
-var neutralPalette = (theme) => ({
-  main: theme.palette.grey?.[700] || "#616161",
-  dark: theme.palette.grey?.[800] || "#424242",
-  light: theme.palette.grey?.[500] || "#9e9e9e",
-  contrastText: "#fff"
-});
-var shade = (palette, key, fallback) => palette?.[key] || palette?.main || fallback[key];
-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 fallback = theme.palette.primary;
-  const palette = colorMap[color] || fallback;
-  return {
-    main: palette?.main || fallback.main,
-    dark: shade(palette, "dark", fallback),
-    light: shade(palette, "light", fallback),
-    contrastText: palette?.contrastText || "#fff"
-  };
-};
-var SIZE_MAP = {
-  xs: { padding: "4px 8px", fontSize: "0.75rem" },
-  sm: { padding: "6px 12px", fontSize: "0.875rem" },
-  md: { padding: "8px 16px", fontSize: "1rem" },
-  lg: { padding: "10px 20px", fontSize: "1.125rem" },
-  xl: { padding: "12px 24px", fontSize: "1.25rem" }
-};
-var baseStyles = (theme, colorPalette, customSize) => ({
-  textTransform: "none",
-  fontWeight: 500,
-  borderRadius: fieldRadius(theme),
-  transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-  border: fieldBorder(theme),
-  color: theme.palette.text.primary,
-  backgroundColor: "transparent",
-  position: "relative",
-  overflow: "hidden",
-  // A zero-sized circle that grows to fill the button on hover.
-  "&::before": {
-    content: '""',
-    position: "absolute",
-    top: "50%",
-    left: "50%",
-    width: 0,
-    height: 0,
-    borderRadius: "50%",
-    backgroundColor: alpha(colorPalette.main, 0.2),
-    transform: "translate(-50%, -50%)",
-    transition: "width 0.4s, height 0.4s"
-  },
-  "&:hover": {
-    backgroundColor: alpha(colorPalette.main, 0.08),
-    borderColor: colorPalette.main,
-    transform: "translateY(-1px)",
-    boxShadow: `0 4px 8px ${alpha(colorPalette.main, 0.15)}`,
-    animation: `${floatAnimation} 2s ease-in-out infinite`,
-    "&::before": {
-      width: "100%",
-      height: "100%"
-    }
-  },
-  "&:active": {
-    transform: "scale(0.98)"
-  },
-  "&.Mui-selected": {
-    backgroundColor: colorPalette.main,
-    color: colorPalette.contrastText || "#fff",
-    borderColor: colorPalette.main,
-    boxShadow: `0 2px 8px ${alpha(colorPalette.main, 0.3)}`,
-    "&::after": {
-      content: '""',
-      position: "absolute",
-      top: 0,
-      left: 0,
-      right: 0,
-      bottom: 0,
-      background: `linear-gradient(135deg, transparent, ${alpha("#fff", 0.1)})`,
-      pointerEvents: "none"
-    },
-    "&:hover": {
-      backgroundColor: colorPalette.dark,
-      transform: "translateY(-2px) scale(1.02)",
-      boxShadow: `0 6px 20px ${alpha(colorPalette.main, 0.4)}`
-    }
-  },
-  // Size wins over everything above it — its font and horizontal padding; the
-  // height is the theme's field height for the size.
-  ...SIZE_MAP[customSize] ?? {},
-  minHeight: fieldHeight(theme, asFieldSize(customSize)),
-  paddingTop: 0,
-  paddingBottom: 0
-});
-var variantStyles = (customVariant, colorPalette) => {
-  switch (customVariant) {
-    case "outline":
-      return {
-        backgroundColor: "transparent",
-        border: `2px solid ${colorPalette.main}`,
-        color: colorPalette.main,
-        "&.Mui-selected": {
-          backgroundColor: colorPalette.main,
-          color: colorPalette.contrastText || "#fff"
-        }
-      };
-    case "soft":
-      return {
-        backgroundColor: alpha(colorPalette.main, 0.1),
-        border: "none",
-        color: colorPalette.main,
-        "&.Mui-selected": {
-          backgroundColor: alpha(colorPalette.main, 0.2),
-          color: colorPalette.main
-        }
-      };
-    default:
-      return {};
-  }
-};
-var effectStyles = (theme, colorPalette, { glass, gradient, glow }) => ({
-  ...glass && {
-    backgroundColor: alpha(theme.palette.background.paper, 0.1),
-    backdropFilter: "blur(20px)",
-    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`
-  },
-  ...gradient && {
-    "&.Mui-selected": {
-      background: `linear-gradient(135deg, ${colorPalette.light}, ${colorPalette.main}, ${colorPalette.dark})`,
-      backgroundSize: "200% 200%",
-      animation: `${floatAnimation} 3s ease-in-out infinite`,
-      border: "none",
-      "&:hover": {
-        backgroundPosition: "100% 100%"
-      }
-    }
-  },
-  ...glow && {
-    "&.Mui-selected": {
-      animation: `${glowAnimation} 2s ease-in-out infinite`,
-      boxShadow: `0 0 15px ${alpha(colorPalette.main, 0.6)}`
-    }
-  }
-});
-
-export {
-  getColorFromTheme,
-  baseStyles,
-  variantStyles,
-  effectStyles
-};
-//# sourceMappingURL=chunk-5UWSDTZV.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Toggle/Toggle.styles.ts"],"sourcesContent":["import { alpha, keyframes } from '@mui/material/styles/index.js';\nimport type { CSSObject, PaletteColor, Theme } from '@mui/material/styles/index.js';\n\nimport { fieldRadius } from '../../../tokens/field-radius';\nimport { asFieldSize, fieldBorder, fieldHeight } from '../../../tokens/field-height';\n\nconst glowAnimation = keyframes`\n  0% { box-shadow: 0 0 5px currentColor; }\n  50% { box-shadow: 0 0 15px currentColor, 0 0 25px currentColor; }\n  100% { box-shadow: 0 0 5px currentColor; }\n`;\n\nconst floatAnimation = keyframes`\n  0%, 100% { transform: translateY(0px); }\n  50% { transform: translateY(-2px); }\n`;\n\ninterface TogglePalette {\n  main: string;\n  dark: string;\n  light: string;\n  contrastText: string;\n}\n\nconst neutralPalette = (theme: Theme): TogglePalette => ({\n  main: theme.palette.grey?.[700] || '#616161',\n  dark: theme.palette.grey?.[800] || '#424242',\n  light: theme.palette.grey?.[500] || '#9e9e9e',\n  contrastText: '#fff',\n});\n\n// A theme can be handed to us with shades missing, so each one falls back through\n// the palette's own main colour before reaching for primary.\nconst shade = (\n  palette: PaletteColor | undefined,\n  key: 'dark' | 'light',\n  fallback: PaletteColor,\n): string => palette?.[key] || palette?.main || fallback[key];\n\nexport const getColorFromTheme = (theme: Theme, color: string): TogglePalette => {\n  if (color === 'neutral') return neutralPalette(theme);\n\n  const colorMap: Record<string, PaletteColor> = {\n    primary: theme.palette.primary,\n    secondary: theme.palette.secondary,\n    success: theme.palette.success,\n    warning: theme.palette.warning,\n    info: theme.palette.info,\n    danger: theme.palette.error,\n  };\n\n  const fallback = theme.palette.primary;\n  const palette = colorMap[color] || fallback;\n\n  return {\n    main: palette?.main || fallback.main,\n    dark: shade(palette, 'dark', fallback),\n    light: shade(palette, 'light', fallback),\n    contrastText: palette?.contrastText || '#fff',\n  };\n};\n\nconst SIZE_MAP: Record<string, CSSObject> = {\n  xs: { padding: '4px 8px', fontSize: '0.75rem' },\n  sm: { padding: '6px 12px', fontSize: '0.875rem' },\n  md: { padding: '8px 16px', fontSize: '1rem' },\n  lg: { padding: '10px 20px', fontSize: '1.125rem' },\n  xl: { padding: '12px 24px', fontSize: '1.25rem' },\n};\n\nexport const baseStyles = (\n  theme: Theme,\n  colorPalette: TogglePalette,\n  customSize: string,\n): CSSObject => ({\n  textTransform: 'none',\n  fontWeight: 500,\n  borderRadius: fieldRadius(theme),\n  transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n  border: fieldBorder(theme),\n  color: theme.palette.text.primary,\n  backgroundColor: 'transparent',\n  position: 'relative',\n  overflow: 'hidden',\n\n  // A zero-sized circle that grows to fill the button on hover.\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    width: 0,\n    height: 0,\n    borderRadius: '50%',\n    backgroundColor: alpha(colorPalette.main, 0.2),\n    transform: 'translate(-50%, -50%)',\n    transition: 'width 0.4s, height 0.4s',\n  },\n\n  '&:hover': {\n    backgroundColor: alpha(colorPalette.main, 0.08),\n    borderColor: colorPalette.main,\n    transform: 'translateY(-1px)',\n    boxShadow: `0 4px 8px ${alpha(colorPalette.main, 0.15)}`,\n    animation: `${floatAnimation} 2s ease-in-out infinite`,\n\n    '&::before': {\n      width: '100%',\n      height: '100%',\n    },\n  },\n\n  '&:active': {\n    transform: 'scale(0.98)',\n  },\n\n  '&.Mui-selected': {\n    backgroundColor: colorPalette.main,\n    color: colorPalette.contrastText || '#fff',\n    borderColor: colorPalette.main,\n    boxShadow: `0 2px 8px ${alpha(colorPalette.main, 0.3)}`,\n\n    '&::after': {\n      content: '\"\"',\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      background: `linear-gradient(135deg, transparent, ${alpha('#fff', 0.1)})`,\n      pointerEvents: 'none',\n    },\n\n    '&:hover': {\n      backgroundColor: colorPalette.dark,\n      transform: 'translateY(-2px) scale(1.02)',\n      boxShadow: `0 6px 20px ${alpha(colorPalette.main, 0.4)}`,\n    },\n  },\n\n  // Size wins over everything above it — its font and horizontal padding; the\n  // height is the theme's field height for the size.\n  ...(SIZE_MAP[customSize] ?? {}),\n  minHeight: fieldHeight(theme, asFieldSize(customSize)),\n  paddingTop: 0,\n  paddingBottom: 0,\n});\n\nexport const variantStyles = (\n  customVariant: string | undefined,\n  colorPalette: TogglePalette,\n): CSSObject => {\n  switch (customVariant) {\n    case 'outline':\n      return {\n        backgroundColor: 'transparent',\n        border: `2px solid ${colorPalette.main}`,\n        color: colorPalette.main,\n\n        '&.Mui-selected': {\n          backgroundColor: colorPalette.main,\n          color: colorPalette.contrastText || '#fff',\n        },\n      };\n    case 'soft':\n      return {\n        backgroundColor: alpha(colorPalette.main, 0.1),\n        border: 'none',\n        color: colorPalette.main,\n\n        '&.Mui-selected': {\n          backgroundColor: alpha(colorPalette.main, 0.2),\n          color: colorPalette.main,\n        },\n      };\n    default:\n      return {};\n  }\n};\n\ninterface ToggleEffects {\n  glass?: boolean;\n  gradient?: boolean;\n  glow?: boolean;\n}\n\n// gradient and glow both target `.Mui-selected`; with both on, the later spread\n// wins, so glow's animation replaces gradient's.\nexport const effectStyles = (\n  theme: Theme,\n  colorPalette: TogglePalette,\n  { glass, gradient, glow }: ToggleEffects,\n): CSSObject => ({\n  ...(glass && {\n    backgroundColor: alpha(theme.palette.background.paper, 0.1),\n    backdropFilter: 'blur(20px)',\n    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n  }),\n\n  ...(gradient && {\n    '&.Mui-selected': {\n      background: `linear-gradient(135deg, ${colorPalette.light}, ${colorPalette.main}, ${colorPalette.dark})`,\n      backgroundSize: '200% 200%',\n      animation: `${floatAnimation} 3s ease-in-out infinite`,\n      border: 'none',\n\n      '&:hover': {\n        backgroundPosition: '100% 100%',\n      },\n    },\n  }),\n\n  ...(glow && {\n    '&.Mui-selected': {\n      animation: `${glowAnimation} 2s ease-in-out infinite`,\n      boxShadow: `0 0 15px ${alpha(colorPalette.main, 0.6)}`,\n    },\n  }),\n});\n"],"mappings":"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","names":[]}

package/dist/chunk-5ZNU2U4D.js

@@ -1,41 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"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-62NFZR52.js

@@ -1,225 +0,0 @@
-import {
-  RAIL_GAP_PX
-} from "./chunk-LYSSO6WC.js";
-import {
-  DescriptionItem
-} from "./chunk-UEWIIYGA.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Text
-} from "./chunk-H57ZS6W2.js";
-
-// src/components/data-display/DataViews/base-list-card-slots.tsx
-import { Fragment } from "react";
-import { Fragment as Fragment2, jsx, jsxs } from "react/jsx-runtime";
-var META_BREAK = 520;
-var STACK_BREAK = 360;
-var TABULAR = { fontVariantNumeric: "tabular-nums" };
-var CLAMP = {
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap"
-};
-function ListCardCaption({
-  title,
-  subtitle,
-  href,
-  target,
-  testId
-}) {
-  return /* @__PURE__ */ jsxs(default2, { "data-slot": "caption", sx: { minWidth: 0 }, children: [
-    title != null && /* @__PURE__ */ jsx(Text, { variant: "heading", size: "sm", weight: "bold", as: "p", children: /* @__PURE__ */ jsx(
-      default2,
-      {
-        ...href ? { component: "a", href, target } : { component: "span" },
-        "data-testid": testId,
-        sx: {
-          display: "block",
-          lineHeight: 1.2,
-          fontSize: "0.9rem",
-          color: "inherit",
-          textDecoration: "none",
-          ...CLAMP,
-          ...href ? {
-            "&::after": {
-              content: '""',
-              position: "absolute",
-              inset: 0,
-              // Under the checkbox, drag grip, actions and menu, which
-              // all raise themselves to 1.
-              zIndex: 0
-            },
-            "&:hover": { textDecoration: "underline" }
-          } : {}
-        },
-        children: title
-      }
-    ) }),
-    subtitle != null && /* @__PURE__ */ jsx(Text, { variant: "caption", size: "xs", color: "secondary", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { display: "block", ...CLAMP }, children: subtitle }) })
-  ] });
-}
-function MetaRule() {
-  return /* @__PURE__ */ jsx(
-    default2,
-    {
-      "aria-hidden": true,
-      sx: {
-        flex: "0 0 auto",
-        color: "text.disabled",
-        opacity: 0.5,
-        userSelect: "none",
-        fontSize: "0.875rem",
-        // A cancelled row strikes the whole meta cluster, and a struck `|` is a
-        // dagger. The rule is punctuation, not data — nothing to void.
-        textDecoration: "none"
-      },
-      children: "|"
-    }
-  );
-}
-function ListCardMeta({
-  meta,
-  metaSlot,
-  trailingRule
-}) {
-  const items = meta ?? [];
-  return /* @__PURE__ */ jsxs(
-    default2,
-    {
-      "data-slot": "meta",
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-evenly",
-        // A FLOOR, not the spacing itself: `space-evenly` supplies the rest, and
-        // this is only what keeps a rail with no room to spare from running the
-        // date straight into the rule.
-        gap: 1,
-        whiteSpace: "nowrap",
-        ...TABULAR,
-        // Rung 1 of the ladder.
-        [`@container (max-width: ${META_BREAK}px)`]: { display: "none" }
-      },
-      children: [
-        items.map((item, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
-          index > 0 && /* @__PURE__ */ jsx(MetaRule, {}),
-          /* @__PURE__ */ jsx(
-            default2,
-            {
-              sx: {
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                minWidth: 0,
-                // Sized to the pair, so the gaps either side of it are free space
-                // that `space-evenly` can equalise.
-                flex: "0 0 auto"
-              },
-              children: /* @__PURE__ */ jsx(DescriptionItem, { orientation: "vertical", align: "center", ...item })
-            }
-          )
-        ] }, `${item.label}-${index}`)),
-        metaSlot,
-        trailingRule && items.length > 0 && /* @__PURE__ */ jsx(MetaRule, {})
-      ]
-    }
-  );
-}
-var VALUE_FLUSH = {
-  marginLeft: `-${RAIL_GAP_PX}px`,
-  [`@container (max-width: ${META_BREAK}px)`]: { marginLeft: 0 }
-};
-function ListCardValue({ value }) {
-  return /* @__PURE__ */ jsx(Text, { variant: "body", size: "sm", weight: "medium", as: "span", children: /* @__PURE__ */ jsx(
-    default2,
-    {
-      component: "span",
-      sx: { fontSize: "0.875rem", whiteSpace: "nowrap", ...TABULAR },
-      children: value
-    }
-  ) });
-}
-function ListCardActions({
-  actions,
-  alwaysVisible,
-  menu,
-  testId
-}) {
-  if (actions == null && menu == null) return null;
-  return (
-    // z-index 1: above the stretched link, so these stay clickable.
-    /* @__PURE__ */ jsxs(
-      default2,
-      {
-        "data-slot": "actions",
-        sx: { display: "flex", alignItems: "center", gap: 0.5, position: "relative", zIndex: 1 },
-        children: [
-          actions && /* @__PURE__ */ jsx(
-            default2,
-            {
-              "data-testid": testId("actions"),
-              onClick: (event) => event.stopPropagation(),
-              sx: {
-                display: "flex",
-                alignItems: "center",
-                gap: 0.5,
-                ...alwaysVisible ? {} : {
-                  visibility: "hidden",
-                  ".MuiPaper-root:hover &, .MuiPaper-root:focus-within &": {
-                    visibility: "visible"
-                  }
-                }
-              },
-              children: actions
-            }
-          ),
-          menu && /* @__PURE__ */ jsx(default2, { "data-testid": testId("menu"), onClick: (event) => event.stopPropagation(), children: menu })
-        ]
-      }
-    )
-  );
-}
-function ListCardTail({
-  value,
-  separated,
-  actions,
-  actionsAlwaysVisible,
-  menu,
-  testId
-}) {
-  return /* @__PURE__ */ jsxs(Fragment2, { children: [
-    /* @__PURE__ */ jsx(
-      default2,
-      {
-        "data-slot": "value",
-        sx: {
-          textAlign: "right",
-          ...separated && value != null ? VALUE_FLUSH : {}
-        },
-        "data-testid": testId("value"),
-        children: value != null && /* @__PURE__ */ jsx(ListCardValue, { value })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      ListCardActions,
-      {
-        actions,
-        alwaysVisible: actionsAlwaysVisible,
-        menu,
-        testId
-      }
-    )
-  ] });
-}
-
-export {
-  META_BREAK,
-  STACK_BREAK,
-  ListCardCaption,
-  ListCardMeta,
-  ListCardActions,
-  ListCardTail
-};
-//# sourceMappingURL=chunk-62NFZR52.js.map

package/dist/chunk-65JHGT5F.js

@@ -1,39 +0,0 @@
-import {
-  useFormContext
-} from "./chunk-4XK6JQ4D.js";
-import {
-  Select
-} from "./chunk-OGPOTZAU.js";
-import {
-  FormControl,
-  FormLabel,
-  FormMessage
-} from "./chunk-IPPTOL53.js";
-
-// src/components/form/total-form/Fields/SelectField.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function SelectField({ name, options, label, placeholder }) {
-  const { values, errors, setFieldValue } = useFormContext();
-  const error = errors[name];
-  const testId = `total-form-field-${name}`;
-  return /* @__PURE__ */ jsxs(FormControl, { fullWidth: true, children: [
-    label && /* @__PURE__ */ jsx(FormLabel, { htmlFor: name, error: Boolean(error), children: label }),
-    /* @__PURE__ */ jsx(
-      Select,
-      {
-        options,
-        placeholder,
-        value: values[name] ?? "",
-        error: Boolean(error),
-        "data-testid": testId,
-        onChange: (event) => setFieldValue(name, String(event.target.value))
-      }
-    ),
-    error && /* @__PURE__ */ jsx(FormMessage, { error: true, dataTestId: `${testId}-message`, children: error })
-  ] });
-}
-
-export {
-  SelectField
-};
-//# sourceMappingURL=chunk-65JHGT5F.js.map

package/dist/chunk-67N6TH6E.js

@@ -1,83 +0,0 @@
-import {
-  METRICS,
-  footerSx
-} from "./chunk-LGLHU55A.js";
-import {
-  fieldRadiusPx
-} from "./chunk-GDN2LUTZ.js";
-
-// src/components/form/CategorySelect/CategoryPanelFoot.tsx
-import Box from "@mui/material/Box/index.js";
-import Button from "@mui/material/Button/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var buttonSx = (sheet) => ({
-  height: sheet ? METRICS.sheetFooterButton : METRICS.footerButton,
-  padding: "0 13px",
-  borderRadius: fieldRadiusPx,
-  fontSize: 12.5,
-  fontWeight: 600,
-  textTransform: "none",
-  minWidth: 0
-});
-function CategoryMultiFoot({
-  count,
-  changed,
-  sheet,
-  onClear,
-  onApply,
-  dataTestId,
-  copy
-}) {
-  return /* @__PURE__ */ jsxs(Box, { sx: footerSx, "data-testid": `${dataTestId}-footer`, children: [
-    /* @__PURE__ */ jsx(Box, { component: "span", sx: { fontSize: 12, color: "text.secondary" }, children: copy.footer.selectedCount(count) }),
-    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: "6px" }, children: [
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "outlined",
-          disabled: count === 0,
-          sx: buttonSx(sheet),
-          onClick: onClear,
-          "data-testid": `${dataTestId}-clear`,
-          children: copy.footer.clear
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "contained",
-          sx: buttonSx(sheet),
-          onClick: onApply,
-          "data-testid": `${dataTestId}-apply`,
-          children: changed ? copy.footer.apply : copy.footer.close
-        }
-      )
-    ] })
-  ] });
-}
-function CategorySingleFoot({
-  sheet,
-  onCancel,
-  dataTestId,
-  copy
-}) {
-  return /* @__PURE__ */ jsxs(Box, { sx: footerSx, "data-testid": `${dataTestId}-footer`, children: [
-    /* @__PURE__ */ jsx(Box, { component: "span", sx: { fontSize: 12, color: "text.secondary" }, children: copy.footer.singleHint }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "outlined",
-        sx: buttonSx(sheet),
-        onClick: onCancel,
-        "data-testid": `${dataTestId}-cancel`,
-        children: copy.footer.cancel
-      }
-    )
-  ] });
-}
-
-export {
-  CategoryMultiFoot,
-  CategorySingleFoot
-};
-//# sourceMappingURL=chunk-67N6TH6E.js.map