@12-apps/ui 6.11.1 → 6.12.0

package/dist/chunk-POUWN4PX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Sheet/Sheet.parts.tsx"],"sourcesContent":["import CloseIcon from '@mui/icons-material/Close';\nimport Backdrop from '@mui/material/Backdrop/index.js';\nimport Box from '@mui/material/Box/index.js';\nimport Divider from '@mui/material/Divider/index.js';\nimport Fade from '@mui/material/Fade/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, useTheme } from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport { shimmerAnimation } from './Sheet.animations';\nimport type {\n  SheetContentProps,\n  SheetFooterProps,\n  SheetHeaderProps,\n  SheetOverlayProps,\n} from './Sheet.types';\n\n/**\n * The grab handle's own styling. A draggable handle is deliberately larger and\n * tinted, so the affordance reads as draggable before the user tries it; a\n * decorative one stays a neutral bar.\n */\nconst handleSx = (theme: Theme, isDraggable: boolean) => ({\n  width: isDraggable ? 48 : 32,\n  height: isDraggable ? 6 : 4,\n  backgroundColor: alpha(theme.palette.text.primary, 0.3),\n  borderRadius: 3,\n  transition: theme.transitions.create(['all'], {\n    duration: theme.transitions.duration.short,\n    easing: theme.transitions.easing.easeInOut,\n  }),\n  position: 'relative',\n  overflow: 'hidden',\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    left: '-100%',\n    width: '100%',\n    height: '100%',\n    background: `linear-gradient(\n      90deg,\n      transparent,\n      ${alpha(theme.palette.common.white, 0.3)},\n      transparent\n    )`,\n    animation: isDraggable ? `${shimmerAnimation} 2s infinite` : 'none',\n  },\n  ...(isDraggable && {\n    backgroundColor: alpha(theme.palette.primary.main, 0.4),\n    boxShadow: `0 2px 4px ${alpha(theme.palette.primary.main, 0.2)}`,\n    '&:hover': {\n      backgroundColor: theme.palette.primary.main,\n      transform: 'scaleX(1.15) scaleY(1.2)',\n      boxShadow: `0 3px 6px ${alpha(theme.palette.primary.main, 0.3)}`,\n    },\n  }),\n});\n\nconst SheetHandle: React.FC<{ isDraggable: boolean }> = ({ isDraggable }) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        justifyContent: 'center',\n        mb: 1,\n        // The handle is decoration on a draggable header: the drag listeners sit\n        // on the header itself, so letting the bar swallow the press would open\n        // a dead zone in the middle of the grab target.\n        pointerEvents: isDraggable ? 'none' : 'auto',\n      }}\n    >\n      <Box sx={handleSx(theme, isDraggable)} />\n    </Box>\n  );\n};\n\nconst HEADER_DEFAULTS: Partial<SheetHeaderProps> = {\n  isDraggable: false,\n  dataTestId: 'sheet-header',\n};\n\nexport const SheetHeader: React.FC<SheetHeaderProps> = (props) => {\n  const {\n    title,\n    description,\n    showCloseButton,\n    onClose,\n    showHandle,\n    isDraggable,\n    onDragStart,\n    className,\n    style,\n    children,\n    dataTestId,\n  } = withDefaults(props, HEADER_DEFAULTS);\n\n  return (\n    <Box\n      className={className}\n      data-testid={dataTestId}\n      sx={{\n        p: 2,\n        pb: showHandle ? 1 : 2,\n        cursor: isDraggable ? 'grab' : 'auto',\n        '&:active': isDraggable ? { cursor: 'grabbing' } : {},\n        ...style,\n      }}\n      onMouseDown={isDraggable ? onDragStart : undefined}\n      onTouchStart={isDraggable ? onDragStart : undefined}\n    >\n      {showHandle && <SheetHandle isDraggable={Boolean(isDraggable)} />}\n\n      <Box sx={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between' }}>\n        <Box sx={{ flex: 1 }}>\n          {title && (\n            <Typography variant=\"h6\" sx={{ fontWeight: 600 }} data-testid={`${dataTestId}-title`}>\n              {title}\n            </Typography>\n          )}\n          {description && (\n            <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mt: 0.5 }}>\n              {description}\n            </Typography>\n          )}\n          {children}\n        </Box>\n\n        {showCloseButton && (\n          <IconButton\n            onClick={onClose}\n            size=\"small\"\n            sx={{ ml: 1, mt: -0.5 }}\n            data-testid={`${dataTestId}-close-button`}\n          >\n            <CloseIcon data-testid={`${dataTestId}-close-icon`} />\n          </IconButton>\n        )}\n      </Box>\n    </Box>\n  );\n};\n\nconst CONTENT_DEFAULTS: Partial<SheetContentProps> = {\n  padded: true,\n  dataTestId: 'sheet-content',\n};\n\nexport const SheetContent: React.FC<SheetContentProps> = (props) => {\n  const { children, className, style, padded, dataTestId } = withDefaults(props, CONTENT_DEFAULTS);\n\n  return (\n    <Box\n      className={className}\n      data-testid={dataTestId}\n      sx={{ flex: 1, overflow: 'auto', p: padded ? 2 : 0, ...style }}\n    >\n      {children}\n    </Box>\n  );\n};\n\nconst FOOTER_DEFAULTS: Partial<SheetFooterProps> = {\n  sticky: false,\n  divider: false,\n  dataTestId: 'sheet-footer',\n};\n\nexport const SheetFooter: React.FC<SheetFooterProps> = (props) => {\n  const { children, className, style, sticky, divider, dataTestId } = withDefaults(\n    props,\n    FOOTER_DEFAULTS,\n  );\n\n  return (\n    <>\n      {divider && <Divider />}\n      <Box\n        className={className}\n        data-testid={dataTestId}\n        sx={{\n          p: 2,\n          position: sticky ? 'sticky' : 'relative',\n          bottom: sticky ? 0 : 'auto',\n          backgroundColor: 'background.paper',\n          borderTop: sticky ? '1px solid' : 'none',\n          borderColor: 'divider',\n          ...style,\n        }}\n      >\n        {children}\n      </Box>\n    </>\n  );\n};\n\nconst OVERLAY_DEFAULTS: Partial<SheetOverlayProps> = {\n  open: false,\n  blur: false,\n};\n\nexport const SheetOverlay: React.FC<SheetOverlayProps> = (props) => {\n  const { open, onClick, className, style, blur } = withDefaults(props, OVERLAY_DEFAULTS);\n  const theme = useTheme();\n\n  return (\n    <Fade in={open} timeout={300}>\n      <Backdrop\n        open={Boolean(open)}\n        onClick={onClick}\n        className={className}\n        sx={{\n          // One below the drawer: this backdrop replaces MUI's own (the drawer\n          // is given a no-op BackdropComponent) and must sit under the panel.\n          zIndex: theme.zIndex.drawer - 1,\n          backgroundColor: alpha(theme.palette.common.black, blur ? 0.6 : 0.5),\n          backdropFilter: blur ? 'blur(8px) saturate(180%)' : 'none',\n          WebkitBackdropFilter: blur ? 'blur(8px) saturate(180%)' : 'none',\n          ...style,\n        }}\n      />\n    </Fade>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-PUBPZOQJ.js

@@ -0,0 +1,104 @@
+import {
+  CalendarDayCell
+} from "./chunk-GJQYM3PM.js";
+import {
+  getMonthName
+} from "./chunk-TERT6TIS.js";
+
+// src/components/form/Calendar/CalendarMonth.tsx
+import ChevronLeft from "@mui/icons-material/ChevronLeft";
+import ChevronRight from "@mui/icons-material/ChevronRight";
+import Box from "@mui/material/Box/index.js";
+import IconButton from "@mui/material/IconButton/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SPACER_WIDTH = 32;
+var GRID_SX = { display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: 0.5 };
+var MonthNavHeader = ({ title, showPrevious, showNext, onPreviousMonth, onNextMonth }) => /* @__PURE__ */ jsxs(
+  Box,
+  {
+    sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 2 },
+    "data-testid": "calendar-header",
+    children: [
+      showPrevious && /* @__PURE__ */ jsx(IconButton, { onClick: onPreviousMonth, size: "small", "data-testid": "calendar-prev-month", children: /* @__PURE__ */ jsx(ChevronLeft, {}) }),
+      /* @__PURE__ */ jsx(
+        Typography,
+        {
+          variant: "h6",
+          component: "h2",
+          sx: { fontWeight: "bold", flex: 1, textAlign: "center" },
+          children: title
+        }
+      ),
+      showNext && /* @__PURE__ */ jsx(IconButton, { onClick: onNextMonth, size: "small", "data-testid": "calendar-next-month", children: /* @__PURE__ */ jsx(ChevronRight, {}) }),
+      !showPrevious && !showNext && /* @__PURE__ */ jsx(Box, { sx: { width: SPACER_WIDTH } })
+    ]
+  }
+);
+var WeekdayHeader = ({ weekdayNames }) => /* @__PURE__ */ jsx(Box, { sx: { ...GRID_SX, mb: 1 }, children: weekdayNames.map((weekday, index) => /* @__PURE__ */ jsx(
+  Box,
+  {
+    role: "columnheader",
+    "data-testid": `calendar-weekday-${index}`,
+    sx: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      height: SPACER_WIDTH,
+      fontSize: "0.875rem",
+      fontWeight: "bold",
+      color: "text.secondary"
+    },
+    children: weekday
+  },
+  `weekday-${index}`
+)) });
+var CalendarMonth = ({
+  matrix,
+  monthIndex,
+  monthsToShow,
+  locale,
+  weekdayNames,
+  renderHeader,
+  onPreviousMonth,
+  onNextMonth,
+  dayContext
+}) => {
+  const monthName = getMonthName(matrix.month, matrix.year, locale);
+  const title = renderHeader ? renderHeader({ month: matrix.month, year: matrix.year }) : monthName;
+  return (
+    /* The month is addressable by its position, because in a multi-month
+       calendar every day number appears once PER MONTH — `calendar-date-5` is
+       January's 5th and February's. Without a per-month hook a test can only
+       reach a day positionally, which is exactly what the flakiness gate
+       refuses. Additive: `calendar-grid` below is unchanged. */
+    /* @__PURE__ */ jsxs(Box, { sx: { minWidth: 280 }, "data-testid": `calendar-month-${monthIndex}`, children: [
+      /* @__PURE__ */ jsx(
+        MonthNavHeader,
+        {
+          title,
+          showPrevious: monthIndex === 0,
+          showNext: monthIndex === monthsToShow - 1,
+          onPreviousMonth,
+          onNextMonth
+        }
+      ),
+      /* @__PURE__ */ jsx(WeekdayHeader, { weekdayNames }),
+      /* @__PURE__ */ jsx(
+        Box,
+        {
+          role: "grid",
+          "aria-labelledby": `month-${monthIndex}`,
+          "data-testid": "calendar-grid",
+          sx: GRID_SX,
+          children: matrix.weeks.flat().map((day) => /* @__PURE__ */ jsx(CalendarDayCell, { day, ...dayContext }, day.key))
+        }
+      )
+    ] })
+  );
+};
+
+export {
+  CalendarMonth
+};
+//# sourceMappingURL=chunk-PUBPZOQJ.js.map

package/dist/chunk-PUBPZOQJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Calendar/CalendarMonth.tsx"],"sourcesContent":["import ChevronLeft from '@mui/icons-material/ChevronLeft';\nimport ChevronRight from '@mui/icons-material/ChevronRight';\nimport Box from '@mui/material/Box/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { getMonthName } from './Calendar.dates';\nimport type { CalendarProps, MonthMatrix } from './Calendar.types';\nimport type { DayCellContext } from './CalendarDayCell';\nimport { CalendarDayCell } from './CalendarDayCell';\n\nconst SPACER_WIDTH = 32;\n\nconst GRID_SX = { display: 'grid', gridTemplateColumns: 'repeat(7, 1fr)', gap: 0.5 } as const;\n\n// Only the outermost months carry arrows; the ones between get a spacer so their\n// titles stay centred.\nconst MonthNavHeader: FC<{\n  title: React.ReactNode;\n  showPrevious: boolean;\n  showNext: boolean;\n  onPreviousMonth: () => void;\n  onNextMonth: () => void;\n}> = ({ title, showPrevious, showNext, onPreviousMonth, onNextMonth }) => (\n  <Box\n    sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', mb: 2 }}\n    data-testid=\"calendar-header\"\n  >\n    {showPrevious && (\n      <IconButton onClick={onPreviousMonth} size=\"small\" data-testid=\"calendar-prev-month\">\n        <ChevronLeft />\n      </IconButton>\n    )}\n\n    <Typography\n      variant=\"h6\"\n      component=\"h2\"\n      sx={{ fontWeight: 'bold', flex: 1, textAlign: 'center' }}\n    >\n      {title}\n    </Typography>\n\n    {showNext && (\n      <IconButton onClick={onNextMonth} size=\"small\" data-testid=\"calendar-next-month\">\n        <ChevronRight />\n      </IconButton>\n    )}\n\n    {!showPrevious && !showNext && <Box sx={{ width: SPACER_WIDTH }} />}\n  </Box>\n);\n\nconst WeekdayHeader: FC<{ weekdayNames: string[] }> = ({ weekdayNames }) => (\n  <Box sx={{ ...GRID_SX, mb: 1 }}>\n    {weekdayNames.map((weekday, index) => (\n      <Box\n        // Narrow weekday names repeat within a week ('S', 'T'), so position is\n        // the only stable key here.\n        key={`weekday-${index}`}\n        role=\"columnheader\"\n        data-testid={`calendar-weekday-${index}`}\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          height: SPACER_WIDTH,\n          fontSize: '0.875rem',\n          fontWeight: 'bold',\n          color: 'text.secondary',\n        }}\n      >\n        {weekday}\n      </Box>\n    ))}\n  </Box>\n);\n\nexport interface CalendarMonthProps {\n  matrix: MonthMatrix;\n  monthIndex: number;\n  monthsToShow: number;\n  locale: string;\n  weekdayNames: string[];\n  renderHeader?: CalendarProps['renderHeader'];\n  onPreviousMonth: () => void;\n  onNextMonth: () => void;\n  dayContext: DayCellContext;\n}\n\nexport const CalendarMonth: FC<CalendarMonthProps> = ({\n  matrix,\n  monthIndex,\n  monthsToShow,\n  locale,\n  weekdayNames,\n  renderHeader,\n  onPreviousMonth,\n  onNextMonth,\n  dayContext,\n}) => {\n  const monthName = getMonthName(matrix.month, matrix.year, locale);\n  const title = renderHeader ? renderHeader({ month: matrix.month, year: matrix.year }) : monthName;\n\n  return (\n    /* The month is addressable by its position, because in a multi-month\n       calendar every day number appears once PER MONTH — `calendar-date-5` is\n       January's 5th and February's. Without a per-month hook a test can only\n       reach a day positionally, which is exactly what the flakiness gate\n       refuses. Additive: `calendar-grid` below is unchanged. */\n    <Box sx={{ minWidth: 280 }} data-testid={`calendar-month-${monthIndex}`}>\n      <MonthNavHeader\n        title={title}\n        showPrevious={monthIndex === 0}\n        showNext={monthIndex === monthsToShow - 1}\n        onPreviousMonth={onPreviousMonth}\n        onNextMonth={onNextMonth}\n      />\n\n      <WeekdayHeader weekdayNames={weekdayNames} />\n\n      <Box\n        role=\"grid\"\n        aria-labelledby={`month-${monthIndex}`}\n        data-testid=\"calendar-grid\"\n        sx={GRID_SX}\n      >\n        {matrix.weeks.flat().map((day) => (\n          <CalendarDayCell key={day.key} day={day} {...dayContext} />\n        ))}\n      </Box>\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;AAAA,OAAO,iBAAiB;AACxB,OAAO,kBAAkB;AACzB,OAAO,SAAS;AAChB,OAAO,gBAAgB;AACvB,OAAO,gBAAgB;AAsBrB,SAMM,KANN;AAbF,IAAM,eAAe;AAErB,IAAM,UAAU,EAAE,SAAS,QAAQ,qBAAqB,kBAAkB,KAAK,IAAI;AAInF,IAAM,iBAMD,CAAC,EAAE,OAAO,cAAc,UAAU,iBAAiB,YAAY,MAClE;AAAA,EAAC;AAAA;AAAA,IACC,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,gBAAgB,iBAAiB,IAAI,EAAE;AAAA,IACpF,eAAY;AAAA,IAEX;AAAA,sBACC,oBAAC,cAAW,SAAS,iBAAiB,MAAK,SAAQ,eAAY,uBAC7D,8BAAC,eAAY,GACf;AAAA,MAGF;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,IAAI,EAAE,YAAY,QAAQ,MAAM,GAAG,WAAW,SAAS;AAAA,UAEtD;AAAA;AAAA,MACH;AAAA,MAEC,YACC,oBAAC,cAAW,SAAS,aAAa,MAAK,SAAQ,eAAY,uBACzD,8BAAC,gBAAa,GAChB;AAAA,MAGD,CAAC,gBAAgB,CAAC,YAAY,oBAAC,OAAI,IAAI,EAAE,OAAO,aAAa,GAAG;AAAA;AAAA;AACnE;AAGF,IAAM,gBAAgD,CAAC,EAAE,aAAa,MACpE,oBAAC,OAAI,IAAI,EAAE,GAAG,SAAS,IAAI,EAAE,GAC1B,uBAAa,IAAI,CAAC,SAAS,UAC1B;AAAA,EAAC;AAAA;AAAA,IAIC,MAAK;AAAA,IACL,eAAa,oBAAoB,KAAK;AAAA,IACtC,IAAI;AAAA,MACF,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,OAAO;AAAA,IACT;AAAA,IAEC;AAAA;AAAA,EAbI,WAAW,KAAK;AAcvB,CACD,GACH;AAeK,IAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,YAAY,aAAa,OAAO,OAAO,OAAO,MAAM,MAAM;AAChE,QAAM,QAAQ,eAAe,aAAa,EAAE,OAAO,OAAO,OAAO,MAAM,OAAO,KAAK,CAAC,IAAI;AAExF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAME,qBAAC,OAAI,IAAI,EAAE,UAAU,IAAI,GAAG,eAAa,kBAAkB,UAAU,IACnE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,cAAc,eAAe;AAAA,UAC7B,UAAU,eAAe,eAAe;AAAA,UACxC;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MAEA,oBAAC,iBAAc,cAA4B;AAAA,MAE3C;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,mBAAiB,SAAS,UAAU;AAAA,UACpC,eAAY;AAAA,UACZ,IAAI;AAAA,UAEH,iBAAO,MAAM,KAAK,EAAE,IAAI,CAAC,QACxB,oBAAC,mBAA8B,KAAW,GAAG,cAAvB,IAAI,GAA+B,CAC1D;AAAA;AAAA,MACH;AAAA,OACF;AAAA;AAEJ;","names":[]}

package/dist/chunk-Q2NOONAN.js

@@ -0,0 +1,167 @@
+import {
+  SettingsStatusMarker
+} from "./chunk-QXTO3G2T.js";
+import {
+  TOUCH_TARGET,
+  atLeastRail
+} from "./chunk-LIG7TKIB.js";
+
+// src/components/layout/SettingsLayout/SettingsLayout.items.tsx
+import Box from "@mui/material/Box/index.js";
+import List from "@mui/material/List/index.js";
+import ListItem from "@mui/material/ListItem/index.js";
+import ListItemButton from "@mui/material/ListItemButton/index.js";
+import ListItemIcon from "@mui/material/ListItemIcon/index.js";
+import ListItemText from "@mui/material/ListItemText/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import { alpha, useTheme } from "@mui/material/styles/index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function RailItemContent({
+  item,
+  active,
+  testIdPrefix
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    item.icon ? /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: 0, color: "inherit" }, children: item.icon }) : null,
+    /* @__PURE__ */ jsx(
+      ListItemText,
+      {
+        primary: item.label,
+        primaryTypographyProps: { variant: "body2", noWrap: true, fontWeight: active ? 600 : 500 }
+      }
+    ),
+    item.status ? /* @__PURE__ */ jsx(
+      SettingsStatusMarker,
+      {
+        status: item.status,
+        label: item.statusLabel,
+        testId: `${testIdPrefix}-status-${item.id}`
+      }
+    ) : null
+  ] });
+}
+function SettingsRailItem({
+  item,
+  active,
+  linkComponent,
+  onSelectItem,
+  onNavigate,
+  testIdPrefix,
+  variant,
+  breakpoint
+}) {
+  const theme = useTheme();
+  const touchFloor = variant === "drilldown" ? { minHeight: TOUCH_TARGET, [atLeastRail(theme, breakpoint)]: { minHeight: "auto" } } : null;
+  const shared = {
+    "data-testid": `${testIdPrefix}-item-${item.id}`,
+    sx: {
+      borderRadius: 1.5,
+      mb: 0.25,
+      gap: 1.5,
+      ...touchFloor,
+      color: active ? "primary.main" : "text.secondary",
+      "&.Mui-selected": {
+        bgcolor: alpha(theme.palette.primary.main, 0.12),
+        "&:hover": { bgcolor: alpha(theme.palette.primary.main, 0.18) }
+      }
+    }
+  };
+  const content = /* @__PURE__ */ jsx(RailItemContent, { item, active, testIdPrefix });
+  if (item.inert) {
+    return /* @__PURE__ */ jsx(ListItem, { ...shared, "data-inert": "true", children: content });
+  }
+  const interactive = {
+    ...shared,
+    selected: active,
+    "aria-current": active ? "page" : void 0
+  };
+  if (item.href && linkComponent) {
+    const LinkComponent = linkComponent;
+    return /* @__PURE__ */ jsx(
+      ListItemButton,
+      {
+        component: LinkComponent,
+        href: item.href,
+        onClick: onNavigate,
+        ...interactive,
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    ListItemButton,
+    {
+      onClick: () => {
+        onSelectItem?.(item.id);
+        onNavigate?.();
+      },
+      ...interactive,
+      children: content
+    }
+  );
+}
+function indexListSx(shape) {
+  if (shape.variant !== "drilldown" || !shape.atIndex) return null;
+  return (theme) => ({
+    display: "grid",
+    gridTemplateColumns: "1fr",
+    columnGap: 8,
+    [theme.breakpoints.up("sm")]: { gridTemplateColumns: "1fr 1fr" },
+    [atLeastRail(theme, shape.breakpoint)]: { gridTemplateColumns: "1fr" }
+  });
+}
+function SettingsRailGroup({
+  group,
+  activeItemId,
+  linkComponent,
+  onSelectItem,
+  onNavigate,
+  testIdPrefix,
+  ...shape
+}) {
+  const grid = indexListSx(shape);
+  return /* @__PURE__ */ jsxs(Box, { "data-testid": `${testIdPrefix}-group-${group.id}`, sx: { mb: 2 }, children: [
+    /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: "caption",
+        sx: {
+          display: "block",
+          px: 1,
+          color: "text.secondary",
+          fontWeight: 600,
+          textTransform: "uppercase",
+          letterSpacing: "0.06em"
+        },
+        children: group.label
+      }
+    ),
+    group.description ? /* @__PURE__ */ jsx(Typography, { variant: "caption", component: "p", sx: { px: 1, mt: 0.25, color: "text.disabled" }, children: group.description }) : null,
+    /* @__PURE__ */ jsx(
+      List,
+      {
+        disablePadding: true,
+        sx: (theme) => ({ mt: 0.5, ...grid ? grid(theme) : null }),
+        children: group.items.map((item) => /* @__PURE__ */ jsx(
+          SettingsRailItem,
+          {
+            item,
+            active: item.id === activeItemId,
+            linkComponent,
+            onSelectItem,
+            onNavigate,
+            testIdPrefix,
+            ...shape
+          },
+          item.id
+        ))
+      }
+    )
+  ] });
+}
+
+export {
+  SettingsRailItem,
+  SettingsRailGroup
+};
+//# sourceMappingURL=chunk-Q2NOONAN.js.map

package/dist/chunk-Q2NOONAN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/SettingsLayout/SettingsLayout.items.tsx"],"sourcesContent":["'use client';\n\nimport Box from '@mui/material/Box/index.js';\nimport List from '@mui/material/List/index.js';\nimport ListItem from '@mui/material/ListItem/index.js';\nimport ListItemButton from '@mui/material/ListItemButton/index.js';\nimport ListItemIcon from '@mui/material/ListItemIcon/index.js';\nimport ListItemText from '@mui/material/ListItemText/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { atLeastRail, TOUCH_TARGET } from './SettingsLayout.styles';\nimport { SettingsStatusMarker } from './SettingsStatusMarker';\nimport type {\n  SettingsLayoutProps,\n  SettingsNavGroup,\n  SettingsNavItem,\n  SettingsNavVariant,\n  SettingsRailBreakpoint,\n} from './SettingsLayout.types';\n\n/** The shape-deciding inputs every rail part needs to know about. */\nexport interface RailShape {\n  variant: SettingsNavVariant;\n  breakpoint: SettingsRailBreakpoint;\n  atIndex: boolean;\n}\n\ninterface RailItemProps extends RailShape {\n  item: SettingsNavItem;\n  active: boolean;\n  linkComponent?: SettingsLayoutProps['linkComponent'];\n  onSelectItem?: (id: string) => void;\n  /** Called on activation so the `switcher`'s rail can collapse after a choice. */\n  onNavigate?: () => void;\n  testIdPrefix: string;\n}\n\n/** Label, plus the situation marker when the host resolved one. */\nfunction RailItemContent({\n  item,\n  active,\n  testIdPrefix,\n}: {\n  item: SettingsNavItem;\n  active: boolean;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  return (\n    <>\n      {item.icon ? (\n        <ListItemIcon sx={{ minWidth: 0, color: 'inherit' }}>{item.icon}</ListItemIcon>\n      ) : null}\n      <ListItemText\n        primary={item.label}\n        primaryTypographyProps={{ variant: 'body2', noWrap: true, fontWeight: active ? 600 : 500 }}\n      />\n      {item.status ? (\n        <SettingsStatusMarker\n          status={item.status}\n          label={item.statusLabel}\n          testId={`${testIdPrefix}-status-${item.id}`}\n        />\n      ) : null}\n    </>\n  );\n}\n\n/** One rail entry — a link when it has `href`, inert text when it says so, else a button. */\nexport function SettingsRailItem({\n  item,\n  active,\n  linkComponent,\n  onSelectItem,\n  onNavigate,\n  testIdPrefix,\n  variant,\n  breakpoint,\n}: RailItemProps): React.JSX.Element {\n  const theme = useTheme();\n  // In `drilldown` the narrow rail IS the page's list, so its rows are the\n  // primary touch targets rather than a secondary column — hence the 44px floor\n  // below the breakpoint. Above it, the row goes back to rail density.\n  const touchFloor =\n    variant === 'drilldown'\n      ? { minHeight: TOUCH_TARGET, [atLeastRail(theme, breakpoint)]: { minHeight: 'auto' } }\n      : null;\n  const shared = {\n    'data-testid': `${testIdPrefix}-item-${item.id}`,\n    sx: {\n      borderRadius: 1.5,\n      mb: 0.25,\n      gap: 1.5,\n      ...touchFloor,\n      color: active ? 'primary.main' : 'text.secondary',\n      '&.Mui-selected': {\n        bgcolor: alpha(theme.palette.primary.main, 0.12),\n        '&:hover': { bgcolor: alpha(theme.palette.primary.main, 0.18) },\n      },\n    },\n  };\n  const content = <RailItemContent item={item} active={active} testIdPrefix={testIdPrefix} />;\n\n  // Listed but not reachable from here. Deliberately not a disabled button: a\n  // disabled control says \"you may not\", and the true statement is \"not from\n  // this screen\" — the section exists and someone else's screen owns it.\n  if (item.inert) {\n    return (\n      <ListItem {...shared} data-inert=\"true\">\n        {content}\n      </ListItem>\n    );\n  }\n\n  const interactive = {\n    ...shared,\n    selected: active,\n    'aria-current': active ? ('page' as const) : undefined,\n  };\n\n  if (item.href && linkComponent) {\n    const LinkComponent = linkComponent;\n    return (\n      <ListItemButton\n        component={LinkComponent}\n        href={item.href}\n        onClick={onNavigate}\n        {...interactive}\n      >\n        {content}\n      </ListItemButton>\n    );\n  }\n  return (\n    <ListItemButton\n      onClick={() => {\n        onSelectItem?.(item.id);\n        onNavigate?.();\n      }}\n      {...interactive}\n    >\n      {content}\n    </ListItemButton>\n  );\n}\n\ninterface RailGroupProps extends RailShape {\n  group: SettingsNavGroup;\n  activeItemId?: string;\n  linkComponent?: SettingsLayoutProps['linkComponent'];\n  onSelectItem?: (id: string) => void;\n  onNavigate?: () => void;\n  testIdPrefix: string;\n}\n\n/**\n * The list's own grid, in `drilldown` at the index only.\n *\n * At the index on a wide phone or a tablet the list has room for two columns;\n * the rail column never does, so the second column is undone at exactly the\n * width where this stops being the page.\n */\nfunction indexListSx(shape: RailShape) {\n  if (shape.variant !== 'drilldown' || !shape.atIndex) return null;\n  return (theme: import('@mui/material').Theme) => ({\n    display: 'grid',\n    gridTemplateColumns: '1fr',\n    columnGap: 8,\n    [theme.breakpoints.up('sm')]: { gridTemplateColumns: '1fr 1fr' },\n    [atLeastRail(theme, shape.breakpoint)]: { gridTemplateColumns: '1fr' },\n  });\n}\n\n/** A category: header + optional description + its items. */\nexport function SettingsRailGroup({\n  group,\n  activeItemId,\n  linkComponent,\n  onSelectItem,\n  onNavigate,\n  testIdPrefix,\n  ...shape\n}: RailGroupProps): React.JSX.Element {\n  const grid = indexListSx(shape);\n  return (\n    <Box data-testid={`${testIdPrefix}-group-${group.id}`} sx={{ mb: 2 }}>\n      <Typography\n        variant=\"caption\"\n        sx={{\n          display: 'block',\n          px: 1,\n          color: 'text.secondary',\n          fontWeight: 600,\n          textTransform: 'uppercase',\n          letterSpacing: '0.06em',\n        }}\n      >\n        {group.label}\n      </Typography>\n      {group.description ? (\n        <Typography variant=\"caption\" component=\"p\" sx={{ px: 1, mt: 0.25, color: 'text.disabled' }}>\n          {group.description}\n        </Typography>\n      ) : null}\n      <List\n        disablePadding\n        sx={(theme) => ({ mt: 0.5, ...(grid ? grid(theme) : null) })}\n      >\n        {group.items.map((item) => (\n          <SettingsRailItem\n            key={item.id}\n            item={item}\n            active={item.id === activeItemId}\n            linkComponent={linkComponent}\n            onSelectItem={onSelectItem}\n            onNavigate={onNavigate}\n            testIdPrefix={testIdPrefix}\n            {...shape}\n          />\n        ))}\n      </List>\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-Q444G5X7.js

@@ -0,0 +1,192 @@
+import {
+  slideIn
+} from "./chunk-FYLCSCMR.js";
+
+// src/components/navigation/NavigationMenu/NavigationMenu.shell.tsx
+import Box from "@mui/material/Box/index.js";
+import List from "@mui/material/List/index.js";
+import ListItemButton from "@mui/material/ListItemButton/index.js";
+import { alpha, keyframes, styled } from "@mui/material/styles/index.js";
+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-Q444G5X7.js.map

package/dist/chunk-Q444G5X7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/NavigationMenu/NavigationMenu.shell.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport List from '@mui/material/List/index.js';\nimport ListItemButton from '@mui/material/ListItemButton/index.js';\nimport { alpha, keyframes, styled } from '@mui/material/styles/index.js';\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":[]}