@12-apps/ui 6.33.1 → 6.34.0

package/dist/chunk-W3FAKT3D.js

@@ -1,167 +0,0 @@
-import {
-  BOUNCE_KEYFRAMES
-} from "./chunk-DRADVLHZ.js";
-import {
-  getScaleDistance
-} from "./chunk-TUBCN4DJ.js";
-
-// src/components/data-display/MapPreview/MapDecorations.tsx
-import LocationIcon from "@mui/icons-material/LocationOn";
-import NavigationIcon from "@mui/icons-material/Navigation";
-import PlaceIcon from "@mui/icons-material/Place";
-import Box from "@mui/material/Box/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { alpha, useTheme } from "@mui/material/styles/index.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var MapRoads = () => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(Box, { sx: { position: "absolute", top: "20%", left: "15%", width: "70%", height: "60%", opacity: 0.2 }, children: /* @__PURE__ */ jsxs("svg", { width: "100%", height: "100%", style: { position: "absolute" }, children: [
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M 10,50 Q 30,30 50,50 T 90,50",
-        stroke: theme.palette.text.secondary,
-        strokeWidth: "2",
-        fill: "none",
-        opacity: "0.3"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M 50,10 L 50,90",
-        stroke: theme.palette.text.secondary,
-        strokeWidth: "1.5",
-        fill: "none",
-        opacity: "0.3"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M 20,30 L 80,70",
-        stroke: theme.palette.text.secondary,
-        strokeWidth: "1",
-        fill: "none",
-        opacity: "0.2"
-      }
-    )
-  ] }) });
-};
-var DecorativePin = ({ top, left }) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(Box, { sx: { position: "absolute", top, left, opacity: 0.6 }, children: /* @__PURE__ */ jsx(PlaceIcon, { sx: { fontSize: 20, color: theme.palette.primary.main } }) });
-};
-var MapDecorativePins = () => /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx(DecorativePin, { top: "30%", left: "25%" }),
-  /* @__PURE__ */ jsx(DecorativePin, { top: "65%", left: "70%" })
-] });
-var MapCentreMarker = () => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      "data-testid": "map-marker",
-      sx: {
-        position: "absolute",
-        top: "50%",
-        left: "50%",
-        transform: "translate(-50%, -100%)",
-        zIndex: 2,
-        filter: "drop-shadow(0 2px 4px rgba(0,0,0,0.3))"
-      },
-      children: /* @__PURE__ */ jsx(
-        LocationIcon,
-        {
-          sx: {
-            fontSize: 36,
-            color: theme.palette.error.main,
-            animation: "bounce 2s infinite",
-            "@keyframes bounce": BOUNCE_KEYFRAMES
-          }
-        }
-      )
-    }
-  );
-};
-var MapScaleBar = ({ zoom }) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      sx: {
-        position: "absolute",
-        bottom: theme.spacing(2),
-        right: theme.spacing(2),
-        display: "flex",
-        alignItems: "center",
-        gap: 0.5,
-        padding: theme.spacing(0.5, 1),
-        background: alpha(theme.palette.background.paper, 0.9),
-        borderRadius: theme.shape.borderRadius,
-        fontSize: "0.75rem",
-        color: theme.palette.text.secondary
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          Box,
-          {
-            sx: {
-              width: 40,
-              height: 2,
-              background: theme.palette.text.secondary,
-              position: "relative",
-              // The end caps that make the bar read as a measurement.
-              "&::before, &::after": {
-                content: '""',
-                position: "absolute",
-                width: 2,
-                height: 6,
-                background: theme.palette.text.secondary
-              },
-              "&::before": { left: 0, top: -2 },
-              "&::after": { right: 0, top: -2 }
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx(Typography, { variant: "caption", children: getScaleDistance(zoom) })
-      ]
-    }
-  );
-};
-var MapCompass = () => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      sx: {
-        position: "absolute",
-        top: theme.spacing(2),
-        left: theme.spacing(2),
-        width: 40,
-        height: 40,
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        background: alpha(theme.palette.background.paper, 0.9),
-        borderRadius: "50%",
-        boxShadow: theme.shadows[2]
-      },
-      children: /* @__PURE__ */ jsx(
-        NavigationIcon,
-        {
-          sx: { fontSize: 24, color: theme.palette.primary.main, transform: "rotate(-45deg)" }
-        }
-      )
-    }
-  );
-};
-
-export {
-  MapRoads,
-  MapDecorativePins,
-  MapCentreMarker,
-  MapScaleBar,
-  MapCompass
-};
-//# sourceMappingURL=chunk-W3FAKT3D.js.map

package/dist/chunk-W3FAKT3D.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/MapPreview/MapDecorations.tsx"],"sourcesContent":["import LocationIcon from '@mui/icons-material/LocationOn';\nimport NavigationIcon from '@mui/icons-material/Navigation';\nimport PlaceIcon from '@mui/icons-material/Place';\nimport Box from '@mui/material/Box/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, useTheme } from '@mui/material/styles/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { getScaleDistance } from './mapProjection';\nimport { BOUNCE_KEYFRAMES } from './mapSurface';\n\n// Decorative only: these give the mock surface something to look like without\n// standing in for real map data.\nexport const MapRoads: FC = () => {\n  const theme = useTheme();\n\n  return (\n    <Box sx={{ position: 'absolute', top: '20%', left: '15%', width: '70%', height: '60%', opacity: 0.2 }}>\n      <svg width=\"100%\" height=\"100%\" style={{ position: 'absolute' }}>\n        <path\n          d=\"M 10,50 Q 30,30 50,50 T 90,50\"\n          stroke={theme.palette.text.secondary}\n          strokeWidth=\"2\"\n          fill=\"none\"\n          opacity=\"0.3\"\n        />\n        <path\n          d=\"M 50,10 L 50,90\"\n          stroke={theme.palette.text.secondary}\n          strokeWidth=\"1.5\"\n          fill=\"none\"\n          opacity=\"0.3\"\n        />\n        <path\n          d=\"M 20,30 L 80,70\"\n          stroke={theme.palette.text.secondary}\n          strokeWidth=\"1\"\n          fill=\"none\"\n          opacity=\"0.2\"\n        />\n      </svg>\n    </Box>\n  );\n};\n\nconst DecorativePin: FC<{ top: string; left: string }> = ({ top, left }) => {\n  const theme = useTheme();\n\n  return (\n    <Box sx={{ position: 'absolute', top, left, opacity: 0.6 }}>\n      <PlaceIcon sx={{ fontSize: 20, color: theme.palette.primary.main }} />\n    </Box>\n  );\n};\n\nexport const MapDecorativePins: FC = () => (\n  <>\n    <DecorativePin top=\"30%\" left=\"25%\" />\n    <DecorativePin top=\"65%\" left=\"70%\" />\n  </>\n);\n\nexport const MapCentreMarker: FC = () => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      data-testid=\"map-marker\"\n      sx={{\n        position: 'absolute',\n        top: '50%',\n        left: '50%',\n        transform: 'translate(-50%, -100%)',\n        zIndex: 2,\n        filter: 'drop-shadow(0 2px 4px rgba(0,0,0,0.3))',\n      }}\n    >\n      <LocationIcon\n        sx={{\n          fontSize: 36,\n          color: theme.palette.error.main,\n          animation: 'bounce 2s infinite',\n          '@keyframes bounce': BOUNCE_KEYFRAMES,\n        }}\n      />\n    </Box>\n  );\n};\n\nexport const MapScaleBar: FC<{ zoom: number }> = ({ zoom }) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      sx={{\n        position: 'absolute',\n        bottom: theme.spacing(2),\n        right: theme.spacing(2),\n        display: 'flex',\n        alignItems: 'center',\n        gap: 0.5,\n        padding: theme.spacing(0.5, 1),\n        background: alpha(theme.palette.background.paper, 0.9),\n        borderRadius: theme.shape.borderRadius,\n        fontSize: '0.75rem',\n        color: theme.palette.text.secondary,\n      }}\n    >\n      <Box\n        sx={{\n          width: 40,\n          height: 2,\n          background: theme.palette.text.secondary,\n          position: 'relative',\n          // The end caps that make the bar read as a measurement.\n          '&::before, &::after': {\n            content: '\"\"',\n            position: 'absolute',\n            width: 2,\n            height: 6,\n            background: theme.palette.text.secondary,\n          },\n          '&::before': { left: 0, top: -2 },\n          '&::after': { right: 0, top: -2 },\n        }}\n      />\n      <Typography variant=\"caption\">{getScaleDistance(zoom)}</Typography>\n    </Box>\n  );\n};\n\nexport const MapCompass: FC = () => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      sx={{\n        position: 'absolute',\n        top: theme.spacing(2),\n        left: theme.spacing(2),\n        width: 40,\n        height: 40,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        background: alpha(theme.palette.background.paper, 0.9),\n        borderRadius: '50%',\n        boxShadow: theme.shadows[2],\n      }}\n    >\n      <NavigationIcon\n        sx={{ fontSize: 24, color: theme.palette.primary.main, transform: 'rotate(-45deg)' }}\n      />\n    </Box>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-W7HSGZGW.js

@@ -1,155 +0,0 @@
-import {
-  CarouselTrack
-} from "./chunk-WIXUMFU7.js";
-import {
-  useCarouselNavigation
-} from "./chunk-RUIV5TVA.js";
-import {
-  CarouselChrome
-} from "./chunk-4YMIQ5DM.js";
-import {
-  containerStyles
-} from "./chunk-EEAQBPOW.js";
-import {
-  withDefaults
-} from "./chunk-HPK33ACY.js";
-import {
-  muiColor
-} from "./chunk-7ZPUN7TV.js";
-
-// src/components/data-display/Carousel/Carousel.tsx
-import Box from "@mui/material/Box/index.js";
-import CircularProgress from "@mui/material/CircularProgress/index.js";
-import Fade from "@mui/material/Fade/index.js";
-import Slide from "@mui/material/Slide/index.js";
-import Zoom from "@mui/material/Zoom/index.js";
-import { useTheme } from "@mui/material/styles/index.js";
-import { useCallback, useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DEFAULTS = {
-  variant: "default",
-  size: "md",
-  color: "primary",
-  autoPlay: false,
-  autoPlayInterval: 3e3,
-  loop: true,
-  showIndicators: true,
-  showArrows: true,
-  showThumbnails: false,
-  glow: false,
-  pulse: false,
-  glass: false,
-  gradient: false,
-  loading: false,
-  disabled: false,
-  height: 400,
-  width: "100%",
-  pauseOnHover: true,
-  indicatorPosition: "bottom",
-  arrowPosition: "overlay",
-  animation: "slide"
-};
-var TRANSITIONS = { fade: Fade, zoom: Zoom, flip: Slide, slide: Slide };
-var Carousel = (props) => {
-  const resolved = withDefaults(props, DEFAULTS);
-  const {
-    items,
-    variant,
-    size,
-    color,
-    autoPlay,
-    autoPlayInterval,
-    loop,
-    loading,
-    disabled,
-    className,
-    style,
-    height,
-    width,
-    pauseOnHover,
-    onClick,
-    onChange,
-    onFocus,
-    onBlur,
-    animation,
-    glow,
-    pulse,
-    glass,
-    gradient
-  } = resolved;
-  const theme = useTheme();
-  const containerRef = useRef(null);
-  const { activeIndex, handleNext, handlePrev, handleSelect, hoverProps } = useCarouselNavigation({
-    count: items.length,
-    loop,
-    autoPlay,
-    autoPlayInterval,
-    pauseOnHover,
-    disabled,
-    onChange
-  });
-  const handleItemClick = useCallback(
-    (item, index) => {
-      if (!disabled) {
-        onClick?.(item, index);
-      }
-    },
-    [disabled, onClick]
-  );
-  const frameSx = containerStyles({
-    theme,
-    variant,
-    size,
-    color,
-    height,
-    width,
-    glow,
-    pulse,
-    glass,
-    gradient
-  });
-  if (loading) {
-    return /* @__PURE__ */ jsx(Box, { sx: { ...frameSx, display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ jsx(CircularProgress, { color: muiColor(color, "inherit") }) });
-  }
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      ref: containerRef,
-      className,
-      "data-testid": "carousel-container",
-      sx: { ...frameSx, ...style },
-      onFocus,
-      onBlur,
-      ...hoverProps,
-      children: [
-        /* @__PURE__ */ jsx(
-          CarouselTrack,
-          {
-            items,
-            activeIndex,
-            variant,
-            animation,
-            transition: TRANSITIONS[animation] ?? Slide,
-            clickable: Boolean(onClick),
-            onSelect: handleItemClick
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          CarouselChrome,
-          {
-            ...resolved,
-            activeIndex,
-            onPrev: handlePrev,
-            onNext: handleNext,
-            onSelect: handleSelect
-          }
-        )
-      ]
-    }
-  );
-};
-
-export {
-  Carousel
-};
-//# sourceMappingURL=chunk-W7HSGZGW.js.map

package/dist/chunk-WIXUMFU7.js

@@ -1,167 +0,0 @@
-// src/components/data-display/Carousel/Carousel.slide.tsx
-import Box from "@mui/material/Box/index.js";
-import Paper from "@mui/material/Paper/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { useTheme } from "@mui/material/styles/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var SlideCaption = ({
-  title,
-  description,
-  content,
-  image
-}) => /* @__PURE__ */ jsxs(Box, { sx: { position: "relative", zIndex: 1, textAlign: "center", p: 3 }, children: [
-  title && /* @__PURE__ */ jsx(
-    Typography,
-    {
-      variant: "h5",
-      sx: {
-        color: image ? "white" : "text.primary",
-        textShadow: image ? "0 2px 4px rgba(0,0,0,0.5)" : "none",
-        mb: 1
-      },
-      children: title
-    }
-  ),
-  description && /* @__PURE__ */ jsx(
-    Typography,
-    {
-      variant: "body1",
-      sx: {
-        color: image ? "white" : "text.secondary",
-        textShadow: image ? "0 1px 2px rgba(0,0,0,0.5)" : "none"
-      },
-      children: description
-    }
-  ),
-  content
-] });
-var CarouselSlide = ({
-  item,
-  index,
-  isActive,
-  variant,
-  clickable,
-  onSelect
-}) => {
-  const theme = useTheme();
-  const content = /* @__PURE__ */ jsxs(
-    Box,
-    {
-      sx: {
-        width: "100%",
-        height: "100%",
-        display: "flex",
-        flexDirection: "column",
-        justifyContent: "center",
-        alignItems: "center",
-        cursor: clickable ? "pointer" : "default",
-        position: "relative"
-      },
-      onClick: () => onSelect(item, index),
-      children: [
-        item.image && /* @__PURE__ */ jsx(
-          Box,
-          {
-            component: "img",
-            src: item.image,
-            alt: item.alt || item.title,
-            sx: {
-              width: "100%",
-              height: "100%",
-              objectFit: "cover",
-              position: "absolute",
-              top: 0,
-              left: 0
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          SlideCaption,
-          {
-            title: item.title,
-            description: item.description,
-            content: item.content,
-            image: item.image
-          }
-        )
-      ]
-    }
-  );
-  if (variant === "cards") {
-    return /* @__PURE__ */ jsx(
-      Paper,
-      {
-        elevation: isActive ? 8 : 2,
-        sx: {
-          width: "100%",
-          height: "100%",
-          overflow: "hidden",
-          transform: isActive ? "scale(1)" : "scale(0.9)",
-          transition: theme.transitions.create(["transform", "box-shadow"])
-        },
-        children: content
-      }
-    );
-  }
-  return content;
-};
-var CarouselTrack = ({
-  items,
-  activeIndex,
-  variant,
-  animation,
-  transition: Transition,
-  clickable,
-  onSelect
-}) => /* @__PURE__ */ jsx(
-  Box,
-  {
-    "data-testid": "carousel-track",
-    sx: {
-      width: "100%",
-      height: "100%",
-      position: "relative",
-      display: "flex",
-      alignItems: "center"
-    },
-    children: items.map((item, index) => /* @__PURE__ */ jsx(
-      Transition,
-      {
-        in: index === activeIndex,
-        timeout: 600,
-        ...animation === "flip" && { direction: "left" },
-        children: /* @__PURE__ */ jsx(
-          Box,
-          {
-            "data-testid": `carousel-slide-${index}`,
-            "data-active": index === activeIndex,
-            sx: {
-              position: "absolute",
-              width: "100%",
-              height: "100%",
-              display: index === activeIndex ? "block" : "none"
-            },
-            children: /* @__PURE__ */ jsx(
-              CarouselSlide,
-              {
-                item,
-                index,
-                isActive: index === activeIndex,
-                variant,
-                clickable,
-                onSelect
-              }
-            )
-          }
-        )
-      },
-      item.id
-    ))
-  }
-);
-
-export {
-  CarouselSlide,
-  CarouselTrack
-};
-//# sourceMappingURL=chunk-WIXUMFU7.js.map

package/dist/chunk-WIXUMFU7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Carousel/Carousel.slide.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport Paper from '@mui/material/Paper/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport type { CarouselItem, CarouselProps } from './Carousel.types';\n\nexport interface CarouselSlideProps {\n  item: CarouselItem;\n  index: number;\n  isActive: boolean;\n  variant: NonNullable<CarouselProps['variant']>;\n  clickable: boolean;\n  onSelect: (item: CarouselItem, index: number) => void;\n}\n\n/**\n * A slide's caption. Over an image it is white with a shadow so it stays legible\n * against whatever the photograph happens to be; on a bare surface it uses the\n * ordinary text colours.\n */\nconst SlideCaption: React.FC<Pick<CarouselItem, 'title' | 'description' | 'content' | 'image'>> = ({\n  title,\n  description,\n  content,\n  image,\n}) => (\n  <Box sx={{ position: 'relative', zIndex: 1, textAlign: 'center', p: 3 }}>\n    {title && (\n      <Typography\n        variant=\"h5\"\n        sx={{\n          color: image ? 'white' : 'text.primary',\n          textShadow: image ? '0 2px 4px rgba(0,0,0,0.5)' : 'none',\n          mb: 1,\n        }}\n      >\n        {title}\n      </Typography>\n    )}\n\n    {description && (\n      <Typography\n        variant=\"body1\"\n        sx={{\n          color: image ? 'white' : 'text.secondary',\n          textShadow: image ? '0 1px 2px rgba(0,0,0,0.5)' : 'none',\n        }}\n      >\n        {description}\n      </Typography>\n    )}\n\n    {content}\n  </Box>\n);\n\nexport const CarouselSlide: React.FC<CarouselSlideProps> = ({\n  item,\n  index,\n  isActive,\n  variant,\n  clickable,\n  onSelect,\n}) => {\n  const theme = useTheme();\n\n  const content = (\n    <Box\n      sx={{\n        width: '100%',\n        height: '100%',\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: 'center',\n        alignItems: 'center',\n        cursor: clickable ? 'pointer' : 'default',\n        position: 'relative',\n      }}\n      onClick={() => onSelect(item, index)}\n    >\n      {item.image && (\n        <Box\n          component=\"img\"\n          src={item.image}\n          alt={item.alt || item.title}\n          sx={{\n            width: '100%',\n            height: '100%',\n            objectFit: 'cover',\n            position: 'absolute',\n            top: 0,\n            left: 0,\n          }}\n        />\n      )}\n\n      <SlideCaption\n        title={item.title}\n        description={item.description}\n        content={item.content}\n        image={item.image}\n      />\n    </Box>\n  );\n\n  // The cards variant gives each slide its own raised surface, and lifts the\n  // active one further so the stack reads as a deck rather than a strip.\n  if (variant === 'cards') {\n    return (\n      <Paper\n        elevation={isActive ? 8 : 2}\n        sx={{\n          width: '100%',\n          height: '100%',\n          overflow: 'hidden',\n          transform: isActive ? 'scale(1)' : 'scale(0.9)',\n          transition: theme.transitions.create(['transform', 'box-shadow']),\n        }}\n      >\n        {content}\n      </Paper>\n    );\n  }\n\n  return content;\n};\n\nexport interface CarouselTrackProps {\n  items: CarouselItem[];\n  activeIndex: number;\n  variant: NonNullable<CarouselProps['variant']>;\n  animation: NonNullable<CarouselProps['animation']>;\n  transition: React.ElementType;\n  clickable: boolean;\n  onSelect: (item: CarouselItem, index: number) => void;\n}\n\n/**\n * The slides themselves. Every slide stays mounted and absolutely positioned so\n * the transition has both the outgoing and incoming one to work with; `display`\n * is what actually hides the rest.\n */\nexport const CarouselTrack: React.FC<CarouselTrackProps> = ({\n  items,\n  activeIndex,\n  variant,\n  animation,\n  transition: Transition,\n  clickable,\n  onSelect,\n}) => (\n  <Box\n    data-testid=\"carousel-track\"\n    sx={{\n      width: '100%',\n      height: '100%',\n      position: 'relative',\n      display: 'flex',\n      alignItems: 'center',\n    }}\n  >\n    {items.map((item, index) => (\n      <Transition\n        key={item.id}\n        in={index === activeIndex}\n        timeout={600}\n        {...(animation === 'flip' && { direction: 'left' as const })}\n      >\n        <Box\n          data-testid={`carousel-slide-${index}`}\n          data-active={index === activeIndex}\n          sx={{\n            position: 'absolute',\n            width: '100%',\n            height: '100%',\n            display: index === activeIndex ? 'block' : 'none',\n          }}\n        >\n          <CarouselSlide\n            item={item}\n            index={index}\n            isActive={index === activeIndex}\n            variant={variant}\n            clickable={clickable}\n            onSelect={onSelect}\n          />\n        </Box>\n      </Transition>\n    ))}\n  </Box>\n);\n"],"mappings":"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","names":[]}

package/dist/chunk-WJH743NG.js

@@ -1,131 +0,0 @@
-import {
-  resolveLightboxProps
-} from "./chunk-UOS7DEQZ.js";
-import {
-  LightboxThumbnails
-} from "./chunk-Q725MACF.js";
-import {
-  LightboxStage
-} from "./chunk-EUHVBR3J.js";
-import {
-  LightboxOverlay
-} from "./chunk-GJKBWVU2.js";
-import {
-  LightboxCurrentMedia
-} from "./chunk-2DWBJJK6.js";
-import {
-  useLightbox
-} from "./chunk-3EYRRVNT.js";
-import {
-  makeTestId
-} from "./chunk-56SJYTIT.js";
-import {
-  LightboxCopyProvider
-} from "./chunk-TEQYTEM2.js";
-
-// src/components/data-display/Lightbox/Lightbox.tsx
-import Dialog from "@mui/material/Dialog/index.js";
-import Fade from "@mui/material/Fade/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DIALOG_STATIC_PROPS = {
-  maxWidth: false,
-  fullScreen: true,
-  TransitionComponent: Fade,
-  TransitionProps: { timeout: 300 },
-  PaperProps: { sx: { background: "rgba(0, 0, 0, 0.9)", backdropFilter: "blur(2px)" } },
-  "aria-label": "Lightbox",
-  "aria-labelledby": "lightbox-title",
-  role: "dialog",
-  "aria-modal": "true"
-};
-var Lightbox = React.forwardRef((componentProps, ref) => {
-  const props = resolveLightboxProps(componentProps);
-  const { isOpen, items, loop, autoplay, showControls, showCaptions, thumbnails, zoomable } = props;
-  const { className, style, dataTestId } = props;
-  const testId = makeTestId(dataTestId);
-  const lightbox = useLightbox(props, ref);
-  const { currentIndex, currentItem, zoom } = lightbox;
-  return /* @__PURE__ */ jsx(LightboxCopyProvider, { copy: props.copy, children: /* @__PURE__ */ jsxs(
-    Dialog,
-    {
-      open: isOpen,
-      onClose: lightbox.close,
-      ...DIALOG_STATIC_PROPS,
-      className,
-      style,
-      onTouchStart: lightbox.handleTouchStart,
-      onTouchEnd: lightbox.handleTouchEnd,
-      "data-testid": dataTestId || "lightbox",
-      children: [
-        /* @__PURE__ */ jsxs(Typography, { id: "lightbox-title", variant: "h6", sx: { position: "absolute", left: -1e4 }, children: [
-          "Lightbox - ",
-          currentItem?.alt || `Item ${currentIndex + 1} of ${items.length}`
-        ] }),
-        /* @__PURE__ */ jsx(
-          LightboxOverlay,
-          {
-            testId,
-            itemCount: items.length,
-            currentIndex,
-            showControls,
-            loop,
-            autoplay,
-            canZoom: lightbox.canZoom,
-            isAutoPlaying: lightbox.isAutoPlaying,
-            onClose: lightbox.close,
-            onPrev: lightbox.prev,
-            onNext: lightbox.next,
-            onZoomIn: zoom.zoomIn,
-            onZoomOut: zoom.zoomOut,
-            onResetZoom: zoom.resetZoom,
-            onToggleAutoplay: () => lightbox.setIsAutoPlaying((playing) => !playing)
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          LightboxStage,
-          {
-            items,
-            currentItem,
-            currentIndex,
-            isLoading: lightbox.isLoading,
-            showCaptions,
-            thumbnails,
-            testId,
-            media: /* @__PURE__ */ jsx(
-              LightboxCurrentMedia,
-              {
-                item: currentItem,
-                index: currentIndex,
-                total: items.length,
-                zoomable,
-                zoom,
-                testId,
-                onLoadingChange: lightbox.setIsLoading,
-                onWheel: lightbox.handleWheel
-              }
-            ),
-            thumbnailStrip: thumbnails && items.length > 1 && /* @__PURE__ */ jsx(
-              LightboxThumbnails,
-              {
-                items,
-                currentIndex,
-                testId,
-                onSelect: lightbox.goToIndex
-              }
-            )
-          }
-        )
-      ]
-    }
-  ) });
-});
-Lightbox.displayName = "Lightbox";
-var Lightbox_default = Lightbox;
-
-export {
-  Lightbox,
-  Lightbox_default
-};
-//# sourceMappingURL=chunk-WJH743NG.js.map

package/dist/chunk-WJH743NG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Lightbox/Lightbox.tsx"],"sourcesContent":["import Dialog from '@mui/material/Dialog/index.js';\nimport Fade from '@mui/material/Fade/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport React from 'react';\n\nimport { makeTestId } from './Lightbox.constants';\nimport { resolveLightboxProps } from './Lightbox.helpers';\nimport { LightboxCopyProvider } from './lightbox-copy-context';\nimport type { LightboxProps, LightboxRef } from './Lightbox.types';\nimport { LightboxCurrentMedia } from './LightboxCurrentMedia';\nimport { LightboxOverlay } from './LightboxOverlay';\nimport { LightboxStage } from './LightboxStage';\nimport { LightboxThumbnails } from './LightboxThumbnails';\nimport { useLightbox } from './useLightbox';\n\nconst DIALOG_STATIC_PROPS = {\n  maxWidth: false,\n  fullScreen: true,\n  TransitionComponent: Fade,\n  TransitionProps: { timeout: 300 },\n  PaperProps: { sx: { background: 'rgba(0, 0, 0, 0.9)', backdropFilter: 'blur(2px)' } },\n  'aria-label': 'Lightbox',\n  'aria-labelledby': 'lightbox-title',\n  role: 'dialog',\n  'aria-modal': 'true',\n} as const;\n\nexport const Lightbox = React.forwardRef<LightboxRef, LightboxProps>((componentProps, ref) => {\n  const props = resolveLightboxProps(componentProps);\n  const { isOpen, items, loop, autoplay, showControls, showCaptions, thumbnails, zoomable } = props;\n  const { className, style, dataTestId } = props;\n\n  const testId = makeTestId(dataTestId);\n  const lightbox = useLightbox(props, ref);\n  const { currentIndex, currentItem, zoom } = lightbox;\n\n  return (\n    <LightboxCopyProvider copy={props.copy}>\n    <Dialog\n      open={isOpen}\n      onClose={lightbox.close}\n      {...DIALOG_STATIC_PROPS}\n      className={className}\n      style={style}\n      onTouchStart={lightbox.handleTouchStart}\n      onTouchEnd={lightbox.handleTouchEnd}\n      data-testid={dataTestId || 'lightbox'}\n    >\n      {/* Visually hidden title for screen readers */}\n      <Typography id=\"lightbox-title\" variant=\"h6\" sx={{ position: 'absolute', left: -10000 }}>\n        Lightbox - {currentItem?.alt || `Item ${currentIndex + 1} of ${items.length}`}\n      </Typography>\n\n      <LightboxOverlay\n        testId={testId}\n        itemCount={items.length}\n        currentIndex={currentIndex}\n        showControls={showControls}\n        loop={loop}\n        autoplay={autoplay}\n        canZoom={lightbox.canZoom}\n        isAutoPlaying={lightbox.isAutoPlaying}\n        onClose={lightbox.close}\n        onPrev={lightbox.prev}\n        onNext={lightbox.next}\n        onZoomIn={zoom.zoomIn}\n        onZoomOut={zoom.zoomOut}\n        onResetZoom={zoom.resetZoom}\n        onToggleAutoplay={() => lightbox.setIsAutoPlaying((playing) => !playing)}\n      />\n\n      <LightboxStage\n        items={items}\n        currentItem={currentItem}\n        currentIndex={currentIndex}\n        isLoading={lightbox.isLoading}\n        showCaptions={showCaptions}\n        thumbnails={thumbnails}\n        testId={testId}\n        media={\n          <LightboxCurrentMedia\n            item={currentItem}\n            index={currentIndex}\n            total={items.length}\n            zoomable={zoomable}\n            zoom={zoom}\n            testId={testId}\n            onLoadingChange={lightbox.setIsLoading}\n            onWheel={lightbox.handleWheel}\n          />\n        }\n        thumbnailStrip={\n          thumbnails &&\n          items.length > 1 && (\n            <LightboxThumbnails\n              items={items}\n              currentIndex={currentIndex}\n              testId={testId}\n              onSelect={lightbox.goToIndex}\n            />\n          )\n        }\n      />\n    </Dialog>\n    </LightboxCopyProvider>\n  );\n});\n\nLightbox.displayName = 'Lightbox';\n\nexport default Lightbox;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,YAAY;AACnB,OAAO,UAAU;AACjB,OAAO,gBAAgB;AACvB,OAAO,WAAW;AA8CZ,SAIA,KAJA;AAlCN,IAAM,sBAAsB;AAAA,EAC1B,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,qBAAqB;AAAA,EACrB,iBAAiB,EAAE,SAAS,IAAI;AAAA,EAChC,YAAY,EAAE,IAAI,EAAE,YAAY,sBAAsB,gBAAgB,YAAY,EAAE;AAAA,EACpF,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,MAAM;AAAA,EACN,cAAc;AAChB;AAEO,IAAM,WAAW,MAAM,WAAuC,CAAC,gBAAgB,QAAQ;AAC5F,QAAM,QAAQ,qBAAqB,cAAc;AACjD,QAAM,EAAE,QAAQ,OAAO,MAAM,UAAU,cAAc,cAAc,YAAY,SAAS,IAAI;AAC5F,QAAM,EAAE,WAAW,OAAO,WAAW,IAAI;AAEzC,QAAM,SAAS,WAAW,UAAU;AACpC,QAAM,WAAW,YAAY,OAAO,GAAG;AACvC,QAAM,EAAE,cAAc,aAAa,KAAK,IAAI;AAE5C,SACE,oBAAC,wBAAqB,MAAM,MAAM,MAClC;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,SAAS,SAAS;AAAA,MACjB,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,cAAc,SAAS;AAAA,MACvB,YAAY,SAAS;AAAA,MACrB,eAAa,cAAc;AAAA,MAG3B;AAAA,6BAAC,cAAW,IAAG,kBAAiB,SAAQ,MAAK,IAAI,EAAE,UAAU,YAAY,MAAM,KAAO,GAAG;AAAA;AAAA,UAC3E,aAAa,OAAO,QAAQ,eAAe,CAAC,OAAO,MAAM,MAAM;AAAA,WAC7E;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,WAAW,MAAM;AAAA,YACjB;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,SAAS,SAAS;AAAA,YAClB,eAAe,SAAS;AAAA,YACxB,SAAS,SAAS;AAAA,YAClB,QAAQ,SAAS;AAAA,YACjB,QAAQ,SAAS;AAAA,YACjB,UAAU,KAAK;AAAA,YACf,WAAW,KAAK;AAAA,YAChB,aAAa,KAAK;AAAA,YAClB,kBAAkB,MAAM,SAAS,iBAAiB,CAAC,YAAY,CAAC,OAAO;AAAA;AAAA,QACzE;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW,SAAS;AAAA,YACpB;AAAA,YACA;AAAA,YACA;AAAA,YACA,OACE;AAAA,cAAC;AAAA;AAAA,gBACC,MAAM;AAAA,gBACN,OAAO;AAAA,gBACP,OAAO,MAAM;AAAA,gBACb;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,iBAAiB,SAAS;AAAA,gBAC1B,SAAS,SAAS;AAAA;AAAA,YACpB;AAAA,YAEF,gBACE,cACA,MAAM,SAAS,KACb;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,UAAU,SAAS;AAAA;AAAA,YACrB;AAAA;AAAA,QAGN;AAAA;AAAA;AAAA,EACF,GACA;AAEJ,CAAC;AAED,SAAS,cAAc;AAEvB,IAAO,mBAAQ;","names":[]}