@12-apps/ui 6.11.0 → 6.11.1

package/dist/chunk-62FKAPLI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/ConfirmAction/ConfirmAction.parts.tsx"],"sourcesContent":["import type { ConfirmActionCopy } from \"../../../copy\";\nimport { Alert, Stack, TextField, Typography } from '@mui/material';\nimport React, { type ReactNode } from 'react';\n\nimport { AlertDialog } from '../../data-display/AlertDialog';\n\nimport type {\n  ConfirmInitialFocus,\n  ConfirmOptions,\n  ConfirmTone,\n  UseConfirmActionResult,\n} from './ConfirmAction.types';\n\nconst DEFAULT_TEST_ID = 'confirm-action';\n\n/**\n * The popup's body: the row being acted on, then what happens to it.\n *\n * The NAME is rendered in its own right rather than woven into the sentence, so\n * it is there whatever the caller wrote — \"the popup names the specific entity\"\n * is the one thing that must not depend on each call site remembering to\n * mention it. A body with neither a name nor a description would leave the\n * operator with only the title to decide on, so a neutral fallback covers that.\n */\nfunction confirmBody(\n  description: ReactNode,\n  copy: ConfirmActionCopy,\n  entityName?: string,\n): ReactNode {\n  if (!entityName) return description ?? copy.irreversible;\n  return (\n    <>\n      <Typography component=\"span\" sx={{ fontWeight: 600, display: \"block\" }}>\n        {entityName}\n      </Typography>\n      {description}\n    </>\n  );\n}\n\n/** Destructive dialogs open on Cancel; anything else opens on the confirm. */\nfunction resolveInitialFocus(\n  tone: ConfirmTone,\n  initialFocus?: ConfirmInitialFocus,\n): ConfirmInitialFocus {\n  if (initialFocus) return initialFocus;\n  return tone === 'destructive' ? 'cancel' : 'confirm';\n}\n\n/**\n * The type-to-confirm field. Rendered only when `typeToConfirm` is set, which\n * should be rare: it is the guard for actions with NO recovery path, where a\n * click is too cheap a gesture. Comparison is exact — trimmed of surrounding\n * whitespace only, so a trailing space from a paste does not read as a mismatch.\n */\nfunction TypeToConfirmField({\n  expected,\n  label,\n  value,\n  onChange,\n  disabled,\n  dataTestId,\n  copy,\n}: {\n  expected: string;\n  label?: string;\n  /** The words this prompt renders. REQUIRED — no default copy. */\n  copy: ConfirmActionCopy;\n  value: string;\n  onChange: (next: string) => void;\n  disabled: boolean;\n  dataTestId: string;\n}): React.ReactElement {\n  return (\n    <Stack spacing={1} sx={{ mt: 2 }}>\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        {label ?? copy.typeToConfirm(expected)}\n      </Typography>\n      <TextField\n        size=\"small\"\n        value={value}\n        disabled={disabled}\n        onChange={(event) => onChange(event.target.value)}\n        // On the INPUT rather than the wrapper: a test id on MUI's TextField\n        // lands on the outer div, which is not the node a test can type into.\n        inputProps={{\n          'aria-label': label ?? copy.typeToConfirm(expected),\n          'data-testid': `${dataTestId}-type-to-confirm`,\n        }}\n      />\n    </Stack>\n  );\n}\n\nexport interface ConfirmActionDialogProps extends ConfirmOptions {\n  /** The fallback body when no entity is named. REQUIRED — no default copy. */\n  copy: ConfirmActionCopy;\n  state: UseConfirmActionResult;\n}\n\n/**\n * The popup itself: an `AlertDialog` in its destructive skin, plus the two\n * things a bare AlertDialog has no opinion about — the failure the last attempt\n * produced (shown IN the dialog, which stays open, rather than closing over a\n * write that never landed) and the optional type-to-confirm gate.\n */\nexport function ConfirmActionDialog({\n  state,\n  title,\n  description,\n  entityName,\n  confirmText,\n  cancelText,\n  typeToConfirm,\n  typeToConfirmLabel,\n  tone = 'destructive',\n  initialFocus,\n  dataTestId = DEFAULT_TEST_ID,\n  copy,\n}: ConfirmActionDialogProps): React.ReactElement {\n  const [typed, setTyped] = React.useState('');\n\n  // Every fresh open starts from an empty field: carrying the previous answer\n  // over would hand the next delete a pre-satisfied gate.\n  React.useEffect(() => {\n    if (state.open) setTyped('');\n  }, [state.open]);\n\n  const gateUnmet = typeToConfirm !== undefined && typed.trim() !== typeToConfirm;\n\n  return (\n    <AlertDialog\n      open={state.open}\n      variant={tone === 'destructive' ? 'destructive' : 'default'}\n      title={title}\n      description={confirmBody(description, copy, entityName)}\n      confirmText={confirmText}\n      // `copy.cancel` is the fallback, NOT `AlertDialog`'s own. The 6.3.0 copy\n      // sweep deleted this component's `cancelText = 'Cancelar'` default and\n      // put the word in `ConfirmActionCopy` — where nothing then read it, so\n      // every confirmation that names no `cancelText` of its own fell through\n      // to `AlertDialog`'s English `'Cancel'`, in a pt-BR dialog. That is the\n      // precise failure the sweep exists to prevent, one layer down: a port\n      // that is required, supplied, and ignored.\n      cancelText={cancelText ?? copy.cancel}\n      loading={state.pending}\n      confirmDisabled={gateUnmet}\n      initialFocus={resolveInitialFocus(tone, initialFocus)}\n      onConfirm={state.confirm}\n      onCancel={state.cancel}\n      onClose={state.cancel}\n      data-testid={dataTestId}\n    >\n      {state.error && (\n        <Alert severity=\"error\" sx={{ mt: 1 }} data-testid={`${dataTestId}-error`}>\n          {state.error}\n        </Alert>\n      )}\n      {typeToConfirm !== undefined && (\n        <TypeToConfirmField\n          expected={typeToConfirm}\n          label={typeToConfirmLabel}\n          value={typed}\n          onChange={setTyped}\n          disabled={state.pending}\n          dataTestId={dataTestId}\n          copy={copy}\n        />\n      )}\n    </AlertDialog>\n  );\n}\n"],"mappings":";;;;;AACA,SAAS,OAAO,OAAO,WAAW,kBAAkB;AACpD,OAAO,WAA+B;AA6BlC,mBACE,KADF;AAlBJ,IAAM,kBAAkB;AAWxB,SAAS,YACP,aACA,MACA,YACW;AACX,MAAI,CAAC,WAAY,QAAO,eAAe,KAAK;AAC5C,SACE,iCACE;AAAA,wBAAC,cAAW,WAAU,QAAO,IAAI,EAAE,YAAY,KAAK,SAAS,QAAQ,GAClE,sBACH;AAAA,IACC;AAAA,KACH;AAEJ;AAGA,SAAS,oBACP,MACA,cACqB;AACrB,MAAI,aAAc,QAAO;AACzB,SAAO,SAAS,gBAAgB,WAAW;AAC7C;AAQA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASuB;AACrB,SACE,qBAAC,SAAM,SAAS,GAAG,IAAI,EAAE,IAAI,EAAE,GAC7B;AAAA,wBAAC,cAAW,SAAQ,SAAQ,OAAM,kBAC/B,mBAAS,KAAK,cAAc,QAAQ,GACvC;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL;AAAA,QACA;AAAA,QACA,UAAU,CAAC,UAAU,SAAS,MAAM,OAAO,KAAK;AAAA,QAGhD,YAAY;AAAA,UACV,cAAc,SAAS,KAAK,cAAc,QAAQ;AAAA,UAClD,eAAe,GAAG,UAAU;AAAA,QAC9B;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAcO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,aAAa;AAAA,EACb;AACF,GAAiD;AAC/C,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,EAAE;AAI3C,QAAM,UAAU,MAAM;AACpB,QAAI,MAAM,KAAM,UAAS,EAAE;AAAA,EAC7B,GAAG,CAAC,MAAM,IAAI,CAAC;AAEf,QAAM,YAAY,kBAAkB,UAAa,MAAM,KAAK,MAAM;AAElE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,MAAM;AAAA,MACZ,SAAS,SAAS,gBAAgB,gBAAgB;AAAA,MAClD;AAAA,MACA,aAAa,YAAY,aAAa,MAAM,UAAU;AAAA,MACtD;AAAA,MAQA,YAAY,cAAc,KAAK;AAAA,MAC/B,SAAS,MAAM;AAAA,MACf,iBAAiB;AAAA,MACjB,cAAc,oBAAoB,MAAM,YAAY;AAAA,MACpD,WAAW,MAAM;AAAA,MACjB,UAAU,MAAM;AAAA,MAChB,SAAS,MAAM;AAAA,MACf,eAAa;AAAA,MAEZ;AAAA,cAAM,SACL,oBAAC,SAAM,UAAS,SAAQ,IAAI,EAAE,IAAI,EAAE,GAAG,eAAa,GAAG,UAAU,UAC9D,gBAAM,OACT;AAAA,QAED,kBAAkB,UACjB;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACV,OAAO;AAAA,YACP,OAAO;AAAA,YACP,UAAU;AAAA,YACV,UAAU,MAAM;AAAA,YAChB;AAAA,YACA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/chunk-62OGPVCL.js

@@ -0,0 +1,18 @@
+// src/pt-BR.navigation.ts
+var PT_BR_COMMAND_PALETTE_COPY = {
+  execute: "Executar",
+  navigate: "\u2191\u2193 Navegar",
+  close: "ESC Fechar",
+  recent: "Recentes",
+  tryAnotherTerm: "Tente outro termo"
+};
+var PT_BR_BREADCRUMB_COPY = {
+  showMore: "Mostrar mais",
+  moreItems: "Mais itens"
+};
+
+export {
+  PT_BR_COMMAND_PALETTE_COPY,
+  PT_BR_BREADCRUMB_COPY
+};
+//# sourceMappingURL=chunk-62OGPVCL.js.map

package/dist/chunk-62OGPVCL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pt-BR.navigation.ts"],"sourcesContent":["/**\n * The pt-BR pack for the navigation family. Split out of `pt-BR.ts`, which is a\n * barrel over this folder — see that file for why.\n */\nimport type {\n  BreadcrumbCopy,\n  CommandPaletteCopy,\n} from './copy';\n\nexport const PT_BR_COMMAND_PALETTE_COPY: CommandPaletteCopy = {\n  execute: \"Executar\",\n  navigate: \"↑↓ Navegar\",\n  close: \"ESC Fechar\",\n  recent: \"Recentes\",\n  tryAnotherTerm: \"Tente outro termo\",\n};\n\nexport const PT_BR_BREADCRUMB_COPY: BreadcrumbCopy = {\n  showMore: \"Mostrar mais\",\n  moreItems: \"Mais itens\",\n};\n"],"mappings":";AASO,IAAM,6BAAiD;AAAA,EAC5D,SAAS;AAAA,EACT,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,gBAAgB;AAClB;AAEO,IAAM,wBAAwC;AAAA,EACnD,UAAU;AAAA,EACV,WAAW;AACb;","names":[]}

package/dist/chunk-63ZWSFEW.js

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

package/dist/chunk-63ZWSFEW.js.map

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

package/dist/chunk-6A2SQM5W.js

@@ -0,0 +1,193 @@
+import {
+  useDashboardContext
+} from "./chunk-CUMSPE6B.js";
+import {
+  HeaderButton
+} from "./chunk-7ZQGXK63.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,
+  Box,
+  Dialog,
+  DialogContent,
+  DialogTitle,
+  IconButton,
+  Menu,
+  MenuItem,
+  Popover,
+  Tooltip,
+  Typography
+} from "@mui/material";
+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";
+
+export {
+  DashboardSpacer,
+  DashboardInfo,
+  DashboardFilterToggle,
+  DashboardSettings,
+  DashboardExport,
+  DashboardAction
+};
+//# sourceMappingURL=chunk-6A2SQM5W.js.map

package/dist/chunk-6A2SQM5W.js.map

@@ -0,0 +1 @@
+{"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 {\n  Badge,\n  Box,\n  Dialog,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n  Menu,\n  MenuItem,\n  Popover,\n  Tooltip,\n  Typography,\n} from '@mui/material';\nimport React, { useState } from 'react';\n\nimport { HeaderButton } from '../../form/HeaderButton';\nimport { useDashboardContext } from './DashboardContext';\nimport type {\n  DashboardActionProps,\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"],"mappings":"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","names":[]}

package/dist/chunk-6AVN3CIZ.js

@@ -0,0 +1,190 @@
+import {
+  slideIn
+} from "./chunk-YLHCICYS.js";
+
+// src/components/navigation/NavigationMenu/NavigationMenu.shell.tsx
+import { Box, List, ListItemButton } from "@mui/material";
+import { alpha, keyframes, styled } from "@mui/material";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var megaMenuSlide = keyframes`
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+`;
+var NavigationContainer = styled(Box, {
+  shouldForwardProp: (prop) => !["variant", "collapsed", "minimal"].includes(prop)
+})(({ theme, variant, collapsed, minimal }) => ({
+  display: "flex",
+  position: "relative",
+  animation: `${slideIn} 0.4s ease-out`,
+  ...variant === "horizontal" && {
+    flexDirection: "row",
+    alignItems: "center",
+    width: "100%",
+    ...!minimal && {
+      background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.95)} 0%, ${alpha(theme.palette.background.paper, 0.98)} 100%)`,
+      backdropFilter: "blur(10px)",
+      borderRadius: theme.spacing(2),
+      boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.08)}`
+    }
+  },
+  ...variant === "vertical" && {
+    flexDirection: "column",
+    width: collapsed ? 80 : 280,
+    transition: "all 0.4s cubic-bezier(0.4, 0, 0.2, 1)",
+    height: "100%",
+    ...!minimal && {
+      background: `linear-gradient(180deg, ${alpha(theme.palette.background.paper, 0.98)} 0%, ${alpha(theme.palette.background.paper, 0.95)} 100%)`,
+      backdropFilter: "blur(12px)",
+      borderRadius: theme.spacing(2),
+      boxShadow: `0 12px 40px ${alpha(theme.palette.common.black, 0.1)}`,
+      "&::before": {
+        content: '""',
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        height: "200px",
+        background: `radial-gradient(ellipse at top, ${alpha(theme.palette.primary.main, 0.05)} 0%, transparent 70%)`,
+        pointerEvents: "none"
+      }
+    }
+  },
+  ...variant === "mega" && {
+    flexDirection: "column",
+    width: "100%",
+    ...!minimal && {
+      background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.98)} 0%, ${alpha(theme.palette.background.default, 0.95)} 100%)`,
+      backdropFilter: "blur(15px)",
+      borderRadius: theme.spacing(3),
+      overflow: "hidden",
+      boxShadow: `0 20px 60px ${alpha(theme.palette.common.black, 0.12)}`
+    }
+  }
+}));
+var StyledList = styled(List, {
+  shouldForwardProp: (prop) => !["variant", "size"].includes(prop)
+})(({ theme, variant }) => ({
+  padding: 0,
+  width: "100%",
+  ...variant === "horizontal" && {
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  ...variant === "mega" && {
+    display: "grid",
+    gridTemplateColumns: "repeat(auto-fit, minmax(250px, 1fr))",
+    gap: theme.spacing(2),
+    padding: theme.spacing(2)
+  }
+}));
+var LogoContainer = styled(Box)(({ theme }) => ({
+  padding: theme.spacing(2.5),
+  marginBottom: theme.spacing(2),
+  position: "relative",
+  background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.08)} 0%, ${alpha(theme.palette.primary.dark, 0.04)} 100%)`,
+  borderBottom: `2px solid ${alpha(theme.palette.primary.main, 0.2)}`,
+  overflow: "hidden",
+  "&::before": {
+    content: '""',
+    position: "absolute",
+    top: "-50%",
+    right: "-50%",
+    width: "200%",
+    height: "200%",
+    background: `radial-gradient(circle, ${alpha(theme.palette.primary.light, 0.1)} 0%, transparent 70%)`,
+    animation: `${slideIn} 1s ease-out`
+  },
+  "& > *": {
+    position: "relative",
+    zIndex: 1
+  }
+}));
+var CollapseButton = styled(ListItemButton)(({ theme }) => ({
+  borderRadius: theme.spacing(1.5),
+  margin: theme.spacing(1),
+  background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.08)} 0%, ${alpha(theme.palette.primary.dark, 0.04)} 100%)`,
+  border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,
+  transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
+  "&:hover": {
+    backgroundColor: alpha(theme.palette.primary.main, 0.12),
+    transform: "scale(1.05)",
+    boxShadow: `0 6px 20px ${alpha(theme.palette.primary.main, 0.2)}`,
+    "& .MuiListItemIcon-root": {
+      transform: "rotate(180deg)",
+      transition: "transform 0.3s ease"
+    }
+  },
+  "&:active": {
+    transform: "scale(0.98)"
+  }
+}));
+var MegaMenuSection = styled(Box)(({ theme }) => ({
+  padding: theme.spacing(3),
+  borderRadius: theme.spacing(2),
+  background: `linear-gradient(145deg, ${theme.palette.background.paper} 0%, ${alpha(theme.palette.background.default, 0.9)} 100%)`,
+  boxShadow: `0 10px 30px ${alpha(theme.palette.common.black, 0.08)}`,
+  border: `1px solid ${alpha(theme.palette.divider, 0.08)}`,
+  position: "relative",
+  overflow: "hidden",
+  animation: `${megaMenuSlide} 0.5s ease-out`,
+  animationFillMode: "both",
+  "&::before": {
+    content: '""',
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    height: "3px",
+    background: `linear-gradient(90deg, ${theme.palette.primary.main} 0%, ${theme.palette.primary.light} 50%, ${theme.palette.primary.main} 100%)`,
+    backgroundSize: "200% 100%",
+    animation: "shimmer 3s ease-in-out infinite"
+  },
+  "@keyframes shimmer": {
+    "0%": {
+      backgroundPosition: "200% 0"
+    },
+    "100%": {
+      backgroundPosition: "-200% 0"
+    }
+  },
+  "&:hover": {
+    transform: "translateY(-4px)",
+    boxShadow: `0 15px 40px ${alpha(theme.palette.common.black, 0.12)}`,
+    transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)"
+  },
+  "&:nth-of-type(1)": { animationDelay: "0.1s" },
+  "&:nth-of-type(2)": { animationDelay: "0.2s" },
+  "&:nth-of-type(3)": { animationDelay: "0.3s" },
+  "&:nth-of-type(4)": { animationDelay: "0.4s" }
+}));
+var NavigationShell = React.forwardRef(
+  ({ children, ...props }, ref) => /* @__PURE__ */ jsx(NavigationContainer, { ref, ...props, children })
+);
+NavigationShell.displayName = "NavigationShell";
+var LogoBar = ({ children }) => /* @__PURE__ */ jsx(LogoContainer, { children });
+var MenuList = ({
+  children,
+  ...props
+}) => /* @__PURE__ */ jsx(StyledList, { ...props, children });
+var CollapseToggle = ({
+  children,
+  onClick
+}) => /* @__PURE__ */ jsx(CollapseButton, { onClick, children });
+var MegaSection = ({ children }) => /* @__PURE__ */ jsx(MegaMenuSection, { children });
+
+export {
+  NavigationShell,
+  LogoBar,
+  MenuList,
+  CollapseToggle,
+  MegaSection
+};
+//# sourceMappingURL=chunk-6AVN3CIZ.js.map

package/dist/chunk-6AVN3CIZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/NavigationMenu/NavigationMenu.shell.tsx"],"sourcesContent":["import { Box, List, ListItemButton } from '@mui/material';\nimport { alpha, keyframes, styled } from '@mui/material';\nimport type { CSSProperties, PropsWithChildren, ReactNode } from 'react';\nimport React from 'react';\n\nimport { slideIn } from './NavigationMenu.styles';\n\nconst megaMenuSlide = keyframes`\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`;\n\n// These styled() components stay module-local: their inferred types cannot be\n// named across a module boundary here (TS2742). The plain components exported\n// below are what the layouts import.\nconst NavigationContainer = styled(Box, {\n  shouldForwardProp: (prop) => !['variant', 'collapsed', 'minimal'].includes(prop as string),\n})<{ variant?: string; collapsed?: boolean; minimal?: boolean }>(({ theme, variant, collapsed, minimal }) => ({\n  display: 'flex',\n  position: 'relative',\n  animation: `${slideIn} 0.4s ease-out`,\n  ...(variant === 'horizontal' && {\n    flexDirection: 'row',\n    alignItems: 'center',\n    width: '100%',\n    ...(!minimal && {\n      background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.95)} 0%, ${alpha(theme.palette.background.paper, 0.98)} 100%)`,\n      backdropFilter: 'blur(10px)',\n      borderRadius: theme.spacing(2),\n      boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.08)}`,\n    }),\n  }),\n  ...(variant === 'vertical' && {\n    flexDirection: 'column',\n    width: collapsed ? 80 : 280,\n    transition: 'all 0.4s cubic-bezier(0.4, 0, 0.2, 1)',\n    height: '100%',\n    ...(!minimal && {\n      background: `linear-gradient(180deg, ${alpha(theme.palette.background.paper, 0.98)} 0%, ${alpha(theme.palette.background.paper, 0.95)} 100%)`,\n      backdropFilter: 'blur(12px)',\n      borderRadius: theme.spacing(2),\n      boxShadow: `0 12px 40px ${alpha(theme.palette.common.black, 0.1)}`,\n      '&::before': {\n        content: '\"\"',\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        height: '200px',\n        background: `radial-gradient(ellipse at top, ${alpha(theme.palette.primary.main, 0.05)} 0%, transparent 70%)`,\n        pointerEvents: 'none',\n      },\n    }),\n  }),\n  ...(variant === 'mega' && {\n    flexDirection: 'column',\n    width: '100%',\n    ...(!minimal && {\n      background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.98)} 0%, ${alpha(theme.palette.background.default, 0.95)} 100%)`,\n      backdropFilter: 'blur(15px)',\n      borderRadius: theme.spacing(3),\n      overflow: 'hidden',\n      boxShadow: `0 20px 60px ${alpha(theme.palette.common.black, 0.12)}`,\n    }),\n  }),\n}));\n\nconst StyledList = styled(List, {\n  shouldForwardProp: (prop) => !['variant', 'size'].includes(prop as string),\n})<{ variant?: string; size?: string }>(({ theme, variant }) => ({\n  padding: 0,\n  width: '100%',\n  ...(variant === 'horizontal' && {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n  }),\n  ...(variant === 'mega' && {\n    display: 'grid',\n    gridTemplateColumns: 'repeat(auto-fit, minmax(250px, 1fr))',\n    gap: theme.spacing(2),\n    padding: theme.spacing(2),\n  }),\n}));\n\nconst LogoContainer = styled(Box)(({ theme }) => ({\n  padding: theme.spacing(2.5),\n  marginBottom: theme.spacing(2),\n  position: 'relative',\n  background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.08)} 0%, ${alpha(theme.palette.primary.dark, 0.04)} 100%)`,\n  borderBottom: `2px solid ${alpha(theme.palette.primary.main, 0.2)}`,\n  overflow: 'hidden',\n\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    top: '-50%',\n    right: '-50%',\n    width: '200%',\n    height: '200%',\n    background: `radial-gradient(circle, ${alpha(theme.palette.primary.light, 0.1)} 0%, transparent 70%)`,\n    animation: `${slideIn} 1s ease-out`,\n  },\n\n  '& > *': {\n    position: 'relative',\n    zIndex: 1,\n  },\n}));\n\nconst CollapseButton = styled(ListItemButton)(({ theme }) => ({\n  borderRadius: theme.spacing(1.5),\n  margin: theme.spacing(1),\n  background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.08)} 0%, ${alpha(theme.palette.primary.dark, 0.04)} 100%)`,\n  border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,\n  transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n\n  '&:hover': {\n    backgroundColor: alpha(theme.palette.primary.main, 0.12),\n    transform: 'scale(1.05)',\n    boxShadow: `0 6px 20px ${alpha(theme.palette.primary.main, 0.2)}`,\n\n    '& .MuiListItemIcon-root': {\n      transform: 'rotate(180deg)',\n      transition: 'transform 0.3s ease',\n    },\n  },\n\n  '&:active': {\n    transform: 'scale(0.98)',\n  },\n}));\n\nconst MegaMenuSection = styled(Box)(({ theme }) => ({\n  padding: theme.spacing(3),\n  borderRadius: theme.spacing(2),\n  background: `linear-gradient(145deg, ${theme.palette.background.paper} 0%, ${alpha(theme.palette.background.default, 0.9)} 100%)`,\n  boxShadow: `0 10px 30px ${alpha(theme.palette.common.black, 0.08)}`,\n  border: `1px solid ${alpha(theme.palette.divider, 0.08)}`,\n  position: 'relative',\n  overflow: 'hidden',\n  animation: `${megaMenuSlide} 0.5s ease-out`,\n  animationFillMode: 'both',\n\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    height: '3px',\n    background: `linear-gradient(90deg, ${theme.palette.primary.main} 0%, ${theme.palette.primary.light} 50%, ${theme.palette.primary.main} 100%)`,\n    backgroundSize: '200% 100%',\n    animation: 'shimmer 3s ease-in-out infinite',\n  },\n\n  '@keyframes shimmer': {\n    '0%': {\n      backgroundPosition: '200% 0',\n    },\n    '100%': {\n      backgroundPosition: '-200% 0',\n    },\n  },\n\n  '&:hover': {\n    transform: 'translateY(-4px)',\n    boxShadow: `0 15px 40px ${alpha(theme.palette.common.black, 0.12)}`,\n    transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n  },\n\n  '&:nth-of-type(1)': { animationDelay: '0.1s' },\n  '&:nth-of-type(2)': { animationDelay: '0.2s' },\n  '&:nth-of-type(3)': { animationDelay: '0.3s' },\n  '&:nth-of-type(4)': { animationDelay: '0.4s' },\n}));\n\nexport interface NavigationShellProps extends PropsWithChildren {\n  variant?: string;\n  collapsed?: boolean;\n  minimal?: boolean;\n  className?: string;\n  style?: CSSProperties;\n}\n\nexport const NavigationShell = React.forwardRef<HTMLDivElement, NavigationShellProps>(\n  ({ children, ...props }, ref) => (\n    <NavigationContainer ref={ref} {...props}>\n      {children}\n    </NavigationContainer>\n  ),\n);\n\nNavigationShell.displayName = 'NavigationShell';\n\nexport const LogoBar: React.FC<PropsWithChildren> = ({ children }) => (\n  <LogoContainer>{children}</LogoContainer>\n);\n\nexport const MenuList: React.FC<PropsWithChildren<{ variant?: string; size?: string }>> = ({\n  children,\n  ...props\n}) => <StyledList {...props}>{children}</StyledList>;\n\nexport const CollapseToggle: React.FC<PropsWithChildren<{ onClick: () => void }>> = ({\n  children,\n  onClick,\n}) => <CollapseButton onClick={onClick}>{children}</CollapseButton>;\n\nexport const MegaSection: React.FC<{ children: ReactNode }> = ({ children }) => (\n  <MegaMenuSection>{children}</MegaMenuSection>\n);\n"],"mappings":"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","names":[]}