@12-apps/ui 6.11.0 → 6.11.1

package/dist/chunk-RCPZGE45.js

@@ -0,0 +1,82 @@
+import {
+  baseStyles,
+  effectStyles,
+  getColorFromTheme,
+  variantStyles
+} from "./chunk-T2HWWUOS.js";
+
+// src/components/form/Toggle/Toggle.tsx
+import { ToggleButton } from "@mui/material";
+import { styled } from "@mui/material";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var StyledToggle = styled(ToggleButton, {
+  shouldForwardProp: (prop) => !["customVariant", "customColor", "customSize", "glow", "glass", "gradient"].includes(
+    prop
+  )
+})(({
+  theme,
+  customVariant,
+  customColor = "primary",
+  customSize = "md",
+  glow,
+  glass,
+  gradient
+}) => {
+  const colorPalette = getColorFromTheme(theme, customColor);
+  return {
+    ...baseStyles(theme, colorPalette, customSize),
+    ...variantStyles(customVariant, colorPalette),
+    ...effectStyles(theme, colorPalette, { glass, gradient, glow })
+  };
+});
+var Toggle = forwardRef(
+  ({
+    variant = "default",
+    color = "primary",
+    size = "md",
+    icon,
+    glow = false,
+    glass = false,
+    gradient = false,
+    dataTestId,
+    children,
+    ...props
+  }, ref) => {
+    const testIds = {
+      container: dataTestId,
+      icon: dataTestId ? `${dataTestId}-icon` : void 0
+    };
+    return /* @__PURE__ */ jsxs(
+      StyledToggle,
+      {
+        ref,
+        customVariant: variant,
+        customColor: color,
+        customSize: size,
+        glow,
+        glass,
+        gradient,
+        "data-testid": testIds.container,
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ jsx(
+            "span",
+            {
+              style: { marginRight: children ? "8px" : "0" },
+              "data-testid": testIds.icon,
+              children: icon
+            }
+          ),
+          children
+        ]
+      }
+    );
+  }
+);
+Toggle.displayName = "Toggle";
+
+export {
+  Toggle
+};
+//# sourceMappingURL=chunk-RCPZGE45.js.map

package/dist/chunk-RCPZGE45.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Toggle/Toggle.tsx"],"sourcesContent":["import { ToggleButton } from '@mui/material';\nimport { styled } from '@mui/material';\nimport React, { forwardRef } from 'react';\n\nimport {\n  baseStyles,\n  effectStyles,\n  getColorFromTheme,\n  variantStyles,\n} from './Toggle.styles';\nimport type { ToggleProps } from './Toggle.types';\n\nconst StyledToggle = styled(ToggleButton, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'customColor', 'customSize', 'glow', 'glass', 'gradient'].includes(\n      prop as string,\n    ),\n})<{\n  customVariant?: string;\n  customColor?: string;\n  customSize?: string;\n  glow?: boolean;\n  glass?: boolean;\n  gradient?: boolean;\n}>(({\n  theme,\n  customVariant,\n  customColor = 'primary',\n  customSize = 'md',\n  glow,\n  glass,\n  gradient,\n}) => {\n  const colorPalette = getColorFromTheme(theme, customColor);\n\n  return {\n    ...baseStyles(theme, colorPalette, customSize),\n    ...variantStyles(customVariant, colorPalette),\n    ...effectStyles(theme, colorPalette, { glass, gradient, glow }),\n  };\n});\n\nexport const Toggle = forwardRef<HTMLButtonElement, ToggleProps>(\n  (\n    {\n      variant = 'default',\n      color = 'primary',\n      size = 'md',\n      icon,\n      glow = false,\n      glass = false,\n      gradient = false,\n      dataTestId,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const testIds = {\n      container: dataTestId,\n      icon: dataTestId ? `${dataTestId}-icon` : undefined,\n    };\n\n    return (\n      <StyledToggle\n        ref={ref}\n        customVariant={variant}\n        customColor={color}\n        customSize={size}\n        glow={glow}\n        glass={glass}\n        gradient={gradient}\n        data-testid={testIds.container}\n        {...props}\n      >\n        {icon && (\n          <span\n            style={{ marginRight: children ? '8px' : '0' }}\n            data-testid={testIds.icon}\n          >\n            {icon}\n          </span>\n        )}\n        {children}\n      </StyledToggle>\n    );\n  },\n);\n\nToggle.displayName = 'Toggle';\n"],"mappings":";;;;;;;;AAAA,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAgB,kBAAkB;AA8D5B,SAYI,KAZJ;AApDN,IAAM,eAAe,OAAO,cAAc;AAAA,EACxC,mBAAmB,CAAC,SAClB,CAAC,CAAC,iBAAiB,eAAe,cAAc,QAAQ,SAAS,UAAU,EAAE;AAAA,IAC3E;AAAA,EACF;AACJ,CAAC,EAOE,CAAC;AAAA,EACF;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,eAAe,kBAAkB,OAAO,WAAW;AAEzD,SAAO;AAAA,IACL,GAAG,WAAW,OAAO,cAAc,UAAU;AAAA,IAC7C,GAAG,cAAc,eAAe,YAAY;AAAA,IAC5C,GAAG,aAAa,OAAO,cAAc,EAAE,OAAO,UAAU,KAAK,CAAC;AAAA,EAChE;AACF,CAAC;AAEM,IAAM,SAAS;AAAA,EACpB,CACE;AAAA,IACE,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,OAAO;AAAA,IACP;AAAA,IACA,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,UAAU;AAAA,MACd,WAAW;AAAA,MACX,MAAM,aAAa,GAAG,UAAU,UAAU;AAAA,IAC5C;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAe;AAAA,QACf,aAAa;AAAA,QACb,YAAY;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAa,QAAQ;AAAA,QACpB,GAAG;AAAA,QAEH;AAAA,kBACC;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,EAAE,aAAa,WAAW,QAAQ,IAAI;AAAA,cAC7C,eAAa,QAAQ;AAAA,cAEpB;AAAA;AAAA,UACH;AAAA,UAED;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;","names":[]}

package/dist/chunk-RHIDWUK7.js

@@ -0,0 +1,29 @@
+// src/components/layout/ScrollArea/ScrollArea.helpers.ts
+var SCROLL_AREA_DEFAULTS = {
+  width: "100%",
+  height: "100%",
+  orientation: "vertical",
+  scrollbarSize: "medium",
+  autoHide: true,
+  autoHideDelay: 1e3,
+  smoothScroll: true,
+  variant: "default",
+  scrollToTopButton: false,
+  scrollToTopThreshold: 100,
+  contentPadding: 0,
+  alwaysShowScrollbar: false,
+  disabled: false,
+  loading: false,
+  testId: "scroll-area"
+};
+var resolveScrollAreaProps = (props) => ({
+  ...SCROLL_AREA_DEFAULTS,
+  ...Object.fromEntries(
+    Object.entries(props).filter(([, value]) => value !== void 0)
+  )
+});
+
+export {
+  resolveScrollAreaProps
+};
+//# sourceMappingURL=chunk-RHIDWUK7.js.map

package/dist/chunk-RHIDWUK7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/ScrollArea/ScrollArea.helpers.ts"],"sourcesContent":["import type { ScrollAreaProps } from './ScrollArea.types';\n\ntype ScrollAreaDefaultedKeys =\n  | 'width'\n  | 'height'\n  | 'orientation'\n  | 'scrollbarSize'\n  | 'autoHide'\n  | 'autoHideDelay'\n  | 'smoothScroll'\n  | 'variant'\n  | 'scrollToTopButton'\n  | 'scrollToTopThreshold'\n  | 'contentPadding'\n  | 'alwaysShowScrollbar'\n  | 'disabled'\n  | 'loading'\n  | 'testId';\n\nexport type ResolvedScrollAreaProps = ScrollAreaProps &\n  Required<Pick<ScrollAreaProps, ScrollAreaDefaultedKeys>>;\n\nconst SCROLL_AREA_DEFAULTS: Pick<ScrollAreaProps, ScrollAreaDefaultedKeys> = {\n  width: '100%',\n  height: '100%',\n  orientation: 'vertical',\n  scrollbarSize: 'medium',\n  autoHide: true,\n  autoHideDelay: 1000,\n  smoothScroll: true,\n  variant: 'default',\n  scrollToTopButton: false,\n  scrollToTopThreshold: 100,\n  contentPadding: 0,\n  alwaysShowScrollbar: false,\n  disabled: false,\n  loading: false,\n  testId: 'scroll-area',\n};\n\n// Strips explicitly-undefined props before the merge, so `prop={undefined}` still\n// falls back to the default exactly as a destructuring default would. Applied as\n// a merge rather than destructuring defaults, which would otherwise put fifteen\n// branches into the component's own complexity budget.\nexport const resolveScrollAreaProps = (props: ScrollAreaProps): ResolvedScrollAreaProps =>\n  ({\n    ...SCROLL_AREA_DEFAULTS,\n    ...(Object.fromEntries(\n      Object.entries(props).filter(([, value]) => value !== undefined),\n    ) as Partial<ScrollAreaProps>),\n  }) as ResolvedScrollAreaProps;\n"],"mappings":";AAsBA,IAAM,uBAAuE;AAAA,EAC3E,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,eAAe;AAAA,EACf,UAAU;AAAA,EACV,eAAe;AAAA,EACf,cAAc;AAAA,EACd,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,EACrB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AACV;AAMO,IAAM,yBAAyB,CAAC,WACpC;AAAA,EACC,GAAG;AAAA,EACH,GAAI,OAAO;AAAA,IACT,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AAAA,EACjE;AACF;","names":[]}

package/dist/chunk-RI5JZLZL.js

@@ -0,0 +1,18 @@
+// src/components/layout/Card/Card.helpers.ts
+var CARD_DEFAULTS = {
+  variant: "elevated",
+  interactive: false,
+  glow: false,
+  pulse: false,
+  borderRadius: "md",
+  loading: false
+};
+var definedProps = (props) => Object.fromEntries(
+  Object.entries(props).filter(([, value]) => value !== void 0)
+);
+var resolveCardProps = (props) => ({ ...CARD_DEFAULTS, ...definedProps(props) });
+
+export {
+  resolveCardProps
+};
+//# sourceMappingURL=chunk-RI5JZLZL.js.map

package/dist/chunk-RI5JZLZL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Card/Card.helpers.ts"],"sourcesContent":["import type { CardProps } from './Card.types';\n\ntype CardDefaultedKeys =\n  | 'variant'\n  | 'interactive'\n  | 'glow'\n  | 'pulse'\n  | 'borderRadius'\n  | 'loading';\n\ntype ResolvedCardProps = CardProps & Required<Pick<CardProps, CardDefaultedKeys>>;\n\nconst CARD_DEFAULTS: Pick<CardProps, CardDefaultedKeys> = {\n  variant: 'elevated',\n  interactive: false,\n  glow: false,\n  pulse: false,\n  borderRadius: 'md',\n  loading: false,\n};\n\n// Strips explicitly-undefined props before the merge, so `glow={undefined}` still\n// falls back to the default exactly as a destructuring default would.\nconst definedProps = (props: CardProps): Partial<CardProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<CardProps>;\n\nexport const resolveCardProps = (props: CardProps): ResolvedCardProps =>\n  ({ ...CARD_DEFAULTS, ...definedProps(props) }) as ResolvedCardProps;\n"],"mappings":";AAYA,IAAM,gBAAoD;AAAA,EACxD,SAAS;AAAA,EACT,aAAa;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AAAA,EACP,cAAc;AAAA,EACd,SAAS;AACX;AAIA,IAAM,eAAe,CAAC,UACpB,OAAO;AAAA,EACL,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AACjE;AAEK,IAAM,mBAAmB,CAAC,WAC9B,EAAE,GAAG,eAAe,GAAG,aAAa,KAAK,EAAE;","names":[]}

package/dist/chunk-RIPALLQG.js

@@ -0,0 +1,84 @@
+import {
+  getSizeStyles
+} from "./chunk-X3MT3H4W.js";
+
+// src/components/data-display/Badge/BadgeContent.tsx
+import CloseIcon from "@mui/icons-material/Close";
+import { IconButton } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+var CLOSE_ICON_SIZES = {
+  xs: "0.5rem",
+  sm: "0.625rem",
+  md: "0.75rem",
+  lg: "0.875rem"
+};
+var makeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `badge-${suffix}`;
+var BadgeIcon = ({
+  icon,
+  size,
+  testId
+}) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    "data-testid": testId,
+    style: {
+      fontSize: getSizeStyles(size).iconSize,
+      display: "inline-flex",
+      alignItems: "center"
+    },
+    children: icon
+  },
+  "icon"
+);
+var BadgeCloseButton = ({
+  size,
+  testId,
+  onClose
+}) => /* @__PURE__ */ jsx(
+  IconButton,
+  {
+    size: "small",
+    onClick: onClose,
+    "data-testid": testId,
+    sx: {
+      p: 0,
+      ml: 0.5,
+      color: "inherit",
+      "& svg": { fontSize: CLOSE_ICON_SIZES[size] ?? CLOSE_ICON_SIZES.lg },
+      "&:hover": { opacity: 0.8 }
+    },
+    children: /* @__PURE__ */ jsx(CloseIcon, {})
+  },
+  "close"
+);
+var buildBadgeContent = ({
+  variant,
+  size,
+  icon,
+  closable,
+  dataTestId,
+  baseContent,
+  onClose
+}) => {
+  if (variant === "dot") return "";
+  const testId = makeTestId(dataTestId);
+  const parts = [];
+  if (icon) parts.push(/* @__PURE__ */ jsx(BadgeIcon, { icon, size, testId: testId("icon") }, "icon"));
+  if (baseContent !== null && baseContent !== void 0) {
+    parts.push(
+      /* @__PURE__ */ jsx("span", { "data-testid": testId("content"), children: baseContent }, "content")
+    );
+  }
+  if (closable && !variant.includes("dot")) {
+    parts.push(
+      /* @__PURE__ */ jsx(BadgeCloseButton, { size, testId: testId("close"), onClose }, "close")
+    );
+  }
+  if (parts.length === 0) return null;
+  return /* @__PURE__ */ jsx("span", { style: { display: "inline-flex", alignItems: "center", gap: "2px" }, children: parts });
+};
+
+export {
+  buildBadgeContent
+};
+//# sourceMappingURL=chunk-RIPALLQG.js.map

package/dist/chunk-RIPALLQG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Badge/BadgeContent.tsx"],"sourcesContent":["import CloseIcon from '@mui/icons-material/Close';\nimport { IconButton } from '@mui/material';\nimport type { FC, ReactNode } from 'react';\nimport React from 'react';\n\nimport { getSizeStyles } from './Badge.styles';\nimport type { BadgeSize } from './Badge.types';\n\n// CLOSE_ICON_SIZES already exists in Badge.tsx; the size lookup lives here now.\nconst CLOSE_ICON_SIZES: Record<string, string> = {\n  xs: '0.5rem',\n  sm: '0.625rem',\n  md: '0.75rem',\n  lg: '0.875rem',\n};\n\nconst makeTestId =\n  (dataTestId?: string) =>\n  (suffix: string): string =>\n    dataTestId ? `${dataTestId}-${suffix}` : `badge-${suffix}`;\n\nconst BadgeIcon: FC<{ icon: ReactNode; size: BadgeSize; testId: string }> = ({\n  icon,\n  size,\n  testId,\n}) => (\n  <span\n    key=\"icon\"\n    data-testid={testId}\n    style={{\n      fontSize: getSizeStyles(size).iconSize,\n      display: 'inline-flex',\n      alignItems: 'center',\n    }}\n  >\n    {icon}\n  </span>\n);\n\nconst BadgeCloseButton: FC<{ size: BadgeSize; testId: string; onClose: (e: React.MouseEvent) => void }> = ({\n  size,\n  testId,\n  onClose,\n}) => (\n  <IconButton\n    key=\"close\"\n    size=\"small\"\n    onClick={onClose}\n    data-testid={testId}\n    sx={{\n      p: 0,\n      ml: 0.5,\n      color: 'inherit',\n      '& svg': { fontSize: CLOSE_ICON_SIZES[size] ?? CLOSE_ICON_SIZES.lg },\n      '&:hover': { opacity: 0.8 },\n    }}\n  >\n    <CloseIcon />\n  </IconButton>\n);\n\n// The badge's inner run: optional icon, the content itself, optional close\n// button. A dot badge shows none of it.\nexport const buildBadgeContent = ({\n  variant,\n  size,\n  icon,\n  closable,\n  dataTestId,\n  baseContent,\n  onClose,\n}: {\n  variant: string;\n  size: BadgeSize;\n  icon?: ReactNode;\n  closable?: boolean;\n  dataTestId?: string;\n  baseContent: ReactNode;\n  onClose: (e: React.MouseEvent) => void;\n}): ReactNode => {\n  if (variant === 'dot') return '';\n\n  const testId = makeTestId(dataTestId);\n  const parts: ReactNode[] = [];\n\n  if (icon) parts.push(<BadgeIcon key=\"icon\" icon={icon} size={size} testId={testId('icon')} />);\n\n  if (baseContent !== null && baseContent !== undefined) {\n    parts.push(\n      <span key=\"content\" data-testid={testId('content')}>\n        {baseContent}\n      </span>,\n    );\n  }\n\n  if (closable && !variant.includes('dot')) {\n    parts.push(\n      <BadgeCloseButton key=\"close\" size={size} testId={testId('close')} onClose={onClose} />,\n    );\n  }\n\n  if (parts.length === 0) return null;\n\n  return (\n    <span style={{ display: 'inline-flex', alignItems: 'center', gap: '2px' }}>{parts}</span>\n  );\n};\n"],"mappings":";;;;;AAAA,OAAO,eAAe;AACtB,SAAS,kBAAkB;AAyBzB;AAjBF,IAAM,mBAA2C;AAAA,EAC/C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAM,aACJ,CAAC,eACD,CAAC,WACC,aAAa,GAAG,UAAU,IAAI,MAAM,KAAK,SAAS,MAAM;AAE5D,IAAM,YAAsE,CAAC;AAAA,EAC3E;AAAA,EACA;AAAA,EACA;AACF,MACE;AAAA,EAAC;AAAA;AAAA,IAEC,eAAa;AAAA,IACb,OAAO;AAAA,MACL,UAAU,cAAc,IAAI,EAAE;AAAA,MAC9B,SAAS;AAAA,MACT,YAAY;AAAA,IACd;AAAA,IAEC;AAAA;AAAA,EARG;AASN;AAGF,IAAM,mBAAoG,CAAC;AAAA,EACzG;AAAA,EACA;AAAA,EACA;AACF,MACE;AAAA,EAAC;AAAA;AAAA,IAEC,MAAK;AAAA,IACL,SAAS;AAAA,IACT,eAAa;AAAA,IACb,IAAI;AAAA,MACF,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,SAAS,EAAE,UAAU,iBAAiB,IAAI,KAAK,iBAAiB,GAAG;AAAA,MACnE,WAAW,EAAE,SAAS,IAAI;AAAA,IAC5B;AAAA,IAEA,8BAAC,aAAU;AAAA;AAAA,EAZP;AAaN;AAKK,IAAM,oBAAoB,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAQiB;AACf,MAAI,YAAY,MAAO,QAAO;AAE9B,QAAM,SAAS,WAAW,UAAU;AACpC,QAAM,QAAqB,CAAC;AAE5B,MAAI,KAAM,OAAM,KAAK,oBAAC,aAAqB,MAAY,MAAY,QAAQ,OAAO,MAAM,KAApD,MAAuD,CAAE;AAE7F,MAAI,gBAAgB,QAAQ,gBAAgB,QAAW;AACrD,UAAM;AAAA,MACJ,oBAAC,UAAmB,eAAa,OAAO,SAAS,GAC9C,yBADO,SAEV;AAAA,IACF;AAAA,EACF;AAEA,MAAI,YAAY,CAAC,QAAQ,SAAS,KAAK,GAAG;AACxC,UAAM;AAAA,MACJ,oBAAC,oBAA6B,MAAY,QAAQ,OAAO,OAAO,GAAG,WAA7C,OAA+D;AAAA,IACvF;AAAA,EACF;AAEA,MAAI,MAAM,WAAW,EAAG,QAAO;AAE/B,SACE,oBAAC,UAAK,OAAO,EAAE,SAAS,eAAe,YAAY,UAAU,KAAK,MAAM,GAAI,iBAAM;AAEtF;","names":[]}

package/dist/chunk-RIPTJNRP.js

@@ -0,0 +1,103 @@
+import {
+  TextFieldSlim
+} from "./chunk-YRRVE2Q2.js";
+import {
+  SIZE_MAP,
+  filledStyles,
+  floatingLabelStyles,
+  glowStyles,
+  inputBaseStyles,
+  muiVariantFor,
+  outlinedStyles,
+  pulseStyles
+} from "./chunk-STWPNHBB.js";
+
+// src/components/form/Input/Input.tsx
+import { CircularProgress, InputAdornment, styled } from "@mui/material";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var StyledTextField = styled(TextFieldSlim, {
+  shouldForwardProp: (prop) => !["customVariant", "floating", "glow", "pulse", "loading"].includes(prop)
+})(({ theme, customVariant, floating, glow, pulse, loading }) => ({
+  position: "relative",
+  opacity: loading ? 0.7 : 1,
+  ...glow ? glowStyles(theme) : {},
+  ...pulse ? pulseStyles(theme) : {},
+  ...floating ? floatingLabelStyles(theme) : {},
+  "& .MuiInputBase-root": {
+    transition: "all 0.3s ease",
+    ...inputBaseStyles(theme, customVariant)
+  },
+  "& .MuiOutlinedInput-root": outlinedStyles(theme),
+  "& .MuiFilledInput-root": filledStyles(theme)
+}));
+var EndAdornment = ({
+  loading,
+  endAdornment
+}) => {
+  if (loading) {
+    return /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(CircularProgress, { size: 20 }) });
+  }
+  if (!endAdornment) return null;
+  return /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: endAdornment });
+};
+var interactionProps = (loading, onClick, disabled) => ({
+  disabled: loading || disabled,
+  onClick: loading ? void 0 : onClick
+});
+var Input = React.forwardRef(
+  ({
+    variant = "outlined",
+    size = "md",
+    label,
+    error,
+    helperText,
+    startAdornment,
+    endAdornment,
+    fullWidth = true,
+    floating = false,
+    glow = false,
+    pulse = false,
+    loading = false,
+    onClick,
+    onFocus,
+    onBlur,
+    "data-testid": dataTestId,
+    "aria-label": ariaLabel,
+    ...props
+  }, ref) => /* @__PURE__ */ jsx(
+    StyledTextField,
+    {
+      ref,
+      variant: muiVariantFor(variant),
+      customVariant: variant,
+      floating,
+      glow,
+      pulse,
+      loading,
+      label,
+      error,
+      helperText,
+      fullWidth,
+      ...interactionProps(loading, onClick, props.disabled),
+      onFocus,
+      onBlur,
+      inputProps: {
+        "data-testid": dataTestId,
+        ...ariaLabel === void 0 ? {} : { "aria-label": ariaLabel }
+      },
+      InputProps: {
+        startAdornment: startAdornment && /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: startAdornment }),
+        endAdornment: /* @__PURE__ */ jsx(EndAdornment, { loading, endAdornment })
+      },
+      ...SIZE_MAP[size],
+      ...props
+    }
+  )
+);
+Input.displayName = "Input";
+
+export {
+  Input
+};
+//# sourceMappingURL=chunk-RIPTJNRP.js.map

package/dist/chunk-RIPTJNRP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Input/Input.tsx"],"sourcesContent":["import { CircularProgress, InputAdornment, styled } from '@mui/material';\nimport React from 'react';\n\nimport { TextFieldSlim } from './text-field-slim';\n\nimport {\n  filledStyles,\n  floatingLabelStyles,\n  glowStyles,\n  inputBaseStyles,\n  muiVariantFor,\n  outlinedStyles,\n  pulseStyles,\n  SIZE_MAP,\n} from './Input.styles';\nimport type { InputProps } from './Input.types';\n\n/**\n * `TextFieldSlim`, not `TextField` — see `text-field-slim.tsx`. MUI's own\n * `TextField` imports `Select` unconditionally, and through it `Menu`,\n * `Popover`, `Modal` and seven more component modules, so every screen with one\n * text box shipped a dropdown it can never render. Same composition, same DOM,\n * same prop routing; the select branch is the only thing missing.\n */\nconst StyledTextField = styled(TextFieldSlim, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'floating', 'glow', 'pulse', 'loading'].includes(prop as string),\n})<{\n  customVariant?: InputProps['variant'];\n  floating?: boolean;\n  glow?: boolean;\n  pulse?: boolean;\n  loading?: boolean;\n}>(({ theme, customVariant, floating, glow, pulse, loading }) => ({\n  position: 'relative',\n  opacity: loading ? 0.7 : 1,\n\n  ...(glow ? glowStyles(theme) : {}),\n  ...(pulse ? pulseStyles(theme) : {}),\n  ...(floating ? floatingLabelStyles(theme) : {}),\n\n  '& .MuiInputBase-root': {\n    transition: 'all 0.3s ease',\n    ...inputBaseStyles(theme, customVariant),\n  },\n\n  '& .MuiOutlinedInput-root': outlinedStyles(theme),\n  '& .MuiFilledInput-root': filledStyles(theme),\n}));\n\n/** Only one adornment shows at a time: the spinner replaces the caller's while loading. */\nconst EndAdornment: React.FC<{ loading: boolean; endAdornment?: React.ReactNode }> = ({\n  loading,\n  endAdornment,\n}) => {\n  if (loading) {\n    return (\n      <InputAdornment position=\"end\">\n        <CircularProgress size={20} />\n      </InputAdornment>\n    );\n  }\n\n  if (!endAdornment) return null;\n\n  return <InputAdornment position=\"end\">{endAdornment}</InputAdornment>;\n};\n\n/** While loading the field is inert: no clicks, and disabled to assistive tech. */\nconst interactionProps = (\n  loading: boolean,\n  onClick: InputProps['onClick'],\n  disabled?: boolean,\n) => ({\n  disabled: loading || disabled,\n  onClick: loading ? undefined : onClick,\n});\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      variant = 'outlined',\n      size = 'md',\n      label,\n      error,\n      helperText,\n      startAdornment,\n      endAdornment,\n      fullWidth = true,\n      floating = false,\n      glow = false,\n      pulse = false,\n      loading = false,\n      onClick,\n      onFocus,\n      onBlur,\n      'data-testid': dataTestId,\n      'aria-label': ariaLabel,\n      ...props\n    },\n    ref,\n  ) => (\n    <StyledTextField\n      ref={ref}\n      variant={muiVariantFor(variant)}\n      customVariant={variant}\n      floating={floating}\n      glow={glow}\n      pulse={pulse}\n      loading={loading}\n      label={label}\n      error={error}\n      helperText={helperText}\n      fullWidth={fullWidth}\n      {...interactionProps(loading, onClick, props.disabled)}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      /*\n       * `aria-label` has to ride `inputProps` to reach the `<input>` (FUT-755).\n       * Spread with the rest it lands on the FormControl DIV that the text\n       * field renders as its root, which carries no role — so the field kept\n       * no accessible name, and a source grep saying \"this input is labelled\"\n       * disagreed with the DOM. The reports search box and the block-title\n       * inputs were both named in source and anonymous to a screen reader.\n       */\n      inputProps={{\n        'data-testid': dataTestId,\n        ...(ariaLabel === undefined ? {} : { 'aria-label': ariaLabel }),\n      }}\n      InputProps={{\n        startAdornment: startAdornment && (\n          <InputAdornment position=\"start\">{startAdornment}</InputAdornment>\n        ),\n        endAdornment: <EndAdornment loading={loading} endAdornment={endAdornment} />,\n      }}\n      {...SIZE_MAP[size]}\n      {...props}\n    />\n  ),\n);\n\nInput.displayName = 'Input';\n"],"mappings":";;;;;;;;;;;;;;;AAAA,SAAS,kBAAkB,gBAAgB,cAAc;AACzD,OAAO,WAAW;AAyDV;AAlCR,IAAM,kBAAkB,OAAO,eAAe;AAAA,EAC5C,mBAAmB,CAAC,SAClB,CAAC,CAAC,iBAAiB,YAAY,QAAQ,SAAS,SAAS,EAAE,SAAS,IAAc;AACtF,CAAC,EAME,CAAC,EAAE,OAAO,eAAe,UAAU,MAAM,OAAO,QAAQ,OAAO;AAAA,EAChE,UAAU;AAAA,EACV,SAAS,UAAU,MAAM;AAAA,EAEzB,GAAI,OAAO,WAAW,KAAK,IAAI,CAAC;AAAA,EAChC,GAAI,QAAQ,YAAY,KAAK,IAAI,CAAC;AAAA,EAClC,GAAI,WAAW,oBAAoB,KAAK,IAAI,CAAC;AAAA,EAE7C,wBAAwB;AAAA,IACtB,YAAY;AAAA,IACZ,GAAG,gBAAgB,OAAO,aAAa;AAAA,EACzC;AAAA,EAEA,4BAA4B,eAAe,KAAK;AAAA,EAChD,0BAA0B,aAAa,KAAK;AAC9C,EAAE;AAGF,IAAM,eAA+E,CAAC;AAAA,EACpF;AAAA,EACA;AACF,MAAM;AACJ,MAAI,SAAS;AACX,WACE,oBAAC,kBAAe,UAAS,OACvB,8BAAC,oBAAiB,MAAM,IAAI,GAC9B;AAAA,EAEJ;AAEA,MAAI,CAAC,aAAc,QAAO;AAE1B,SAAO,oBAAC,kBAAe,UAAS,OAAO,wBAAa;AACtD;AAGA,IAAM,mBAAmB,CACvB,SACA,SACA,cACI;AAAA,EACJ,UAAU,WAAW;AAAA,EACrB,SAAS,UAAU,SAAY;AACjC;AAEO,IAAM,QAAQ,MAAM;AAAA,EACzB,CACE;AAAA,IACE,UAAU;AAAA,IACV,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,cAAc;AAAA,IACd,GAAG;AAAA,EACL,GACA,QAEA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAS,cAAc,OAAO;AAAA,MAC9B,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG,iBAAiB,SAAS,SAAS,MAAM,QAAQ;AAAA,MACrD;AAAA,MACA;AAAA,MASA,YAAY;AAAA,QACV,eAAe;AAAA,QACf,GAAI,cAAc,SAAY,CAAC,IAAI,EAAE,cAAc,UAAU;AAAA,MAC/D;AAAA,MACA,YAAY;AAAA,QACV,gBAAgB,kBACd,oBAAC,kBAAe,UAAS,SAAS,0BAAe;AAAA,QAEnD,cAAc,oBAAC,gBAAa,SAAkB,cAA4B;AAAA,MAC5E;AAAA,MACC,GAAG,SAAS,IAAI;AAAA,MAChB,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,MAAM,cAAc;","names":[]}

package/dist/chunk-RO3PJBHB.js

@@ -0,0 +1,137 @@
+// src/components/layout/Card/Card.styles.ts
+import { alpha, keyframes } from "@mui/material";
+var pulseAnimation = keyframes`
+  0% {
+    box-shadow: 0 0 0 0 currentColor;
+    opacity: 1;
+  }
+  70% {
+    box-shadow: 0 0 0 15px currentColor;
+    opacity: 0;
+  }
+  100% {
+    box-shadow: 0 0 0 0 currentColor;
+    opacity: 0;
+  }
+`;
+var borderRadiusFor = (theme, radius) => {
+  switch (radius) {
+    case "none":
+      return 0;
+    case "sm":
+      return theme.spacing(0.5);
+    case "lg":
+      return theme.spacing(2);
+    case "xl":
+      return theme.spacing(3);
+    case "full":
+      return "50%";
+    default:
+      return theme.spacing(1);
+  }
+};
+var pulseSurface = (theme) => ({
+  position: "relative",
+  overflow: "visible",
+  "&::after": {
+    content: '""',
+    position: "absolute",
+    top: "0",
+    left: "0",
+    right: "0",
+    bottom: "0",
+    borderRadius: "inherit",
+    backgroundColor: theme.palette.primary.main,
+    opacity: 0.3,
+    animation: `${pulseAnimation} 2s infinite`,
+    pointerEvents: "none",
+    zIndex: -1
+  }
+});
+var neumorphicShadow = (theme, lifted) => {
+  const spread = lifted ? 12 : 8;
+  const blur = spread * 2;
+  return theme.palette.mode === "dark" ? `${spread}px ${spread}px ${blur}px ${alpha(theme.palette.common.black, 0.3)}, -${spread}px -${spread}px ${blur}px ${alpha(theme.palette.common.white, 0.1)}` : `${spread}px ${spread}px ${blur}px ${alpha(theme.palette.grey[400], lifted ? 0.3 : 0.2)}, -${spread}px -${spread}px ${blur}px ${alpha(theme.palette.common.white, lifted ? 0.9 : 0.8)}`;
+};
+var sectionBackground = (theme, lifted) => {
+  if (theme.palette.mode === "dark") {
+    return lifted ? "rgba(0, 0, 0, 0.25)" : "rgba(0, 0, 0, 0.2)";
+  }
+  return lifted ? "rgba(0, 0, 0, 0.04)" : "rgba(0, 0, 0, 0.02)";
+};
+var VARIANT_SURFACES = {
+  elevated: (_theme, lifted) => ({
+    surface: { elevation: 4 },
+    hover: { elevation: lifted ? 8 : 4 }
+  }),
+  outlined: (theme, lifted) => ({
+    surface: { border: `1px solid ${theme.palette.divider}`, boxShadow: "none" },
+    hover: { borderColor: lifted ? theme.palette.primary.main : theme.palette.divider }
+  }),
+  glass: (theme, lifted) => ({
+    surface: {
+      backgroundColor: alpha(theme.palette.background.paper, 0.1),
+      backdropFilter: "blur(20px)",
+      border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,
+      boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.1)}`
+    },
+    hover: {
+      backgroundColor: alpha(theme.palette.background.paper, lifted ? 0.15 : 0.1),
+      border: `1px solid ${alpha(theme.palette.primary.main, 0.3)}`
+    }
+  }),
+  gradient: (theme, lifted) => ({
+    surface: {
+      background: cardGradient(theme, false),
+      color: theme.palette.primary.contrastText,
+      boxShadow: `0 4px 20px ${alpha(theme.palette.primary.main, 0.3)}`
+    },
+    hover: { background: cardGradient(theme, lifted) }
+  }),
+  neumorphic: (theme, lifted) => ({
+    surface: {
+      backgroundColor: theme.palette.mode === "dark" ? theme.palette.grey[800] : theme.palette.grey[100],
+      boxShadow: neumorphicShadow(theme, false),
+      border: "none"
+    },
+    hover: { boxShadow: neumorphicShadow(theme, lifted) }
+  }),
+  section: (theme, lifted) => ({
+    surface: {
+      backgroundColor: sectionBackground(theme, false),
+      border: "none",
+      boxShadow: "none"
+    },
+    hover: { backgroundColor: sectionBackground(theme, lifted) }
+  })
+};
+var cardGradient = (theme, dark) => dark ? `linear-gradient(135deg, ${theme.palette.primary.dark}, ${theme.palette.secondary.dark})` : `linear-gradient(135deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`;
+var variantSurface = (theme, variant, interactive) => VARIANT_SURFACES[variant]?.(theme, interactive) ?? null;
+var cardStyles = (theme, { variant, interactive, glow, pulse, borderRadius }) => {
+  const base = {
+    borderRadius: borderRadiusFor(theme, borderRadius),
+    transition: theme.transitions.create(
+      ["box-shadow", "transform", "border-color", "background-color"],
+      { duration: theme.transitions.duration.standard }
+    )
+  };
+  const chosen = variantSurface(theme, variant, interactive);
+  if (!chosen) return base;
+  return {
+    ...base,
+    ...interactive && { cursor: "pointer", "&:active": { transform: "translateY(0)" } },
+    ...glow && { boxShadow: `0 0 20px ${alpha(theme.palette.primary.main, 0.3)}` },
+    ...pulse && pulseSurface(theme),
+    ...chosen.surface,
+    "&:hover": {
+      ...interactive && { transform: "translateY(-2px)" },
+      ...glow && { boxShadow: `0 0 30px ${alpha(theme.palette.primary.main, 0.4)}` },
+      ...chosen.hover
+    }
+  };
+};
+
+export {
+  cardStyles
+};
+//# sourceMappingURL=chunk-RO3PJBHB.js.map

package/dist/chunk-RO3PJBHB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Card/Card.styles.ts"],"sourcesContent":["import { alpha, keyframes } from '@mui/material';\nimport type { CSSObject, Theme } from '@mui/material';\n\nimport type { CardProps, CardVariant } from './Card.types';\n\ntype BorderRadius = NonNullable<CardProps['borderRadius']>;\n\n// Define pulse animation\nconst pulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 15px currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\nconst borderRadiusFor = (theme: Theme, radius: BorderRadius): number | string => {\n  switch (radius) {\n    case 'none':\n      return 0;\n    case 'sm':\n      return theme.spacing(0.5);\n    case 'lg':\n      return theme.spacing(2);\n    case 'xl':\n      return theme.spacing(3);\n    case 'full':\n      return '50%';\n    default:\n      return theme.spacing(1);\n  }\n};\n\nconst pulseSurface = (theme: Theme): CSSObject => ({\n  position: 'relative',\n  overflow: 'visible',\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    top: '0',\n    left: '0',\n    right: '0',\n    bottom: '0',\n    borderRadius: 'inherit',\n    backgroundColor: theme.palette.primary.main,\n    opacity: 0.3,\n    animation: `${pulseAnimation} 2s infinite`,\n    pointerEvents: 'none',\n    zIndex: -1,\n  },\n});\n\nconst neumorphicShadow = (theme: Theme, lifted: boolean): string => {\n  const spread = lifted ? 12 : 8;\n  const blur = spread * 2;\n\n  return theme.palette.mode === 'dark'\n    ? `${spread}px ${spread}px ${blur}px ${alpha(theme.palette.common.black, 0.3)}, -${spread}px -${spread}px ${blur}px ${alpha(theme.palette.common.white, 0.1)}`\n    : `${spread}px ${spread}px ${blur}px ${alpha(theme.palette.grey[400], lifted ? 0.3 : 0.2)}, -${spread}px -${spread}px ${blur}px ${alpha(theme.palette.common.white, lifted ? 0.9 : 0.8)}`;\n};\n\nconst sectionBackground = (theme: Theme, lifted: boolean): string => {\n  if (theme.palette.mode === 'dark') {\n    return lifted ? 'rgba(0, 0, 0, 0.25)' : 'rgba(0, 0, 0, 0.2)';\n  }\n  return lifted ? 'rgba(0, 0, 0, 0.04)' : 'rgba(0, 0, 0, 0.02)';\n};\n\ninterface Surface {\n  surface: CSSObject;\n  hover: CSSObject;\n}\n\n/**\n * Each variant contributes a resting surface and whatever it changes on hover.\n * Only `interactive` cards actually move on hover, so the hover half of every\n * variant reads back its resting value when `interactive` is off.\n */\nconst VARIANT_SURFACES: Record<CardVariant, (theme: Theme, lifted: boolean) => Surface> = {\n  elevated: (_theme, lifted) => ({\n    surface: { elevation: 4 } as CSSObject,\n    hover: { elevation: lifted ? 8 : 4 } as CSSObject,\n  }),\n  outlined: (theme, lifted) => ({\n    surface: { border: `1px solid ${theme.palette.divider}`, boxShadow: 'none' },\n    hover: { borderColor: lifted ? theme.palette.primary.main : theme.palette.divider },\n  }),\n  glass: (theme, lifted) => ({\n    surface: {\n      backgroundColor: alpha(theme.palette.background.paper, 0.1),\n      backdropFilter: 'blur(20px)',\n      border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,\n      boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.1)}`,\n    },\n    hover: {\n      backgroundColor: alpha(theme.palette.background.paper, lifted ? 0.15 : 0.1),\n      border: `1px solid ${alpha(theme.palette.primary.main, 0.3)}`,\n    },\n  }),\n  gradient: (theme, lifted) => ({\n    surface: {\n      background: cardGradient(theme, false),\n      color: theme.palette.primary.contrastText,\n      boxShadow: `0 4px 20px ${alpha(theme.palette.primary.main, 0.3)}`,\n    },\n    hover: { background: cardGradient(theme, lifted) },\n  }),\n  neumorphic: (theme, lifted) => ({\n    surface: {\n      backgroundColor:\n        theme.palette.mode === 'dark' ? theme.palette.grey[800] : theme.palette.grey[100],\n      boxShadow: neumorphicShadow(theme, false),\n      border: 'none',\n    },\n    hover: { boxShadow: neumorphicShadow(theme, lifted) },\n  }),\n  section: (theme, lifted) => ({\n    surface: {\n      backgroundColor: sectionBackground(theme, false),\n      border: 'none',\n      boxShadow: 'none',\n    },\n    hover: { backgroundColor: sectionBackground(theme, lifted) },\n  }),\n};\n\nconst cardGradient = (theme: Theme, dark: boolean): string =>\n  dark\n    ? `linear-gradient(135deg, ${theme.palette.primary.dark}, ${theme.palette.secondary.dark})`\n    : `linear-gradient(135deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`;\n\n// An unrecognised variant gets the shared base only — no interactive, glow or\n// pulse decoration, as before.\nconst variantSurface = (\n  theme: Theme,\n  variant: CardVariant,\n  interactive: boolean,\n): Surface | null => VARIANT_SURFACES[variant]?.(theme, interactive) ?? null;\n\ninterface CardStyleArgs {\n  variant: CardVariant;\n  interactive: boolean;\n  glow: boolean;\n  pulse: boolean;\n  borderRadius: BorderRadius;\n}\n\nexport const cardStyles = (\n  theme: Theme,\n  { variant, interactive, glow, pulse, borderRadius }: CardStyleArgs,\n): CSSObject => {\n  const base: CSSObject = {\n    borderRadius: borderRadiusFor(theme, borderRadius),\n    transition: theme.transitions.create(\n      ['box-shadow', 'transform', 'border-color', 'background-color'],\n      { duration: theme.transitions.duration.standard },\n    ),\n  };\n\n  const chosen = variantSurface(theme, variant, interactive);\n  if (!chosen) return base;\n\n  return {\n    ...base,\n    ...(interactive && { cursor: 'pointer', '&:active': { transform: 'translateY(0)' } }),\n    ...(glow && { boxShadow: `0 0 20px ${alpha(theme.palette.primary.main, 0.3)}` }),\n    ...(pulse && pulseSurface(theme)),\n    ...chosen.surface,\n    '&:hover': {\n      ...(interactive && { transform: 'translateY(-2px)' }),\n      ...(glow && { boxShadow: `0 0 30px ${alpha(theme.palette.primary.main, 0.4)}` }),\n      ...chosen.hover,\n    },\n  };\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-RPGTRJQP.js

@@ -0,0 +1,60 @@
+import {
+  HeatmapOverlay,
+  RouteOverlay
+} from "./chunk-N6NVLQNE.js";
+import {
+  MapControlBar
+} from "./chunk-RUSQTJET.js";
+import {
+  MapSearchBar
+} from "./chunk-7MDYOZE2.js";
+import {
+  HEATMAP_VIEWBOX
+} from "./chunk-H2J2MTRE.js";
+
+// src/components/data-display/MapPreview/MapLayers.tsx
+import { useTheme } from "@mui/material";
+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-RPGTRJQP.js.map

package/dist/chunk-RPGTRJQP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/MapPreview/MapLayers.tsx"],"sourcesContent":["import { useTheme } from '@mui/material';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { HEATMAP_VIEWBOX } from './MapPreview.constants';\nimport type { ResolvedMapPreviewProps } from './MapPreview.helpers';\nimport type { MapType } from './MapPreview.types';\nimport { MapControlBar } from './MapControlBar';\nimport { HeatmapOverlay, RouteOverlay } from './MapOverlays';\nimport { MapSearchBar } from './MapSearchBar';\n\nexport interface MapLayersProps {\n  settings: ResolvedMapPreviewProps;\n  zoom: number;\n  mapType: MapType;\n  search: {\n    searchValue: string;\n    isSearching: boolean;\n    setSearchValue: (value: string) => void;\n    handleSearch: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n  };\n  controls: {\n    handleZoomIn: () => void;\n    handleZoomOut: () => void;\n    handleCenter: () => void;\n    handleToggleMapType: () => void;\n    handleToggleFullscreen: () => void;\n  };\n}\n\n// Everything drawn over the map surface that is switched on by a prop.\nexport const MapLayers: FC<MapLayersProps> = ({ settings, zoom, mapType, search, controls }) => {\n  const theme = useTheme();\n\n  return (\n    <>\n      {settings.showHeatmap && settings.heatmapData.length > 0 && (\n        <HeatmapOverlay\n          points={settings.heatmapData}\n          width={HEATMAP_VIEWBOX.width}\n          height={HEATMAP_VIEWBOX.height}\n        />\n      )}\n\n      {settings.showRoute && <RouteOverlay color={settings.routeColor || theme.palette.primary.main} />}\n\n      {settings.showSearch && (\n        <MapSearchBar\n          label={settings.copy.search}\n          value={search.searchValue}\n          placeholder={settings.searchPlaceholder}\n          isSearching={search.isSearching}\n          onChange={search.setSearchValue}\n          onSubmit={search.handleSearch}\n        />\n      )}\n\n      {settings.showControls && (\n        <MapControlBar\n          copy={settings.copy}\n          zoom={zoom}\n          mapType={mapType}\n          onZoomIn={controls.handleZoomIn}\n          onZoomOut={controls.handleZoomOut}\n          onCenter={controls.handleCenter}\n          onToggleMapType={controls.handleToggleMapType}\n          onToggleFullscreen={controls.handleToggleFullscreen}\n        />\n      )}\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA,SAAS,gBAAgB;AAmCrB,mBAEI,KAFJ;AAJG,IAAM,YAAgC,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ,SAAS,MAAM;AAC9F,QAAM,QAAQ,SAAS;AAEvB,SACE,iCACG;AAAA,aAAS,eAAe,SAAS,YAAY,SAAS,KACrD;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,SAAS;AAAA,QACjB,OAAO,gBAAgB;AAAA,QACvB,QAAQ,gBAAgB;AAAA;AAAA,IAC1B;AAAA,IAGD,SAAS,aAAa,oBAAC,gBAAa,OAAO,SAAS,cAAc,MAAM,QAAQ,QAAQ,MAAM;AAAA,IAE9F,SAAS,cACR;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,SAAS,KAAK;AAAA,QACrB,OAAO,OAAO;AAAA,QACd,aAAa,SAAS;AAAA,QACtB,aAAa,OAAO;AAAA,QACpB,UAAU,OAAO;AAAA,QACjB,UAAU,OAAO;AAAA;AAAA,IACnB;AAAA,IAGD,SAAS,gBACR;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,SAAS;AAAA,QACf;AAAA,QACA;AAAA,QACA,UAAU,SAAS;AAAA,QACnB,WAAW,SAAS;AAAA,QACpB,UAAU,SAAS;AAAA,QACnB,iBAAiB,SAAS;AAAA,QAC1B,oBAAoB,SAAS;AAAA;AAAA,IAC/B;AAAA,KAEJ;AAEJ;","names":[]}