@12-apps/ui 6.11.0 → 6.12.0

package/dist/chunk-QXTO3G2T.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/SettingsLayout/SettingsStatusMarker.tsx"],"sourcesContent":["'use client';\n\nimport LockOutlinedIcon from '@mui/icons-material/LockOutlined';\nimport Box from '@mui/material/Box/index.js';\nimport React from 'react';\n\nimport { SR_ONLY_SX, STATUS_COLOR } from './SettingsLayout.styles';\nimport type { SettingsNavStatus } from './SettingsLayout.types';\n\nexport interface SettingsStatusMarkerProps {\n  /** Which situation to draw. */\n  status: SettingsNavStatus;\n  /** What it means, in the host's language — the only carrier a screen reader gets. */\n  label?: string;\n  /** `data-testid` for the marker element. */\n  testId?: string;\n}\n\n/**\n * The situation marker beside a settings entry: a coloured dot, or a padlock\n * when the plan does not include the section.\n *\n * The label is rendered as visually-hidden text INSIDE the marker rather than as\n * an `aria-label` on it, so it lands in the accessible name of the row that\n * contains it. A row reading \"Endereço, ligado\" is one utterance; a decorative\n * dot with a title attribute beside it is two, and the second one is skipped.\n *\n * Colour alone never says which of the three states this is — that is the whole\n * reason `label` exists, and why a marker without one is a marker with no\n * meaning attached.\n */\nexport function SettingsStatusMarker({\n  status,\n  label,\n  testId,\n}: SettingsStatusMarkerProps): React.JSX.Element {\n  const hidden = label ? <Box component=\"span\" sx={SR_ONLY_SX}>{label}</Box> : null;\n\n  if (status === 'locked') {\n    return (\n      <Box\n        component=\"span\"\n        data-testid={testId}\n        data-status={status}\n        sx={{ display: 'inline-flex', alignItems: 'center', color: 'text.disabled' }}\n      >\n        <LockOutlinedIcon sx={{ fontSize: 16 }} />\n        {hidden}\n      </Box>\n    );\n  }\n\n  return (\n    <Box\n      component=\"span\"\n      data-testid={testId}\n      data-status={status}\n      sx={{ display: 'inline-flex', alignItems: 'center' }}\n    >\n      <Box\n        component=\"span\"\n        sx={{\n          width: 8,\n          height: 8,\n          borderRadius: '50%',\n          flex: '0 0 auto',\n          bgcolor: STATUS_COLOR[status],\n        }}\n      />\n      {hidden}\n    </Box>\n  );\n}\n\nSettingsStatusMarker.displayName = 'SettingsStatusMarker';\n"],"mappings":";;;;;;AAEA,OAAO,sBAAsB;AAC7B,OAAO,SAAS;AAiCS,cAInB,YAJmB;AALlB,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,GAAiD;AAC/C,QAAM,SAAS,QAAQ,oBAAC,OAAI,WAAU,QAAO,IAAI,YAAa,iBAAM,IAAS;AAE7E,MAAI,WAAW,UAAU;AACvB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAa;AAAA,QACb,eAAa;AAAA,QACb,IAAI,EAAE,SAAS,eAAe,YAAY,UAAU,OAAO,gBAAgB;AAAA,QAE3E;AAAA,8BAAC,oBAAiB,IAAI,EAAE,UAAU,GAAG,GAAG;AAAA,UACvC;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAa;AAAA,MACb,eAAa;AAAA,MACb,IAAI,EAAE,SAAS,eAAe,YAAY,SAAS;AAAA,MAEnD;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,IAAI;AAAA,cACF,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,cAAc;AAAA,cACd,MAAM;AAAA,cACN,SAAS,aAAa,MAAM;AAAA,YAC9B;AAAA;AAAA,QACF;AAAA,QACC;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,qBAAqB,cAAc;","names":[]}

package/dist/chunk-QYKDY4EI.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-QYKDY4EI.js.map

package/dist/chunk-QYKDY4EI.js.map

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

package/dist/chunk-R445KMGG.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-R445KMGG.js.map

package/dist/chunk-R445KMGG.js.map

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

package/dist/chunk-R7MX5KPJ.js

@@ -0,0 +1,240 @@
+import {
+  ScrollAreaContent
+} from "./chunk-4OEKIFBC.js";
+import {
+  resolveScrollAreaProps
+} from "./chunk-RHIDWUK7.js";
+import {
+  ScrollViewport
+} from "./chunk-C53C7C2X.js";
+
+// src/components/layout/ScrollArea/ScrollArea.tsx
+import KeyboardArrowUp from "@mui/icons-material/KeyboardArrowUp";
+import Box from "@mui/material/Box/index.js";
+import CircularProgress from "@mui/material/CircularProgress/index.js";
+import Fab from "@mui/material/Fab/index.js";
+import Zoom from "@mui/material/Zoom/index.js";
+import { alpha, useTheme } from "@mui/material/styles/index.js";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var useObservedScrollRef = ({
+  externalScrollRef,
+  onResize
+}) => {
+  const internalScrollRef = useRef(null);
+  const [containerDimensions, setContainerDimensions] = useState({ width: 0, height: 0 });
+  useEffect(() => {
+    if (!internalScrollRef.current) return;
+    const resizeObserver = new ResizeObserver((entries) => {
+      const entry = entries[0];
+      if (entry) {
+        const { width, height } = entry.contentRect;
+        setContainerDimensions({ width, height });
+        onResize?.({ width, height });
+      }
+    });
+    resizeObserver.observe(internalScrollRef.current);
+    return () => resizeObserver.disconnect();
+  }, [onResize]);
+  const setScrollRef = useCallback(
+    (node) => {
+      internalScrollRef.current = node;
+      if (externalScrollRef) {
+        externalScrollRef.current = node;
+      }
+    },
+    [externalScrollRef]
+  );
+  return { scrollRef: internalScrollRef, setScrollRef, containerDimensions };
+};
+var useAutoHide = ({
+  autoHide,
+  alwaysShowScrollbar,
+  autoHideDelay
+}) => {
+  const [isScrolling, setIsScrolling] = useState(false);
+  const timeoutRef = useRef(void 0);
+  const noteScroll = useCallback(() => {
+    if (!autoHide || alwaysShowScrollbar) return;
+    setIsScrolling(true);
+    window.clearTimeout(timeoutRef.current);
+    timeoutRef.current = window.setTimeout(() => setIsScrolling(false), autoHideDelay);
+  }, [autoHide, alwaysShowScrollbar, autoHideDelay]);
+  useEffect(() => () => window.clearTimeout(timeoutRef.current), []);
+  return { isScrolling, noteScroll };
+};
+var useScrollArea = (props) => {
+  const {
+    disabled,
+    onScroll,
+    onResize,
+    externalScrollRef,
+    autoHide,
+    autoHideDelay,
+    alwaysShowScrollbar,
+    scrollToTopButton,
+    scrollToTopThreshold,
+    smoothScroll
+  } = props;
+  const { scrollRef, setScrollRef, containerDimensions } = useObservedScrollRef({
+    externalScrollRef,
+    onResize
+  });
+  const [showScrollToTop, setShowScrollToTop] = useState(false);
+  const { isScrolling, noteScroll } = useAutoHide({
+    autoHide,
+    alwaysShowScrollbar,
+    autoHideDelay
+  });
+  const handleScroll = useCallback(
+    (event) => {
+      if (disabled) return;
+      noteScroll();
+      if (scrollToTopButton && scrollRef.current) {
+        setShowScrollToTop(scrollRef.current.scrollTop > scrollToTopThreshold);
+      }
+      onScroll?.(event);
+    },
+    [disabled, noteScroll, scrollToTopButton, scrollToTopThreshold, onScroll, scrollRef]
+  );
+  const scrollToTop = useCallback(() => {
+    scrollRef.current?.scrollTo({ top: 0, behavior: smoothScroll ? "smooth" : "auto" });
+  }, [smoothScroll, scrollRef]);
+  return {
+    scrollRef,
+    setScrollRef,
+    isScrolling,
+    showScrollToTop,
+    containerDimensions,
+    handleScroll,
+    scrollToTop
+  };
+};
+var LoadingOverlay = () => /* @__PURE__ */ jsx(
+  Box,
+  {
+    sx: {
+      position: "absolute",
+      top: "50%",
+      left: "50%",
+      transform: "translate(-50%, -50%)",
+      zIndex: 10
+    },
+    children: /* @__PURE__ */ jsx(CircularProgress, {})
+  }
+);
+var ScrollToTopFab = ({
+  visible,
+  glass,
+  scrollToTopLabel,
+  onClick
+}) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(Zoom, { in: visible, children: /* @__PURE__ */ jsx(
+    Fab,
+    {
+      size: "small",
+      "aria-label": scrollToTopLabel,
+      onClick,
+      sx: {
+        position: "absolute",
+        bottom: 16,
+        right: 16,
+        zIndex: 1,
+        backgroundColor: glass ? alpha(theme.palette.primary.main, 0.2) : theme.palette.primary.main,
+        backdropFilter: glass ? "blur(10px)" : "none",
+        "&:hover": {
+          backgroundColor: glass ? alpha(theme.palette.primary.main, 0.3) : theme.palette.primary.dark
+        }
+      },
+      children: /* @__PURE__ */ jsx(KeyboardArrowUp, {})
+    }
+  ) });
+};
+var ScrollArea = (componentProps) => {
+  const resolved = resolveScrollAreaProps(componentProps);
+  const {
+    regionLabel,
+    scrollToTopLabel,
+    children,
+    width,
+    height,
+    maxHeight,
+    maxWidth,
+    orientation: _orientation,
+    scrollbarSize: _scrollbarSize,
+    autoHide,
+    autoHideDelay: _autoHideDelay,
+    smoothScroll: _smoothScroll,
+    variant,
+    onScroll: _onScroll,
+    scrollToTopButton,
+    scrollToTopThreshold: _scrollToTopThreshold,
+    scrollbarColor: _scrollbarColor,
+    scrollbarTrackColor: _scrollbarTrackColor,
+    contentPadding: _contentPadding,
+    alwaysShowScrollbar,
+    disabled,
+    loading,
+    emptyContent,
+    testId,
+    scrollRef: externalScrollRef,
+    onResize: _onResize,
+    sx,
+    ...props
+  } = resolved;
+  const {
+    scrollRef,
+    setScrollRef,
+    isScrolling,
+    showScrollToTop,
+    containerDimensions,
+    handleScroll,
+    scrollToTop
+  } = useScrollArea({ ...resolved, externalScrollRef });
+  const shouldShowScrollbar = alwaysShowScrollbar || !autoHide || isScrolling;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      "data-testid": testId,
+      sx: { position: "relative", width, height, maxHeight, maxWidth, ...sx },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          ScrollViewport,
+          {
+            ...resolved,
+            regionLabel,
+            shouldShowScrollbar,
+            setScrollRef,
+            onScroll: handleScroll,
+            children: /* @__PURE__ */ jsx(
+              ScrollAreaContent,
+              {
+                emptyContent,
+                scrollRef,
+                containerWidth: containerDimensions.width,
+                children
+              }
+            )
+          }
+        ),
+        loading && /* @__PURE__ */ jsx(LoadingOverlay, {}),
+        scrollToTopButton && scrollToTopLabel && !disabled && !loading && /* @__PURE__ */ jsx(
+          ScrollToTopFab,
+          {
+            scrollToTopLabel,
+            visible: showScrollToTop,
+            glass: variant === "glass",
+            onClick: scrollToTop
+          }
+        )
+      ]
+    }
+  );
+};
+
+export {
+  ScrollArea
+};
+//# sourceMappingURL=chunk-R7MX5KPJ.js.map

package/dist/chunk-R7MX5KPJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/ScrollArea/ScrollArea.tsx"],"sourcesContent":["import KeyboardArrowUp from '@mui/icons-material/KeyboardArrowUp';\nimport Box from '@mui/material/Box/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport Fab from '@mui/material/Fab/index.js';\nimport Zoom from '@mui/material/Zoom/index.js';\nimport { alpha, useTheme } from '@mui/material/styles/index.js';\nimport type { FC } from 'react';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { ResolvedScrollAreaProps } from './ScrollArea.helpers';\nimport { resolveScrollAreaProps } from './ScrollArea.helpers';\nimport type { ScrollAreaProps } from './ScrollArea.types';\nimport { ScrollAreaContent } from './ScrollAreaContent';\nimport { ScrollViewport } from './ScrollViewport';\n\n// Owns the scroll container ref (merging in any ref the caller passed) and\n// reports size changes through a ResizeObserver.\nconst useObservedScrollRef = ({\n  externalScrollRef,\n  onResize }: {\n  externalScrollRef?: React.Ref<HTMLDivElement>;\n  onResize?: ScrollAreaProps['onResize'];\n}) => {\n  const internalScrollRef = useRef<HTMLDivElement>(null);\n  const [containerDimensions, setContainerDimensions] = useState({ width: 0, height: 0 });\n\n  // Track container dimensions with ResizeObserver\n  useEffect(() => {\n    if (!internalScrollRef.current) return;\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (entry) {\n        const { width, height } = entry.contentRect;\n        setContainerDimensions({ width, height });\n        onResize?.({ width, height });\n      }\n    });\n\n    resizeObserver.observe(internalScrollRef.current);\n    return () => resizeObserver.disconnect();\n  }, [onResize]);\n\n  // Callback ref that updates both internal and external refs\n  const setScrollRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      // Update internal ref\n      (internalScrollRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      // Update external ref if provided\n      if (externalScrollRef) {\n        (externalScrollRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      }\n    },\n    [externalScrollRef],\n  );\n\n  // Use internal ref for accessing the element\n\n  return { scrollRef: internalScrollRef, setScrollRef, containerDimensions };\n};\n\n// Scroll position, the transient \"is scrolling\" flag that drives auto-hide, the\n// observed container size, and the scroll-to-top affordance.\n// The scrollbar shows while scrolling and hides once movement stops.\nconst useAutoHide = ({\n  autoHide,\n  alwaysShowScrollbar,\n  autoHideDelay }: {\n  autoHide: boolean;\n  alwaysShowScrollbar: boolean;\n  autoHideDelay: number;\n}) => {\n  const [isScrolling, setIsScrolling] = useState(false);\n  const timeoutRef = useRef<number | undefined>(undefined);\n\n  const noteScroll = useCallback(() => {\n    if (!autoHide || alwaysShowScrollbar) return;\n\n    setIsScrolling(true);\n    window.clearTimeout(timeoutRef.current);\n    timeoutRef.current = window.setTimeout(() => setIsScrolling(false), autoHideDelay);\n  }, [autoHide, alwaysShowScrollbar, autoHideDelay]);\n\n  useEffect(() => () => window.clearTimeout(timeoutRef.current), []);\n\n  return { isScrolling, noteScroll };\n};\n\nconst useScrollArea = (\n  props: ResolvedScrollAreaProps & { externalScrollRef?: React.Ref<HTMLDivElement> },\n) => {\n  const {\n    disabled,\n    onScroll,\n    onResize,\n    externalScrollRef,\n    autoHide,\n    autoHideDelay,\n    alwaysShowScrollbar,\n    scrollToTopButton,\n    scrollToTopThreshold,\n    smoothScroll } = props;\n\n  const { scrollRef, setScrollRef, containerDimensions } = useObservedScrollRef({\n    externalScrollRef,\n    onResize });\n  const [showScrollToTop, setShowScrollToTop] = useState(false);\n  const { isScrolling, noteScroll } = useAutoHide({\n    autoHide,\n    alwaysShowScrollbar,\n    autoHideDelay });\n\n  const handleScroll = useCallback(\n    (event: React.UIEvent<HTMLDivElement>) => {\n      if (disabled) return;\n\n      noteScroll();\n\n      if (scrollToTopButton && scrollRef.current) {\n        setShowScrollToTop(scrollRef.current.scrollTop > scrollToTopThreshold);\n      }\n\n      onScroll?.(event);\n    },\n    [disabled, noteScroll, scrollToTopButton, scrollToTopThreshold, onScroll, scrollRef],\n  );\n\n  const scrollToTop = useCallback(() => {\n    scrollRef.current?.scrollTo({ top: 0, behavior: smoothScroll ? 'smooth' : 'auto' });\n  }, [smoothScroll, scrollRef]);\n\n  return {\n    scrollRef,\n    setScrollRef,\n    isScrolling,\n    showScrollToTop,\n    containerDimensions,\n    handleScroll,\n    scrollToTop };\n};\n\nconst LoadingOverlay: FC = () => (\n  <Box\n    sx={{\n      position: 'absolute',\n      top: '50%',\n      left: '50%',\n      transform: 'translate(-50%, -50%)',\n      zIndex: 10 }}\n  >\n    <CircularProgress />\n  </Box>\n);\n\n// The label is guarded at the call site rather than defaulted: the props union\n// already makes it required alongside `scrollToTopButton`, and a fab with an\n// empty accessible name is the exact failure this port exists to remove.\nconst ScrollToTopFab: FC<{\n  visible: boolean;\n  glass: boolean;\n  scrollToTopLabel: string;\n  onClick: () => void;\n}> = ({\n  visible,\n  glass,\n  scrollToTopLabel,\n  onClick }) => {\n  const theme = useTheme();\n\n  return (\n    <Zoom in={visible}>\n      <Fab\n        size=\"small\"\n        aria-label={scrollToTopLabel}\n        onClick={onClick}\n        sx={{\n          position: 'absolute',\n          bottom: 16,\n          right: 16,\n          zIndex: 1,\n          backgroundColor: glass\n            ? alpha(theme.palette.primary.main, 0.2)\n            : theme.palette.primary.main,\n          backdropFilter: glass ? 'blur(10px)' : 'none',\n          '&:hover': {\n            backgroundColor: glass\n              ? alpha(theme.palette.primary.main, 0.3)\n              : theme.palette.primary.dark } }}\n      >\n        <KeyboardArrowUp />\n      </Fab>\n    </Zoom>\n  );\n};\n\nexport const ScrollArea: React.FC<ScrollAreaProps> = (componentProps) => {\n  const resolved = resolveScrollAreaProps(componentProps);\n  const {\n    regionLabel,\n    scrollToTopLabel,\n    children,\n    width,\n    height,\n    maxHeight,\n    maxWidth,\n    orientation: _orientation,\n    scrollbarSize: _scrollbarSize,\n    autoHide,\n    autoHideDelay: _autoHideDelay,\n    smoothScroll: _smoothScroll,\n    variant,\n    onScroll: _onScroll,\n    scrollToTopButton,\n    scrollToTopThreshold: _scrollToTopThreshold,\n    scrollbarColor: _scrollbarColor,\n    scrollbarTrackColor: _scrollbarTrackColor,\n    contentPadding: _contentPadding,\n    alwaysShowScrollbar,\n    disabled,\n    loading,\n    emptyContent,\n    testId,\n    scrollRef: externalScrollRef,\n    onResize: _onResize,\n    sx,\n    ...props\n  } = resolved;\n\n  const {\n    scrollRef,\n    setScrollRef,\n    isScrolling,\n    showScrollToTop,\n    containerDimensions,\n    handleScroll,\n    scrollToTop } = useScrollArea({ ...resolved, externalScrollRef });\n\n  // Auto-hide keeps the scrollbar out of the way until the user is scrolling.\n  const shouldShowScrollbar = alwaysShowScrollbar || !autoHide || isScrolling;\n\n  return (\n    <Box\n      data-testid={testId}\n      sx={{ position: 'relative', width, height, maxHeight, maxWidth, ...sx }}\n      {...props}\n    >\n      <ScrollViewport\n        {...resolved}\n        regionLabel={regionLabel}\n        shouldShowScrollbar={shouldShowScrollbar}\n        setScrollRef={setScrollRef}\n        onScroll={handleScroll}\n      >\n        <ScrollAreaContent\n          emptyContent={emptyContent}\n          scrollRef={scrollRef}\n          containerWidth={containerDimensions.width}\n        >\n          {children}\n        </ScrollAreaContent>\n      </ScrollViewport>\n\n      {loading && <LoadingOverlay />}\n\n      {scrollToTopButton && scrollToTopLabel && !disabled && !loading && (\n        <ScrollToTopFab\n          scrollToTopLabel={scrollToTopLabel}\n          visible={showScrollToTop}\n          glass={variant === 'glass'}\n          onClick={scrollToTop}\n        />\n      )}\n    </Box>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-RGBS6N72.js

@@ -0,0 +1,70 @@
+import {
+  AddressTextField
+} from "./chunk-ZYRW7FVY.js";
+
+// src/components/form/AddressAutocomplete/AddressInputField.tsx
+import CurrentLocationIcon from "@mui/icons-material/MyLocation";
+import CircularProgress from "@mui/material/CircularProgress/index.js";
+import IconButton from "@mui/material/IconButton/index.js";
+import InputAdornment from "@mui/material/InputAdornment/index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var CurrentLocationButton = ({ disabled, onClick, currentLocationLabel }) => /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(
+  IconButton,
+  {
+    edge: "end",
+    onClick,
+    size: "small",
+    title: currentLocationLabel,
+    disabled,
+    "data-testid": "address-current-location-button",
+    children: /* @__PURE__ */ jsx(CurrentLocationIcon, {})
+  }
+) });
+var AddressInputField = ({
+  copy,
+  params,
+  addressVariant,
+  label,
+  placeholder,
+  icon,
+  error,
+  helperText,
+  required,
+  disabled,
+  loading,
+  showCurrentLocation,
+  onGetCurrentLocation
+}) => /* @__PURE__ */ jsx(
+  AddressTextField,
+  {
+    ...params,
+    addressVariant,
+    label,
+    placeholder,
+    error,
+    helperText,
+    required,
+    InputProps: {
+      ...params.InputProps,
+      startAdornment: icon && /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: icon }),
+      endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
+        loading && /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 20, "data-testid": "address-loading" }),
+        showCurrentLocation && /* @__PURE__ */ jsx(
+          CurrentLocationButton,
+          {
+            disabled,
+            onClick: onGetCurrentLocation,
+            currentLocationLabel: copy.useCurrentLocation
+          }
+        ),
+        params.InputProps.endAdornment
+      ] })
+    },
+    inputProps: { ...params.inputProps, "data-testid": "address-input" }
+  }
+);
+
+export {
+  AddressInputField
+};
+//# sourceMappingURL=chunk-RGBS6N72.js.map

package/dist/chunk-RGBS6N72.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/AddressAutocomplete/AddressInputField.tsx"],"sourcesContent":["import CurrentLocationIcon from '@mui/icons-material/MyLocation';\nimport type { AutocompleteRenderInputParams } from '@mui/material/Autocomplete/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport InputAdornment from '@mui/material/InputAdornment/index.js';\nimport type { FC, ReactNode } from 'react';\nimport React from 'react';\n\nimport type { AddressAutocompleteProps } from './AddressAutocomplete.types';\nimport { AddressTextField } from './AddressTextField';\n\nconst CurrentLocationButton: FC<{\n  disabled: boolean;\n  onClick: () => void;\n  currentLocationLabel: string;\n}> = ({ disabled, onClick, currentLocationLabel }) => (\n  <InputAdornment position=\"end\">\n    <IconButton\n      edge=\"end\"\n      onClick={onClick}\n      size=\"small\"\n      title={currentLocationLabel}\n      disabled={disabled}\n      data-testid=\"address-current-location-button\"\n    >\n      <CurrentLocationIcon />\n    </IconButton>\n  </InputAdornment>\n);\n\nexport interface AddressInputFieldProps {\n  copy: AddressAutocompleteProps['copy'];\n  params: AutocompleteRenderInputParams;\n  addressVariant: AddressAutocompleteProps['variant'];\n  label?: string;\n  placeholder?: string;\n  icon?: ReactNode;\n  error: boolean;\n  helperText?: string;\n  required: boolean;\n  disabled: boolean;\n  loading: boolean;\n  showCurrentLocation: boolean;\n  onGetCurrentLocation: () => void;\n}\n\nexport const AddressInputField: FC<AddressInputFieldProps> = ({\n  copy,\n  params,\n  addressVariant,\n  label,\n  placeholder,\n  icon,\n  error,\n  helperText,\n  required,\n  disabled,\n  loading,\n  showCurrentLocation,\n  onGetCurrentLocation,\n}) => (\n  <AddressTextField\n    {...params}\n    addressVariant={addressVariant}\n    label={label}\n    placeholder={placeholder}\n    error={error}\n    helperText={helperText}\n    required={required}\n    InputProps={{\n      ...params.InputProps,\n      startAdornment: icon && <InputAdornment position=\"start\">{icon}</InputAdornment>,\n      endAdornment: (\n        <>\n          {loading && <CircularProgress color=\"inherit\" size={20} data-testid=\"address-loading\" />}\n          {showCurrentLocation && (\n            <CurrentLocationButton\n              disabled={disabled}\n              onClick={onGetCurrentLocation}\n              currentLocationLabel={copy.useCurrentLocation}\n            />\n          )}\n          {params.InputProps.endAdornment}\n        </>\n      ),\n    }}\n    inputProps={{ ...params.inputProps, 'data-testid': 'address-input' }}\n  />\n);\n"],"mappings":";;;;;AAAA,OAAO,yBAAyB;AAEhC,OAAO,sBAAsB;AAC7B,OAAO,gBAAgB;AACvB,OAAO,oBAAoB;AAqBrB,SAgDE,UAhDF,KAgDE,YAhDF;AAdN,IAAM,wBAID,CAAC,EAAE,UAAU,SAAS,qBAAqB,MAC9C,oBAAC,kBAAe,UAAS,OACvB;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL;AAAA,IACA,MAAK;AAAA,IACL,OAAO;AAAA,IACP;AAAA,IACA,eAAY;AAAA,IAEZ,8BAAC,uBAAoB;AAAA;AACvB,GACF;AAmBK,IAAM,oBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,MACV,GAAG,OAAO;AAAA,MACV,gBAAgB,QAAQ,oBAAC,kBAAe,UAAS,SAAS,gBAAK;AAAA,MAC/D,cACE,iCACG;AAAA,mBAAW,oBAAC,oBAAiB,OAAM,WAAU,MAAM,IAAI,eAAY,mBAAkB;AAAA,QACrF,uBACC;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,SAAS;AAAA,YACT,sBAAsB,KAAK;AAAA;AAAA,QAC7B;AAAA,QAED,OAAO,WAAW;AAAA,SACrB;AAAA,IAEJ;AAAA,IACA,YAAY,EAAE,GAAG,OAAO,YAAY,eAAe,gBAAgB;AAAA;AACrE;","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-RIAIJTEW.js

@@ -0,0 +1,61 @@
+import {
+  accentFor
+} from "./chunk-I6PZVHIT.js";
+
+// src/components/form/Command/Command.styles.ts
+import { alpha } from "@mui/material/styles/index.js";
+var SIZE_MAP = {
+  xs: { width: 400, fontSize: "0.75rem" },
+  sm: { width: 450, fontSize: "0.875rem" },
+  md: { width: 500, fontSize: "1rem" },
+  lg: { width: 550, fontSize: "1.125rem" },
+  xl: { width: 600, fontSize: "1.25rem" }
+};
+var commandSizeStyles = (size) => SIZE_MAP[size] || SIZE_MAP.md;
+var emphasisStyles = (theme, color, glow, pulse) => ({
+  ...glow && {
+    boxShadow: `0 0 20px ${alpha(accentFor(theme, color).main, 0.4)}`
+  },
+  ...pulse && {
+    animation: "pulse 2s infinite",
+    "@keyframes pulse": {
+      "0%": { boxShadow: `0 0 0 0 ${alpha(accentFor(theme, color).main, 0.4)}` },
+      "70%": { boxShadow: `0 0 0 10px ${alpha(accentFor(theme, color).main, 0)}` },
+      "100%": { boxShadow: `0 0 0 0 ${alpha(accentFor(theme, color).main, 0)}` }
+    }
+  }
+});
+var surfaceStyles = (theme, variant, color) => {
+  switch (variant) {
+    case "glass":
+      return {
+        backgroundColor: alpha(theme.palette.background.paper, 0.1),
+        backdropFilter: "blur(20px)",
+        border: `1px solid ${alpha(accentFor(theme, color).main, 0.2)}`
+      };
+    case "gradient":
+      return {
+        background: `linear-gradient(135deg, ${accentFor(theme, color).main}, ${accentFor(theme, color).dark})`,
+        color: accentFor(theme, color).contrastText
+      };
+    case "elevated":
+      return { boxShadow: theme.shadows[8] };
+    case "minimal":
+      return { border: "none", boxShadow: "none" };
+    default:
+      return {};
+  }
+};
+var commandPaperStyles = (theme, { variant, color, glow, pulse }) => ({
+  transition: theme.transitions.create(["all"], {
+    duration: theme.transitions.duration.standard
+  }),
+  ...emphasisStyles(theme, color, glow, pulse),
+  ...surfaceStyles(theme, variant, color)
+});
+
+export {
+  commandSizeStyles,
+  commandPaperStyles
+};
+//# sourceMappingURL=chunk-RIAIJTEW.js.map

package/dist/chunk-RIAIJTEW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Command/Command.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport type { CommandProps } from './Command.types';\nimport { accentFor } from '../../../tokens/scales';\n\ntype CommandVariant = NonNullable<CommandProps['variant']>;\ntype CommandColor = NonNullable<CommandProps['color']>;\ntype CommandSize = NonNullable<CommandProps['size']>;\n\nconst SIZE_MAP: Record<CommandSize, { width: number; fontSize: string }> = {\n  xs: { width: 400, fontSize: '0.75rem' },\n  sm: { width: 450, fontSize: '0.875rem' },\n  md: { width: 500, fontSize: '1rem' },\n  lg: { width: 550, fontSize: '1.125rem' },\n  xl: { width: 600, fontSize: '1.25rem' },\n};\n\nexport const commandSizeStyles = (size: CommandSize) => SIZE_MAP[size] || SIZE_MAP.md;\n\nconst emphasisStyles = (\n  theme: Theme,\n  color: CommandColor,\n  glow: boolean,\n  pulse: boolean,\n): CSSObject => ({\n  ...(glow && {\n    boxShadow: `0 0 20px ${alpha(accentFor(theme, color).main, 0.4)}`,\n  }),\n  ...(pulse && {\n    animation: 'pulse 2s infinite',\n    '@keyframes pulse': {\n      '0%': { boxShadow: `0 0 0 0 ${alpha(accentFor(theme, color).main, 0.4)}` },\n      '70%': { boxShadow: `0 0 0 10px ${alpha(accentFor(theme, color).main, 0)}` },\n      '100%': { boxShadow: `0 0 0 0 ${alpha(accentFor(theme, color).main, 0)}` },\n    },\n  }),\n});\n\nconst surfaceStyles = (\n  theme: Theme,\n  variant: CommandVariant,\n  color: CommandColor,\n): CSSObject => {\n  switch (variant) {\n    case 'glass':\n      return {\n        backgroundColor: alpha(theme.palette.background.paper, 0.1),\n        backdropFilter: 'blur(20px)',\n        border: `1px solid ${alpha(accentFor(theme, color).main, 0.2)}`,\n      };\n    case 'gradient':\n      return {\n        background: `linear-gradient(135deg, ${accentFor(theme, color).main}, ${accentFor(theme, color).dark})`,\n        color: accentFor(theme, color).contrastText,\n      };\n    case 'elevated':\n      return { boxShadow: theme.shadows[8] };\n    case 'minimal':\n      return { border: 'none', boxShadow: 'none' };\n    default:\n      return {};\n  }\n};\n\n/**\n * Every variant shares the same transition and the same optional glow/pulse; only\n * the surface — background, border, shadow — differs.\n */\nexport const commandPaperStyles = (\n  theme: Theme,\n  { variant, color, glow, pulse }: {\n    variant: CommandVariant;\n    color: CommandColor;\n    glow: boolean;\n    pulse: boolean;\n  },\n): CSSObject => ({\n  transition: theme.transitions.create(['all'], {\n    duration: theme.transitions.duration.standard,\n  }),\n  ...emphasisStyles(theme, color, glow, pulse),\n  ...surfaceStyles(theme, variant, color),\n});\n"],"mappings":";;;;;AAAA,SAAS,aAAa;AAUtB,IAAM,WAAqE;AAAA,EACzE,IAAI,EAAE,OAAO,KAAK,UAAU,UAAU;AAAA,EACtC,IAAI,EAAE,OAAO,KAAK,UAAU,WAAW;AAAA,EACvC,IAAI,EAAE,OAAO,KAAK,UAAU,OAAO;AAAA,EACnC,IAAI,EAAE,OAAO,KAAK,UAAU,WAAW;AAAA,EACvC,IAAI,EAAE,OAAO,KAAK,UAAU,UAAU;AACxC;AAEO,IAAM,oBAAoB,CAAC,SAAsB,SAAS,IAAI,KAAK,SAAS;AAEnF,IAAM,iBAAiB,CACrB,OACA,OACA,MACA,WACe;AAAA,EACf,GAAI,QAAQ;AAAA,IACV,WAAW,YAAY,MAAM,UAAU,OAAO,KAAK,EAAE,MAAM,GAAG,CAAC;AAAA,EACjE;AAAA,EACA,GAAI,SAAS;AAAA,IACX,WAAW;AAAA,IACX,oBAAoB;AAAA,MAClB,MAAM,EAAE,WAAW,WAAW,MAAM,UAAU,OAAO,KAAK,EAAE,MAAM,GAAG,CAAC,GAAG;AAAA,MACzE,OAAO,EAAE,WAAW,cAAc,MAAM,UAAU,OAAO,KAAK,EAAE,MAAM,CAAC,CAAC,GAAG;AAAA,MAC3E,QAAQ,EAAE,WAAW,WAAW,MAAM,UAAU,OAAO,KAAK,EAAE,MAAM,CAAC,CAAC,GAAG;AAAA,IAC3E;AAAA,EACF;AACF;AAEA,IAAM,gBAAgB,CACpB,OACA,SACA,UACc;AACd,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,QAC1D,gBAAgB;AAAA,QAChB,QAAQ,aAAa,MAAM,UAAU,OAAO,KAAK,EAAE,MAAM,GAAG,CAAC;AAAA,MAC/D;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,YAAY,2BAA2B,UAAU,OAAO,KAAK,EAAE,IAAI,KAAK,UAAU,OAAO,KAAK,EAAE,IAAI;AAAA,QACpG,OAAO,UAAU,OAAO,KAAK,EAAE;AAAA,MACjC;AAAA,IACF,KAAK;AACH,aAAO,EAAE,WAAW,MAAM,QAAQ,CAAC,EAAE;AAAA,IACvC,KAAK;AACH,aAAO,EAAE,QAAQ,QAAQ,WAAW,OAAO;AAAA,IAC7C;AACE,aAAO,CAAC;AAAA,EACZ;AACF;AAMO,IAAM,qBAAqB,CAChC,OACA,EAAE,SAAS,OAAO,MAAM,MAAM,OAMf;AAAA,EACf,YAAY,MAAM,YAAY,OAAO,CAAC,KAAK,GAAG;AAAA,IAC5C,UAAU,MAAM,YAAY,SAAS;AAAA,EACvC,CAAC;AAAA,EACD,GAAG,eAAe,OAAO,OAAO,MAAM,KAAK;AAAA,EAC3C,GAAG,cAAc,OAAO,SAAS,KAAK;AACxC;","names":[]}

package/dist/chunk-RRO2EOJB.js

@@ -0,0 +1,64 @@
+import {
+  TILE_SIZE
+} from "./chunk-TUBCN4DJ.js";
+import {
+  tileBackground
+} from "./chunk-DRADVLHZ.js";
+
+// src/components/data-display/MapPreview/MapTiles.tsx
+import { alpha, useTheme } from "@mui/material/styles/index.js";
+import { jsx } from "react/jsx-runtime";
+var VISIBLE_TILES = Math.ceil(800 / TILE_SIZE) + 2;
+var LABEL_MIN_ZOOM = 10;
+var MapTiles = ({ origin, zoom, mapType, panOffset }) => {
+  const theme = useTheme();
+  const borderOpacity = theme.palette.mode === "dark" ? 0.15 : 0.1;
+  const background = tileBackground(mapType, theme);
+  const half = Math.floor(VISIBLE_TILES / 2);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        position: "absolute",
+        top: "50%",
+        left: "50%",
+        transform: `translate(calc(-50% + ${panOffset.x}px), calc(-50% + ${panOffset.y}px))`,
+        width: TILE_SIZE * VISIBLE_TILES,
+        height: TILE_SIZE * VISIBLE_TILES,
+        display: "grid",
+        gridTemplateColumns: `repeat(${VISIBLE_TILES}, ${TILE_SIZE}px)`,
+        gridTemplateRows: `repeat(${VISIBLE_TILES}, ${TILE_SIZE}px)`,
+        transition: "transform 0.1s ease-out"
+      },
+      children: Array.from({ length: VISIBLE_TILES * VISIBLE_TILES }).map((_, index) => {
+        const tileX = (origin?.x || 0) + index % VISIBLE_TILES - half;
+        const tileY = (origin?.y || 0) + Math.floor(index / VISIBLE_TILES) - half;
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              width: TILE_SIZE,
+              height: TILE_SIZE,
+              border: `1px solid ${alpha(theme.palette.divider, borderOpacity)}`,
+              background,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              fontSize: "10px",
+              color: alpha(theme.palette.text.secondary, 0.3),
+              fontFamily: "monospace",
+              userSelect: "none"
+            },
+            children: zoom > LABEL_MIN_ZOOM && `${tileX},${tileY}`
+          },
+          `tile-${tileX}-${tileY}`
+        );
+      })
+    }
+  );
+};
+
+export {
+  MapTiles
+};
+//# sourceMappingURL=chunk-RRO2EOJB.js.map

package/dist/chunk-RRO2EOJB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/MapPreview/MapTiles.tsx"],"sourcesContent":["import { alpha, useTheme } from '@mui/material/styles/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { TILE_SIZE } from './mapProjection';\nimport { tileBackground } from './mapSurface';\nimport type { MapType } from './MapPreview.types';\n\n// Two extra rows and columns so panning does not expose an edge.\nconst VISIBLE_TILES = Math.ceil(800 / TILE_SIZE) + 2;\n// Tile coordinates are only legible once the grid is reasonably fine.\nconst LABEL_MIN_ZOOM = 10;\n\nexport interface MapTilesProps {\n  origin: { x: number; y: number } | null;\n  zoom: number;\n  mapType: MapType;\n  panOffset: { x: number; y: number };\n}\n\nexport const MapTiles: FC<MapTilesProps> = ({ origin, zoom, mapType, panOffset }) => {\n  const theme = useTheme();\n  const borderOpacity = theme.palette.mode === 'dark' ? 0.15 : 0.1;\n  const background = tileBackground(mapType, theme);\n  const half = Math.floor(VISIBLE_TILES / 2);\n\n  return (\n    <div\n      style={{\n        position: 'absolute',\n        top: '50%',\n        left: '50%',\n        transform: `translate(calc(-50% + ${panOffset.x}px), calc(-50% + ${panOffset.y}px))`,\n        width: TILE_SIZE * VISIBLE_TILES,\n        height: TILE_SIZE * VISIBLE_TILES,\n        display: 'grid',\n        gridTemplateColumns: `repeat(${VISIBLE_TILES}, ${TILE_SIZE}px)`,\n        gridTemplateRows: `repeat(${VISIBLE_TILES}, ${TILE_SIZE}px)`,\n        transition: 'transform 0.1s ease-out',\n      }}\n    >\n      {Array.from({ length: VISIBLE_TILES * VISIBLE_TILES }).map((_, index) => {\n        // The grid is centred on the origin tile, so indices run from -half.\n        const tileX = (origin?.x || 0) + (index % VISIBLE_TILES) - half;\n        const tileY = (origin?.y || 0) + Math.floor(index / VISIBLE_TILES) - half;\n\n        return (\n          <div\n            key={`tile-${tileX}-${tileY}`}\n            style={{\n              width: TILE_SIZE,\n              height: TILE_SIZE,\n              border: `1px solid ${alpha(theme.palette.divider, borderOpacity)}`,\n              background,\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              fontSize: '10px',\n              color: alpha(theme.palette.text.secondary, 0.3),\n              fontFamily: 'monospace',\n              userSelect: 'none',\n            }}\n          >\n            {zoom > LABEL_MIN_ZOOM && `${tileX},${tileY}`}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAAA,SAAS,OAAO,gBAAgB;AA+CtB;AAtCV,IAAM,gBAAgB,KAAK,KAAK,MAAM,SAAS,IAAI;AAEnD,IAAM,iBAAiB;AAShB,IAAM,WAA8B,CAAC,EAAE,QAAQ,MAAM,SAAS,UAAU,MAAM;AACnF,QAAM,QAAQ,SAAS;AACvB,QAAM,gBAAgB,MAAM,QAAQ,SAAS,SAAS,OAAO;AAC7D,QAAM,aAAa,eAAe,SAAS,KAAK;AAChD,QAAM,OAAO,KAAK,MAAM,gBAAgB,CAAC;AAEzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN,WAAW,yBAAyB,UAAU,CAAC,oBAAoB,UAAU,CAAC;AAAA,QAC9E,OAAO,YAAY;AAAA,QACnB,QAAQ,YAAY;AAAA,QACpB,SAAS;AAAA,QACT,qBAAqB,UAAU,aAAa,KAAK,SAAS;AAAA,QAC1D,kBAAkB,UAAU,aAAa,KAAK,SAAS;AAAA,QACvD,YAAY;AAAA,MACd;AAAA,MAEC,gBAAM,KAAK,EAAE,QAAQ,gBAAgB,cAAc,CAAC,EAAE,IAAI,CAAC,GAAG,UAAU;AAEvE,cAAM,SAAS,QAAQ,KAAK,KAAM,QAAQ,gBAAiB;AAC3D,cAAM,SAAS,QAAQ,KAAK,KAAK,KAAK,MAAM,QAAQ,aAAa,IAAI;AAErE,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,OAAO;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,aAAa,CAAC;AAAA,cAChE;AAAA,cACA,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,gBAAgB;AAAA,cAChB,UAAU;AAAA,cACV,OAAO,MAAM,MAAM,QAAQ,KAAK,WAAW,GAAG;AAAA,cAC9C,YAAY;AAAA,cACZ,YAAY;AAAA,YACd;AAAA,YAEC,iBAAO,kBAAkB,GAAG,KAAK,IAAI,KAAK;AAAA;AAAA,UAftC,QAAQ,KAAK,IAAI,KAAK;AAAA,QAgB7B;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEJ;","names":[]}