@12-apps/ui 6.34.0 → 6.36.0

package/dist/chunk-WRCLYSTX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/MapPreview/MapSearchBar.tsx"],"sourcesContent":["import SearchIcon from '@mui/icons-material/Search';\nimport Box from '@mui/material/Box/index.js';\nimport InputAdornment from '@mui/material/InputAdornment/index.js';\nimport TextField from '@mui/material/TextField/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { fieldRadius } from '../../../tokens/field-radius';\nimport { fieldControlStyles } from '../../../tokens/field-height';\nimport { rem } from '../../../tokens/relative';\n\n// Kept module-local: styled() components cannot be exported across a module\n// boundary here without tripping TS2742.\nconst SearchBar = styled(Box)(({ theme }) => ({\n  position: 'absolute',\n  top: theme.spacing(2),\n  left: '50%',\n  transform: 'translateX(-50%)',\n  zIndex: 2,\n  width: '90%',\n  maxWidth: rem(theme, 400),\n}));\n\nconst SearchField = styled(TextField)(({ theme }) => ({\n  ...fieldControlStyles(theme),\n  '& .MuiOutlinedInput-root': {\n    background: alpha(theme.palette.background.paper, 0.95),\n    backdropFilter: `blur(${rem(theme, 10)})`,\n    WebkitBackdropFilter: `blur(${rem(theme, 10)})`,\n    borderRadius: fieldRadius(theme),\n    '& fieldset': {\n      borderColor: alpha(theme.palette.divider, 0.2),\n    },\n  },\n}));\n\nexport interface MapSearchBarProps {\n  /** The field's accessible name — it renders no visible label. REQUIRED. */\n  label: string;\n  value: string;\n  placeholder: string;\n  isSearching: boolean;\n  onChange: (value: string) => void;\n  onSubmit: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n}\n\nexport const MapSearchBar: FC<MapSearchBarProps> = ({\n  label,\n  value,\n  placeholder,\n  isSearching,\n  onChange,\n  onSubmit,\n}) => (\n  <SearchBar>\n    <SearchField\n      fullWidth\n      size=\"small\"\n      placeholder={placeholder}\n      value={value}\n      onChange={(event) => onChange(event.target.value)}\n      onKeyPress={onSubmit}\n      InputProps={{\n        startAdornment: (\n          <InputAdornment position=\"start\">\n            <SearchIcon fontSize=\"small\" sx={{ opacity: isSearching ? 0.5 : 1 }} />\n          </InputAdornment>\n        ),\n      }}\n      disabled={isSearching}\n      aria-label={label}\n    />\n  </SearchBar>\n);\n"],"mappings":";;;;;;;;;;;AAAA,OAAO,gBAAgB;AACvB,OAAO,SAAS;AAChB,OAAO,oBAAoB;AAC3B,OAAO,eAAe;AACtB,SAAS,OAAO,cAAc;AA8DlB;AApDZ,IAAM,YAAY,OAAO,GAAG,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAC5C,UAAU;AAAA,EACV,KAAK,MAAM,QAAQ,CAAC;AAAA,EACpB,MAAM;AAAA,EACN,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU,IAAI,OAAO,GAAG;AAC1B,EAAE;AAEF,IAAM,cAAc,OAAO,SAAS,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EACpD,GAAG,mBAAmB,KAAK;AAAA,EAC3B,4BAA4B;AAAA,IAC1B,YAAY,MAAM,MAAM,QAAQ,WAAW,OAAO,IAAI;AAAA,IACtD,gBAAgB,QAAQ,IAAI,OAAO,EAAE,CAAC;AAAA,IACtC,sBAAsB,QAAQ,IAAI,OAAO,EAAE,CAAC;AAAA,IAC5C,cAAc,YAAY,KAAK;AAAA,IAC/B,cAAc;AAAA,MACZ,aAAa,MAAM,MAAM,QAAQ,SAAS,GAAG;AAAA,IAC/C;AAAA,EACF;AACF,EAAE;AAYK,IAAM,eAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,oBAAC,aACC;AAAA,EAAC;AAAA;AAAA,IACC,WAAS;AAAA,IACT,MAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA,UAAU,CAAC,UAAU,SAAS,MAAM,OAAO,KAAK;AAAA,IAChD,YAAY;AAAA,IACZ,YAAY;AAAA,MACV,gBACE,oBAAC,kBAAe,UAAS,SACvB,8BAAC,cAAW,UAAS,SAAQ,IAAI,EAAE,SAAS,cAAc,MAAM,EAAE,GAAG,GACvE;AAAA,IAEJ;AAAA,IACA,UAAU;AAAA,IACV,cAAY;AAAA;AACd,GACF;","names":[]}

package/dist/chunk-WTOYEWW6.js

@@ -0,0 +1,145 @@
+import {
+  CAPTION_FONT_SIZE,
+  CAPTION_LETTER_SPACING_EM,
+  CAPTION_OPACITY,
+  CODE_BACKGROUND_ALPHA,
+  CODE_BORDER_ALPHA,
+  CODE_FONT_SIZE,
+  CODE_PADDING,
+  CODE_RADIUS_FACTOR,
+  HEADING_DEFAULT_WEIGHT,
+  HEADING_LETTER_SPACING_EM,
+  TEXT_SIZES,
+  TEXT_WEIGHTS
+} from "./chunk-U3PPLAFB.js";
+import {
+  resolveTestId,
+  withoutTestIdProps
+} from "./chunk-TYJR4GOF.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/typography/Text/Text.tsx
+import Typography from "@mui/material/Typography/index.js";
+import { alpha, styled } from "@mui/material/styles/index.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var getColorFromTheme = (theme, color) => {
+  if (color === "neutral") {
+    return theme.palette.text.primary;
+  }
+  if (color === "secondary") {
+    return theme.palette.text.secondary;
+  }
+  const colorMap = {
+    primary: theme.palette.primary.main,
+    success: theme.palette.success.main,
+    warning: theme.palette.warning.main,
+    info: theme.palette.info.main,
+    danger: theme.palette.error.main
+  };
+  return colorMap[color];
+};
+var SIZE_MAP = TEXT_SIZES;
+var fontSizeFor = (theme, customSize) => {
+  const drawnAt = SIZE_MAP[customSize ?? "md"]?.fontSize;
+  return drawnAt === void 0 ? void 0 : rem(theme, drawnAt);
+};
+var WEIGHT_MAP = TEXT_WEIGHTS;
+var decorationFor = (underline, strikethrough) => [underline && "underline", strikethrough && "line-through"].filter(Boolean).join(" ") || "none";
+var baseTextStyles = (theme, a) => ({
+  color: getColorFromTheme(theme, a.customColor ?? "neutral"),
+  fontSize: fontSizeFor(theme, a.customSize),
+  lineHeight: SIZE_MAP[a.customSize ?? "md"]?.lineHeight,
+  fontWeight: WEIGHT_MAP[a.customWeight ?? "normal"],
+  fontStyle: a.italic ? "italic" : "normal",
+  textDecoration: decorationFor(a.underline, a.strikethrough),
+  transition: "all 0.2s ease"
+});
+var sizeOverride = (theme, customSize, atDefault) => (customSize ?? "md") === "md" ? rem(theme, atDefault) : fontSizeFor(theme, customSize);
+var textVariantStyles = (theme, a, base) => {
+  const weight = a.customWeight ?? "normal";
+  switch (a.customVariant) {
+    case "heading":
+      return {
+        ...base,
+        fontFamily: theme.typography.h4.fontFamily,
+        fontWeight: weight === "normal" ? HEADING_DEFAULT_WEIGHT : WEIGHT_MAP[weight],
+        letterSpacing: `${HEADING_LETTER_SPACING_EM}em`
+      };
+    case "caption":
+      return {
+        ...base,
+        fontSize: sizeOverride(theme, a.customSize, CAPTION_FONT_SIZE),
+        opacity: CAPTION_OPACITY,
+        letterSpacing: `${CAPTION_LETTER_SPACING_EM}em`
+      };
+    case "code":
+      return {
+        ...base,
+        fontFamily: 'Monaco, Menlo, "Ubuntu Mono", "Courier New", monospace',
+        fontSize: sizeOverride(theme, a.customSize, CODE_FONT_SIZE),
+        backgroundColor: alpha(theme.palette.primary.main, CODE_BACKGROUND_ALPHA),
+        padding: `${CODE_PADDING.vertical}px ${CODE_PADDING.horizontal}px`,
+        borderRadius: theme.shape.borderRadius * CODE_RADIUS_FACTOR,
+        border: `1px solid ${alpha(theme.palette.primary.main, CODE_BORDER_ALPHA)}`
+      };
+    default:
+      return { ...base, fontFamily: theme.typography.body1.fontFamily };
+  }
+};
+var StyledText = styled(Typography, {
+  shouldForwardProp: (prop) => ![
+    "customVariant",
+    "customColor",
+    "customSize",
+    "customWeight",
+    "italic",
+    "underline",
+    "strikethrough"
+  ].includes(prop)
+})((args) => {
+  const { theme } = args;
+  return textVariantStyles(theme, args, baseTextStyles(theme, args));
+});
+var Text = React.forwardRef(
+  ({
+    variant = "body",
+    color = "neutral",
+    size = "md",
+    weight = "normal",
+    as = "span",
+    italic = false,
+    underline = false,
+    strikethrough = false,
+    children,
+    ...others
+  }, ref) => {
+    const testId = resolveTestId(others);
+    const props = withoutTestIdProps(others);
+    return /* @__PURE__ */ jsx(
+      StyledText,
+      {
+        ref,
+        "data-testid": testId,
+        customVariant: variant,
+        customColor: color,
+        customSize: size,
+        customWeight: weight,
+        italic,
+        underline,
+        strikethrough,
+        ...as && { as },
+        ...props,
+        children
+      }
+    );
+  }
+);
+Text.displayName = "Text";
+
+export {
+  Text
+};
+//# sourceMappingURL=chunk-WTOYEWW6.js.map

package/dist/chunk-WTOYEWW6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/typography/Text/Text.tsx"],"sourcesContent":["'use client';\n\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport {\n  CAPTION_FONT_SIZE,\n  CAPTION_LETTER_SPACING_EM,\n  CAPTION_OPACITY,\n  CODE_BACKGROUND_ALPHA,\n  CODE_BORDER_ALPHA,\n  CODE_FONT_SIZE,\n  CODE_PADDING,\n  CODE_RADIUS_FACTOR,\n  HEADING_DEFAULT_WEIGHT,\n  HEADING_LETTER_SPACING_EM,\n  TEXT_SIZES,\n  TEXT_WEIGHTS,\n} from './Text.metrics';\nimport type { TextProps } from './Text.types';\nimport { resolveTestId, withoutTestIdProps } from '../../../platform/test-id';\nimport type { ColorValue } from '../../../tokens/scales';\nimport { rem } from '../../../tokens/relative';\nimport type { UiTypeStep } from '../../../tokens/theme';\n\nconst getColorFromTheme = (theme: Theme, color: ColorValue): string => {\n  if (color === 'neutral') {\n    return theme.palette.text.primary;\n  }\n\n  if (color === 'secondary') {\n    return theme.palette.text.secondary;\n  }\n\n  // Exhaustive over ColorValue on purpose. It was a partial `Record<string, …>`\n  // with a silent `|| text.primary` fallback, so `info` — accepted by the type\n  // — rendered as ordinary body text. Typing the key means a colour added to\n  // the vocabulary cannot reach here without a home.\n  const colorMap: Record<Exclude<ColorValue, 'neutral' | 'secondary'>, string> = {\n    primary: theme.palette.primary.main,\n    success: theme.palette.success.main,\n    warning: theme.palette.warning.main,\n    info: theme.palette.info.main,\n    danger: theme.palette.error.main,\n  };\n\n  return colorMap[color];\n};\n\n// Derived from the shared metrics, not restated: the native `Text` reads the\n// same table, so the two renderers cannot disagree on a size.\n// The table keeps the design px; the size is converted where it is read.\nconst SIZE_MAP: Readonly<Record<string, UiTypeStep | undefined>> = TEXT_SIZES;\n\nconst fontSizeFor = (theme: Theme, customSize: string | undefined): string | undefined => {\n  const drawnAt = SIZE_MAP[customSize ?? 'md']?.fontSize;\n  return drawnAt === undefined ? undefined : rem(theme, drawnAt);\n};\n\nconst WEIGHT_MAP: Record<string, number> = TEXT_WEIGHTS;\n\ninterface TextStyleArgs {\n  theme: Theme;\n  customVariant?: string;\n  customColor?: ColorValue;\n  customSize?: string;\n  customWeight?: string;\n  italic?: boolean;\n  underline?: boolean;\n  strikethrough?: boolean;\n}\n\n// underline and strikethrough combine into one declaration rather than one\n// winning over the other.\nconst decorationFor = (underline?: boolean, strikethrough?: boolean): string =>\n  [underline && 'underline', strikethrough && 'line-through'].filter(Boolean).join(' ') || 'none';\n\nconst baseTextStyles = (theme: Theme, a: TextStyleArgs): CSSObject => ({\n  color: getColorFromTheme(theme, a.customColor ?? 'neutral'),\n  fontSize: fontSizeFor(theme, a.customSize),\n  lineHeight: SIZE_MAP[a.customSize ?? 'md']?.lineHeight,\n  fontWeight: WEIGHT_MAP[a.customWeight ?? 'normal'],\n  fontStyle: a.italic ? 'italic' : 'normal',\n  textDecoration: decorationFor(a.underline, a.strikethrough),\n  transition: 'all 0.2s ease',\n});\n\n// Captions and code shrink relative to the body scale, but only at the default\n// size — an explicit size wins.\nconst sizeOverride = (\n  theme: Theme,\n  customSize: string | undefined,\n  atDefault: number,\n): string | undefined =>\n  (customSize ?? 'md') === 'md' ? rem(theme, atDefault) : fontSizeFor(theme, customSize);\n\nconst textVariantStyles = (theme: Theme, a: TextStyleArgs, base: CSSObject): CSSObject => {\n  const weight = a.customWeight ?? 'normal';\n\n  switch (a.customVariant) {\n    case 'heading':\n      return {\n        ...base,\n        fontFamily: theme.typography.h4.fontFamily,\n        fontWeight: weight === 'normal' ? HEADING_DEFAULT_WEIGHT : WEIGHT_MAP[weight],\n        letterSpacing: `${HEADING_LETTER_SPACING_EM}em`,\n      };\n    case 'caption':\n      return {\n        ...base,\n        fontSize: sizeOverride(theme, a.customSize, CAPTION_FONT_SIZE),\n        opacity: CAPTION_OPACITY,\n        letterSpacing: `${CAPTION_LETTER_SPACING_EM}em`,\n      };\n    case 'code':\n      return {\n        ...base,\n        fontFamily: 'Monaco, Menlo, \"Ubuntu Mono\", \"Courier New\", monospace',\n        fontSize: sizeOverride(theme, a.customSize, CODE_FONT_SIZE),\n        backgroundColor: alpha(theme.palette.primary.main, CODE_BACKGROUND_ALPHA),\n        padding: `${CODE_PADDING.vertical}px ${CODE_PADDING.horizontal}px`,\n        borderRadius: theme.shape.borderRadius * CODE_RADIUS_FACTOR,\n        border: `1px solid ${alpha(theme.palette.primary.main, CODE_BORDER_ALPHA)}`,\n      };\n    default:\n      return { ...base, fontFamily: theme.typography.body1.fontFamily };\n  }\n};\n\nconst StyledText = styled(Typography, {\n  shouldForwardProp: (prop) =>\n    ![\n      'customVariant',\n      'customColor',\n      'customSize',\n      'customWeight',\n      'italic',\n      'underline',\n      'strikethrough',\n    ].includes(prop as string),\n})<{\n  customVariant?: string;\n  customColor?: ColorValue;\n  customSize?: string;\n  customWeight?: string;\n  italic?: boolean;\n  underline?: boolean;\n  strikethrough?: boolean;\n}>((args) => {\n  const { theme } = args;\n  return textVariantStyles(theme, args, baseTextStyles(theme, args));\n});\n\nexport const Text = React.forwardRef<HTMLElement, TextProps>(\n  (\n    {\n      variant = 'body',\n      color = 'neutral',\n      size = 'md',\n      weight = 'normal',\n      as = 'span',\n      italic = false,\n      underline = false,\n      strikethrough = false,\n      children,\n      ...others\n    },\n    ref,\n  ) => {\n    // `testID` and `dataTestId` are the shared contract's spellings; the DOM\n    // wants `data-testid`, and must not see the other two as attributes.\n    const testId = resolveTestId(others);\n    const props = withoutTestIdProps(others);\n    return (\n      <StyledText\n        ref={ref}\n        data-testid={testId}\n        customVariant={variant}\n        customColor={color}\n        customSize={size}\n        customWeight={weight}\n        italic={italic}\n        underline={underline}\n        strikethrough={strikethrough}\n        {...(as && { as })}\n        {...props}\n      >\n        {children}\n      </StyledText>\n    );\n  },\n);\n\nText.displayName = 'Text';"],"mappings":"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","names":[]}

package/dist/chunk-WVC3BG6J.js

@@ -0,0 +1,91 @@
+import {
+  CaretGlyph
+} from "./chunk-DMNZD3Q7.js";
+import {
+  triggerChevronSx,
+  triggerClearSx,
+  triggerCountSx,
+  triggerSx
+} from "./chunk-BXAL7OIS.js";
+
+// src/components/form/CategorySelect/CategoryTrigger.tsx
+import Box from "@mui/material/Box/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CategoryTrigger({
+  placeholder,
+  selectionLabel,
+  count,
+  open,
+  disabled,
+  fullWidth,
+  onOpen,
+  onClear,
+  triggerRef,
+  dataTestId,
+  copy
+}) {
+  const hasSelection = Boolean(selectionLabel) || (count ?? 0) > 0;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      component: "button",
+      type: "button",
+      ref: triggerRef,
+      disabled,
+      "aria-haspopup": "dialog",
+      "aria-expanded": open,
+      "data-testid": `${dataTestId}-trigger`,
+      onClick: onOpen,
+      sx: (theme) => ({
+        ...triggerSx(theme, hasSelection, open),
+        width: fullWidth ? "100%" : "auto"
+      }),
+      children: [
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            component: "span",
+            sx: {
+              whiteSpace: "nowrap",
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              maxWidth: 190,
+              flex: fullWidth ? 1 : "0 1 auto",
+              textAlign: "left"
+            },
+            children: selectionLabel ?? placeholder
+          }
+        ),
+        count !== void 0 && count > 0 && /* @__PURE__ */ jsx(Box, { component: "span", sx: triggerCountSx, "data-testid": `${dataTestId}-count`, children: count }),
+        hasSelection && onClear && /* @__PURE__ */ jsx(
+          Box,
+          {
+            component: "span",
+            role: "button",
+            tabIndex: 0,
+            "aria-label": copy.clearSelection,
+            "data-testid": `${dataTestId}-clear-trigger`,
+            sx: triggerClearSx,
+            onClick: (event) => {
+              event.stopPropagation();
+              onClear();
+            },
+            onKeyDown: (event) => {
+              if (event.key !== "Enter" && event.key !== " ") return;
+              event.preventDefault();
+              event.stopPropagation();
+              onClear();
+            },
+            children: "\xD7"
+          }
+        ),
+        /* @__PURE__ */ jsx(CaretGlyph, { style: triggerChevronSx(open) })
+      ]
+    }
+  );
+}
+
+export {
+  CategoryTrigger
+};
+//# sourceMappingURL=chunk-WVC3BG6J.js.map

package/dist/chunk-X2AKLDPW.js

@@ -0,0 +1,28 @@
+import {
+  DropdownMenu
+} from "./chunk-VFHGILXI.js";
+import {
+  Button
+} from "./chunk-KH25WUSX.js";
+
+// src/components/data-display/CardKit/CardKebab.tsx
+import { jsx } from "react/jsx-runtime";
+function CardKebab({
+  items,
+  menuLabel,
+  dataTestId
+}) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenu,
+    {
+      size: "sm",
+      items,
+      trigger: /* @__PURE__ */ jsx(Button, { variant: "text", size: "sm", "aria-label": menuLabel, dataTestId, children: "\u22EE" })
+    }
+  );
+}
+
+export {
+  CardKebab
+};
+//# sourceMappingURL=chunk-X2AKLDPW.js.map

package/dist/chunk-X4F32GUB.js

@@ -0,0 +1,94 @@
+import {
+  useDataViewsCopy
+} from "./chunk-KHG57NAE.js";
+import {
+  default as default2
+} from "./chunk-6DPAWXZ3.js";
+import {
+  fieldHeight
+} from "./chunk-CGO452DC.js";
+import {
+  fieldRadiusPx
+} from "./chunk-GDN2LUTZ.js";
+import {
+  sxRem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/data-display/DataViews/data-views-bar-controls.tsx
+import CloseRoundedIcon from "@mui/icons-material/CloseRounded";
+import FilterAltOffRoundedIcon from "@mui/icons-material/FilterAltOffRounded";
+import Tooltip from "@mui/material/Tooltip/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ClearAllControl({
+  onClearAll,
+  compact,
+  testIdPrefix
+}) {
+  const copy = useDataViewsCopy();
+  const button = /* @__PURE__ */ jsxs(
+    default2,
+    {
+      component: "button",
+      type: "button",
+      onClick: onClearAll,
+      "data-testid": `${testIdPrefix}-clear-all`,
+      "aria-label": copy.filters.clearAll,
+      sx: {
+        display: "inline-flex",
+        alignItems: "center",
+        gap: 0.5,
+        height: fieldHeight,
+        px: compact ? 0.75 : 1,
+        border: 0,
+        borderRadius: fieldRadiusPx,
+        bgcolor: "transparent",
+        cursor: "pointer",
+        font: "inherit",
+        fontSize: sxRem(13),
+        whiteSpace: "nowrap",
+        color: "text.secondary",
+        "&:hover": { color: "text.primary", bgcolor: "action.hover" }
+      },
+      children: [
+        /* @__PURE__ */ jsx(FilterAltOffRoundedIcon, { sx: { fontSize: sxRem(16) } }),
+        !compact && /* @__PURE__ */ jsx(default2, { component: "span", children: copy.filters.clear })
+      ]
+    }
+  );
+  return compact ? /* @__PURE__ */ jsx(Tooltip, { title: copy.filters.clearAll, children: button }) : button;
+}
+function CloseSearchControl({
+  onClose,
+  testIdPrefix
+}) {
+  const copy = useDataViewsCopy();
+  return /* @__PURE__ */ jsx(Tooltip, { title: copy.search.close, children: /* @__PURE__ */ jsx(
+    default2,
+    {
+      component: "button",
+      type: "button",
+      onClick: onClose,
+      "aria-label": copy.search.close,
+      "data-testid": `${testIdPrefix}-search-close`,
+      sx: {
+        display: "inline-flex",
+        alignItems: "center",
+        height: fieldHeight,
+        px: 0.75,
+        border: 0,
+        borderRadius: fieldRadiusPx,
+        bgcolor: "transparent",
+        cursor: "pointer",
+        color: "text.secondary",
+        "&:hover": { color: "text.primary", bgcolor: "action.hover" }
+      },
+      children: /* @__PURE__ */ jsx(CloseRoundedIcon, { sx: { fontSize: sxRem(18) } })
+    }
+  ) });
+}
+
+export {
+  ClearAllControl,
+  CloseSearchControl
+};
+//# sourceMappingURL=chunk-X4F32GUB.js.map

package/dist/chunk-X4F32GUB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-bar-controls.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * THE TWO BARE AFFORDANCES ON THE FILTER BAR.\n *\n * Neither opens anything, which is what sets them apart from every other\n * control on that row and why they are styled flat rather than as outlined\n * pills: one clears the filters, one leaves a search takeover. Giving them a\n * pill's weight made \"Limpar\" read as a sixth filter.\n *\n * Their own module because `data-views-inline-bar` outgrew the file-size gate.\n */\nimport CloseRoundedIcon from \"@mui/icons-material/CloseRounded\";\nimport FilterAltOffRoundedIcon from \"@mui/icons-material/FilterAltOffRounded\";\nimport Tooltip from \"@mui/material/Tooltip/index.js\";\n\nimport { Box } from \"../../../mui/Box\";\nimport { fieldRadiusPx } from \"../../../tokens/field-radius\";\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { fieldHeight } from \"../../../tokens/field-height\";\nimport { sxRem } from \"../../../tokens/relative\";\n\n/**\n * \"Limpar\" — one gesture back to the unfiltered list.\n *\n * Present ONLY while something is applied, and last in the cluster, because it\n * is destructive and must never be where a filter control was a moment ago.\n * Each pill already carries its own ✕; this is the other job — six applied\n * filters is six ✕ hunts, and the operator who wants \"show me everything\n * again\" has no way to say it.\n *\n * Loses its label on the same rung Exibir/Exportar lose theirs, and keeps a\n * tooltip when it does: it is one of the two controls (with the search) whose\n * icon has to carry the whole meaning on a phone.\n */\nexport function ClearAllControl({\n  onClearAll,\n  compact,\n  testIdPrefix,\n}: {\n  onClearAll: () => void;\n  compact: boolean;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  // No border, no fill. Every other control on this row is an outlined field\n  // because it OPENS something; this one is an escape hatch, and giving it the\n  // same weight made it read as a sixth filter. Quiet until hovered.\n  const button = (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      onClick={onClearAll}\n      data-testid={`${testIdPrefix}-clear-all`}\n      aria-label={copy.filters.clearAll}\n      sx={{\n        display: \"inline-flex\",\n        alignItems: \"center\",\n        gap: 0.5,\n        height: fieldHeight,\n        px: compact ? 0.75 : 1,\n        border: 0,\n        borderRadius: fieldRadiusPx,\n        bgcolor: \"transparent\",\n        cursor: \"pointer\",\n        font: \"inherit\",\n        fontSize: sxRem(13),\n        whiteSpace: \"nowrap\",\n        color: \"text.secondary\",\n        \"&:hover\": { color: \"text.primary\", bgcolor: \"action.hover\" },\n      }}\n    >\n      <FilterAltOffRoundedIcon sx={{ fontSize: sxRem(16) }} />\n      {!compact && <Box component=\"span\">{copy.filters.clear}</Box>}\n    </Box>\n  );\n  return compact ? <Tooltip title={copy.filters.clearAll}>{button}</Tooltip> : button;\n}\n\n/**\n * The way out of a search takeover.\n *\n * A phone has no Escape key, and without this the takeover is a one-way door\n * onto a bar with no filters on it.\n\n/**\n * The way out of a search takeover.\n *\n * A phone has no Escape key, and without this the takeover is a one-way door\n * onto a bar with no filters on it.\n */\nexport function CloseSearchControl({\n  onClose,\n  testIdPrefix,\n}: {\n  onClose: () => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Tooltip title={copy.search.close}>\n      <Box\n        component=\"button\"\n        type=\"button\"\n        onClick={onClose}\n        aria-label={copy.search.close}\n        data-testid={`${testIdPrefix}-search-close`}\n        sx={{\n          display: \"inline-flex\",\n          alignItems: \"center\",\n          height: fieldHeight,\n          px: 0.75,\n          border: 0,\n          borderRadius: fieldRadiusPx,\n          bgcolor: \"transparent\",\n          cursor: \"pointer\",\n          color: \"text.secondary\",\n          \"&:hover\": { color: \"text.primary\", bgcolor: \"action.hover\" },\n        }}\n      >\n        <CloseRoundedIcon sx={{ fontSize: sxRem(18) }} />\n      </Box>\n    </Tooltip>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAYA,OAAO,sBAAsB;AAC7B,OAAO,6BAA6B;AACpC,OAAO,aAAa;AAmChB,SAuBE,KAvBF;AAdG,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,GAIsB;AACpB,QAAM,OAAO,iBAAiB;AAI9B,QAAM,SACJ;AAAA,IAACA;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAS;AAAA,MACT,eAAa,GAAG,YAAY;AAAA,MAC5B,cAAY,KAAK,QAAQ;AAAA,MACzB,IAAI;AAAA,QACF,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,IAAI,UAAU,OAAO;AAAA,QACrB,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,UAAU,MAAM,EAAE;AAAA,QAClB,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,WAAW,EAAE,OAAO,gBAAgB,SAAS,eAAe;AAAA,MAC9D;AAAA,MAEA;AAAA,4BAAC,2BAAwB,IAAI,EAAE,UAAU,MAAM,EAAE,EAAE,GAAG;AAAA,QACrD,CAAC,WAAW,oBAACA,UAAA,EAAI,WAAU,QAAQ,eAAK,QAAQ,OAAM;AAAA;AAAA;AAAA,EACzD;AAEF,SAAO,UAAU,oBAAC,WAAQ,OAAO,KAAK,QAAQ,UAAW,kBAAO,IAAa;AAC/E;AAcO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AACF,GAGsB;AACpB,QAAM,OAAO,iBAAiB;AAC9B,SACE,oBAAC,WAAQ,OAAO,KAAK,OAAO,OAC1B;AAAA,IAACA;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAS;AAAA,MACT,cAAY,KAAK,OAAO;AAAA,MACxB,eAAa,GAAG,YAAY;AAAA,MAC5B,IAAI;AAAA,QACF,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAW,EAAE,OAAO,gBAAgB,SAAS,eAAe;AAAA,MAC9D;AAAA,MAEA,8BAAC,oBAAiB,IAAI,EAAE,UAAU,MAAM,EAAE,EAAE,GAAG;AAAA;AAAA,EACjD,GACF;AAEJ;","names":["default"]}

package/dist/chunk-X6AIKCAV.js

@@ -0,0 +1,43 @@
+import {
+  neutralTones,
+  uiInk
+} from "./chunk-FQ6UW7IY.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/data-display/MapPreview/mapSurface.ts
+import { alpha } from "@mui/material/styles/index.js";
+var toneGradient = (from, to, opacity = 1) => `linear-gradient(135deg, ${alpha(from, opacity)} 0%, ${alpha(to, opacity)} 100%)`;
+var surfaceBackground = (mapType, theme) => {
+  const tones = neutralTones(theme);
+  if (mapType === "satellite") return toneGradient(tones.inverseSurface, tones.raised);
+  if (mapType === "terrain") {
+    const ground = uiInk(theme).mapSurface;
+    return `linear-gradient(135deg, ${alpha(ground.terrainFrom, 0.2)} 0%, ${alpha(ground.terrainTo, 0.3)} 100%)`;
+  }
+  if (theme.palette.mode === "dark") return toneGradient(tones.inverseSurface, tones.raised);
+  return toneGradient(tones.surface, tones.faint);
+};
+var tileBackground = (mapType, theme) => {
+  const ground = uiInk(theme).mapSurface;
+  if (mapType === "satellite") {
+    return `linear-gradient(135deg, ${alpha(ground.satelliteTileFrom, 0.9)} 0%, ${alpha(ground.satelliteTileTo, 0.9)} 100%)`;
+  }
+  if (mapType === "terrain") {
+    return `linear-gradient(135deg, ${alpha(ground.terrainTileFrom, 0.1)} 0%, ${alpha(ground.terrainTileTo, 0.1)} 100%)`;
+  }
+  const tones = neutralTones(theme);
+  return toneGradient(tones.surface, tones.faint, 0.5);
+};
+var bounceKeyframes = (theme) => ({
+  "0%, 100%": { transform: "translateY(0)" },
+  "50%": { transform: `translateY(${rem(theme, -10)})` }
+});
+
+export {
+  surfaceBackground,
+  tileBackground,
+  bounceKeyframes
+};
+//# sourceMappingURL=chunk-X6AIKCAV.js.map

package/dist/chunk-X6AIKCAV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/MapPreview/mapSurface.ts"],"sourcesContent":["import type { Theme } from '@mui/material/styles/index.js';\nimport { alpha } from '@mui/material/styles/index.js';\n\nimport type { MapType } from './MapPreview.types';\nimport { neutralTones, uiInk } from '../../../tokens/ink';\nimport { rem } from '../../../tokens/relative';\n\nconst toneGradient = (from: string, to: string, opacity = 1): string =>\n  `linear-gradient(135deg, ${alpha(from, opacity)} 0%, ${alpha(to, opacity)} 100%)`;\n\n// The backdrop behind the tiles: dark for satellite, green for terrain, and\n// grey for road maps, following the theme's own light/dark choice.\nexport const surfaceBackground = (mapType: MapType, theme: Theme): string => {\n  const tones = neutralTones(theme);\n  if (mapType === 'satellite') return toneGradient(tones.inverseSurface, tones.raised);\n  if (mapType === 'terrain') {\n    const ground = uiInk(theme).mapSurface;\n    return `linear-gradient(135deg, ${alpha(ground.terrainFrom, 0.2)} 0%, ${alpha(ground.terrainTo, 0.3)} 100%)`;\n  }\n  if (theme.palette.mode === 'dark') return toneGradient(tones.inverseSurface, tones.raised);\n  return toneGradient(tones.surface, tones.faint);\n};\n\nexport const tileBackground = (mapType: MapType, theme: Theme): string => {\n  const ground = uiInk(theme).mapSurface;\n  if (mapType === 'satellite') {\n    return `linear-gradient(135deg, ${alpha(ground.satelliteTileFrom, 0.9)} 0%, ${alpha(ground.satelliteTileTo, 0.9)} 100%)`;\n  }\n  if (mapType === 'terrain') {\n    return `linear-gradient(135deg, ${alpha(ground.terrainTileFrom, 0.1)} 0%, ${alpha(ground.terrainTileTo, 0.1)} 100%)`;\n  }\n  const tones = neutralTones(theme);\n  return toneGradient(tones.surface, tones.faint, 0.5);\n};\n\nexport const bounceKeyframes = (theme: Theme) =>\n  ({\n    '0%, 100%': { transform: 'translateY(0)' },\n    '50%': { transform: `translateY(${rem(theme, -10)})` },\n  }) as const;\n"],"mappings":";;;;;;;;;AACA,SAAS,aAAa;AAMtB,IAAM,eAAe,CAAC,MAAc,IAAY,UAAU,MACxD,2BAA2B,MAAM,MAAM,OAAO,CAAC,QAAQ,MAAM,IAAI,OAAO,CAAC;AAIpE,IAAM,oBAAoB,CAAC,SAAkB,UAAyB;AAC3E,QAAM,QAAQ,aAAa,KAAK;AAChC,MAAI,YAAY,YAAa,QAAO,aAAa,MAAM,gBAAgB,MAAM,MAAM;AACnF,MAAI,YAAY,WAAW;AACzB,UAAM,SAAS,MAAM,KAAK,EAAE;AAC5B,WAAO,2BAA2B,MAAM,OAAO,aAAa,GAAG,CAAC,QAAQ,MAAM,OAAO,WAAW,GAAG,CAAC;AAAA,EACtG;AACA,MAAI,MAAM,QAAQ,SAAS,OAAQ,QAAO,aAAa,MAAM,gBAAgB,MAAM,MAAM;AACzF,SAAO,aAAa,MAAM,SAAS,MAAM,KAAK;AAChD;AAEO,IAAM,iBAAiB,CAAC,SAAkB,UAAyB;AACxE,QAAM,SAAS,MAAM,KAAK,EAAE;AAC5B,MAAI,YAAY,aAAa;AAC3B,WAAO,2BAA2B,MAAM,OAAO,mBAAmB,GAAG,CAAC,QAAQ,MAAM,OAAO,iBAAiB,GAAG,CAAC;AAAA,EAClH;AACA,MAAI,YAAY,WAAW;AACzB,WAAO,2BAA2B,MAAM,OAAO,iBAAiB,GAAG,CAAC,QAAQ,MAAM,OAAO,eAAe,GAAG,CAAC;AAAA,EAC9G;AACA,QAAM,QAAQ,aAAa,KAAK;AAChC,SAAO,aAAa,MAAM,SAAS,MAAM,OAAO,GAAG;AACrD;AAEO,IAAM,kBAAkB,CAAC,WAC7B;AAAA,EACC,YAAY,EAAE,WAAW,gBAAgB;AAAA,EACzC,OAAO,EAAE,WAAW,cAAc,IAAI,OAAO,GAAG,CAAC,IAAI;AACvD;","names":[]}

package/dist/chunk-XJPJ6ESI.js

@@ -0,0 +1,111 @@
+import {
+  MapLayers
+} from "./chunk-VIUDWOV6.js";
+import {
+  glassStyles,
+  resolveMapPreviewProps
+} from "./chunk-4NQXHPQR.js";
+import {
+  MapCoordinates,
+  MapMarkers
+} from "./chunk-ODFJTEIL.js";
+import {
+  useMapPreview
+} from "./chunk-PQECNGDE.js";
+import {
+  StaticMapView
+} from "./chunk-DCJSHYE5.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.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 ?? rem(theme, 400);
+  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-XJPJ6ESI.js.map

package/dist/chunk-XJPJ6ESI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/MapPreview/MapPreview.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport Paper from '@mui/material/Paper/index.js';\nimport { alpha, styled, useTheme } from '@mui/material/styles/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { glassStyles, resolveMapPreviewProps } from './MapPreview.helpers';\nimport type { MapPreviewProps } from './MapPreview.types';\nimport { MapLayers } from './MapLayers';\nimport { MapCoordinates, MapMarkers } from './MapMarkers';\nimport { StaticMapView } from './StaticMapView';\nimport { useMapPreview } from './useMapPreview';\nimport { rem } from '../../../tokens/relative';\n\n// Kept module-local: styled() components cannot be exported across a module\n// boundary here without tripping TS2742.\nconst MapContainer = styled(Paper)(({ theme }) => ({\n  position: 'relative',\n  width: '100%',\n  borderRadius: theme.shape.borderRadius * 2,\n  overflow: 'hidden',\n  background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.9)} 0%, ${alpha(theme.palette.background.paper, 0.8)} 100%)`,\n  border: `1px solid ${alpha(theme.palette.divider, 0.18)}`,\n}));\n\nconst MapWrapper = styled(Box)<{ height: string }>(({ height }) => ({\n  width: '100%',\n  height,\n  position: 'relative',\n}));\n\nconst cursorFor = (grabbing: boolean, interactive: boolean): string => {\n  if (grabbing) return 'grabbing';\n  return interactive ? 'grab' : 'default';\n};\n\nexport const MapPreview: FC<MapPreviewProps> = (componentProps) => {\n  const props = resolveMapPreviewProps(componentProps);\n  const theme = useTheme();\n  const { containerRef, view, controls, pointer, search, handleMapClick } = useMapPreview(props);\n\n  // The map's own default height is 400 design px, through the theme's type scale.\n  const height = controls.isFullscreen ? '100vh' : (props.height ?? rem(theme, 400));\n  const grabbing = pointer.isDragging || pointer.isPanning;\n\n  return (\n    <MapContainer\n      ref={containerRef}\n      elevation={props.variant === 'glass' ? 0 : 2}\n      data-testid=\"map-preview-container\"\n      role=\"img\"\n      aria-label={`Map preview centered at ${view.markerPosition.lat.toFixed(4)}, ${view.markerPosition.lng.toFixed(4)} with zoom level ${view.zoom}`}\n      tabIndex={0}\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n      sx={glassStyles(props.variant, theme)}\n    >\n      <MapWrapper\n        height={height}\n        onClick={handleMapClick}\n        onMouseDown={pointer.handleMouseDown}\n        onMouseMove={pointer.handleMouseMove}\n        onMouseUp={pointer.handleMouseUp}\n        onMouseLeave={pointer.handleMouseUp}\n        style={{\n          cursor: cursorFor(grabbing, props.interactive),\n          transition: props.animated ? 'all 0.3s ease' : 'none',\n        }}\n      >\n        <StaticMapView\n          height={height}\n          zoom={view.zoom}\n          mapType={view.mapType}\n          // The built-in centre marker steps aside for an explicit marker list.\n          marker={props.marker && props.markers.length === 0}\n          markerPosition={view.markerPosition}\n          panOffset={view.panOffset}\n        />\n\n        <MapMarkers markers={props.markers} centre={view.markerPosition} animated={props.animated} />\n\n        <MapLayers\n          settings={props}\n          zoom={view.zoom}\n          mapType={view.mapType}\n          search={search}\n          controls={controls}\n        />\n\n        <MapCoordinates position={view.markerPosition} zoom={view.zoom} />\n      </MapWrapper>\n    </MapContainer>\n  );\n};\n\nexport default MapPreview;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,OAAO,WAAW;AAClB,SAAS,OAAO,QAAQ,gBAAgB;AAuDlC,SAYE,KAZF;AAzCN,IAAM,eAAe,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EACjD,UAAU;AAAA,EACV,OAAO;AAAA,EACP,cAAc,MAAM,MAAM,eAAe;AAAA,EACzC,UAAU;AAAA,EACV,YAAY,2BAA2B,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG,CAAC,QAAQ,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG,CAAC;AAAA,EACnI,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,IAAI,CAAC;AACzD,EAAE;AAEF,IAAM,aAAa,OAAO,GAAG,EAAsB,CAAC,EAAE,OAAO,OAAO;AAAA,EAClE,OAAO;AAAA,EACP;AAAA,EACA,UAAU;AACZ,EAAE;AAEF,IAAM,YAAY,CAAC,UAAmB,gBAAiC;AACrE,MAAI,SAAU,QAAO;AACrB,SAAO,cAAc,SAAS;AAChC;AAEO,IAAM,aAAkC,CAAC,mBAAmB;AACjE,QAAM,QAAQ,uBAAuB,cAAc;AACnD,QAAM,QAAQ,SAAS;AACvB,QAAM,EAAE,cAAc,MAAM,UAAU,SAAS,QAAQ,eAAe,IAAI,cAAc,KAAK;AAG7F,QAAM,SAAS,SAAS,eAAe,UAAW,MAAM,UAAU,IAAI,OAAO,GAAG;AAChF,QAAM,WAAW,QAAQ,cAAc,QAAQ;AAE/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAW,MAAM,YAAY,UAAU,IAAI;AAAA,MAC3C,eAAY;AAAA,MACZ,MAAK;AAAA,MACL,cAAY,2BAA2B,KAAK,eAAe,IAAI,QAAQ,CAAC,CAAC,KAAK,KAAK,eAAe,IAAI,QAAQ,CAAC,CAAC,oBAAoB,KAAK,IAAI;AAAA,MAC7I,UAAU;AAAA,MACV,aAAU;AAAA,MACV,eAAY;AAAA,MACZ,IAAI,YAAY,MAAM,SAAS,KAAK;AAAA,MAEpC;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,SAAS;AAAA,UACT,aAAa,QAAQ;AAAA,UACrB,aAAa,QAAQ;AAAA,UACrB,WAAW,QAAQ;AAAA,UACnB,cAAc,QAAQ;AAAA,UACtB,OAAO;AAAA,YACL,QAAQ,UAAU,UAAU,MAAM,WAAW;AAAA,YAC7C,YAAY,MAAM,WAAW,kBAAkB;AAAA,UACjD;AAAA,UAEA;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA,MAAM,KAAK;AAAA,gBACX,SAAS,KAAK;AAAA,gBAEd,QAAQ,MAAM,UAAU,MAAM,QAAQ,WAAW;AAAA,gBACjD,gBAAgB,KAAK;AAAA,gBACrB,WAAW,KAAK;AAAA;AAAA,YAClB;AAAA,YAEA,oBAAC,cAAW,SAAS,MAAM,SAAS,QAAQ,KAAK,gBAAgB,UAAU,MAAM,UAAU;AAAA,YAE3F;AAAA,cAAC;AAAA;AAAA,gBACC,UAAU;AAAA,gBACV,MAAM,KAAK;AAAA,gBACX,SAAS,KAAK;AAAA,gBACd;AAAA,gBACA;AAAA;AAAA,YACF;AAAA,YAEA,oBAAC,kBAAe,UAAU,KAAK,gBAAgB,MAAM,KAAK,MAAM;AAAA;AAAA;AAAA,MAClE;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,qBAAQ;","names":[]}