@12-apps/ui 6.11.0 → 6.12.0

package/dist/chunk-A7LG3AXV.js

@@ -0,0 +1,116 @@
+// src/components/form/ToggleGroup/ToggleGroup.tsx
+import Box from "@mui/material/Box/index.js";
+import ToggleButton from "@mui/material/ToggleButton/index.js";
+import ToggleButtonGroup from "@mui/material/ToggleButtonGroup/index.js";
+import { alpha, useTheme, styled } from "@mui/material/styles/index.js";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var getColorFromTheme = (theme, color) => {
+  if (color === "neutral") {
+    return {
+      main: theme.palette.grey[700],
+      dark: theme.palette.grey[800],
+      light: theme.palette.grey[500],
+      contrastText: theme.palette.getContrastText(theme.palette.grey[700])
+    };
+  }
+  const colorMap = {
+    primary: theme.palette.primary,
+    secondary: theme.palette.secondary,
+    success: theme.palette.success,
+    warning: theme.palette.warning,
+    info: theme.palette.info,
+    danger: theme.palette.error
+  };
+  const palette = colorMap[color] || theme.palette.primary;
+  return {
+    main: palette.main,
+    dark: palette.dark || palette.main,
+    light: palette.light || palette.main,
+    contrastText: palette.contrastText || theme.palette.getContrastText(palette.main)
+  };
+};
+var StyledToggleGroup = styled(ToggleButtonGroup, {
+  shouldForwardProp: (prop) => !["customColor", "customSize", "glass"].includes(prop)
+})(({ theme, glass }) => ({
+  backgroundColor: glass ? alpha(theme.palette.background.paper, 0.1) : "transparent",
+  backdropFilter: glass ? "blur(20px)" : "none",
+  borderRadius: theme.spacing(1),
+  padding: glass ? 4 : 0,
+  border: glass ? `1px solid ${alpha(theme.palette.divider, 0.2)}` : "none",
+  "& .MuiToggleButtonGroup-grouped": {
+    margin: theme.spacing(0.5),
+    border: 0,
+    borderRadius: `${theme.shape.borderRadius}px !important`
+  }
+}));
+var ToggleGroup = forwardRef(
+  ({
+    variant = "single",
+    color = "primary",
+    size = "md",
+    options,
+    glass = false,
+    gradient = false,
+    value,
+    onChange,
+    dataTestId = "toggle-group",
+    ...props
+  }, ref) => {
+    const theme = useTheme();
+    const colorPalette = getColorFromTheme(theme, color);
+    const sizeMap = {
+      xs: { padding: "4px 8px", fontSize: "0.75rem" },
+      sm: { padding: "6px 12px", fontSize: "0.875rem" },
+      md: { padding: "8px 16px", fontSize: "1rem" },
+      lg: { padding: "10px 20px", fontSize: "1.125rem" },
+      xl: { padding: "12px 24px", fontSize: "1.25rem" }
+    };
+    return /* @__PURE__ */ jsx(
+      StyledToggleGroup,
+      {
+        ref,
+        customColor: color,
+        customSize: size,
+        glass,
+        value,
+        onChange,
+        exclusive: variant === "exclusive" || variant === "single",
+        "data-testid": dataTestId,
+        ...props,
+        children: options.map((option) => /* @__PURE__ */ jsx(
+          ToggleButton,
+          {
+            value: option.value,
+            disabled: option.disabled,
+            "data-testid": `${dataTestId}-item-${option.value}`,
+            sx: {
+              textTransform: "none",
+              fontWeight: 500,
+              transition: "all 0.3s ease",
+              ...sizeMap[size],
+              "&.Mui-selected": {
+                backgroundColor: colorPalette.main,
+                color: colorPalette.contrastText,
+                ...gradient && {
+                  background: `linear-gradient(135deg, ${colorPalette.main}, ${colorPalette.dark})`
+                }
+              }
+            },
+            children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+              option.icon,
+              option.label
+            ] })
+          },
+          option.value
+        ))
+      }
+    );
+  }
+);
+ToggleGroup.displayName = "ToggleGroup";
+
+export {
+  ToggleGroup
+};
+//# sourceMappingURL=chunk-A7LG3AXV.js.map

package/dist/chunk-A7LG3AXV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/ToggleGroup/ToggleGroup.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport ToggleButton from '@mui/material/ToggleButton/index.js';\nimport ToggleButtonGroup from '@mui/material/ToggleButtonGroup/index.js';\nimport { alpha, useTheme, styled } from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport React, { forwardRef } from 'react';\n\nimport type { ToggleGroupProps } from './ToggleGroup.types';\n\nconst getColorFromTheme = (theme: Theme, color: string) => {\n  if (color === 'neutral') {\n    return {\n      main: theme.palette.grey[700],\n      dark: theme.palette.grey[800],\n      light: theme.palette.grey[500],\n      contrastText: theme.palette.getContrastText(theme.palette.grey[700]),\n    };\n  }\n\n  const colorMap = {\n    primary: theme.palette.primary,\n    secondary: theme.palette.secondary,\n    success: theme.palette.success,\n    warning: theme.palette.warning,\n    info: theme.palette.info,\n    danger: theme.palette.error,\n  };\n\n  const palette = colorMap[color as keyof typeof colorMap] || theme.palette.primary;\n\n  // Ensure palette has required properties\n  return {\n    main: palette.main,\n    dark: palette.dark || palette.main,\n    light: palette.light || palette.main,\n    contrastText: palette.contrastText || theme.palette.getContrastText(palette.main),\n  };\n};\n\nconst StyledToggleGroup = styled(ToggleButtonGroup, {\n  shouldForwardProp: (prop) => !['customColor', 'customSize', 'glass'].includes(prop as string),\n})<{\n  customColor?: string;\n  customSize?: string;\n  glass?: boolean;\n}>(({ theme, glass }) => ({\n  backgroundColor: glass ? alpha(theme.palette.background.paper, 0.1) : 'transparent',\n  backdropFilter: glass ? 'blur(20px)' : 'none',\n  borderRadius: theme.spacing(1),\n  padding: glass ? 4 : 0,\n  border: glass ? `1px solid ${alpha(theme.palette.divider, 0.2)}` : 'none',\n\n  '& .MuiToggleButtonGroup-grouped': {\n    margin: theme.spacing(0.5),\n    border: 0,\n    borderRadius: `${theme.shape.borderRadius}px !important`,\n  },\n}));\n\nexport const ToggleGroup = forwardRef<HTMLDivElement, ToggleGroupProps>(\n  (\n    {\n      variant = 'single',\n      color = 'primary',\n      size = 'md',\n      options,\n      glass = false,\n      gradient = false,\n      value,\n      onChange,\n      dataTestId = 'toggle-group',\n      ...props\n    },\n    ref,\n  ) => {\n    const theme = useTheme();\n    const colorPalette = getColorFromTheme(theme, color);\n\n    const sizeMap = {\n      xs: { padding: '4px 8px', fontSize: '0.75rem' },\n      sm: { padding: '6px 12px', fontSize: '0.875rem' },\n      md: { padding: '8px 16px', fontSize: '1rem' },\n      lg: { padding: '10px 20px', fontSize: '1.125rem' },\n      xl: { padding: '12px 24px', fontSize: '1.25rem' },\n    };\n\n    return (\n      <StyledToggleGroup\n        ref={ref}\n        customColor={color}\n        customSize={size}\n        glass={glass}\n        value={value}\n        onChange={onChange}\n        exclusive={variant === 'exclusive' || variant === 'single'}\n        data-testid={dataTestId}\n        {...props}\n      >\n        {options.map((option) => (\n          <ToggleButton\n            key={option.value}\n            value={option.value}\n            disabled={option.disabled}\n            data-testid={`${dataTestId}-item-${option.value}`}\n            sx={{\n              textTransform: 'none',\n              fontWeight: 500,\n              transition: 'all 0.3s ease',\n              ...sizeMap[size as keyof typeof sizeMap],\n\n              '&.Mui-selected': {\n                backgroundColor: colorPalette.main,\n                color: colorPalette.contrastText,\n\n                ...(gradient && {\n                  background: `linear-gradient(135deg, ${colorPalette.main}, ${colorPalette.dark})`,\n                }),\n              },\n            }}\n          >\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n              {option.icon}\n              {option.label}\n            </Box>\n          </ToggleButton>\n        ))}\n      </StyledToggleGroup>\n    );\n  },\n);\n\nToggleGroup.displayName = 'ToggleGroup';\n"],"mappings":"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","names":[]}

package/dist/chunk-A7Q5AQVD.js

@@ -0,0 +1,126 @@
+import {
+  useDataViewsCopy
+} from "./chunk-KHG57NAE.js";
+import {
+  default as default2
+} from "./chunk-6DPAWXZ3.js";
+
+// src/components/data-display/DataViews/data-views-search.tsx
+import CloseIcon from "@mui/icons-material/Close";
+import SearchIcon from "@mui/icons-material/Search";
+import IconButton from "@mui/material/IconButton/index.js";
+import InputAdornment from "@mui/material/InputAdornment/index.js";
+import TextField from "@mui/material/TextField/index.js";
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SEARCH_DEBOUNCE_MS = 350;
+function boxWidth(fill) {
+  return { flex: 1, minWidth: fill ? 0 : 200, maxWidth: fill ? "none" : 384 };
+}
+function InlineKeyword({
+  value,
+  onChange,
+  testId,
+  autoFocus,
+  onEscape,
+  fill = false
+}) {
+  const copy = useDataViewsCopy();
+  const [draft, setDraft] = useState(value);
+  const prev = useRef(value);
+  if (prev.current !== value) {
+    prev.current = value;
+    if (draft !== value) setDraft(value);
+  }
+  useEffect(() => {
+    if (draft === value) return void 0;
+    const timer = setTimeout(() => onChange(draft), SEARCH_DEBOUNCE_MS);
+    return () => clearTimeout(timer);
+  }, [draft, value, onChange]);
+  return /* @__PURE__ */ jsx(
+    TextField,
+    {
+      size: "small",
+      value: draft,
+      autoFocus,
+      onChange: (event) => setDraft(event.target.value),
+      onKeyDown: (event) => {
+        if (event.key === "Escape") {
+          event.preventDefault();
+          if (draft === "") onEscape?.();
+          setDraft("");
+          return;
+        }
+        if (event.key !== "Enter") return;
+        event.preventDefault();
+        if (draft !== value) onChange(draft);
+      },
+      placeholder: copy.search.placeholder,
+      inputProps: { "aria-label": copy.search.allColumnsLabel, "data-testid": testId },
+      InputProps: {
+        startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(SearchIcon, { sx: { fontSize: 16, color: "text.secondary" } }) }),
+        endAdornment: draft ? /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            size: "small",
+            "aria-label": copy.search.clear,
+            "data-testid": testId ? `${testId}-clear` : void 0,
+            onClick: () => setDraft(""),
+            sx: { p: 0.25 },
+            children: /* @__PURE__ */ jsx(CloseIcon, { sx: { fontSize: 14 } })
+          }
+        ) }) : void 0
+      },
+      sx: boxWidth(fill)
+    }
+  );
+}
+function CollapsedSearch({
+  active,
+  onOpen,
+  testId
+}) {
+  const copy = useDataViewsCopy();
+  return /* @__PURE__ */ jsxs(
+    IconButton,
+    {
+      size: "small",
+      onClick: onOpen,
+      "aria-label": copy.search.open,
+      "aria-expanded": false,
+      "data-testid": testId ? `${testId}-collapsed` : void 0,
+      sx: {
+        position: "relative",
+        border: 1,
+        borderRadius: 1,
+        borderColor: active ? "primary.main" : "divider",
+        color: active ? "primary.main" : "text.secondary",
+        bgcolor: active ? "action.selected" : "background.paper"
+      },
+      children: [
+        /* @__PURE__ */ jsx(SearchIcon, { sx: { fontSize: 18 } }),
+        active && /* @__PURE__ */ jsx(
+          default2,
+          {
+            component: "span",
+            sx: {
+              position: "absolute",
+              top: 2,
+              right: 2,
+              width: 6,
+              height: 6,
+              borderRadius: "50%",
+              bgcolor: "primary.main"
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  InlineKeyword,
+  CollapsedSearch
+};
+//# sourceMappingURL=chunk-A7Q5AQVD.js.map

package/dist/chunk-A7Q5AQVD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-search.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * THE INLINE BAR'S SEARCH — the one control on the toolbar that cannot be\n * guessed from an icon's position, which is why it is the LAST thing the\n * degradation ladder takes away. See `data-views-overflow.ts`.\n */\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport IconButton from \"@mui/material/IconButton/index.js\";\nimport InputAdornment from \"@mui/material/InputAdornment/index.js\";\nimport TextField from \"@mui/material/TextField/index.js\";\nimport { useEffect, useRef, useState } from \"react\";\n\nimport { Box } from \"../../../mui/Box\";\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\n\n/** How long the box waits after the last keystroke before it queries. */\nconst SEARCH_DEBOUNCE_MS = 350;\n\n/**\n * How wide the keyword box is allowed to be.\n *\n * The 200px floor is right while the box shares the row: a search you cannot\n * read six characters in is not a search. It is WRONG once the box has been\n * expanded out of its collapsed state on a narrow screen, where the cluster was\n * sized for a magnifier — the floor cannot be met there, so the row scrolled\n * sideways instead (154px of overhang at 320px). In that mode the box shrinks,\n * and if what is left would still be unreadable the bar hands it the whole\n * cluster instead (`searchTakeover`).\n */\nfunction boxWidth(fill: boolean): { flex: number; minWidth: number; maxWidth: number | \"none\" } {\n  return { flex: 1, minWidth: fill ? 0 : 200, maxWidth: fill ? \"none\" : 384 };\n}\n\n/**\n * The bar's keyword box.\n *\n * DEBOUNCED rather than committed on Enter/blur. In server mode every commit is\n * a round trip, and a box that only fires on blur makes the operator press a\n * key they were not told about to see any result at all — they type, nothing\n * happens, and the list looks broken. 350ms is long enough that a word costs\n * one query, short enough to feel like live search.\n *\n * `Escape` clears; the X clears without leaving the box. Both exist because\n * clearing by selecting-and-deleting is three gestures for the most common\n * thing anyone does to a search box.\n */\nexport function InlineKeyword({\n  value,\n  onChange,\n  testId,\n  autoFocus,\n  onEscape,\n  fill = false,\n}: {\n  value: string;\n  onChange: (value: string) => void;\n  testId?: string;\n  autoFocus?: boolean;\n  /** Called on Escape with the box already empty — the collapsed bar closes it. */\n  onEscape?: () => void;\n  /** Take whatever width there is, with no minimum — see {@link boxWidth}. */\n  fill?: boolean;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const [draft, setDraft] = useState(value);\n  const prev = useRef(value);\n  // An external change (a saved view, the URL, \"Limpar\") wins over the draft.\n  if (prev.current !== value) {\n    prev.current = value;\n    if (draft !== value) setDraft(value);\n  }\n  useEffect(() => {\n    if (draft === value) return undefined;\n    const timer = setTimeout(() => onChange(draft), SEARCH_DEBOUNCE_MS);\n    return () => clearTimeout(timer);\n  }, [draft, value, onChange]);\n\n  return (\n    <TextField\n      size=\"small\"\n      value={draft}\n      autoFocus={autoFocus}\n      onChange={(event) => setDraft(event.target.value)}\n      onKeyDown={(event) => {\n        if (event.key === \"Escape\") {\n          event.preventDefault();\n          if (draft === \"\") onEscape?.();\n          setDraft(\"\");\n          return;\n        }\n        // Enter still commits IMMEDIATELY, ahead of the debounce — someone who\n        // presses it has decided, and waiting out the timer reads as a stall.\n        if (event.key !== \"Enter\") return;\n        event.preventDefault();\n        if (draft !== value) onChange(draft);\n      }}\n      placeholder={copy.search.placeholder}\n      inputProps={{ \"aria-label\": copy.search.allColumnsLabel, \"data-testid\": testId }}\n      InputProps={{\n        startAdornment: (\n          <InputAdornment position=\"start\">\n            <SearchIcon sx={{ fontSize: 16, color: \"text.secondary\" }} />\n          </InputAdornment>\n        ),\n        endAdornment: draft ? (\n          <InputAdornment position=\"end\">\n            <IconButton\n              size=\"small\"\n              aria-label={copy.search.clear}\n              data-testid={testId ? `${testId}-clear` : undefined}\n              onClick={() => setDraft(\"\")}\n              sx={{ p: 0.25 }}\n            >\n              <CloseIcon sx={{ fontSize: 14 }} />\n            </IconButton>\n          </InputAdornment>\n        ) : undefined,\n      }}\n      // Takes the free space and gives it up first — step 3 of the ladder,\n      // which needs no flag because flex does it (see `computeSplit`).\n      sx={boxWidth(fill)}\n    />\n  );\n}\n\n/**\n * Step 4 of the ladder: the search as a magnifier.\n *\n * Carries a dot when a search is APPLIED. Collapsing a control that is\n * currently filtering the list, with nothing saying so, is how an operator ends\n * up staring at 3 rows of 214 and reading it as missing data.\n */\nexport function CollapsedSearch({\n  active,\n  onOpen,\n  testId,\n}: {\n  active: boolean;\n  onOpen: () => void;\n  testId?: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <IconButton\n      size=\"small\"\n      onClick={onOpen}\n      aria-label={copy.search.open}\n      aria-expanded={false}\n      data-testid={testId ? `${testId}-collapsed` : undefined}\n      sx={{\n        position: \"relative\",\n        border: 1,\n        borderRadius: 1,\n        borderColor: active ? \"primary.main\" : \"divider\",\n        color: active ? \"primary.main\" : \"text.secondary\",\n        bgcolor: active ? \"action.selected\" : \"background.paper\",\n      }}\n    >\n      <SearchIcon sx={{ fontSize: 18 }} />\n      {active && (\n        <Box\n          component=\"span\"\n          sx={{\n            position: \"absolute\",\n            top: 2,\n            right: 2,\n            width: 6,\n            height: 6,\n            borderRadius: \"50%\",\n            bgcolor: \"primary.main\",\n          }}\n        />\n      )}\n    </IconButton>\n  );\n}\n\n"],"mappings":"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","names":["default"]}

package/dist/chunk-A7RIZOAL.js

@@ -0,0 +1,13 @@
+// src/pt-BR.layout.ts
+var PT_BR_TABLE_FILTER_COPY = {
+  clearAllFilters: "Limpar todos os filtros",
+  clearKeyword: "Limpar a busca",
+  invalidRange: "O m\xE1ximo deve ser maior ou igual ao m\xEDnimo.",
+  rangeMin: "M\xEDnimo",
+  rangeMax: "M\xE1ximo"
+};
+
+export {
+  PT_BR_TABLE_FILTER_COPY
+};
+//# sourceMappingURL=chunk-A7RIZOAL.js.map

package/dist/chunk-A7RIZOAL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pt-BR.layout.ts"],"sourcesContent":["/**\n * The pt-BR pack for the layout family. Split out of `pt-BR.ts`, which is a\n * barrel over this folder — see that file for why.\n */\nimport type {\n  TableFilterCopy,\n} from './copy';\n\nexport const PT_BR_TABLE_FILTER_COPY: TableFilterCopy = {\n  clearAllFilters: \"Limpar todos os filtros\",\n  clearKeyword: \"Limpar a busca\",\n  invalidRange: \"O máximo deve ser maior ou igual ao mínimo.\",\n  rangeMin: \"Mínimo\",\n  rangeMax: \"Máximo\",\n};\n"],"mappings":";AAQO,IAAM,0BAA2C;AAAA,EACtD,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,UAAU;AAAA,EACV,UAAU;AACZ;","names":[]}

package/dist/chunk-ACZH2NUW.js

@@ -0,0 +1,38 @@
+import {
+  DEFAULT_ZOOM
+} from "./chunk-H2J2MTRE.js";
+
+// src/components/data-display/MapPreview/MapPreview.helpers.ts
+import { alpha } from "@mui/material/styles/index.js";
+var MAP_PREVIEW_DEFAULTS = {
+  markers: [],
+  marker: true,
+  height: "400px",
+  interactive: false,
+  zoom: DEFAULT_ZOOM,
+  mapType: "roadmap",
+  variant: "default",
+  showControls: true,
+  showSearch: false,
+  searchPlaceholder: "Search location...",
+  showRoute: false,
+  heatmapData: [],
+  showHeatmap: false,
+  animated: true
+};
+var definedProps = (props) => Object.fromEntries(
+  Object.entries(props).filter(([, value]) => value !== void 0)
+);
+var resolveMapPreviewProps = (props) => ({ ...MAP_PREVIEW_DEFAULTS, ...definedProps(props) });
+var glassStyles = (variant, theme) => variant === "glass" ? {
+  background: alpha(theme.palette.background.paper, 0.7),
+  backdropFilter: "blur(20px)",
+  WebkitBackdropFilter: "blur(20px)",
+  border: `1px solid ${alpha(theme.palette.divider, 0.1)}`
+} : {};
+
+export {
+  resolveMapPreviewProps,
+  glassStyles
+};
+//# sourceMappingURL=chunk-ACZH2NUW.js.map

package/dist/chunk-ACZH2NUW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/MapPreview/MapPreview.helpers.ts"],"sourcesContent":["import type { Theme } from '@mui/material/styles/index.js';\nimport { alpha } from '@mui/material/styles/index.js';\n\nimport { DEFAULT_ZOOM } from './MapPreview.constants';\nimport type { MapPreviewProps } from './MapPreview.types';\n\ntype MapDefaultedKeys =\n  | 'markers'\n  | 'marker'\n  | 'height'\n  | 'interactive'\n  | 'zoom'\n  | 'mapType'\n  | 'variant'\n  | 'showControls'\n  | 'showSearch'\n  | 'searchPlaceholder'\n  | 'showRoute'\n  | 'heatmapData'\n  | 'showHeatmap'\n  | 'animated';\n\nexport type ResolvedMapPreviewProps = MapPreviewProps &\n  Required<Pick<MapPreviewProps, MapDefaultedKeys>>;\n\nconst MAP_PREVIEW_DEFAULTS: Pick<MapPreviewProps, MapDefaultedKeys> = {\n  markers: [],\n  marker: true,\n  height: '400px',\n  interactive: false,\n  zoom: DEFAULT_ZOOM,\n  mapType: 'roadmap',\n  variant: 'default',\n  showControls: true,\n  showSearch: false,\n  searchPlaceholder: 'Search location...',\n  showRoute: false,\n  heatmapData: [],\n  showHeatmap: false,\n  animated: true,\n};\n\n// Strips explicitly-undefined props before the merge, so `prop={undefined}` still\n// falls back to the default exactly as a destructuring default would.\nconst definedProps = (props: MapPreviewProps): Partial<MapPreviewProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<MapPreviewProps>;\n\n// Applied as a merge rather than destructuring defaults, which would otherwise\n// put fourteen branches into the component's own complexity budget.\nexport const resolveMapPreviewProps = (props: MapPreviewProps): ResolvedMapPreviewProps =>\n  ({ ...MAP_PREVIEW_DEFAULTS, ...definedProps(props) }) as ResolvedMapPreviewProps;\n\nexport const glassStyles = (variant: MapPreviewProps['variant'], theme: Theme) =>\n  variant === 'glass'\n    ? {\n        background: alpha(theme.palette.background.paper, 0.7),\n        backdropFilter: 'blur(20px)',\n        WebkitBackdropFilter: 'blur(20px)',\n        border: `1px solid ${alpha(theme.palette.divider, 0.1)}`,\n      }\n    : {};\n"],"mappings":";;;;;AACA,SAAS,aAAa;AAwBtB,IAAM,uBAAgE;AAAA,EACpE,SAAS,CAAC;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,WAAW;AAAA,EACX,aAAa,CAAC;AAAA,EACd,aAAa;AAAA,EACb,UAAU;AACZ;AAIA,IAAM,eAAe,CAAC,UACpB,OAAO;AAAA,EACL,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AACjE;AAIK,IAAM,yBAAyB,CAAC,WACpC,EAAE,GAAG,sBAAsB,GAAG,aAAa,KAAK,EAAE;AAE9C,IAAM,cAAc,CAAC,SAAqC,UAC/D,YAAY,UACR;AAAA,EACE,YAAY,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,EACrD,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,GAAG,CAAC;AACxD,IACA,CAAC;","names":[]}

package/dist/chunk-AGKQBS4C.js

@@ -0,0 +1,30 @@
+import {
+  GridShell
+} from "./chunk-TDSRBCBG.js";
+import {
+  useDataViewsState
+} from "./chunk-TY6CTYCF.js";
+
+// src/components/data-display/DataViews/DataViewsGrid.tsx
+import { useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+function useVisibleRowsNotifier(matched, onVisibleRowsChange) {
+  const visibleSignature = JSON.stringify(matched);
+  const lastSignature = useRef(null);
+  useEffect(() => {
+    if (lastSignature.current === visibleSignature) return;
+    lastSignature.current = visibleSignature;
+    onVisibleRowsChange?.(matched);
+  }, [visibleSignature, matched, onVisibleRowsChange]);
+}
+function DataViewsGrid(props) {
+  const { rangeFields = [], testIdPrefix = "table" } = props;
+  const controller = useDataViewsState({ ...props, rangeFields, testIdPrefix });
+  useVisibleRowsNotifier(controller.matched, props.onVisibleRowsChange);
+  return /* @__PURE__ */ jsx(GridShell, { ...props, c: controller, rangeFields, testIdPrefix });
+}
+
+export {
+  DataViewsGrid
+};
+//# sourceMappingURL=chunk-AGKQBS4C.js.map

package/dist/chunk-AGKQBS4C.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/DataViewsGrid.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef } from \"react\";\n\nimport { type SortFieldDefinition } from \"../../layout/ContentToolbar\";\n\nimport { GridShell } from \"./data-views-grid-parts\";\nimport type { ListGroupConfig } from \"./list-card-rails\";\nimport type { DisplayPanelView } from \"./data-views-display-panel\";\nimport type { BoardConfig } from \"./DataViewsBoard\";\nimport type { DataViewExport } from \"./data-views-export\";\nimport type { ScopeConfig } from \"./data-views-scopes\";\nimport type { DataViewCardSelection } from \"./data-views-types\";\nimport {\n  type DataViewColumn,\n  type DataViewsLayout,\n  type DataViewServer,\n  type DataViewState,\n  type DataViewSyncState,\n  type FilterFieldConfig,\n  type RangeFieldConfig,\n  type RowAction,\n} from \"./data-views-types\";\nimport { useDataViewsState } from \"./use-data-views-state\";\n\ninterface DataViewsGridProps<T extends Record<string, unknown>> {\n  rows: T[];\n  columns: DataViewColumn<T>[];\n  fields: FilterFieldConfig<T>[];\n  /** Optional numeric min/max range filters (advanced \"filter by amount\"). */\n  rangeFields?: RangeFieldConfig<T>[];\n  getRowId: (row: T) => string | number;\n  /** Row click opens the row; clicks in the actions column are ignored. */\n  onRowClick?: (row: T) => void;\n  emptyState?: React.ReactNode;\n  dataTestId?: string;\n  testIdPrefix?: string;\n  /** Seed/replace the view state. A NEW reference re-applies (used to apply a saved view). */\n  appliedState?: DataViewState;\n  /**\n   * URL-driven controls (search/pills/ranges/sort) that RE-APPLY on reference\n   * change while preserving column visibility — for server-mode lists that keep\n   * their filter/sort/page in the address bar (see {@link DataViewSyncState}).\n   */\n  syncState?: DataViewSyncState;\n  /** Notified on every view-state change (so a save-view modal can read it). */\n  onStateChange?: (state: DataViewState) => void;\n  /**\n   * Notified with the currently-visible (search + filter matched) rows whenever\n   * they change — so a page-level Export exports what the user sees, not the\n   * full dataset.\n   */\n  onVisibleRowsChange?: (rows: T[]) => void;\n  /** Saved-views UI injected into the toolbar (FUT-89). */\n  toolbarRightSlot?: React.ReactNode;\n  /**\n   * The saved-view chrome for the Exibir panel: its VISÃO header (with the\n   * views dropdown) and its Redefinir / Salvar visão footer. Supplied by\n   * `DataViewsTableBase`; without it the panel is tabs only.\n   */\n  displayView?: DisplayPanelView;\n  /** Big page title in the header row (next to the funnel + gear). */\n  title?: string;\n  /** Primary page actions rendered at the header's right. */\n  headerActions?: React.ReactNode;\n  /**\n   * Sort options for the toolbar's \"Sort By\" dropdown. Defaults to the sortable\n   * columns (asc/desc each) when omitted.\n   */\n  sortFields?: SortFieldDefinition[];\n  /**\n   * Per-sort-field VALUE KIND (`\"currency\" | \"number\" | \"date\" | \"text\"`), so the\n   * Exibir panel phrases the direction in that column's own terms. \"Crescente\"\n   * on a currency column is a puzzle; \"Menor → maior\" is not. Defaults to text.\n   */\n  sortKinds?: Record<string, string>;\n  /**\n   * Opt-in \"Exportar\" control. The grid hands the host the current query,\n   * UNPAGINATED, and the host re-queries — the grid never fetches, and an\n   * export therefore follows the filters rather than the loaded page.\n   */\n  exportConfig?: DataViewExport;\n  /**\n   * A single, reusable list of row actions that drives BOTH the per-row \"⋮\"\n   * kebab AND the bulk-actions menu (tabwoah model). When provided, the grid\n   * appends a kebab actions column automatically (unless the page already\n   * defines one) and shows an \"Ações\" bulk menu when rows are selected.\n   */\n  rowActions?: RowAction<T>[];\n  /**\n   * Extra leading control rendered in the auto kebab column, before the \"⋮\"\n   * (e.g. a favourite star). Only used when `rowActions` is set.\n   */\n  rowActionsLeading?: (row: T) => React.ReactNode;\n  /**\n   * Low-level override for the selection bulk control. Prefer `rowActions`.\n   * Receives the selected rows + a `clearSelection` callback.\n   */\n  bulkActions?: (selectedRows: T[], clearSelection: () => void) => React.ReactNode;\n  /**\n   * Render a bespoke per-row menu in the actions column instead of the auto\n   * kebab — typically an entity's self-contained 3-dots menu that owns its own\n   * popups, so the SAME menu component drives both the table row and the card.\n   * `rowActions`/`bulkActions` still drive the multi-row bulk menu.\n   */\n  renderRowMenu?: (row: T) => React.ReactNode;\n  /**\n   * Opt-in \"Grade\" (cards) layout. When provided, a Grade/Tabela toggle appears in\n   * the toolbar and the cards body renders each visible row via this function\n   * (reusing the same search/filter/sort). Omit ⇒ table only (unchanged).\n   */\n  renderCard?: (row: T, selection: DataViewCardSelection) => React.ReactNode;\n  /**\n   * Opt-in \"Quadro\" (board) layout: the loaded page laid out as columns of one\n   * grouping field. Reuses `renderCard`, so supplying a board WITHOUT one simply\n   * offers no board. Best when the groups are states in a state machine — derive\n   * these groups and `scopes` from ONE definition so the two cannot drift.\n   */\n  board?: BoardConfig<T>;\n  /**\n   * Opt-in \"Lista\" layout (FUT-733): one FULL-WIDTH row per record, rendered by\n   * the entity — a marker, a title, a subtitle and a value on the right. Sits\n   * between the table (compare columns) and the cards (browse); omit ⇒ not\n   * offered, exactly as `renderCard` gates the cards.\n   */\n  renderListRow?: (row: T, selection: DataViewCardSelection) => React.ReactNode;\n  /**\n   * The Lista's SHARED COLUMNS — declared once for the list, obeyed by every row.\n   *\n   * This is what makes a list line up by construction rather than by convention.\n   * Omit it and each row still resolves its own tracks from its own config,\n   * which agrees with its neighbours right up until one row carries an unusually\n   * wide value.\n   */\n  listGroup?: ListGroupConfig<T>;\n  /**\n   * The page-level partition rendered as an exclusive tab strip above the\n   * toolbar, with server-supplied counts. Requires `server`: a scope is applied\n   * at the backend, never in the browser.\n   */\n  scopes?: ScopeConfig[];\n  /** The row field the scopes partition by — used only to reject a pill over the same field. */\n  scopeFieldId?: string;\n  /** Which layout to show first when the user has expressed no preference (default \"table\"). */\n  defaultLayout?: DataViewsLayout;\n  /**\n   * Ignore the remembered cross-screen layout preference and pin to\n   * `defaultLayout`. For tables that exist to SHOW a layout — stories, docs,\n   * screenshots — not for real screens.\n   */\n  ignoreStoredLayout?: boolean;\n  /**\n   * Opt into the responsive inline filter UX (collapsible filter row on wide\n   * screens, modal on narrow). Default `false` keeps the classic slide-in panel.\n   */\n  inlineFilters?: boolean;\n  /** Keep the inline search visible with no filter fields and no active search. */\n  alwaysShowSearch?: boolean;\n  /** Server-mode wiring; when set the grid is backend-driven (no client filter/sort/paginate). */\n  server?: DataViewServer;\n}\n\n/**\n * Surface the visible (filtered) rows so a page-level Export matches the view.\n *\n * Pages pass inline column/field arrays, so `matched` is a fresh reference on\n * every render even when its contents are unchanged. The guard is a signature\n * over the rows' *contents* (not just their ids), so the callback — and the\n * parent `useState` it usually drives — fires only when the visible data\n * actually changes. Ids alone are not enough: a server refresh can change a\n * visible row's values while keeping its id, and the export must reflect them.\n * Content-equal renders keep the same signature, so this never loops.\n */\nfunction useVisibleRowsNotifier<T>(matched: T[], onVisibleRowsChange?: (rows: T[]) => void): void {\n  const visibleSignature = JSON.stringify(matched);\n  const lastSignature = useRef<string | null>(null);\n  useEffect(() => {\n    if (lastSignature.current === visibleSignature) return;\n    lastSignature.current = visibleSignature;\n    onVisibleRowsChange?.(matched);\n  }, [visibleSignature, matched, onVisibleRowsChange]);\n}\n\n/**\n * The reusable admin DataViews table (FUT-88): the shared ContentToolbar +\n * TableFilter panel over `@12-apps/ui` DataGrid. State + derived data live in\n * {@link useDataViewsState}; the render lives in `GridShell`. This component just\n * connects the two. Reused across every admin list page.\n */\nexport function DataViewsGrid<T extends Record<string, unknown>>(\n  props: DataViewsGridProps<T>,\n): React.JSX.Element {\n  // Forwarded as a whole rather than restated name-by-name twice: this component\n  // only ADDS the controller, and a 25-name destructure repeated in the JSX is\n  // where a newly added prop silently stops being passed on.\n  const { rangeFields = [], testIdPrefix = \"table\" } = props;\n  const controller = useDataViewsState({ ...props, rangeFields, testIdPrefix });\n  useVisibleRowsNotifier(controller.matched, props.onVisibleRowsChange);\n  return <GridShell {...props} c={controller} rangeFields={rangeFields} testIdPrefix={testIdPrefix} />;\n}\n"],"mappings":";;;;;;;;AAEA,SAAS,WAAW,cAAc;AAoMzB;AAzBT,SAAS,uBAA0B,SAAc,qBAAiD;AAChG,QAAM,mBAAmB,KAAK,UAAU,OAAO;AAC/C,QAAM,gBAAgB,OAAsB,IAAI;AAChD,YAAU,MAAM;AACd,QAAI,cAAc,YAAY,iBAAkB;AAChD,kBAAc,UAAU;AACxB,0BAAsB,OAAO;AAAA,EAC/B,GAAG,CAAC,kBAAkB,SAAS,mBAAmB,CAAC;AACrD;AAQO,SAAS,cACd,OACmB;AAInB,QAAM,EAAE,cAAc,CAAC,GAAG,eAAe,QAAQ,IAAI;AACrD,QAAM,aAAa,kBAAkB,EAAE,GAAG,OAAO,aAAa,aAAa,CAAC;AAC5E,yBAAuB,WAAW,SAAS,MAAM,mBAAmB;AACpE,SAAO,oBAAC,aAAW,GAAG,OAAO,GAAG,YAAY,aAA0B,cAA4B;AACpG;","names":[]}

package/dist/chunk-AGYGNNOM.js

@@ -0,0 +1,56 @@
+import {
+  useMapClick,
+  useMapControls,
+  useMapPointer,
+  useMapSearch,
+  useMapView
+} from "./chunk-4ETQRBZC.js";
+
+// src/components/data-display/MapPreview/useMapPreview.ts
+import { useMemo, useRef } from "react";
+var useMapPreview = (props) => {
+  const { center, coordinates: legacyCoordinates, interactive, onMarkerDrag, onMapClick } = props;
+  const coordinates = useMemo(
+    () => center || legacyCoordinates || { lat: 0, lng: 0 },
+    [center, legacyCoordinates]
+  );
+  const containerRef = useRef(null);
+  const view = useMapView({
+    coordinates,
+    initialZoom: props.zoom,
+    initialMapType: props.mapType
+  });
+  const controls = useMapControls({
+    coordinates,
+    zoom: view.zoom,
+    mapType: view.mapType,
+    zoomTo: view.zoomTo,
+    setMapType: view.setMapType,
+    setMarkerPosition: view.setMarkerPosition,
+    setPanOffset: view.setPanOffset,
+    containerRef
+  });
+  const pointer = useMapPointer({
+    interactive,
+    markerPosition: view.markerPosition,
+    panOffset: view.panOffset,
+    onMarkerDrag,
+    setMarkerPosition: view.setMarkerPosition,
+    setPanOffset: view.setPanOffset
+  });
+  const search = useMapSearch({ zoomTo: view.zoomTo, setMarkerPosition: view.setMarkerPosition });
+  const handleMapClick = useMapClick({
+    coordinates,
+    interactive,
+    isPanning: pointer.isPanning,
+    onMapClick,
+    onMarkerDrag,
+    setMarkerPosition: view.setMarkerPosition
+  });
+  return { containerRef, view, controls, pointer, search, handleMapClick };
+};
+
+export {
+  useMapPreview
+};
+//# sourceMappingURL=chunk-AGYGNNOM.js.map

package/dist/chunk-AGYGNNOM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/MapPreview/useMapPreview.ts"],"sourcesContent":["import { useMemo, useRef } from 'react';\n\nimport {\n  useMapClick,\n  useMapControls,\n  useMapPointer,\n  useMapSearch,\n  useMapView,\n} from './MapPreview.hooks';\nimport type { ResolvedMapPreviewProps } from './MapPreview.helpers';\n\n// Wires the map's independent concerns together: the view state first, then the\n// controls, pointer handling and search that all write to it.\nexport const useMapPreview = (props: ResolvedMapPreviewProps) => {\n  const { center, coordinates: legacyCoordinates, interactive, onMarkerDrag, onMapClick } = props;\n\n  // `center` supersedes the older `coordinates` prop; either may be omitted.\n  const coordinates = useMemo(\n    () => center || legacyCoordinates || { lat: 0, lng: 0 },\n    [center, legacyCoordinates],\n  );\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const view = useMapView({\n    coordinates,\n    initialZoom: props.zoom,\n    initialMapType: props.mapType,\n  });\n\n  const controls = useMapControls({\n    coordinates,\n    zoom: view.zoom,\n    mapType: view.mapType,\n    zoomTo: view.zoomTo,\n    setMapType: view.setMapType,\n    setMarkerPosition: view.setMarkerPosition,\n    setPanOffset: view.setPanOffset,\n    containerRef,\n  });\n\n  const pointer = useMapPointer({\n    interactive,\n    markerPosition: view.markerPosition,\n    panOffset: view.panOffset,\n    onMarkerDrag,\n    setMarkerPosition: view.setMarkerPosition,\n    setPanOffset: view.setPanOffset,\n  });\n\n  const search = useMapSearch({ zoomTo: view.zoomTo, setMarkerPosition: view.setMarkerPosition });\n\n  const handleMapClick = useMapClick({\n    coordinates,\n    interactive,\n    isPanning: pointer.isPanning,\n    onMapClick,\n    onMarkerDrag,\n    setMarkerPosition: view.setMarkerPosition,\n  });\n\n  return { containerRef, view, controls, pointer, search, handleMapClick };\n};\n"],"mappings":";;;;;;;;;AAAA,SAAS,SAAS,cAAc;AAazB,IAAM,gBAAgB,CAAC,UAAmC;AAC/D,QAAM,EAAE,QAAQ,aAAa,mBAAmB,aAAa,cAAc,WAAW,IAAI;AAG1F,QAAM,cAAc;AAAA,IAClB,MAAM,UAAU,qBAAqB,EAAE,KAAK,GAAG,KAAK,EAAE;AAAA,IACtD,CAAC,QAAQ,iBAAiB;AAAA,EAC5B;AAEA,QAAM,eAAe,OAAuB,IAAI;AAChD,QAAM,OAAO,WAAW;AAAA,IACtB;AAAA,IACA,aAAa,MAAM;AAAA,IACnB,gBAAgB,MAAM;AAAA,EACxB,CAAC;AAED,QAAM,WAAW,eAAe;AAAA,IAC9B;AAAA,IACA,MAAM,KAAK;AAAA,IACX,SAAS,KAAK;AAAA,IACd,QAAQ,KAAK;AAAA,IACb,YAAY,KAAK;AAAA,IACjB,mBAAmB,KAAK;AAAA,IACxB,cAAc,KAAK;AAAA,IACnB;AAAA,EACF,CAAC;AAED,QAAM,UAAU,cAAc;AAAA,IAC5B;AAAA,IACA,gBAAgB,KAAK;AAAA,IACrB,WAAW,KAAK;AAAA,IAChB;AAAA,IACA,mBAAmB,KAAK;AAAA,IACxB,cAAc,KAAK;AAAA,EACrB,CAAC;AAED,QAAM,SAAS,aAAa,EAAE,QAAQ,KAAK,QAAQ,mBAAmB,KAAK,kBAAkB,CAAC;AAE9F,QAAM,iBAAiB,YAAY;AAAA,IACjC;AAAA,IACA;AAAA,IACA,WAAW,QAAQ;AAAA,IACnB;AAAA,IACA;AAAA,IACA,mBAAmB,KAAK;AAAA,EAC1B,CAAC;AAED,SAAO,EAAE,cAAc,MAAM,UAAU,SAAS,QAAQ,eAAe;AACzE;","names":[]}

package/dist/chunk-AJXTVRQF.js

@@ -0,0 +1,90 @@
+import {
+  TimelineRow
+} from "./chunk-Z6DULXSF.js";
+
+// src/components/data-display/Timeline/Timeline.tsx
+import Box from "@mui/material/Box/index.js";
+import { alpha, styled } from "@mui/material/styles/index.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var TimelineContainer = styled(Box)(
+  ({ theme, orientation }) => ({
+    display: "flex",
+    flexDirection: orientation === "vertical" ? "column" : "row",
+    gap: theme.spacing(2),
+    position: "relative",
+    width: "100%",
+    ...orientation === "horizontal" && {
+      overflowX: "auto",
+      paddingBottom: theme.spacing(2),
+      "&::-webkit-scrollbar": {
+        height: 8
+      },
+      "&::-webkit-scrollbar-track": {
+        background: alpha(theme.palette.action.disabled, 0.1),
+        borderRadius: 4
+      },
+      "&::-webkit-scrollbar-thumb": {
+        background: alpha(theme.palette.primary.main, 0.3),
+        borderRadius: 4,
+        "&:hover": {
+          background: alpha(theme.palette.primary.main, 0.5)
+        }
+      }
+    }
+  })
+);
+var Timeline = ({
+  items,
+  variant = "default",
+  orientation = "vertical",
+  showConnector = true,
+  animated = true,
+  alternating = false,
+  onItemClick
+}) => {
+  const [expandedItems, setExpandedItems] = React.useState(/* @__PURE__ */ new Set());
+  const handleExpandClick = (itemId, event) => {
+    event.stopPropagation();
+    setExpandedItems((prev) => {
+      const newSet = new Set(prev);
+      if (newSet.has(itemId)) {
+        newSet.delete(itemId);
+      } else {
+        newSet.add(itemId);
+      }
+      return newSet;
+    });
+  };
+  return /* @__PURE__ */ jsx(
+    TimelineContainer,
+    {
+      orientation,
+      "data-testid": "timeline-container",
+      children: items.map((item, index) => /* @__PURE__ */ jsx(
+        TimelineRow,
+        {
+          item,
+          index,
+          isLast: index === items.length - 1,
+          variant,
+          orientation,
+          showConnector,
+          animated,
+          alternating,
+          isExpanded: expandedItems.has(item.id),
+          onItemClick,
+          onExpandClick: handleExpandClick
+        },
+        item.id
+      ))
+    }
+  );
+};
+var Timeline_default = Timeline;
+
+export {
+  Timeline,
+  Timeline_default
+};
+//# sourceMappingURL=chunk-AJXTVRQF.js.map

package/dist/chunk-AJXTVRQF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Timeline/Timeline.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\nimport { TimelineRow } from './TimelineRow';\nimport type { TimelineProps } from './Timeline.types';\n\n// ---\n\n// --- Styled Components ---\nconst TimelineContainer = styled(Box)<{ orientation: 'vertical' | 'horizontal' }>(\n  ({ theme, orientation }) => ({\n    display: 'flex',\n    flexDirection: orientation === 'vertical' ? 'column' : 'row',\n    gap: theme.spacing(2),\n    position: 'relative',\n    width: '100%',\n    ...(orientation === 'horizontal' && {\n      overflowX: 'auto',\n      paddingBottom: theme.spacing(2),\n      '&::-webkit-scrollbar': {\n        height: 8 },\n      '&::-webkit-scrollbar-track': {\n        background: alpha(theme.palette.action.disabled, 0.1),\n        borderRadius: 4 },\n      '&::-webkit-scrollbar-thumb': {\n        background: alpha(theme.palette.primary.main, 0.3),\n        borderRadius: 4,\n        '&:hover': {\n          background: alpha(theme.palette.primary.main, 0.5) } } }) }),\n);\n\n\n// ---\n\n// Main component\nexport const Timeline: FC<TimelineProps> = ({\n  items,\n  variant = 'default',\n  orientation = 'vertical',\n  showConnector = true,\n  animated = true,\n  alternating = false,\n  onItemClick }) => {\n  const [expandedItems, setExpandedItems] = React.useState<Set<string>>(new Set());\n\n  const handleExpandClick = (itemId: string, event: React.MouseEvent) => {\n    event.stopPropagation();\n    setExpandedItems((prev) => {\n      const newSet = new Set(prev);\n      if (newSet.has(itemId)) {\n        newSet.delete(itemId);\n      } else {\n        newSet.add(itemId);\n      }\n      return newSet;\n    });\n  };\n\n  return (\n    <TimelineContainer\n      orientation={orientation}\n      data-testid=\"timeline-container\"\n    >\n      {items.map((item, index) => (\n        <TimelineRow\n          key={item.id}\n          item={item}\n          index={index}\n          isLast={index === items.length - 1}\n          variant={variant}\n          orientation={orientation}\n          showConnector={showConnector}\n          animated={animated}\n          alternating={alternating}\n          isExpanded={expandedItems.has(item.id)}\n          onItemClick={onItemClick}\n          onExpandClick={handleExpandClick}\n        />\n      ))}\n    </TimelineContainer>\n  );\n};\n\nexport default Timeline;\n"],"mappings":";;;;;AAAA,OAAO,SAAS;AAChB,SAAS,OAAO,cAAc;AAE9B,OAAO,WAAW;AA8DV;AAvDR,IAAM,oBAAoB,OAAO,GAAG;AAAA,EAClC,CAAC,EAAE,OAAO,YAAY,OAAO;AAAA,IAC3B,SAAS;AAAA,IACT,eAAe,gBAAgB,aAAa,WAAW;AAAA,IACvD,KAAK,MAAM,QAAQ,CAAC;AAAA,IACpB,UAAU;AAAA,IACV,OAAO;AAAA,IACP,GAAI,gBAAgB,gBAAgB;AAAA,MAClC,WAAW;AAAA,MACX,eAAe,MAAM,QAAQ,CAAC;AAAA,MAC9B,wBAAwB;AAAA,QACtB,QAAQ;AAAA,MAAE;AAAA,MACZ,8BAA8B;AAAA,QAC5B,YAAY,MAAM,MAAM,QAAQ,OAAO,UAAU,GAAG;AAAA,QACpD,cAAc;AAAA,MAAE;AAAA,MAClB,8BAA8B;AAAA,QAC5B,YAAY,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG;AAAA,QACjD,cAAc;AAAA,QACd,WAAW;AAAA,UACT,YAAY,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG;AAAA,QAAE;AAAA,MAAE;AAAA,IAAE;AAAA,EAAG;AACpE;AAMO,IAAM,WAA8B,CAAC;AAAA,EAC1C;AAAA,EACA,UAAU;AAAA,EACV,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,cAAc;AAAA,EACd;AAAY,MAAM;AAClB,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAsB,oBAAI,IAAI,CAAC;AAE/E,QAAM,oBAAoB,CAAC,QAAgB,UAA4B;AACrE,UAAM,gBAAgB;AACtB,qBAAiB,CAAC,SAAS;AACzB,YAAM,SAAS,IAAI,IAAI,IAAI;AAC3B,UAAI,OAAO,IAAI,MAAM,GAAG;AACtB,eAAO,OAAO,MAAM;AAAA,MACtB,OAAO;AACL,eAAO,IAAI,MAAM;AAAA,MACnB;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAY;AAAA,MAEX,gBAAM,IAAI,CAAC,MAAM,UAChB;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA;AAAA,UACA,QAAQ,UAAU,MAAM,SAAS;AAAA,UACjC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,YAAY,cAAc,IAAI,KAAK,EAAE;AAAA,UACrC;AAAA,UACA,eAAe;AAAA;AAAA,QAXV,KAAK;AAAA,MAYZ,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,mBAAQ;","names":[]}

package/dist/chunk-AKZWDZCZ.js

@@ -0,0 +1,32 @@
+// src/utils/viewport.ts
+var VIEWPORT_HEIGHT_FALLBACK = "100vh";
+var DYNAMIC_VIEWPORT_HEIGHT = "100dvh";
+function dynamicViewportHeight(...properties) {
+  const pinned = properties.length > 0 ? [...properties] : ["height"];
+  const fallback = {};
+  const dynamic = {};
+  for (const property of pinned) {
+    fallback[property] = VIEWPORT_HEIGHT_FALLBACK;
+    dynamic[property] = DYNAMIC_VIEWPORT_HEIGHT;
+  }
+  return {
+    ...fallback,
+    [`@supports (height: ${DYNAMIC_VIEWPORT_HEIGHT})`]: dynamic
+  };
+}
+function safeAreaBottom(basePx) {
+  return {
+    paddingBottom: `${basePx}px`,
+    "@supports (padding: max(0px))": {
+      paddingBottom: `max(${basePx}px, calc(${basePx}px + env(safe-area-inset-bottom)))`
+    }
+  };
+}
+
+export {
+  VIEWPORT_HEIGHT_FALLBACK,
+  DYNAMIC_VIEWPORT_HEIGHT,
+  dynamicViewportHeight,
+  safeAreaBottom
+};
+//# sourceMappingURL=chunk-AKZWDZCZ.js.map

package/dist/chunk-AKZWDZCZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/viewport.ts"],"sourcesContent":["import type { CSSObject } from '@mui/material/styles/index.js';\n\n/**\n * Viewport helpers for full-height surfaces (dialogs, drawers, slide-overs).\n *\n * iOS Safari and iOS Chrome resolve `100vh` against the *large* viewport — the\n * height the page would have if the browser chrome were hidden — while a\n * `position: fixed` element is still clipped by the *small* viewport that the\n * URL bar and toolbar actually leave visible. A panel sized `height: 100vh`\n * therefore ends underneath the toolbar, so the last rows of its scroll area\n * (typically the submit button) are unreachable: the rubber-band overscroll\n * that reveals them snaps straight back the moment the finger lifts.\n *\n * `100dvh` tracks the *dynamic* viewport, so the panel always ends where the\n * visible area ends. `100vh` stays as the fallback for browsers without\n * dynamic viewport units.\n */\n\n/** Height unit for browsers without dynamic viewport units. */\nexport const VIEWPORT_HEIGHT_FALLBACK = '100vh';\n\n/** Height unit that tracks the visible viewport as browser chrome shows/hides. */\nexport const DYNAMIC_VIEWPORT_HEIGHT = '100dvh';\n\n/** The height properties {@link dynamicViewportHeight} can pin to the viewport. */\nexport type ViewportHeightProperty = 'height' | 'maxHeight' | 'minHeight';\n\n/**\n * Full-viewport-height styles for the given properties: `100vh` up front, with a\n * `@supports` block upgrading to `100dvh` where dynamic viewport units exist.\n *\n * ```ts\n * const paper = { ...dynamicViewportHeight('height', 'maxHeight') };\n * ```\n */\nexport function dynamicViewportHeight(\n  ...properties: readonly ViewportHeightProperty[]\n): CSSObject {\n  const pinned: ViewportHeightProperty[] =\n    properties.length > 0 ? [...properties] : ['height'];\n  const fallback: CSSObject = {};\n  const dynamic: CSSObject = {};\n  for (const property of pinned) {\n    fallback[property] = VIEWPORT_HEIGHT_FALLBACK;\n    dynamic[property] = DYNAMIC_VIEWPORT_HEIGHT;\n  }\n  return {\n    ...fallback,\n    [`@supports (height: ${DYNAMIC_VIEWPORT_HEIGHT})`]: dynamic,\n  };\n}\n\n/**\n * Bottom padding that clears the iOS home indicator, added on top of a base\n * padding expressed in pixels. Falls back to the base value on browsers without\n * `env()` support.\n */\nexport function safeAreaBottom(basePx: number): CSSObject {\n  return {\n    paddingBottom: `${basePx}px`,\n    '@supports (padding: max(0px))': {\n      paddingBottom: `max(${basePx}px, calc(${basePx}px + env(safe-area-inset-bottom)))`,\n    },\n  };\n}\n"],"mappings":";AAmBO,IAAM,2BAA2B;AAGjC,IAAM,0BAA0B;AAahC,SAAS,yBACX,YACQ;AACX,QAAM,SACJ,WAAW,SAAS,IAAI,CAAC,GAAG,UAAU,IAAI,CAAC,QAAQ;AACrD,QAAM,WAAsB,CAAC;AAC7B,QAAM,UAAqB,CAAC;AAC5B,aAAW,YAAY,QAAQ;AAC7B,aAAS,QAAQ,IAAI;AACrB,YAAQ,QAAQ,IAAI;AAAA,EACtB;AACA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,CAAC,sBAAsB,uBAAuB,GAAG,GAAG;AAAA,EACtD;AACF;AAOO,SAAS,eAAe,QAA2B;AACxD,SAAO;AAAA,IACL,eAAe,GAAG,MAAM;AAAA,IACxB,iCAAiC;AAAA,MAC/B,eAAe,OAAO,MAAM,YAAY,MAAM;AAAA,IAChD;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-AQ3M2I2F.js

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

package/dist/chunk-AQ3M2I2F.js.map

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