@12-apps/ui 6.19.1 → 6.21.0

package/dist/chunk-IIOEQRXX.js

@@ -1,142 +0,0 @@
-import {
-  SIZE_MAP,
-  makeTestIds,
-  resolveLoadingStateProps
-} from "./chunk-7DFEKTT7.js";
-import {
-  SKELETON_FULL_ROW_WIDTH,
-  SKELETON_LAST_ROW_WIDTH,
-  SKELETON_MESSAGE_MARGIN_TOP_UNITS,
-  SKELETON_PADDING_UNITS,
-  SKELETON_RADIUS,
-  SKELETON_ROW_GAP_UNITS,
-  SKELETON_ROW_HEIGHT,
-  SPINNER_GAP_UNITS,
-  SPINNER_MIN_HEIGHT,
-  SPINNER_PADDING_UNITS
-} from "./chunk-YSTHOE66.js";
-import {
-  Skeleton
-} from "./chunk-IRDGC7FK.js";
-import {
-  resolveTestId
-} from "./chunk-QLWBQQW7.js";
-
-// src/components/data-display/LoadingState/LoadingState.tsx
-import Box from "@mui/material/Box/index.js";
-import CircularProgress from "@mui/material/CircularProgress/index.js";
-import Stack from "@mui/material/Stack/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { useTheme } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var LoadingMessage = ({ message, size, testIds, sx }) => message ? /* @__PURE__ */ jsx(
-  Typography,
-  {
-    variant: SIZE_MAP[size].text,
-    color: "text.secondary",
-    sx,
-    "data-testid": testIds.named("message"),
-    children: message
-  }
-) : null;
-var SkeletonView = ({
-  message,
-  size,
-  skeletonRows,
-  className,
-  testIds
-}) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      role: "status",
-      "aria-busy": "true",
-      "aria-label": message || "Loading content",
-      className,
-      "data-testid": testIds.base,
-      sx: {
-        width: "100%",
-        padding: theme.spacing(SKELETON_PADDING_UNITS)
-      },
-      children: [
-        /* @__PURE__ */ jsx(Stack, { spacing: SKELETON_ROW_GAP_UNITS, children: Array.from({ length: skeletonRows }).map((_, index) => /* @__PURE__ */ jsx(
-          Skeleton,
-          {
-            variant: "rectangular",
-            animation: "wave",
-            height: SKELETON_ROW_HEIGHT[size],
-            width: index === skeletonRows - 1 ? SKELETON_LAST_ROW_WIDTH : SKELETON_FULL_ROW_WIDTH,
-            borderRadius: SKELETON_RADIUS,
-            "data-testid": testIds.optional(`skeleton-${index}`)
-          },
-          `skeleton-row-${index}`
-        )) }),
-        /* @__PURE__ */ jsx(
-          LoadingMessage,
-          {
-            message,
-            size,
-            testIds,
-            sx: { mt: SKELETON_MESSAGE_MARGIN_TOP_UNITS, textAlign: "center" }
-          }
-        )
-      ]
-    }
-  );
-};
-var SpinnerView = ({ message, size, className, testIds }) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      role: "status",
-      "aria-busy": "true",
-      "aria-label": message || "Loading",
-      className,
-      "data-testid": testIds.base,
-      sx: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        padding: theme.spacing(SPINNER_PADDING_UNITS),
-        minHeight: SPINNER_MIN_HEIGHT,
-        gap: theme.spacing(SPINNER_GAP_UNITS)
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          CircularProgress,
-          {
-            size: SIZE_MAP[size].spinner,
-            "data-testid": testIds.named("spinner")
-          }
-        ),
-        /* @__PURE__ */ jsx(LoadingMessage, { message, size, testIds })
-      ]
-    }
-  );
-};
-var LoadingState = React.memo((rawProps) => {
-  const resolved = resolveLoadingStateProps(rawProps);
-  const { variant, message, size, skeletonRows, className } = resolved;
-  const viewProps = {
-    message,
-    size,
-    skeletonRows,
-    className,
-    // `dataTestId` is the documented spelling; `testID`, the shared contract's
-    // other one, resolves to the same id.
-    testIds: makeTestIds(resolveTestId(resolved))
-  };
-  return variant === "skeleton" ? /* @__PURE__ */ jsx(SkeletonView, { ...viewProps }) : /* @__PURE__ */ jsx(SpinnerView, { ...viewProps });
-});
-LoadingState.displayName = "LoadingState";
-var LoadingState_default = LoadingState;
-
-export {
-  LoadingState,
-  LoadingState_default
-};
-//# sourceMappingURL=chunk-IIOEQRXX.js.map

package/dist/chunk-IRDGC7FK.js

@@ -1,74 +0,0 @@
-import {
-  defaultDimensions,
-  muiAnimationFor,
-  muiVariantFor,
-  skeletonStyles
-} from "./chunk-JZKOJZ6V.js";
-import {
-  resolveSkeletonProps
-} from "./chunk-HXYXDQ7U.js";
-
-// src/components/layout/Skeleton/Skeleton.tsx
-import Box from "@mui/material/Box/index.js";
-import MuiSkeleton from "@mui/material/Skeleton/index.js";
-import Stack from "@mui/material/Stack/index.js";
-import { useTheme } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var Skeleton = React.memo((rawProps) => {
-  const {
-    variant,
-    animation,
-    width,
-    height,
-    count,
-    spacing,
-    borderRadius,
-    className,
-    intensity,
-    glassmorphism,
-    shimmer,
-    "data-testid": dataTestId,
-    style,
-    ...props
-  } = resolveSkeletonProps(rawProps);
-  const theme = useTheme();
-  const defaults = defaultDimensions(variant);
-  const finalWidth = width ?? defaults.width;
-  const finalHeight = height ?? defaults.height;
-  if (count === 0) {
-    return null;
-  }
-  const singleSkeleton = /* @__PURE__ */ jsx(
-    MuiSkeleton,
-    {
-      variant: muiVariantFor(variant),
-      animation: muiAnimationFor(variant, animation),
-      width: finalWidth,
-      height: finalHeight,
-      sx: skeletonStyles(theme, {
-        intensity,
-        borderRadius,
-        glassmorphism,
-        shimmer,
-        style
-      }),
-      className,
-      "data-testid": dataTestId,
-      "aria-hidden": "true",
-      ...props
-    }
-  );
-  if (count === 1) {
-    return singleSkeleton;
-  }
-  return /* @__PURE__ */ jsx(Stack, { spacing, children: Array.from({ length: count }).map((_, index) => /* @__PURE__ */ jsx(Box, { children: React.cloneElement(singleSkeleton, {
-    "data-testid": dataTestId ? `${dataTestId}-${index}` : void 0
-  }) }, `skeleton-${index}`)) });
-});
-Skeleton.displayName = "Skeleton";
-
-export {
-  Skeleton
-};
-//# sourceMappingURL=chunk-IRDGC7FK.js.map

package/dist/chunk-IRDGC7FK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/layout/Skeleton/Skeleton.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport MuiSkeleton from '@mui/material/Skeleton/index.js';\nimport Stack from '@mui/material/Stack/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { resolveSkeletonProps } from './Skeleton.helpers';\nimport {\n  defaultDimensions,\n  muiAnimationFor,\n  muiVariantFor,\n  skeletonStyles,\n} from './Skeleton.styles';\nimport type { SkeletonProps } from './Skeleton.types';\n\nexport const Skeleton: React.FC<SkeletonProps> = React.memo((rawProps) => {\n  const {\n    variant,\n    animation,\n    width,\n    height,\n    count,\n    spacing,\n    borderRadius,\n    className,\n    intensity,\n    glassmorphism,\n    shimmer,\n    'data-testid': dataTestId,\n    style,\n    ...props\n  } = resolveSkeletonProps(rawProps);\n  const theme = useTheme();\n\n  const defaults = defaultDimensions(variant);\n  const finalWidth = width ?? defaults.width;\n  const finalHeight = height ?? defaults.height;\n\n  // Handle edge case: count of 0 should render nothing\n  if (count === 0) {\n    return null;\n  }\n\n  const singleSkeleton = (\n    <MuiSkeleton\n      variant={muiVariantFor(variant)}\n      animation={muiAnimationFor(variant, animation)}\n      width={finalWidth}\n      height={finalHeight}\n      sx={skeletonStyles(theme, {\n        intensity,\n        borderRadius,\n        glassmorphism,\n        shimmer,\n        style,\n      })}\n      className={className}\n      data-testid={dataTestId}\n      aria-hidden=\"true\"\n      {...props}\n    />\n  );\n\n  if (count === 1) {\n    return singleSkeleton;\n  }\n\n  return (\n    <Stack spacing={spacing}>\n      {Array.from({ length: count }).map((_, index) => (\n        <Box key={`skeleton-${index}`}>\n          {React.cloneElement(singleSkeleton, {\n            'data-testid': dataTestId ? `${dataTestId}-${index}` : undefined,\n          })}\n        </Box>\n      ))}\n    </Stack>\n  );\n});\n\nSkeleton.displayName = 'Skeleton';"],"mappings":";;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,OAAO,iBAAiB;AACxB,OAAO,WAAW;AAClB,SAAS,gBAAgB;AACzB,OAAO,WAAW;AAwCd;AA7BG,IAAM,WAAoC,MAAM,KAAK,CAAC,aAAa;AACxE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA,GAAG;AAAA,EACL,IAAI,qBAAqB,QAAQ;AACjC,QAAM,QAAQ,SAAS;AAEvB,QAAM,WAAW,kBAAkB,OAAO;AAC1C,QAAM,aAAa,SAAS,SAAS;AACrC,QAAM,cAAc,UAAU,SAAS;AAGvC,MAAI,UAAU,GAAG;AACf,WAAO;AAAA,EACT;AAEA,QAAM,iBACJ;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,cAAc,OAAO;AAAA,MAC9B,WAAW,gBAAgB,SAAS,SAAS;AAAA,MAC7C,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,IAAI,eAAe,OAAO;AAAA,QACxB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,MACD;AAAA,MACA,eAAa;AAAA,MACb,eAAY;AAAA,MACX,GAAG;AAAA;AAAA,EACN;AAGF,MAAI,UAAU,GAAG;AACf,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,SAAM,SACJ,gBAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,EAAE,IAAI,CAAC,GAAG,UACrC,oBAAC,OACE,gBAAM,aAAa,gBAAgB;AAAA,IAClC,eAAe,aAAa,GAAG,UAAU,IAAI,KAAK,KAAK;AAAA,EACzD,CAAC,KAHO,YAAY,KAAK,EAI3B,CACD,GACH;AAEJ,CAAC;AAED,SAAS,cAAc;","names":[]}

package/dist/chunk-ISSJNFJV.js

@@ -1,80 +0,0 @@
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Button
-} from "./chunk-SL4NFGOL.js";
-import {
-  Text
-} from "./chunk-2PCOC3PT.js";
-
-// src/components/data-display/DataViews/data-views-empty.tsx
-import FilterAltOffRoundedIcon from "@mui/icons-material/FilterAltOffRounded";
-import InboxRoundedIcon from "@mui/icons-material/InboxRounded";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function DataViewsEmpty({
-  filtered,
-  onClearFilters,
-  emptyState,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  const Icon = filtered ? FilterAltOffRoundedIcon : InboxRoundedIcon;
-  return /* @__PURE__ */ jsxs(
-    default2,
-    {
-      "data-testid": `${testIdPrefix}-empty${filtered ? "-filtered" : ""}`,
-      sx: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        textAlign: "center",
-        py: 8,
-        px: 2
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          default2,
-          {
-            sx: {
-              display: "inline-flex",
-              p: 2,
-              mb: 1.5,
-              borderRadius: "50%",
-              bgcolor: "action.hover",
-              color: "text.disabled"
-            },
-            children: /* @__PURE__ */ jsx(Icon, {})
-          }
-        ),
-        filtered ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Text, { variant: "body", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { fontWeight: 600 }, children: copy.grid.emptyFilteredTitle }) }),
-          /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { display: "block", mt: 0.5, mb: 2, color: "text.secondary", maxWidth: 380 }, children: copy.grid.emptyFilteredHint }) }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "outline",
-              size: "sm",
-              color: "secondary",
-              onClick: onClearFilters,
-              dataTestId: `${testIdPrefix}-empty-clear`,
-              children: copy.grid.emptyFilteredAction
-            }
-          )
-        ] }) : (
-          // The page's own words for "nothing here yet" — it knows what the
-          // entity is and how one comes to exist; this component does not.
-          emptyState
-        )
-      ]
-    }
-  );
-}
-
-export {
-  DataViewsEmpty
-};
-//# sourceMappingURL=chunk-ISSJNFJV.js.map

package/dist/chunk-J4W4TQPC.js

@@ -1,108 +0,0 @@
-import {
-  MapCoordinates,
-  MapMarkers
-} from "./chunk-FRW4SYZD.js";
-import {
-  MapLayers
-} from "./chunk-EXJBPKGW.js";
-import {
-  glassStyles,
-  resolveMapPreviewProps
-} from "./chunk-ACZH2NUW.js";
-import {
-  useMapPreview
-} from "./chunk-PQECNGDE.js";
-import {
-  StaticMapView
-} from "./chunk-QYNCPS5W.js";
-
-// src/components/data-display/MapPreview/MapPreview.tsx
-import Box from "@mui/material/Box/index.js";
-import Paper from "@mui/material/Paper/index.js";
-import { alpha, styled, useTheme } from "@mui/material/styles/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var MapContainer = styled(Paper)(({ theme }) => ({
-  position: "relative",
-  width: "100%",
-  borderRadius: theme.shape.borderRadius * 2,
-  overflow: "hidden",
-  background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.9)} 0%, ${alpha(theme.palette.background.paper, 0.8)} 100%)`,
-  border: `1px solid ${alpha(theme.palette.divider, 0.18)}`
-}));
-var MapWrapper = styled(Box)(({ height }) => ({
-  width: "100%",
-  height,
-  position: "relative"
-}));
-var cursorFor = (grabbing, interactive) => {
-  if (grabbing) return "grabbing";
-  return interactive ? "grab" : "default";
-};
-var MapPreview = (componentProps) => {
-  const props = resolveMapPreviewProps(componentProps);
-  const theme = useTheme();
-  const { containerRef, view, controls, pointer, search, handleMapClick } = useMapPreview(props);
-  const height = controls.isFullscreen ? "100vh" : props.height;
-  const grabbing = pointer.isDragging || pointer.isPanning;
-  return /* @__PURE__ */ jsx(
-    MapContainer,
-    {
-      ref: containerRef,
-      elevation: props.variant === "glass" ? 0 : 2,
-      "data-testid": "map-preview-container",
-      role: "img",
-      "aria-label": `Map preview centered at ${view.markerPosition.lat.toFixed(4)}, ${view.markerPosition.lng.toFixed(4)} with zoom level ${view.zoom}`,
-      tabIndex: 0,
-      "aria-live": "polite",
-      "aria-atomic": "true",
-      sx: glassStyles(props.variant, theme),
-      children: /* @__PURE__ */ jsxs(
-        MapWrapper,
-        {
-          height,
-          onClick: handleMapClick,
-          onMouseDown: pointer.handleMouseDown,
-          onMouseMove: pointer.handleMouseMove,
-          onMouseUp: pointer.handleMouseUp,
-          onMouseLeave: pointer.handleMouseUp,
-          style: {
-            cursor: cursorFor(grabbing, props.interactive),
-            transition: props.animated ? "all 0.3s ease" : "none"
-          },
-          children: [
-            /* @__PURE__ */ jsx(
-              StaticMapView,
-              {
-                height,
-                zoom: view.zoom,
-                mapType: view.mapType,
-                marker: props.marker && props.markers.length === 0,
-                markerPosition: view.markerPosition,
-                panOffset: view.panOffset
-              }
-            ),
-            /* @__PURE__ */ jsx(MapMarkers, { markers: props.markers, centre: view.markerPosition, animated: props.animated }),
-            /* @__PURE__ */ jsx(
-              MapLayers,
-              {
-                settings: props,
-                zoom: view.zoom,
-                mapType: view.mapType,
-                search,
-                controls
-              }
-            ),
-            /* @__PURE__ */ jsx(MapCoordinates, { position: view.markerPosition, zoom: view.zoom })
-          ]
-        }
-      )
-    }
-  );
-};
-var MapPreview_default = MapPreview;
-
-export {
-  MapPreview,
-  MapPreview_default
-};
-//# sourceMappingURL=chunk-J4W4TQPC.js.map

package/dist/chunk-J6UFAMIC.js

@@ -1,19 +0,0 @@
-import {
-  withDividers
-} from "./chunk-4GGH6ZQ7.js";
-import {
-  Box
-} from "./chunk-X5D3PTWI.js";
-
-// src/components/layout/Stack/Stack.tsx
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-var Stack = React.forwardRef(
-  ({ direction = "column", gap = 0, divider, children, ...rest }, ref) => /* @__PURE__ */ jsx(Box, { ref, direction, gap, ...rest, children: withDividers(children, divider) })
-);
-Stack.displayName = "Stack";
-
-export {
-  Stack
-};
-//# sourceMappingURL=chunk-J6UFAMIC.js.map

package/dist/chunk-JB67KPGM.js

@@ -1,64 +0,0 @@
-import {
-  tileBackground
-} from "./chunk-DRADVLHZ.js";
-import {
-  TILE_SIZE
-} from "./chunk-TUBCN4DJ.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-JB67KPGM.js.map

package/dist/chunk-JD364H3Y.js

@@ -1,18 +0,0 @@
-// src/components/form/Checkbox/Checkbox.helpers.ts
-var CHECKBOX_DEFAULTS = {
-  variant: "default",
-  ripple: true,
-  glow: false,
-  pulse: false
-};
-var definedProps = (props) => Object.fromEntries(
-  Object.entries(props).filter(([, value]) => value !== void 0)
-);
-var resolveCheckboxProps = (props) => ({ ...CHECKBOX_DEFAULTS, ...definedProps(props) });
-var makeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `checkbox-${suffix}`;
-
-export {
-  resolveCheckboxProps,
-  makeTestId
-};
-//# sourceMappingURL=chunk-JD364H3Y.js.map

package/dist/chunk-JD364H3Y.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Checkbox/Checkbox.helpers.ts"],"sourcesContent":["import type { CheckboxProps } from './Checkbox.types';\n\ntype CheckboxDefaultedKeys = 'variant' | 'ripple' | 'glow' | 'pulse';\n\ntype ResolvedCheckboxProps = CheckboxProps &\n  Required<Pick<CheckboxProps, CheckboxDefaultedKeys>>;\n\nconst CHECKBOX_DEFAULTS: Pick<CheckboxProps, CheckboxDefaultedKeys> = {\n  variant: 'default',\n  ripple: true,\n  glow: false,\n  pulse: false,\n};\n\n// Strips explicitly-undefined props before the merge, so `ripple={undefined}` still\n// falls back to the default exactly as a destructuring default would.\nconst definedProps = (props: CheckboxProps): Partial<CheckboxProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<CheckboxProps>;\n\nexport const resolveCheckboxProps = (props: CheckboxProps): ResolvedCheckboxProps =>\n  ({ ...CHECKBOX_DEFAULTS, ...definedProps(props) }) as ResolvedCheckboxProps;\n\nexport const makeTestId =\n  (dataTestId?: string) =>\n  (suffix: string): string =>\n    dataTestId ? `${dataTestId}-${suffix}` : `checkbox-${suffix}`;\n"],"mappings":";AAOA,IAAM,oBAAgE;AAAA,EACpE,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AACT;AAIA,IAAM,eAAe,CAAC,UACpB,OAAO;AAAA,EACL,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AACjE;AAEK,IAAM,uBAAuB,CAAC,WAClC,EAAE,GAAG,mBAAmB,GAAG,aAAa,KAAK,EAAE;AAE3C,IAAM,aACX,CAAC,eACD,CAAC,WACC,aAAa,GAAG,UAAU,IAAI,MAAM,KAAK,YAAY,MAAM;","names":[]}

package/dist/chunk-JE6RZ5L6.js

@@ -1,157 +0,0 @@
-import {
-  usePwaInstall
-} from "./chunk-5GMHJ7Y5.js";
-import {
-  installPromptStyles
-} from "./chunk-GY62N32G.js";
-
-// src/components/utility/InstallPrompt/InstallPrompt.tsx
-import Close from "@mui/icons-material/Close";
-import InstallMobile from "@mui/icons-material/InstallMobile";
-import IosShare from "@mui/icons-material/IosShare";
-import Box from "@mui/material/Box/index.js";
-import Button from "@mui/material/Button/index.js";
-import IconButton from "@mui/material/IconButton/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { styled } from "@mui/material/styles/index.js";
-import React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var StyledInstallPrompt = styled(Box)(({ theme }) => installPromptStyles(theme));
-var testIdFor = (base, suffix) => base ? `${base}-${suffix}` : `install-prompt-${suffix}`;
-var IosInstructions = ({ copy, instructions, dataTestId }) => /* @__PURE__ */ jsx(
-  Typography,
-  {
-    className: "install-prompt-description",
-    variant: "body2",
-    component: "div",
-    "data-testid": testIdFor(dataTestId, "ios-instructions"),
-    sx: { display: "flex", alignItems: "center", gap: 0.5, flexWrap: "wrap" },
-    children: instructions ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-      copy.iosTapBefore,
-      " ",
-      /* @__PURE__ */ jsx(IosShare, { fontSize: "small", "aria-label": copy.shareLabel }),
-      " ",
-      copy.iosTapAfter
-    ] })
-  }
-);
-var InstallPromptBody = ({ copy, icon, title, description, iosInstructions, platform, dataTestId }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx(Box, { className: "install-prompt-icon", "aria-hidden": "true", children: icon ?? /* @__PURE__ */ jsx(InstallMobile, {}) }),
-  /* @__PURE__ */ jsxs(Box, { className: "install-prompt-content", children: [
-    /* @__PURE__ */ jsx(
-      Typography,
-      {
-        className: "install-prompt-title",
-        variant: "subtitle2",
-        component: "div",
-        "data-testid": testIdFor(dataTestId, "title"),
-        children: title
-      }
-    ),
-    description && /* @__PURE__ */ jsx(
-      Typography,
-      {
-        className: "install-prompt-description",
-        variant: "body2",
-        component: "div",
-        "data-testid": testIdFor(dataTestId, "description"),
-        children: description
-      }
-    ),
-    platform === "ios" && /* @__PURE__ */ jsx(IosInstructions, { copy, instructions: iosInstructions, dataTestId })
-  ] })
-] });
-var InstallPromptActions = ({ platform, installLabel, dismissLabel, onInstallClick, onDismissClick, dataTestId }) => /* @__PURE__ */ jsxs(Box, { className: "install-prompt-actions", children: [
-  platform === "prompt" && /* @__PURE__ */ jsx(
-    Button,
-    {
-      size: "small",
-      variant: "contained",
-      onClick: onInstallClick,
-      "data-testid": testIdFor(dataTestId, "install"),
-      children: installLabel
-    }
-  ),
-  /* @__PURE__ */ jsx(
-    IconButton,
-    {
-      size: "small",
-      onClick: onDismissClick,
-      "aria-label": dismissLabel,
-      "data-testid": testIdFor(dataTestId, "dismiss"),
-      children: /* @__PURE__ */ jsx(Close, { fontSize: "small" })
-    }
-  )
-] });
-var InstallPrompt = React.forwardRef(
-  ({
-    copy,
-    description,
-    iosInstructions,
-    icon,
-    onInstall,
-    onDismiss,
-    storageKey,
-    dismissForDays,
-    className,
-    "data-testid": dataTestId = "install-prompt",
-    ...props
-  }, ref) => {
-    const { canInstall, platform, promptInstall, dismiss } = usePwaInstall({
-      storageKey,
-      dismissForDays
-    });
-    const handleInstall = React.useCallback(() => {
-      void promptInstall().then((outcome) => onInstall?.(outcome));
-    }, [promptInstall, onInstall]);
-    const handleDismiss = React.useCallback(() => {
-      dismiss();
-      onDismiss?.();
-    }, [dismiss, onDismiss]);
-    if (!canInstall) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxs(
-      StyledInstallPrompt,
-      {
-        ref,
-        className,
-        role: "region",
-        "aria-label": copy.title,
-        "data-testid": dataTestId,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(
-            InstallPromptBody,
-            {
-              icon,
-              copy,
-              title: copy.title,
-              description,
-              iosInstructions,
-              platform,
-              dataTestId
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            InstallPromptActions,
-            {
-              platform,
-              installLabel: copy.installLabel,
-              dismissLabel: copy.dismissLabel,
-              onInstallClick: handleInstall,
-              onDismissClick: handleDismiss,
-              dataTestId
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-InstallPrompt.displayName = "InstallPrompt";
-
-export {
-  InstallPrompt
-};
-//# sourceMappingURL=chunk-JE6RZ5L6.js.map