@12-apps/ui 6.33.1 → 6.35.0

package/dist/chunk-EUDIQQWE.js

@@ -1,76 +0,0 @@
-import {
-  UploadDropzone,
-  UploadFeedback,
-  UploadTrigger
-} from "./chunk-UTSGY3ON.js";
-import {
-  useUploadButton
-} from "./chunk-QWVETTIY.js";
-
-// src/components/form/UploadButton/UploadButton.tsx
-import Box from "@mui/material/Box/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var UploadButton = React.forwardRef((props, ref) => {
-  const {
-    copy,
-    variant = "default",
-    label = props.copy.buttonLabel,
-    disabled = false,
-    multiple = false,
-    accept,
-    capture,
-    helperText,
-    icon,
-    className,
-    "data-testid": dataTestId
-  } = props;
-  const { inputRef, inputId, state, drag, derived, openPicker, handleInputChange } = useUploadButton(props);
-  const trigger = {
-    copy,
-    label,
-    icon,
-    disabled,
-    className,
-    dataTestId,
-    describedBy: derived.describedBy,
-    onOpen: openPicker
-  };
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        ref: ref || inputRef,
-        id: inputId,
-        type: "file",
-        accept,
-        multiple,
-        capture,
-        onChange: handleInputChange,
-        style: { display: "none" },
-        disabled,
-        "aria-hidden": "true"
-      }
-    ),
-    variant === "dropzone" ? /* @__PURE__ */ jsx(UploadDropzone, { ...trigger, isDragOver: state.isDragOver, drag }) : /* @__PURE__ */ jsx(UploadTrigger, { ...trigger, variant, isUploading: derived.isUploading }),
-    /* @__PURE__ */ jsx(
-      UploadFeedback,
-      {
-        copy,
-        isUploading: derived.isUploading,
-        progress: derived.progress,
-        helperText,
-        helperId: derived.helperId,
-        error: derived.error,
-        errorId: derived.errorId,
-        announceDragOver: variant === "dropzone" && state.isDragOver
-      }
-    )
-  ] });
-});
-UploadButton.displayName = "UploadButton";
-
-export {
-  UploadButton
-};
-//# sourceMappingURL=chunk-EUDIQQWE.js.map

package/dist/chunk-EUHVBR3J.js

@@ -1,96 +0,0 @@
-import {
-  captionSx,
-  counterSx
-} from "./chunk-56SJYTIT.js";
-
-// src/components/data-display/Lightbox/LightboxStage.tsx
-import Box from "@mui/material/Box/index.js";
-import CircularProgress from "@mui/material/CircularProgress/index.js";
-import DialogContent from "@mui/material/DialogContent/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var LightboxStage = ({
-  items,
-  currentItem,
-  currentIndex,
-  isLoading,
-  showCaptions,
-  thumbnails,
-  testId,
-  media,
-  thumbnailStrip
-}) => /* @__PURE__ */ jsxs(
-  DialogContent,
-  {
-    sx: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      padding: 0,
-      position: "relative",
-      height: "100vh",
-      overflow: "hidden"
-    },
-    "data-testid": testId("content"),
-    children: [
-      isLoading && /* @__PURE__ */ jsx(
-        CircularProgress,
-        {
-          sx: { position: "absolute", color: "white", zIndex: 999 },
-          "data-testid": testId("loading")
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Box,
-        {
-          sx: {
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            width: "100%",
-            height: "100%"
-          },
-          "data-testid": testId("image-container"),
-          children: media
-        }
-      ),
-      showCaptions && currentItem?.caption && /* @__PURE__ */ jsx(
-        Typography,
-        {
-          id: "lightbox-description",
-          sx: {
-            ...captionSx,
-            position: "absolute",
-            // Sit above the filmstrip when there is one.
-            bottom: thumbnails ? 120 : 16,
-            left: "50%",
-            transform: "translateX(-50%)",
-            maxWidth: "80vw",
-            padding: 2
-          },
-          "data-testid": testId("caption"),
-          children: currentItem.caption
-        }
-      ),
-      items.length > 1 && /* @__PURE__ */ jsxs(
-        Typography,
-        {
-          sx: { ...counterSx, position: "absolute", top: 70, right: 16, padding: "4px 8px" },
-          "aria-live": "polite",
-          "data-testid": testId("counter"),
-          children: [
-            currentIndex + 1,
-            " / ",
-            items.length
-          ]
-        }
-      ),
-      thumbnailStrip
-    ]
-  }
-);
-
-export {
-  LightboxStage
-};
-//# sourceMappingURL=chunk-EUHVBR3J.js.map

package/dist/chunk-EUHVBR3J.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Lightbox/LightboxStage.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport DialogContent from '@mui/material/DialogContent/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport type { FC, ReactNode } from 'react';\nimport React from 'react';\n\nimport { captionSx, counterSx } from './Lightbox.constants';\nimport type { LightboxItem } from './Lightbox.types';\n\ntype TestId = (suffix: string) => string;\n\nexport interface LightboxStageProps {\n  items: LightboxItem[];\n  currentItem?: LightboxItem;\n  currentIndex: number;\n  isLoading: boolean;\n  showCaptions: boolean;\n  thumbnails: boolean;\n  testId: TestId;\n  media: ReactNode;\n  thumbnailStrip: ReactNode;\n}\n\n// The viewport itself: the media, whatever floats over it, and the filmstrip.\nexport const LightboxStage: FC<LightboxStageProps> = ({\n  items,\n  currentItem,\n  currentIndex,\n  isLoading,\n  showCaptions,\n  thumbnails,\n  testId,\n  media,\n  thumbnailStrip,\n}) => (\n  <DialogContent\n    sx={{\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      padding: 0,\n      position: 'relative',\n      height: '100vh',\n      overflow: 'hidden',\n    }}\n    data-testid={testId('content')}\n  >\n    {isLoading && (\n      <CircularProgress\n        sx={{ position: 'absolute', color: 'white', zIndex: 999 }}\n        data-testid={testId('loading')}\n      />\n    )}\n\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: '100%',\n        height: '100%',\n      }}\n      data-testid={testId('image-container')}\n    >\n      {media}\n    </Box>\n\n    {showCaptions && currentItem?.caption && (\n      <Typography\n        id=\"lightbox-description\"\n        sx={{\n          ...captionSx,\n          position: 'absolute',\n          // Sit above the filmstrip when there is one.\n          bottom: thumbnails ? 120 : 16,\n          left: '50%',\n          transform: 'translateX(-50%)',\n          maxWidth: '80vw',\n          padding: 2,\n        }}\n        data-testid={testId('caption')}\n      >\n        {currentItem.caption}\n      </Typography>\n    )}\n\n    {items.length > 1 && (\n      <Typography\n        sx={{ ...counterSx, position: 'absolute', top: 70, right: 16, padding: '4px 8px' }}\n        aria-live=\"polite\"\n        data-testid={testId('counter')}\n      >\n        {currentIndex + 1} / {items.length}\n      </Typography>\n    )}\n\n    {thumbnailStrip}\n  </DialogContent>\n);\n"],"mappings":";;;;;;AAAA,OAAO,SAAS;AAChB,OAAO,sBAAsB;AAC7B,OAAO,mBAAmB;AAC1B,OAAO,gBAAgB;AA8CjB,cAuCA,YAvCA;AAxBC,IAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE;AAAA,EAAC;AAAA;AAAA,IACC,IAAI;AAAA,MACF,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,SAAS;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,eAAa,OAAO,SAAS;AAAA,IAE5B;AAAA,mBACC;AAAA,QAAC;AAAA;AAAA,UACC,IAAI,EAAE,UAAU,YAAY,OAAO,SAAS,QAAQ,IAAI;AAAA,UACxD,eAAa,OAAO,SAAS;AAAA;AAAA,MAC/B;AAAA,MAGF;AAAA,QAAC;AAAA;AAAA,UACC,IAAI;AAAA,YACF,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,gBAAgB;AAAA,YAChB,OAAO;AAAA,YACP,QAAQ;AAAA,UACV;AAAA,UACA,eAAa,OAAO,iBAAiB;AAAA,UAEpC;AAAA;AAAA,MACH;AAAA,MAEC,gBAAgB,aAAa,WAC5B;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,IAAI;AAAA,YACF,GAAG;AAAA,YACH,UAAU;AAAA;AAAA,YAEV,QAAQ,aAAa,MAAM;AAAA,YAC3B,MAAM;AAAA,YACN,WAAW;AAAA,YACX,UAAU;AAAA,YACV,SAAS;AAAA,UACX;AAAA,UACA,eAAa,OAAO,SAAS;AAAA,UAE5B,sBAAY;AAAA;AAAA,MACf;AAAA,MAGD,MAAM,SAAS,KACd;AAAA,QAAC;AAAA;AAAA,UACC,IAAI,EAAE,GAAG,WAAW,UAAU,YAAY,KAAK,IAAI,OAAO,IAAI,SAAS,UAAU;AAAA,UACjF,aAAU;AAAA,UACV,eAAa,OAAO,SAAS;AAAA,UAE5B;AAAA,2BAAe;AAAA,YAAE;AAAA,YAAI,MAAM;AAAA;AAAA;AAAA,MAC9B;AAAA,MAGD;AAAA;AAAA;AACH;","names":[]}

package/dist/chunk-EWGVRRUF.js

@@ -1,212 +0,0 @@
-import {
-  useDashboardContext
-} from "./chunk-CUMSPE6B.js";
-import {
-  HeaderActions
-} from "./chunk-N4JEQJBL.js";
-import {
-  HeaderButton
-} from "./chunk-2CEV746H.js";
-
-// src/components/layout/Dashboard/DashboardParts.tsx
-import CloseIcon from "@mui/icons-material/Close";
-import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
-import ExportIcon from "@mui/icons-material/FileDownloadOutlined";
-import FilterIcon from "@mui/icons-material/FilterListRounded";
-import InfoIcon from "@mui/icons-material/InfoOutlined";
-import SettingsIcon from "@mui/icons-material/SettingsOutlined";
-import Badge from "@mui/material/Badge/index.js";
-import Box from "@mui/material/Box/index.js";
-import Dialog from "@mui/material/Dialog/index.js";
-import DialogContent from "@mui/material/DialogContent/index.js";
-import DialogTitle from "@mui/material/DialogTitle/index.js";
-import IconButton from "@mui/material/IconButton/index.js";
-import Menu from "@mui/material/Menu/index.js";
-import MenuItem from "@mui/material/MenuItem/index.js";
-import Popover from "@mui/material/Popover/index.js";
-import Tooltip from "@mui/material/Tooltip/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var DashboardSpacer = () => /* @__PURE__ */ jsx(Box, { sx: { flex: 1 }, "aria-hidden": true });
-DashboardSpacer.displayName = "Dashboard.Spacer";
-var DashboardInfo = ({
-  title = "About this page",
-  children,
-  ariaLabel = "Page information"
-}) => {
-  const { testIdPrefix } = useDashboardContext();
-  const [anchorEl, setAnchorEl] = useState(null);
-  const open = Boolean(anchorEl);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Tooltip, { title: ariaLabel, children: /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        size: "small",
-        "aria-label": ariaLabel,
-        "aria-haspopup": "dialog",
-        onClick: (e) => setAnchorEl(e.currentTarget),
-        "data-testid": `${testIdPrefix}-info-trigger`,
-        sx: { color: "text.secondary" },
-        children: /* @__PURE__ */ jsx(InfoIcon, { fontSize: "small" })
-      }
-    ) }),
-    /* @__PURE__ */ jsxs(
-      Popover,
-      {
-        open,
-        anchorEl,
-        onClose: () => setAnchorEl(null),
-        anchorOrigin: { vertical: "bottom", horizontal: "left" },
-        slotProps: { paper: { sx: { width: 360, maxWidth: "90vw" } } },
-        "data-testid": `${testIdPrefix}-info-popover`,
-        children: [
-          /* @__PURE__ */ jsxs(Box, { sx: { px: 2, py: 1.5, borderBottom: 1, borderColor: "divider", display: "flex", gap: 1, alignItems: "center" }, children: [
-            /* @__PURE__ */ jsx(InfoIcon, { fontSize: "small", sx: { color: "text.secondary" } }),
-            /* @__PURE__ */ jsx(Typography, { sx: { fontWeight: 600 }, children: title })
-          ] }),
-          /* @__PURE__ */ jsx(Box, { sx: { px: 2, py: 1.5, fontSize: "0.875rem", color: "text.secondary" }, children })
-        ]
-      }
-    )
-  ] });
-};
-DashboardInfo.displayName = "Dashboard.Info";
-var DashboardFilterToggle = ({ ariaLabel }) => {
-  const { filtersVisible, toggleFilters, activeFilterCount, testIdPrefix } = useDashboardContext();
-  const label = ariaLabel ?? (filtersVisible ? "Hide filters" : "Show filters");
-  return /* @__PURE__ */ jsx(Tooltip, { title: label, children: /* @__PURE__ */ jsx(
-    IconButton,
-    {
-      size: "small",
-      "aria-label": label,
-      "aria-pressed": filtersVisible,
-      onClick: toggleFilters,
-      "data-testid": `${testIdPrefix}-filter-toggle`,
-      sx: { color: filtersVisible ? "primary.main" : "text.secondary", bgcolor: filtersVisible ? "action.selected" : "transparent" },
-      children: /* @__PURE__ */ jsx(Badge, { badgeContent: activeFilterCount, color: "primary", overlap: "circular", children: /* @__PURE__ */ jsx(FilterIcon, { fontSize: "small" }) })
-    }
-  ) });
-};
-DashboardFilterToggle.displayName = "Dashboard.FilterToggle";
-var DashboardSettings = ({
-  title = "Settings",
-  closeLabel,
-  children,
-  ariaLabel = "Settings",
-  href,
-  linkComponent
-}) => {
-  const { testIdPrefix } = useDashboardContext();
-  const [open, setOpen] = useState(false);
-  if (href) {
-    const LinkComponent = linkComponent ?? "a";
-    return /* @__PURE__ */ jsx(Tooltip, { title: ariaLabel, children: /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        size: "small",
-        "aria-label": ariaLabel,
-        component: LinkComponent,
-        href,
-        "data-testid": `${testIdPrefix}-settings-trigger`,
-        sx: { color: "text.secondary" },
-        children: /* @__PURE__ */ jsx(SettingsIcon, { fontSize: "small" })
-      }
-    ) });
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Tooltip, { title: ariaLabel, children: /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        size: "small",
-        "aria-label": ariaLabel,
-        "aria-haspopup": "dialog",
-        onClick: () => setOpen(true),
-        "data-testid": `${testIdPrefix}-settings-trigger`,
-        sx: { color: "text.secondary" },
-        children: /* @__PURE__ */ jsx(SettingsIcon, { fontSize: "small" })
-      }
-    ) }),
-    /* @__PURE__ */ jsxs(Dialog, { open, onClose: () => setOpen(false), maxWidth: "sm", fullWidth: true, "data-testid": `${testIdPrefix}-settings-dialog`, children: [
-      /* @__PURE__ */ jsxs(DialogTitle, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
-        title,
-        /* @__PURE__ */ jsx(IconButton, { "aria-label": closeLabel, size: "small", onClick: () => setOpen(false), children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "small" }) })
-      ] }),
-      /* @__PURE__ */ jsx(DialogContent, { dividers: true, children })
-    ] })
-  ] });
-};
-DashboardSettings.displayName = "Dashboard.Settings";
-var DEFAULT_EXPORT_FORMATS = [
-  { id: "csv", label: "CSV (.csv)" },
-  { id: "xlsx", label: "Excel (.xlsx)" },
-  { id: "json", label: "JSON (.json)" }
-];
-var DashboardExport = ({
-  formats = DEFAULT_EXPORT_FORMATS,
-  onExport,
-  label = "Export"
-}) => {
-  const { testIdPrefix } = useDashboardContext();
-  const [anchorEl, setAnchorEl] = useState(null);
-  const open = Boolean(anchorEl);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      HeaderButton,
-      {
-        variant: "outlined",
-        color: "inherit",
-        text: label,
-        icon: /* @__PURE__ */ jsx(ExportIcon, { fontSize: "small" }),
-        endIcon: /* @__PURE__ */ jsx(ExpandMoreIcon, { fontSize: "small" }),
-        onClick: (e) => setAnchorEl(e.currentTarget),
-        "aria-haspopup": "menu",
-        "aria-expanded": open,
-        dataTestId: `${testIdPrefix}-export-trigger`
-      }
-    ),
-    /* @__PURE__ */ jsx(Menu, { anchorEl, open, onClose: () => setAnchorEl(null), "data-testid": `${testIdPrefix}-export-menu`, children: formats.map((format) => /* @__PURE__ */ jsx(
-      MenuItem,
-      {
-        onClick: () => {
-          onExport(format.id);
-          setAnchorEl(null);
-        },
-        "data-testid": `${testIdPrefix}-export-${format.id}`,
-        children: format.label
-      },
-      format.id
-    )) })
-  ] });
-};
-DashboardExport.displayName = "Dashboard.Export";
-var DashboardAction = ({ children }) => /* @__PURE__ */ jsx(Box, { sx: { display: "inline-flex" }, children });
-DashboardAction.displayName = "Dashboard.Action";
-var DashboardActions = ({
-  actions,
-  moreLabel,
-  collapseBelow
-}) => {
-  const { testIdPrefix } = useDashboardContext();
-  return /* @__PURE__ */ jsx(
-    HeaderActions,
-    {
-      actions,
-      moreLabel,
-      collapseBelow,
-      testIdPrefix: `${testIdPrefix}-actions`
-    }
-  );
-};
-DashboardActions.displayName = "Dashboard.Actions";
-
-export {
-  DashboardSpacer,
-  DashboardInfo,
-  DashboardFilterToggle,
-  DashboardSettings,
-  DashboardExport,
-  DashboardAction,
-  DashboardActions
-};
-//# sourceMappingURL=chunk-EWGVRRUF.js.map

package/dist/chunk-EWGVRRUF.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/layout/Dashboard/DashboardParts.tsx"],"sourcesContent":["'use client';\n\nimport CloseIcon from '@mui/icons-material/Close';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport ExportIcon from '@mui/icons-material/FileDownloadOutlined';\nimport FilterIcon from '@mui/icons-material/FilterListRounded';\nimport InfoIcon from '@mui/icons-material/InfoOutlined';\nimport SettingsIcon from '@mui/icons-material/SettingsOutlined';\nimport Badge from '@mui/material/Badge/index.js';\nimport Box from '@mui/material/Box/index.js';\nimport Dialog from '@mui/material/Dialog/index.js';\nimport DialogContent from '@mui/material/DialogContent/index.js';\nimport DialogTitle from '@mui/material/DialogTitle/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Menu from '@mui/material/Menu/index.js';\nimport MenuItem from '@mui/material/MenuItem/index.js';\nimport Popover from '@mui/material/Popover/index.js';\nimport Tooltip from '@mui/material/Tooltip/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport React, { useState } from 'react';\n\nimport { HeaderActions } from '../../form/HeaderActions';\nimport { HeaderButton } from '../../form/HeaderButton';\nimport { useDashboardContext } from './DashboardContext';\nimport type {\n  DashboardActionProps,\n  DashboardActionsProps,\n  DashboardExportFormat,\n  DashboardExportProps,\n  DashboardFilterToggleProps,\n  DashboardInfoProps,\n  DashboardSettingsProps,\n} from './Dashboard.types';\n\n/** Flexible spacer — everything composed after it is pushed to the right. */\nexport const DashboardSpacer = (): React.JSX.Element => <Box sx={{ flex: 1 }} aria-hidden />;\nDashboardSpacer.displayName = 'Dashboard.Spacer';\n\nexport const DashboardInfo = ({\n  title = 'About this page',\n  children,\n  ariaLabel = 'Page information',\n}: DashboardInfoProps): React.JSX.Element => {\n  const { testIdPrefix } = useDashboardContext();\n  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null);\n  const open = Boolean(anchorEl);\n  return (\n    <>\n      <Tooltip title={ariaLabel}>\n        <IconButton\n          size=\"small\"\n          aria-label={ariaLabel}\n          aria-haspopup=\"dialog\"\n          onClick={(e) => setAnchorEl(e.currentTarget)}\n          data-testid={`${testIdPrefix}-info-trigger`}\n          sx={{ color: 'text.secondary' }}\n        >\n          <InfoIcon fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n      <Popover\n        open={open}\n        anchorEl={anchorEl}\n        onClose={() => setAnchorEl(null)}\n        anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n        slotProps={{ paper: { sx: { width: 360, maxWidth: '90vw' } } }}\n        data-testid={`${testIdPrefix}-info-popover`}\n      >\n        <Box sx={{ px: 2, py: 1.5, borderBottom: 1, borderColor: 'divider', display: 'flex', gap: 1, alignItems: 'center' }}>\n          <InfoIcon fontSize=\"small\" sx={{ color: 'text.secondary' }} />\n          <Typography sx={{ fontWeight: 600 }}>{title}</Typography>\n        </Box>\n        <Box sx={{ px: 2, py: 1.5, fontSize: '0.875rem', color: 'text.secondary' }}>{children}</Box>\n      </Popover>\n    </>\n  );\n};\nDashboardInfo.displayName = 'Dashboard.Info';\n\nexport const DashboardFilterToggle = ({ ariaLabel }: DashboardFilterToggleProps): React.JSX.Element => {\n  const { filtersVisible, toggleFilters, activeFilterCount, testIdPrefix } = useDashboardContext();\n  const label = ariaLabel ?? (filtersVisible ? 'Hide filters' : 'Show filters');\n  return (\n    <Tooltip title={label}>\n      <IconButton\n        size=\"small\"\n        aria-label={label}\n        aria-pressed={filtersVisible}\n        onClick={toggleFilters}\n        data-testid={`${testIdPrefix}-filter-toggle`}\n        sx={{ color: filtersVisible ? 'primary.main' : 'text.secondary', bgcolor: filtersVisible ? 'action.selected' : 'transparent' }}\n      >\n        <Badge badgeContent={activeFilterCount} color=\"primary\" overlap=\"circular\">\n          <FilterIcon fontSize=\"small\" />\n        </Badge>\n      </IconButton>\n    </Tooltip>\n  );\n};\nDashboardFilterToggle.displayName = 'Dashboard.FilterToggle';\n\nexport const DashboardSettings = ({\n  title = 'Settings',\n  closeLabel,\n  children,\n  ariaLabel = 'Settings',\n  href,\n  linkComponent,\n}: DashboardSettingsProps): React.JSX.Element => {\n  const { testIdPrefix } = useDashboardContext();\n  const [open, setOpen] = useState(false);\n\n  // Link mode: the gear navigates to a settings route (e.g. the page's\n  // Configuração section) instead of opening an in-page dialog.\n  if (href) {\n    const LinkComponent = linkComponent ?? 'a';\n    return (\n      <Tooltip title={ariaLabel}>\n        <IconButton\n          size=\"small\"\n          aria-label={ariaLabel}\n          component={LinkComponent}\n          href={href}\n          data-testid={`${testIdPrefix}-settings-trigger`}\n          sx={{ color: 'text.secondary' }}\n        >\n          <SettingsIcon fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <>\n      <Tooltip title={ariaLabel}>\n        <IconButton\n          size=\"small\"\n          aria-label={ariaLabel}\n          aria-haspopup=\"dialog\"\n          onClick={() => setOpen(true)}\n          data-testid={`${testIdPrefix}-settings-trigger`}\n          sx={{ color: 'text.secondary' }}\n        >\n          <SettingsIcon fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n      <Dialog open={open} onClose={() => setOpen(false)} maxWidth=\"sm\" fullWidth data-testid={`${testIdPrefix}-settings-dialog`}>\n        <DialogTitle sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>\n          {title}\n          <IconButton aria-label={closeLabel} size=\"small\" onClick={() => setOpen(false)}>\n            <CloseIcon fontSize=\"small\" />\n          </IconButton>\n        </DialogTitle>\n        <DialogContent dividers>{children}</DialogContent>\n      </Dialog>\n    </>\n  );\n};\nDashboardSettings.displayName = 'Dashboard.Settings';\n\nconst DEFAULT_EXPORT_FORMATS: DashboardExportFormat[] = [\n  { id: 'csv', label: 'CSV (.csv)' },\n  { id: 'xlsx', label: 'Excel (.xlsx)' },\n  { id: 'json', label: 'JSON (.json)' },\n];\n\nexport const DashboardExport = ({\n  formats = DEFAULT_EXPORT_FORMATS,\n  onExport,\n  label = 'Export',\n}: DashboardExportProps): React.JSX.Element => {\n  const { testIdPrefix } = useDashboardContext();\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const open = Boolean(anchorEl);\n  return (\n    <>\n      <HeaderButton\n        variant=\"outlined\"\n        color=\"inherit\"\n        text={label}\n        icon={<ExportIcon fontSize=\"small\" />}\n        endIcon={<ExpandMoreIcon fontSize=\"small\" />}\n        onClick={(e) => setAnchorEl(e.currentTarget)}\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n        dataTestId={`${testIdPrefix}-export-trigger`}\n      />\n      <Menu anchorEl={anchorEl} open={open} onClose={() => setAnchorEl(null)} data-testid={`${testIdPrefix}-export-menu`}>\n        {formats.map((format) => (\n          <MenuItem\n            key={format.id}\n            onClick={() => {\n              onExport(format.id);\n              setAnchorEl(null);\n            }}\n            data-testid={`${testIdPrefix}-export-${format.id}`}\n          >\n            {format.label}\n          </MenuItem>\n        ))}\n      </Menu>\n    </>\n  );\n};\nDashboardExport.displayName = 'Dashboard.Export';\n\nexport const DashboardAction = ({ children }: DashboardActionProps): React.JSX.Element => (\n  <Box sx={{ display: 'inline-flex' }}>{children}</Box>\n);\nDashboardAction.displayName = 'Dashboard.Action';\n\n/**\n * The header's actions, declared as a LIST — `<Dashboard.Action>`'s plural.\n *\n * `<Dashboard.Action>` is a slot: it renders whatever you hand it, once per\n * action, and a page with five of them draws five equally-loud buttons. That is\n * the right primitive for one button and the wrong one for five, and the pages\n * here that grew a fifth action all grew it the same way — by adding a fifth\n * slot, because the slot was the only thing on offer.\n *\n * This part answers the question the slot cannot: given N actions, how many\n * belong on the bar? See {@link HeaderActions} for the rule (0 ⇒ nothing,\n * 1 ⇒ a button, n ⇒ a button and a menu of the rest).\n *\n * Both stay. A header still composes `<Dashboard.Action>` for the one control\n * that is not an action at all — a link, a toggle, a status pill — and reaches\n * for this when it has actions to rank.\n */\nexport const DashboardActions = ({\n  actions,\n  moreLabel,\n  collapseBelow,\n}: DashboardActionsProps): React.JSX.Element => {\n  const { testIdPrefix } = useDashboardContext();\n  return (\n    <HeaderActions\n      actions={actions}\n      moreLabel={moreLabel}\n      collapseBelow={collapseBelow}\n      testIdPrefix={`${testIdPrefix}-actions`}\n    />\n  );\n};\nDashboardActions.displayName = 'Dashboard.Actions';\n"],"mappings":"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","names":[]}

package/dist/chunk-EWSGWLHN.js

@@ -1,140 +0,0 @@
-// src/components/navigation/Tabs/Tabs.styles.ts
-import { alpha } from "@mui/material/styles/index.js";
-var sizeStyles = (theme, size) => ({
-  ...size === "sm" && {
-    minHeight: 32,
-    "& .MuiTab-root": {
-      fontSize: "0.875rem",
-      minHeight: 32,
-      padding: theme.spacing(0.5, 1.5)
-    }
-  },
-  ...size === "lg" && {
-    minHeight: 56,
-    "& .MuiTab-root": {
-      fontSize: "1.125rem",
-      minHeight: 56,
-      padding: theme.spacing(1.5, 3)
-    }
-  }
-});
-var compactVariantStyles = (theme, customVariant) => ({
-  ...customVariant === "default" && {
-    "& .MuiTabs-indicator": {
-      height: 3,
-      borderRadius: "3px 3px 0 0",
-      background: `linear-gradient(90deg, ${theme.palette.primary.main}, ${theme.palette.primary.dark})`
-    }
-  },
-  // Pills variant (rounded tabs)
-  ...customVariant === "pills" && {
-    "& .MuiTabs-indicator": {
-      display: "none"
-    },
-    "& .MuiTab-root": {
-      borderRadius: theme.spacing(3),
-      margin: theme.spacing(0, 0.5),
-      minWidth: "auto",
-      transition: "all 0.3s ease",
-      "&:hover": {
-        backgroundColor: alpha(theme.palette.primary.main, 0.08),
-        transform: "translateY(-1px)"
-      },
-      "&.Mui-selected": {
-        backgroundColor: theme.palette.primary.main,
-        color: theme.palette.primary.contrastText,
-        boxShadow: `0 4px 12px ${alpha(theme.palette.primary.main, 0.3)}`,
-        "&:hover": {
-          backgroundColor: theme.palette.primary.dark
-        }
-      }
-    }
-  }
-  // Underline variant (minimal underline indicator)
-});
-var boxedVariantStyles = (theme, customVariant) => ({
-  ...customVariant === "underline" && {
-    "& .MuiTabs-flexContainer": {
-      gap: theme.spacing(2)
-    },
-    "& .MuiTabs-indicator": {
-      height: 2,
-      backgroundColor: theme.palette.primary.main,
-      borderRadius: 1
-    },
-    "& .MuiTab-root": {
-      textTransform: "none",
-      fontWeight: 500,
-      padding: theme.spacing(1, 0),
-      minWidth: "auto",
-      "&:hover": {
-        color: theme.palette.primary.main
-      },
-      "&.Mui-selected": {
-        color: theme.palette.primary.main,
-        fontWeight: 600
-      }
-    }
-  },
-  // Enclosed variant (bordered tabs)
-  ...customVariant === "enclosed" && {
-    "& .MuiTabs-indicator": {
-      display: "none"
-    },
-    "& .MuiTabs-flexContainer": {
-      borderBottom: `1px solid ${theme.palette.divider}`
-    },
-    "& .MuiTab-root": {
-      border: `1px solid ${theme.palette.divider}`,
-      borderBottom: "none",
-      borderRadius: `${theme.spacing(1)} ${theme.spacing(1)} 0 0`,
-      margin: theme.spacing(0, 0.5),
-      marginBottom: -1,
-      backgroundColor: alpha(theme.palette.action.hover, 0.5),
-      "&:hover": {
-        backgroundColor: alpha(theme.palette.action.hover, 0.8)
-      },
-      "&.Mui-selected": {
-        backgroundColor: theme.palette.background.paper,
-        borderColor: theme.palette.divider,
-        borderBottomColor: theme.palette.background.paper,
-        zIndex: 1
-      }
-    }
-  }
-});
-var variantStyles = (theme, customVariant) => ({
-  ...compactVariantStyles(theme, customVariant),
-  ...boxedVariantStyles(theme, customVariant)
-});
-var dividerStyles = (theme, customVariant, showDividers) => ({
-  ...showDividers && customVariant !== "enclosed" && customVariant !== "pills" && {
-    "& .MuiTab-root:not(:last-child)": {
-      borderRight: `1px solid ${alpha(theme.palette.divider, 0.5)}`
-    }
-  }
-});
-var tabsRootStyles = ({
-  theme,
-  customVariant,
-  size,
-  showDividers
-}) => ({
-  position: "relative",
-  // Collapse disabled scroll buttons (e.g. the left button at the start of a
-  // scrollable row) so they don't reserve empty space before the first tab.
-  "& .MuiTabs-scrollButtons.Mui-disabled": {
-    width: 0,
-    minWidth: 0,
-    overflow: "hidden"
-  },
-  // Size variants
-  ...sizeStyles(theme, size),
-  ...variantStyles(theme, customVariant),
-  ...dividerStyles(theme, customVariant, showDividers)
-});
-
-export {
-  tabsRootStyles
-};
-//# sourceMappingURL=chunk-EWSGWLHN.js.map

package/dist/chunk-EWSGWLHN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/navigation/Tabs/Tabs.styles.ts"],"sourcesContent":["import type { CSSObject, Theme } from '@mui/material/styles/index.js';\nimport { alpha } from '@mui/material/styles/index.js';\n\nconst sizeStyles = (theme: Theme, size?: string): CSSObject => ({\n    ...(size === 'sm' && {\n      minHeight: 32,\n      '& .MuiTab-root': {\n        fontSize: '0.875rem',\n        minHeight: 32,\n        padding: theme.spacing(0.5, 1.5),\n      },\n    }),\n\n    ...(size === 'lg' && {\n      minHeight: 56,\n      '& .MuiTab-root': {\n        fontSize: '1.125rem',\n        minHeight: 56,\n        padding: theme.spacing(1.5, 3),\n      },\n    }),\n\n});\n\nconst compactVariantStyles = (theme: Theme, customVariant?: string): CSSObject => ({\n    ...(customVariant === 'default' && {\n      '& .MuiTabs-indicator': {\n        height: 3,\n        borderRadius: '3px 3px 0 0',\n        background: `linear-gradient(90deg, ${theme.palette.primary.main}, ${theme.palette.primary.dark})`,\n      },\n    }),\n\n    // Pills variant (rounded tabs)\n    ...(customVariant === 'pills' && {\n      '& .MuiTabs-indicator': {\n        display: 'none',\n      },\n      '& .MuiTab-root': {\n        borderRadius: theme.spacing(3),\n        margin: theme.spacing(0, 0.5),\n        minWidth: 'auto',\n        transition: 'all 0.3s ease',\n        '&:hover': {\n          backgroundColor: alpha(theme.palette.primary.main, 0.08),\n          transform: 'translateY(-1px)',\n        },\n        '&.Mui-selected': {\n          backgroundColor: theme.palette.primary.main,\n          color: theme.palette.primary.contrastText,\n          boxShadow: `0 4px 12px ${alpha(theme.palette.primary.main, 0.3)}`,\n          '&:hover': {\n            backgroundColor: theme.palette.primary.dark,\n          },\n        },\n      },\n    }),\n\n    // Underline variant (minimal underline indicator)\n});\n\nconst boxedVariantStyles = (theme: Theme, customVariant?: string): CSSObject => ({\n    ...(customVariant === 'underline' && {\n      '& .MuiTabs-flexContainer': {\n        gap: theme.spacing(2),\n      },\n      '& .MuiTabs-indicator': {\n        height: 2,\n        backgroundColor: theme.palette.primary.main,\n        borderRadius: 1,\n      },\n      '& .MuiTab-root': {\n        textTransform: 'none',\n        fontWeight: 500,\n        padding: theme.spacing(1, 0),\n        minWidth: 'auto',\n        '&:hover': {\n          color: theme.palette.primary.main,\n        },\n        '&.Mui-selected': {\n          color: theme.palette.primary.main,\n          fontWeight: 600,\n        },\n      },\n    }),\n\n    // Enclosed variant (bordered tabs)\n    ...(customVariant === 'enclosed' && {\n      '& .MuiTabs-indicator': {\n        display: 'none',\n      },\n      '& .MuiTabs-flexContainer': {\n        borderBottom: `1px solid ${theme.palette.divider}`,\n      },\n      '& .MuiTab-root': {\n        border: `1px solid ${theme.palette.divider}`,\n        borderBottom: 'none',\n        borderRadius: `${theme.spacing(1)} ${theme.spacing(1)} 0 0`,\n        margin: theme.spacing(0, 0.5),\n        marginBottom: -1,\n        backgroundColor: alpha(theme.palette.action.hover, 0.5),\n        '&:hover': {\n          backgroundColor: alpha(theme.palette.action.hover, 0.8),\n        },\n        '&.Mui-selected': {\n          backgroundColor: theme.palette.background.paper,\n          borderColor: theme.palette.divider,\n          borderBottomColor: theme.palette.background.paper,\n          zIndex: 1,\n        },\n      },\n    }),\n});\n\nconst variantStyles = (theme: Theme, customVariant?: string): CSSObject => ({\n  ...compactVariantStyles(theme, customVariant),\n  ...boxedVariantStyles(theme, customVariant),\n});\n\n// Vertical rules between tabs, for the variants that do not already have edges.\nconst dividerStyles = (\n  theme: Theme,\n  customVariant?: string,\n  showDividers?: boolean,\n): CSSObject => ({\n  ...(showDividers &&\n    customVariant !== 'enclosed' &&\n    customVariant !== 'pills' && {\n      '& .MuiTab-root:not(:last-child)': {\n        borderRight: `1px solid ${alpha(theme.palette.divider, 0.5)}`,\n      },\n    }),\n});\n\n// The root Tabs styling, kept out of Tabs.tsx so the styled() call stays small.\n// Spread into a fresh literal at the call site: handing styled() a named-type\n// value makes TypeScript demand a `variants` key (CSSObjectWithVariants).\nexport const tabsRootStyles = ({\n  theme,\n  customVariant,\n  size,\n  showDividers,\n}: {\n  theme: Theme;\n  customVariant?: string;\n  size?: string;\n  showDividers?: boolean;\n}): CSSObject => ({\n    position: 'relative',\n\n    // Collapse disabled scroll buttons (e.g. the left button at the start of a\n    // scrollable row) so they don't reserve empty space before the first tab.\n    '& .MuiTabs-scrollButtons.Mui-disabled': {\n      width: 0,\n      minWidth: 0,\n      overflow: 'hidden',\n    },\n\n    // Size variants\n  ...sizeStyles(theme, size),\n  ...variantStyles(theme, customVariant),\n  ...dividerStyles(theme, customVariant, showDividers),\n});\n"],"mappings":"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","names":[]}

package/dist/chunk-F4RR4666.js

@@ -1,75 +0,0 @@
-import {
-  isPresetActive,
-  resolvePreset
-} from "./chunk-CBOB5AV6.js";
-
-// src/components/data-display/DataViews/data-views-preset-chips.tsx
-import Box from "@mui/material/Box/index.js";
-import { jsx } from "react/jsx-runtime";
-function PresetChip({
-  preset,
-  active,
-  onSelect,
-  testId
-}) {
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      component: "button",
-      type: "button",
-      onClick: onSelect,
-      "aria-pressed": active,
-      "data-testid": testId,
-      sx: {
-        px: 1.25,
-        py: 0.5,
-        border: 1,
-        borderStyle: "solid",
-        borderColor: active ? "primary.main" : "divider",
-        borderRadius: 999,
-        bgcolor: active ? "action.selected" : "background.paper",
-        color: active ? "primary.main" : "text.secondary",
-        cursor: "pointer",
-        font: "inherit",
-        fontSize: "0.75rem",
-        fontWeight: 600,
-        whiteSpace: "nowrap",
-        "&:hover": { borderColor: active ? "primary.main" : "text.primary" }
-      },
-      children: preset.label
-    }
-  );
-}
-function RangePresets({
-  presets,
-  value,
-  onChange,
-  testId
-}) {
-  if (presets.length === 0) return null;
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      "data-testid": `${testId}-presets`,
-      sx: { display: "flex", flexWrap: "wrap", gap: 0.75 },
-      children: presets.map((preset) => {
-        const active = isPresetActive(preset, value);
-        return /* @__PURE__ */ jsx(
-          PresetChip,
-          {
-            preset,
-            active,
-            onSelect: () => onChange(active ? {} : resolvePreset(preset)),
-            testId: `${testId}-preset-${preset.id}`
-          },
-          preset.id
-        );
-      })
-    }
-  );
-}
-
-export {
-  RangePresets
-};
-//# sourceMappingURL=chunk-F4RR4666.js.map

package/dist/chunk-F4RR4666.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/data-views-preset-chips.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * THE ONE-CLICK WINDOWS ABOVE A RANGE'S `De`/`Até` INPUTS.\n *\n * \"Filter by last month\" is two date pickers, four gestures and a mental\n * calculation of which day the month ended on. It is also the overwhelmingly\n * common case. So the common windows get a chip each, and the inputs stay for\n * the windows nobody could enumerate.\n *\n * Clicking an active preset CLEARS it. A chip that reads as pressed and does\n * nothing when pressed again is a dead control, and the alternative — hunting\n * for the pill's ✕ — is the gesture this row exists to remove.\n */\nimport Box from \"@mui/material/Box/index.js\";\n\nimport { isPresetActive, resolvePreset } from \"./data-views-range-presets\";\nimport type { RangePreset, RangeValue } from \"./data-views-types\";\n\n/** One preset, styled as the same pill-shaped chip the filter bar uses. */\nfunction PresetChip({\n  preset,\n  active,\n  onSelect,\n  testId,\n}: {\n  preset: RangePreset;\n  active: boolean;\n  onSelect: () => void;\n  testId: string;\n}): React.JSX.Element {\n  return (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      onClick={onSelect}\n      aria-pressed={active}\n      data-testid={testId}\n      sx={{\n        px: 1.25,\n        py: 0.5,\n        border: 1,\n        borderStyle: \"solid\",\n        borderColor: active ? \"primary.main\" : \"divider\",\n        borderRadius: 999,\n        bgcolor: active ? \"action.selected\" : \"background.paper\",\n        color: active ? \"primary.main\" : \"text.secondary\",\n        cursor: \"pointer\",\n        font: \"inherit\",\n        fontSize: \"0.75rem\",\n        fontWeight: 600,\n        whiteSpace: \"nowrap\",\n        \"&:hover\": { borderColor: active ? \"primary.main\" : \"text.primary\" },\n      }}\n    >\n      {preset.label}\n    </Box>\n  );\n}\n\n/**\n * The preset row. Renders nothing when a field declares none, so a numeric\n * range without host-configured windows keeps the popover it had.\n *\n * Carries no outer margin — the three surfaces that host it (the pill's\n * popover, the slide-in panel, the \"Mais\" overflow) each sit it in a different\n * stack, and a baked-in margin would be wrong in two of them.\n */\nexport function RangePresets({\n  presets,\n  value,\n  onChange,\n  testId,\n}: {\n  presets: RangePreset[];\n  value: RangeValue;\n  onChange: (range: RangeValue) => void;\n  testId: string;\n}): React.JSX.Element | null {\n  if (presets.length === 0) return null;\n  return (\n    <Box\n      data-testid={`${testId}-presets`}\n      sx={{ display: \"flex\", flexWrap: \"wrap\", gap: 0.75 }}\n    >\n      {presets.map((preset) => {\n        const active = isPresetActive(preset, value);\n        return (\n          <PresetChip\n            key={preset.id}\n            preset={preset}\n            active={active}\n            onSelect={() => onChange(active ? {} : resolvePreset(preset))}\n            testId={`${testId}-preset-${preset.id}`}\n          />\n        );\n      })}\n    </Box>\n  );\n}\n"],"mappings":";;;;;;AAcA,OAAO,SAAS;AAkBZ;AAZJ,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKsB;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAS;AAAA,MACT,gBAAc;AAAA,MACd,eAAa;AAAA,MACb,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,aAAa,SAAS,iBAAiB;AAAA,QACvC,cAAc;AAAA,QACd,SAAS,SAAS,oBAAoB;AAAA,QACtC,OAAO,SAAS,iBAAiB;AAAA,QACjC,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,WAAW,EAAE,aAAa,SAAS,iBAAiB,eAAe;AAAA,MACrE;AAAA,MAEC,iBAAO;AAAA;AAAA,EACV;AAEJ;AAUO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAK6B;AAC3B,MAAI,QAAQ,WAAW,EAAG,QAAO;AACjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,GAAG,MAAM;AAAA,MACtB,IAAI,EAAE,SAAS,QAAQ,UAAU,QAAQ,KAAK,KAAK;AAAA,MAElD,kBAAQ,IAAI,CAAC,WAAW;AACvB,cAAM,SAAS,eAAe,QAAQ,KAAK;AAC3C,eACE;AAAA,UAAC;AAAA;AAAA,YAEC;AAAA,YACA;AAAA,YACA,UAAU,MAAM,SAAS,SAAS,CAAC,IAAI,cAAc,MAAM,CAAC;AAAA,YAC5D,QAAQ,GAAG,MAAM,WAAW,OAAO,EAAE;AAAA;AAAA,UAJhC,OAAO;AAAA,QAKd;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEJ;","names":[]}