@omnitron-dev/prism 0.3.0 → 0.3.1

package/dist/{chunk-YQW43BDH.js → chunk-LSPFFEJT.js}

@@ -1,13 +1,15 @@
-import { PRESET_NAMES, PRESET_DISPLAY_NAMES } from './chunk-ZTATTUH7.js';
-import { SearchInput } from './chunk-OBJ244BO.js';
-import { useBoolean } from './chunk-BRDWQVRT.js';
+import { contentClasses, ContentRoot, TipTapRenderer } from './chunk-GUGTDURV.js';
+import { PRESET_NAMES, PRESET_DISPLAY_NAMES } from './chunk-KQ67XB6T.js';
 import { useSettingsStore } from './chunk-XIXSSI3B.js';
-import { createContext, lazy, forwardRef, useEffect, useMemo, useCallback, useState, useTransition, useRef, Fragment as Fragment$1, useId, Children, useContext, isValidElement, Suspense, useLayoutEffect } from 'react';
+import { SearchInput } from './chunk-GMIE6III.js';
+import { useBoolean } from './chunk-BRDWQVRT.js';
+import { FilterIcon, EmptyIcon, CloseIcon, ChevronDownIcon, ChevronRightIcon, ZoomOutIcon, ZoomInIcon, FullscreenExitIcon, FullscreenIcon, DownloadIcon, ShareIcon, ChevronLeftIcon, PlayIcon, ChevronUpIcon } from './chunk-PGHEP4JD.js';
+import { createContext, lazy, useCallback, useState, useMemo, useTransition, useRef, useEffect, Fragment as Fragment$1, useId, Children, useContext, isValidElement, Suspense } from 'react';
 import Stack from '@mui/material/Stack';
 import TextField2 from '@mui/material/TextField';
 import Chip from '@mui/material/Chip';
 import MenuItem from '@mui/material/MenuItem';
-import Box20 from '@mui/material/Box';
+import Box19 from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import Typography5 from '@mui/material/Typography';
 import Badge from '@mui/material/Badge';
@@ -50,12 +52,11 @@ import Grid from '@mui/material/Grid';
 import Portal from '@mui/material/Portal';
 import MuiLinearProgress from '@mui/material/LinearProgress';
 import CircularProgress from '@mui/material/CircularProgress';
-import List2 from '@mui/material/List';
+import List from '@mui/material/List';
 import ListItemButton from '@mui/material/ListItemButton';
 import ListItemText from '@mui/material/ListItemText';
 import Snackbar from '@mui/material/Snackbar';
 import MuiAlert from '@mui/material/Alert';
-import CloseIcon3 from '@mui/icons-material/Close';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import Divider3 from '@mui/material/Divider';
 import MuiTabs from '@mui/material/Tabs';
@@ -63,7 +64,6 @@ import MuiTab from '@mui/material/Tab';
 import MuiAccordion from '@mui/material/Accordion';
 import MuiAccordionSummary from '@mui/material/AccordionSummary';
 import MuiAccordionDetails from '@mui/material/AccordionDetails';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import MuiMenu from '@mui/material/Menu';
 import ListItemIcon from '@mui/material/ListItemIcon';
 import NProgress from 'nprogress';
@@ -78,22 +78,11 @@ import { useForkRef } from '@mui/material/utils';
 import MuiBreadcrumbs from '@mui/material/Breadcrumbs';
 import Link from '@mui/material/Link';
 import SvgIcon from '@mui/material/SvgIcon';
-import ChevronRightIcon from '@mui/icons-material/ChevronRight';
 import MuiStepper from '@mui/material/Stepper';
 import Step from '@mui/material/Step';
 import StepLabel from '@mui/material/StepLabel';
 import StepContent from '@mui/material/StepContent';
 import { clsx } from 'clsx';
-import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';
-import ZoomInIcon from '@mui/icons-material/ZoomIn';
-import ZoomOutIcon from '@mui/icons-material/ZoomOut';
-import FullscreenIcon from '@mui/icons-material/Fullscreen';
-import FullscreenExitIcon from '@mui/icons-material/FullscreenExit';
-import DownloadIcon from '@mui/icons-material/Download';
-import ShareIcon from '@mui/icons-material/Share';
-import PlayArrowIcon from '@mui/icons-material/PlayArrow';
-import KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp';
-import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
 import ButtonBase from '@mui/material/ButtonBase';
 import Collapse from '@mui/material/Collapse';
 import Popover from '@mui/material/Popover';
@@ -104,11 +93,6 @@ import rehypeHighlight from 'rehype-highlight';
 import remarkGfm from 'remark-gfm';
 import TurndownService from 'turndown';
 import Select from '@mui/material/Select';
-import 'maplibre-gl/dist/maplibre-gl.css';
-import { Map as Map$1, NavigationControl, ScaleControl, Marker, Popup, Source, Layer } from 'react-map-gl/maplibre';
-import { addProtocol } from 'maplibre-gl';
-import { Protocol } from 'pmtiles';
-import { Stack as Stack$1, Box, Paper as Paper$1, Typography, CircularProgress as CircularProgress$1 } from '@mui/material';
 
 function DateRangePicker({
   open,
@@ -364,22 +348,6 @@ function DateRangeInput({
     )
   ] });
 }
-function FilterIcon() {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: /* @__PURE__ */ jsx("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" })
-    }
-  );
-}
 function useDebounce(value, delay) {
   const [debouncedValue, setDebouncedValue] = useState(value);
   useEffect(() => {
@@ -497,9 +465,16 @@ function FilterToolbar({
                 "& .MuiOutlinedInput-notchedOutline legend": { width: 0 }
               },
               children: [
-                /* @__PURE__ */ jsx(MenuItem, { value: "", children: /* @__PURE__ */ jsx(Typography5, { variant: "body2", sx: {
-                  color: "text.secondary"
-                }, children: label }) }),
+                /* @__PURE__ */ jsx(MenuItem, { value: "", children: /* @__PURE__ */ jsx(
+                  Typography5,
+                  {
+                    variant: "body2",
+                    sx: {
+                      color: "text.secondary"
+                    },
+                    children: label
+                  }
+                ) }),
                 options?.map((opt) => /* @__PURE__ */ jsx(MenuItem, { value: opt.value, children: opt.label }, opt.value))
               ]
             },
@@ -525,9 +500,16 @@ function FilterToolbar({
                   renderValue: (selected) => {
                     const sel = selected;
                     if (sel.length === 0) {
-                      return /* @__PURE__ */ jsx(Typography5, { variant: "body2", sx: {
-                        color: "text.secondary"
-                      }, children: label });
+                      return /* @__PURE__ */ jsx(
+                        Typography5,
+                        {
+                          variant: "body2",
+                          sx: {
+                            color: "text.secondary"
+                          },
+                          children: label
+                        }
+                      );
                     }
                     return /* @__PURE__ */ jsx(Stack, { direction: "row", spacing: 0.5, sx: { overflow: "hidden" }, children: sel.map((val) => {
                       const opt = options?.find((o) => o.value === val);
@@ -592,43 +574,52 @@ function FilterToolbar({
             key
           );
         case "number-range":
-          return /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, sx: {
-            alignItems: "center"
-          }, children: [
-            /* @__PURE__ */ jsx(
-              TextField2,
-              {
-                type: "number",
-                size: "small",
-                label: `${label} min`,
-                value: values[`${key}Min`] ?? "",
-                onChange: (e) => handleChange(`${key}Min`, e.target.value),
-                sx: { minWidth: width ?? 100 }
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Typography5,
-              {
-                variant: "body2",
-                sx: {
-                  color: "text.disabled",
-                  px: 0.5
-                },
-                children: "\u2014"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              TextField2,
-              {
-                type: "number",
-                size: "small",
-                label: `${label} max`,
-                value: values[`${key}Max`] ?? "",
-                onChange: (e) => handleChange(`${key}Max`, e.target.value),
-                sx: { minWidth: width ?? 100 }
-              }
-            )
-          ] }, key);
+          return /* @__PURE__ */ jsxs(
+            Stack,
+            {
+              direction: "row",
+              spacing: 1,
+              sx: {
+                alignItems: "center"
+              },
+              children: [
+                /* @__PURE__ */ jsx(
+                  TextField2,
+                  {
+                    type: "number",
+                    size: "small",
+                    label: `${label} min`,
+                    value: values[`${key}Min`] ?? "",
+                    onChange: (e) => handleChange(`${key}Min`, e.target.value),
+                    sx: { minWidth: width ?? 100 }
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Typography5,
+                  {
+                    variant: "body2",
+                    sx: {
+                      color: "text.disabled",
+                      px: 0.5
+                    },
+                    children: "\u2014"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  TextField2,
+                  {
+                    type: "number",
+                    size: "small",
+                    label: `${label} max`,
+                    value: values[`${key}Max`] ?? "",
+                    onChange: (e) => handleChange(`${key}Max`, e.target.value),
+                    sx: { minWidth: width ?? 100 }
+                  }
+                )
+              ]
+            },
+            key
+          );
         default:
           return null;
       }
@@ -668,7 +659,7 @@ function FilterToolbar({
                     ml: "auto"
                   },
                   children: [
-                    activeCount > 0 && /* @__PURE__ */ jsx(Badge, { badgeContent: activeCount, color: "primary", sx: { "& .MuiBadge-badge": { fontSize: "0.65rem" } }, children: /* @__PURE__ */ jsx(Box20, { sx: { color: "text.secondary", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx(FilterIcon, {}) }) }),
+                    activeCount > 0 && /* @__PURE__ */ jsx(Badge, { badgeContent: activeCount, color: "primary", sx: { "& .MuiBadge-badge": { fontSize: "0.65rem" } }, children: /* @__PURE__ */ jsx(Box19, { sx: { color: "text.secondary", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx(FilterIcon, {}) }) }),
                     hasAnyActive && /* @__PURE__ */ jsx(
                       Button,
                       {
@@ -741,27 +732,6 @@ var StyledTableRow = styled(TableRow)(({ theme }) => ({
   }
 }));
 var EMPTY_SELECTION = /* @__PURE__ */ new Set();
-function EmptyIcon() {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: "48",
-      height: "48",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      opacity: "0.3",
-      children: [
-        /* @__PURE__ */ jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
-        /* @__PURE__ */ jsx("polyline", { points: "14 2 14 8 20 8" }),
-        /* @__PURE__ */ jsx("line", { x1: "9", y1: "15", x2: "15", y2: "15" })
-      ]
-    }
-  );
-}
 function AdminDataTable({
   columns,
   data,
@@ -879,7 +849,7 @@ function AdminDataTable({
         columns.map((col) => /* @__PURE__ */ jsx(TableCell, { align: col.align ?? "left", style: { width: col.width }, children: col.header }, col.key))
       ] }) }) }),
       /* @__PURE__ */ jsxs(
-        Box20,
+        Box19,
         {
           sx: {
             py: 6,
@@ -906,7 +876,7 @@ function AdminDataTable({
   }
   return /* @__PURE__ */ jsxs(StyledTableContainer, { sx: { maxHeight, ...sx }, children: [
     loadError && /* @__PURE__ */ jsxs(
-      Box20,
+      Box19,
       {
         role: "status",
         sx: {
@@ -938,13 +908,20 @@ function AdminDataTable({
           bgcolor: (theme) => alpha(theme.palette.primary.main, 0.06)
         },
         children: [
-          /* @__PURE__ */ jsxs(Typography5, { variant: "body2", sx: {
-            fontWeight: 600
-          }, children: [
-            selection.size,
-            " selected"
-          ] }),
-          /* @__PURE__ */ jsx(Box20, { sx: { flex: 1 } }),
+          /* @__PURE__ */ jsxs(
+            Typography5,
+            {
+              variant: "body2",
+              sx: {
+                fontWeight: 600
+              },
+              children: [
+                selection.size,
+                " selected"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(Box19, { sx: { flex: 1 } }),
           bulkActions(selection)
         ]
       }
@@ -1024,14 +1001,7 @@ function AdminDataTable({
         if (detail == null) return body;
         return /* @__PURE__ */ jsxs(Fragment$1, { children: [
           body,
-          /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(
-            TableCell,
-            {
-              colSpan: columns.length + (selectable ? 1 : 0),
-              sx: { py: 0, borderBottom: 0 },
-              children: detail
-            }
-          ) })
+          /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: columns.length + (selectable ? 1 : 0), sx: { py: 0, borderBottom: 0 }, children: detail }) })
         ] }, `${key}-group`);
       }) })
     ] }) }),
@@ -1529,7 +1499,7 @@ function CountrySelect({
         const isWorldRow = worldwideValue !== void 0 && option.iso2 === worldwideValue;
         const src = isWorldRow ? null : getFlagSrc?.(option.iso2.toLowerCase()) ?? null;
         return /* @__PURE__ */ jsxs(
-          Box20,
+          Box19,
           {
             component: "li",
             ...rest,
@@ -1734,7 +1704,7 @@ function AnimateBorder({ sx, children, duration, slotProps, className, ...other
     }
   );
   return /* @__PURE__ */ jsxs(
-    Box20,
+    Box19,
     {
       dir: "ltr",
       ref: rootRef,
@@ -1792,7 +1762,7 @@ function MovingBorder({ sx, size, isHidden, rx = "30%", ry = "30%", duration = 8
   const x = useTransform(progress, (val) => calculateTransform(val).x);
   const y = useTransform(progress, (val) => calculateTransform(val).y);
   const transform = useMotionTemplate`translateX(${x}px) translateY(${y}px) translateX(-50%) translateY(-50%)`;
-  return /* @__PURE__ */ jsxs(Box20, { component: "span", sx: [{ textAlign: "initial" }, ...Array.isArray(sx) ? sx : [sx]], ...other, children: [
+  return /* @__PURE__ */ jsxs(Box19, { component: "span", sx: [{ textAlign: "initial" }, ...Array.isArray(sx) ? sx : [sx]], ...other, children: [
     /* @__PURE__ */ jsx(
       "svg",
       {
@@ -1806,7 +1776,7 @@ function MovingBorder({ sx, size, isHidden, rx = "30%", ry = "30%", duration = 8
       }
     ),
     /* @__PURE__ */ jsx(
-      Box20,
+      Box19,
       {
         component: m.span,
         style: { transform },
@@ -2110,7 +2080,7 @@ function CountBadge({
   };
   const bgColor = colorMap[color];
   return /* @__PURE__ */ jsx(
-    Box20,
+    Box19,
     {
       component: "span",
       ref,
@@ -2144,7 +2114,7 @@ function StatusDot({ status, size = 8, pulse = true, sx, ref, ...other }) {
   };
   const color = statusColors[status];
   return /* @__PURE__ */ jsx(
-    Box20,
+    Box19,
     {
       component: "span",
       ref,
@@ -2227,7 +2197,7 @@ function Card({
   );
 }
 function CardSection({ title, description, children, sx }) {
-  return /* @__PURE__ */ jsxs(Box20, { sx: { mb: 3, ...sx }, children: [
+  return /* @__PURE__ */ jsxs(Box19, { sx: { mb: 3, ...sx }, children: [
     title && /* @__PURE__ */ jsx(
       Typography5,
       {
@@ -2267,8 +2237,8 @@ function StatCard({
 }) {
   const isPositive = change && change > 0;
   const isNegative = change && change < 0;
-  return /* @__PURE__ */ jsx(Card, { variant, contentSx: { p: 2, "&:last-child": { pb: 2 } }, sx, ...other, children: /* @__PURE__ */ jsxs(Box20, { sx: { display: "flex", justifyContent: "space-between", alignItems: "flex-start" }, children: [
-    /* @__PURE__ */ jsx(Box20, { children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsx(Card, { variant, contentSx: { p: 2, "&:last-child": { pb: 2 } }, sx, ...other, children: /* @__PURE__ */ jsxs(Box19, { sx: { display: "flex", justifyContent: "space-between", alignItems: "flex-start" }, children: [
+    /* @__PURE__ */ jsx(Box19, { children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(Skeleton3, { width: 80, height: 16 }),
       /* @__PURE__ */ jsx(Skeleton3, { width: 50, height: 32, sx: { mt: 0.5 } })
     ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -2318,7 +2288,7 @@ function StatCard({
         color: "text.secondary"
       }, children: subtitle })
     ] }) }),
-    icon && !loading && /* @__PURE__ */ jsx(Box20, { sx: { color: `${color}.main` }, children: icon })
+    icon && !loading && /* @__PURE__ */ jsx(Box19, { sx: { color: `${color}.main` }, children: icon })
   ] }) });
 }
 function ConfirmDialog({
@@ -2402,16 +2372,16 @@ function SponsoredSlot({
   const imageBox = banner ? BANNER_IMAGE : TILE_IMAGE;
   if (!content) {
     if (!loading) return null;
-    return /* @__PURE__ */ jsx(Card2, { variant: "outlined", sx: { height: "100%" }, "data-sponsored-pending": "", children: /* @__PURE__ */ jsxs(Box20, { sx: { display: "flex", flexDirection: banner ? "row" : "column", height: "100%" }, children: [
+    return /* @__PURE__ */ jsx(Card2, { variant: "outlined", sx: { height: "100%" }, "data-sponsored-pending": "", children: /* @__PURE__ */ jsxs(Box19, { sx: { display: "flex", flexDirection: banner ? "row" : "column", height: "100%" }, children: [
       /* @__PURE__ */ jsx(Skeleton3, { variant: "rectangular", sx: { ...imageBox, height: banner ? void 0 : "auto" } }),
-      /* @__PURE__ */ jsxs(Box20, { sx: { p: 1.5, flex: 1 }, children: [
+      /* @__PURE__ */ jsxs(Box19, { sx: { p: 1.5, flex: 1 }, children: [
         /* @__PURE__ */ jsx(Skeleton3, { width: "40%" }),
         /* @__PURE__ */ jsx(Skeleton3, { width: "80%" })
       ] })
     ] }) });
   }
   const mark = /* @__PURE__ */ jsxs(
-    Box20,
+    Box19,
     {
       component: "span",
       sx: { display: "inline-flex", alignItems: "center", gap: 0.5, color: "text.secondary", typography: "caption" },
@@ -2421,9 +2391,9 @@ function SponsoredSlot({
       ]
     }
   );
-  const body = /* @__PURE__ */ jsxs(Box20, { sx: { display: "flex", flexDirection: banner ? "row" : "column", height: "100%" }, children: [
+  const body = /* @__PURE__ */ jsxs(Box19, { sx: { display: "flex", flexDirection: banner ? "row" : "column", height: "100%" }, children: [
     content.image && /* @__PURE__ */ jsx(
-      Box20,
+      Box19,
       {
         component: "img",
         src: content.image,
@@ -2439,7 +2409,7 @@ function SponsoredSlot({
         }
       }
     ),
-    /* @__PURE__ */ jsxs(Box20, { sx: { p: 1.5, display: "flex", flexDirection: "column", gap: 0.5, minWidth: 0 }, children: [
+    /* @__PURE__ */ jsxs(Box19, { sx: { p: 1.5, display: "flex", flexDirection: "column", gap: 0.5, minWidth: 0 }, children: [
       content.because ? /* @__PURE__ */ jsx(Tooltip2, { title: content.because, children: mark }) : mark,
       /* @__PURE__ */ jsx(Typography5, { variant: "subtitle2", sx: { fontWeight: 600 }, noWrap: !banner, children: content.title }),
       content.body && /* @__PURE__ */ jsx(Typography5, { variant: "body2", sx: { color: "text.secondary" }, children: content.body }),
@@ -2482,7 +2452,7 @@ function CardGrid({ children, columns = 2, gap = GRID_GAP, sx }) {
     (child) => child != null ? /* @__PURE__ */ jsx(Grid, { size, sx: { display: "flex" }, children: child }) : null
   ) });
 }
-var ImageRoot = styled(Box20, {
+var ImageRoot = styled(Box19, {
   shouldForwardProp: (prop) => prop !== "ownerState"
 })(({ theme, ownerState }) => {
   const { ratio, hasError } = ownerState;
@@ -2523,7 +2493,7 @@ var StyledImg = styled("img")(() => ({
   objectFit: "cover",
   display: "block"
 }));
-var PlaceholderBox = styled(Box20)(({ theme }) => ({
+var PlaceholderBox = styled(Box19)(({ theme }) => ({
   position: "absolute",
   top: 0,
   left: 0,
@@ -2548,7 +2518,7 @@ var PlaceholderBox = styled(Box20)(({ theme }) => ({
     }
   }
 }));
-var OverlayBox = styled(Box20)(() => ({
+var OverlayBox = styled(Box19)(() => ({
   position: "absolute",
   top: 0,
   left: 0,
@@ -2558,7 +2528,7 @@ var OverlayBox = styled(Box20)(() => ({
   alignItems: "center",
   justifyContent: "center"
 }));
-var FallbackBox = styled(Box20)(({ theme }) => ({
+var FallbackBox = styled(Box19)(({ theme }) => ({
   width: "100%",
   height: "100%",
   minHeight: 100,
@@ -2631,7 +2601,7 @@ function Image({
   ] });
 }
 function DefaultImageIcon() {
-  return /* @__PURE__ */ jsx(Box20, { component: "svg", viewBox: "0 0 24 24", sx: { width: 48, height: 48, opacity: 0.5 }, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Box19, { component: "svg", viewBox: "0 0 24 24", sx: { width: 48, height: 48, opacity: 0.5 }, children: /* @__PURE__ */ jsx(
     "path",
     {
       fill: "currentColor",
@@ -2732,9 +2702,9 @@ function Label({
     "& svg, & img": { width: "100%", height: "100%" }
   };
   return /* @__PURE__ */ jsxs(StyledLabel, { ref, ownerState, sx, ...other, children: [
-    startIcon && /* @__PURE__ */ jsx(Box20, { sx: { mr: 0.5, ...iconStyles }, children: startIcon }),
+    startIcon && /* @__PURE__ */ jsx(Box19, { sx: { mr: 0.5, ...iconStyles }, children: startIcon }),
     children,
-    endIcon && /* @__PURE__ */ jsx(Box20, { sx: { ml: 0.5, ...iconStyles }, children: endIcon })
+    endIcon && /* @__PURE__ */ jsx(Box19, { sx: { ml: 0.5, ...iconStyles }, children: endIcon })
   ] });
 }
 function StatusLabel({
@@ -2816,7 +2786,7 @@ function DeadlineChip({
 }
 var DEFAULT_ITEM_WIDTH = { xs: "78%", sm: "46%", md: "31%", lg: "23.5%" };
 function Chevron({ direction }) {
-  return /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", children: /* @__PURE__ */ jsx("polyline", { points: direction === "left" ? "15 6 9 12 15 18" : "9 6 15 12 9 18" }) });
+  return direction === "left" ? /* @__PURE__ */ jsx(ChevronLeftIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx(ChevronRightIcon, { fontSize: "small" });
 }
 function Rail({
   children,
@@ -2867,7 +2837,7 @@ function Rail({
     }
   ) : null;
   return /* @__PURE__ */ jsxs(
-    Box20,
+    Box19,
     {
       component: "section",
       "aria-label": ariaLabel,
@@ -2876,7 +2846,7 @@ function Rail({
       children: [
         arrow(-1, reach.back, labels?.previous ?? "Previous"),
         /* @__PURE__ */ jsx(
-          Box20,
+          Box19,
           {
             component: "ul",
             ref: track,
@@ -2899,7 +2869,7 @@ function Rail({
             },
             children: Children.map(
               children,
-              (child) => child == null || child === false ? null : /* @__PURE__ */ jsx(Box20, { component: "li", sx: { scrollSnapAlign: "start", minWidth: 0 }, children: child })
+              (child) => child == null || child === false ? null : /* @__PURE__ */ jsx(Box19, { component: "li", sx: { scrollSnapAlign: "start", minWidth: 0 }, children: child })
             )
           }
         ),
@@ -2932,7 +2902,7 @@ function LoadingScreen({ portal, slots, slotProps, sx, ...other }) {
     }
   ) }) });
 }
-var SplashContainer = styled(Box20, {
+var SplashContainer = styled(Box19, {
   shouldForwardProp: (prop) => prop !== "fullScreen"
 })(({ theme, fullScreen }) => ({
   display: "flex",
@@ -3044,7 +3014,7 @@ function TagCloud({
   const theme = useTheme();
   const visible = maxItems ? tags.slice(0, maxItems) : tags;
   if (variant === "list") {
-    return /* @__PURE__ */ jsx(List2, { disablePadding: true, sx, children: visible.map((tag) => /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx(List, { disablePadding: true, sx, children: visible.map((tag) => /* @__PURE__ */ jsxs(
       ListItemButton,
       {
         onClick: onTagClick ? () => onTagClick(tag) : void 0,
@@ -3059,10 +3029,10 @@ function TagCloud({
           /* @__PURE__ */ jsx(
             ListItemText,
             {
-              primary: /* @__PURE__ */ jsxs(Box20, { component: "span", sx: { display: "inline-flex", alignItems: "center", gap: 0.5 }, children: [
+              primary: /* @__PURE__ */ jsxs(Box19, { component: "span", sx: { display: "inline-flex", alignItems: "center", gap: 0.5 }, children: [
                 /* @__PURE__ */ jsx("span", { children: `#${tag.name}` }),
                 tag.trending && /* @__PURE__ */ jsx(
-                  Box20,
+                  Box19,
                   {
                     component: "span",
                     sx: {
@@ -3128,7 +3098,7 @@ function TagCloud({
         return /* @__PURE__ */ jsx(
           Chip,
           {
-            label: /* @__PURE__ */ jsxs(Box20, { component: "span", sx: { display: "inline-flex", alignItems: "center", gap: 0.5 }, children: [
+            label: /* @__PURE__ */ jsxs(Box19, { component: "span", sx: { display: "inline-flex", alignItems: "center", gap: 0.5 }, children: [
               /* @__PURE__ */ jsx("span", { children: `#${tag.name}` }),
               renderAdornment?.(tag)
             ] }),
@@ -3157,84 +3127,6 @@ function TagCloud({
     }
   );
 }
-var ScrollbarRoot = styled(Box20, {
-  shouldForwardProp: (prop) => prop !== "ownerState"
-})(({ theme, ownerState }) => {
-  const { fillContent, hideScrollbar, axis } = ownerState;
-  const scrollbarColor = alpha(theme.palette.text.disabled, 0.4);
-  const scrollbarHoverColor = alpha(theme.palette.text.disabled, 0.6);
-  const scrollbarTrackColor = alpha(theme.palette.grey[500], 0.08);
-  const getOverflow = () => {
-    if (axis === "x") return { overflowX: "auto", overflowY: "hidden" };
-    if (axis === "y") return { overflowX: "hidden", overflowY: "auto" };
-    return { overflow: "auto" };
-  };
-  return {
-    minWidth: 0,
-    minHeight: 0,
-    ...getOverflow(),
-    ...fillContent && {
-      flexGrow: 1,
-      display: "flex",
-      flexDirection: "column"
-    },
-    // Custom scrollbar styles
-    ...!hideScrollbar && {
-      scrollbarWidth: "thin",
-      scrollbarColor: `${scrollbarColor} ${scrollbarTrackColor}`,
-      // Webkit browsers
-      "&::-webkit-scrollbar": {
-        width: 8,
-        height: 8
-      },
-      "&::-webkit-scrollbar-track": {
-        backgroundColor: scrollbarTrackColor,
-        borderRadius: 4
-      },
-      "&::-webkit-scrollbar-thumb": {
-        backgroundColor: scrollbarColor,
-        borderRadius: 4,
-        "&:hover": {
-          backgroundColor: scrollbarHoverColor
-        }
-      },
-      "&::-webkit-scrollbar-corner": {
-        backgroundColor: "transparent"
-      }
-    },
-    ...hideScrollbar && {
-      scrollbarWidth: "none",
-      msOverflowStyle: "none",
-      "&::-webkit-scrollbar": {
-        display: "none"
-      }
-    }
-  };
-});
-function Scrollbar({ children, sx, fillContent = false, hideScrollbar = false, axis = "y", maxHeight, minHeight, className, ref, ...other }) {
-  const ownerState = {
-    fillContent,
-    hideScrollbar,
-    axis
-  };
-  return /* @__PURE__ */ jsx(
-    ScrollbarRoot,
-    {
-      ref,
-      ownerState,
-      className,
-      sx: [
-        {
-          ...maxHeight !== void 0 && { maxHeight },
-          ...minHeight !== void 0 && { minHeight }
-        },
-        ...Array.isArray(sx) ? sx : [sx]
-      ],
-      ...other,
-      children
-    }
-  );
-}
 var SnackbarContext = createContext(null);
 function useSnackbar() {
   const context = useContext(SnackbarContext);
@@ -3338,7 +3230,7 @@ function SnackbarProvider({
             severity: state.severity,
             variant: "filled",
             onClose: handleClose,
-            action: state.action || /* @__PURE__ */ jsx(IconButton4, { size: "small", "aria-label": "close", color: "inherit", onClick: close, children: /* @__PURE__ */ jsx(CloseIcon3, { fontSize: "small" }) }),
+            action: state.action || /* @__PURE__ */ jsx(IconButton4, { size: "small", "aria-label": "close", color: "inherit", onClick: close, children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "small" }) }),
             sx: { width: "100%", alignItems: "center" },
             children: state.message
           }
@@ -3512,7 +3404,7 @@ function Table({
     return data;
   }, [data, paginated, page, rowsPerPage, totalRows]);
   if (!loading && data.length === 0) {
-    return /* @__PURE__ */ jsx(StyledTableContainer2, { sx: containerSx, children: /* @__PURE__ */ jsx(Box20, { sx: { p: 4, textAlign: "center" }, children: emptyContent || /* @__PURE__ */ jsx(Typography5, { sx: {
+    return /* @__PURE__ */ jsx(StyledTableContainer2, { sx: containerSx, children: /* @__PURE__ */ jsx(Box19, { sx: { p: 4, textAlign: "center" }, children: emptyContent || /* @__PURE__ */ jsx(Typography5, { sx: {
       color: "text.secondary"
     }, children: "No data available" }) }) });
   }
@@ -3655,22 +3547,22 @@ function Skeleton5({ variant = "text", ...props }) {
   return /* @__PURE__ */ jsx(Skeleton3, { variant, ...props });
 }
 function CardSkeleton({ hasAvatar = true, lines = 2, width = "100%" }) {
-  return /* @__PURE__ */ jsxs(Box20, { sx: { width, p: 2 }, children: [
-    hasAvatar && /* @__PURE__ */ jsxs(Box20, { sx: { display: "flex", alignItems: "center", mb: 2 }, children: [
+  return /* @__PURE__ */ jsxs(Box19, { sx: { width, p: 2 }, children: [
+    hasAvatar && /* @__PURE__ */ jsxs(Box19, { sx: { display: "flex", alignItems: "center", mb: 2 }, children: [
       /* @__PURE__ */ jsx(Skeleton5, { variant: "circular", width: 40, height: 40 }),
-      /* @__PURE__ */ jsxs(Box20, { sx: { ml: 1, flex: 1 }, children: [
+      /* @__PURE__ */ jsxs(Box19, { sx: { ml: 1, flex: 1 }, children: [
         /* @__PURE__ */ jsx(Skeleton5, { variant: "text", width: "60%" }),
         /* @__PURE__ */ jsx(Skeleton5, { variant: "text", width: "40%" })
       ] })
     ] }),
     /* @__PURE__ */ jsx(Skeleton5, { variant: "rectangular", width: "100%", height: 118, sx: { borderRadius: 1 } }),
-    /* @__PURE__ */ jsx(Box20, { sx: { mt: 1 }, children: Array.from({ length: lines }, (_, i) => /* @__PURE__ */ jsx(Skeleton5, { variant: "text", width: i === lines - 1 ? "80%" : "100%" }, i)) })
+    /* @__PURE__ */ jsx(Box19, { sx: { mt: 1 }, children: Array.from({ length: lines }, (_, i) => /* @__PURE__ */ jsx(Skeleton5, { variant: "text", width: i === lines - 1 ? "80%" : "100%" }, i)) })
   ] });
 }
 function TableSkeleton({ rows = 5, columns = 4, hasHeader = true }) {
-  return /* @__PURE__ */ jsxs(Box20, { sx: { width: "100%" }, children: [
-    hasHeader && /* @__PURE__ */ jsx(Box20, { sx: { display: "flex", gap: 2, mb: 1, pb: 1, borderBottom: 1, borderColor: "divider" }, children: Array.from({ length: columns }, (_, i) => /* @__PURE__ */ jsx(Skeleton5, { variant: "text", sx: { flex: 1 }, height: 24 }, i)) }),
-    Array.from({ length: rows }, (_row, rowIndex) => /* @__PURE__ */ jsx(Box20, { sx: { display: "flex", gap: 2, py: 1 }, children: Array.from({ length: columns }, (_col, colIndex) => /* @__PURE__ */ jsx(Skeleton5, { variant: "text", sx: { flex: 1 } }, colIndex)) }, rowIndex))
+  return /* @__PURE__ */ jsxs(Box19, { sx: { width: "100%" }, children: [
+    hasHeader && /* @__PURE__ */ jsx(Box19, { sx: { display: "flex", gap: 2, mb: 1, pb: 1, borderBottom: 1, borderColor: "divider" }, children: Array.from({ length: columns }, (_, i) => /* @__PURE__ */ jsx(Skeleton5, { variant: "text", sx: { flex: 1 }, height: 24 }, i)) }),
+    Array.from({ length: rows }, (_row, rowIndex) => /* @__PURE__ */ jsx(Box19, { sx: { display: "flex", gap: 2, py: 1 }, children: Array.from({ length: columns }, (_col, colIndex) => /* @__PURE__ */ jsx(Skeleton5, { variant: "text", sx: { flex: 1 } }, colIndex)) }, rowIndex))
   ] });
 }
 function LinearProgress3({
@@ -3688,7 +3580,7 @@ function LinearProgress3({
     return /* @__PURE__ */ jsx(MuiLinearProgress, { variant, value, color, sx: { borderRadius: 1, ...sx }, ...props });
   }
   if (labelPosition === "below") {
-    return /* @__PURE__ */ jsxs(Box20, { sx: { width: "100%" }, children: [
+    return /* @__PURE__ */ jsxs(Box19, { sx: { width: "100%" }, children: [
       /* @__PURE__ */ jsx(MuiLinearProgress, { variant, value, color, sx: { borderRadius: 1, ...sx }, ...props }),
       /* @__PURE__ */ jsx(
         Typography5,
@@ -3705,8 +3597,8 @@ function LinearProgress3({
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs(Box20, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-    /* @__PURE__ */ jsx(Box20, { sx: { flex: 1 }, children: /* @__PURE__ */ jsx(MuiLinearProgress, { variant, value, color, sx: { borderRadius: 1, ...sx }, ...props }) }),
+  return /* @__PURE__ */ jsxs(Box19, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+    /* @__PURE__ */ jsx(Box19, { sx: { flex: 1 }, children: /* @__PURE__ */ jsx(MuiLinearProgress, { variant, value, color, sx: { borderRadius: 1, ...sx }, ...props }) }),
     /* @__PURE__ */ jsx(
       Typography5,
       {
@@ -3733,10 +3625,10 @@ function CircularProgress2({
     return /* @__PURE__ */ jsx(CircularProgress, { variant, value, color, size, ...props });
   }
   const label = formatLabel2 ? formatLabel2(value ?? 0) : `${Math.round(value ?? 0)}%`;
-  return /* @__PURE__ */ jsxs(Box20, { sx: { position: "relative", display: "inline-flex" }, children: [
+  return /* @__PURE__ */ jsxs(Box19, { sx: { position: "relative", display: "inline-flex" }, children: [
     /* @__PURE__ */ jsx(CircularProgress, { variant, value, color, size, ...props }),
     /* @__PURE__ */ jsx(
-      Box20,
+      Box19,
       {
         sx: {
           position: "absolute",
@@ -3773,9 +3665,9 @@ function ProgressBar({ segments, height = 8, showLabels = false }) {
     info: "info.main",
     inherit: "text.primary"
   };
-  return /* @__PURE__ */ jsxs(Box20, { sx: { width: "100%" }, children: [
+  return /* @__PURE__ */ jsxs(Box19, { sx: { width: "100%" }, children: [
     /* @__PURE__ */ jsx(
-      Box20,
+      Box19,
       {
         sx: {
           display: "flex",
@@ -3785,7 +3677,7 @@ function ProgressBar({ segments, height = 8, showLabels = false }) {
           bgcolor: "action.hover"
         },
         children: segments.map((segment, index) => /* @__PURE__ */ jsx(
-          Box20,
+          Box19,
           {
             sx: {
               width: `${segment.value}%`,
@@ -3797,9 +3689,9 @@ function ProgressBar({ segments, height = 8, showLabels = false }) {
         ))
       }
     ),
-    showLabels && /* @__PURE__ */ jsx(Box20, { sx: { display: "flex", gap: 2, mt: 1 }, children: segments.map((segment, index) => /* @__PURE__ */ jsxs(Box20, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+    showLabels && /* @__PURE__ */ jsx(Box19, { sx: { display: "flex", gap: 2, mt: 1 }, children: segments.map((segment, index) => /* @__PURE__ */ jsxs(Box19, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
       /* @__PURE__ */ jsx(
-        Box20,
+        Box19,
         {
           sx: {
             width: 8,
@@ -3899,7 +3791,7 @@ function VirtualList({
     }
   }, [lastItem, virtualizer, items.length, loadMoreThreshold, onEndReached]);
   return /* @__PURE__ */ jsx(
-    Box20,
+    Box19,
     {
       ref: parentRef,
       sx: {
@@ -3910,7 +3802,7 @@ function VirtualList({
         ...sx
       },
       children: /* @__PURE__ */ jsx(
-        Box20,
+        Box19,
         {
           sx: {
             height: virtualizer.getTotalSize() + paddingY * 2,
@@ -3921,7 +3813,7 @@ function VirtualList({
             const item = items[virtualRow.index];
             if (item === void 0) return null;
             return /* @__PURE__ */ jsx(
-              Box20,
+              Box19,
               {
                 "data-index": virtualRow.index,
                 ref: virtualizer.measureElement,
@@ -4032,7 +3924,7 @@ function CommandPalette({
         }
       },
       children: /* @__PURE__ */ jsxs(DialogContent, { sx: { p: 0 }, children: [
-        /* @__PURE__ */ jsx(Box20, { sx: { p: 2, pb: 1 }, children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Box19, { sx: { p: 2, pb: 1 }, children: /* @__PURE__ */ jsx(
           TextField2,
           {
             inputRef,
@@ -4048,23 +3940,23 @@ function CommandPalette({
             slotProps: {
               input: {
                 disableUnderline: true,
-                startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", sx: { ml: 0.5, mr: 1 }, children: /* @__PURE__ */ jsx(Box20, { component: "span", sx: { fontSize: 18, opacity: 0.6 }, children: "\u2318" }) })
+                startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", sx: { ml: 0.5, mr: 1 }, children: /* @__PURE__ */ jsx(Box19, { component: "span", sx: { fontSize: 18, opacity: 0.6 }, children: "\u2318" }) })
               }
             }
           }
         ) }),
         /* @__PURE__ */ jsx(Divider3, {}),
         /* @__PURE__ */ jsx(
-          Box20,
+          Box19,
           {
             sx: {
               maxHeight: 360,
               overflowY: "auto",
               py: 0.5
             },
-            children: filtered.length === 0 ? /* @__PURE__ */ jsx(Box20, { sx: { p: 3, textAlign: "center" }, children: /* @__PURE__ */ jsx(Typography5, { variant: "body2", sx: {
+            children: filtered.length === 0 ? /* @__PURE__ */ jsx(Box19, { sx: { p: 3, textAlign: "center" }, children: /* @__PURE__ */ jsx(Typography5, { variant: "body2", sx: {
               color: "text.secondary"
-            }, children: emptyMessage }) }) : grouped.map((g) => /* @__PURE__ */ jsxs(Box20, { children: [
+            }, children: emptyMessage }) }) : grouped.map((g) => /* @__PURE__ */ jsxs(Box19, { children: [
               g.label ? /* @__PURE__ */ jsx(
                 Typography5,
                 {
@@ -4110,7 +4002,7 @@ function Row({
     }
   }, [selected]);
   return /* @__PURE__ */ jsxs(
-    Box20,
+    Box19,
     {
       ref,
       onMouseEnter: onHover,
@@ -4129,8 +4021,8 @@ function Row({
         }
       }),
       children: [
-        action.icon ? /* @__PURE__ */ jsx(Box20, { sx: { display: "flex", alignItems: "center", width: 20, opacity: 0.8 }, children: action.icon }) : null,
-        /* @__PURE__ */ jsx(Box20, { sx: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, sx: {
+        action.icon ? /* @__PURE__ */ jsx(Box19, { sx: { display: "flex", alignItems: "center", width: 20, opacity: 0.8 }, children: action.icon }) : null,
+        /* @__PURE__ */ jsx(Box19, { sx: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, sx: {
           alignItems: "baseline"
         }, children: [
           /* @__PURE__ */ jsx(Typography5, { variant: "body2", sx: { fontWeight: 500 }, noWrap: true, children: action.title }),
@@ -4229,9 +4121,9 @@ function Tabs({
     return items;
   }, [tabs, children]);
   const hasAction = action !== void 0 && action !== null && action !== false;
-  return /* @__PURE__ */ jsxs(Box20, { sx: { width: "100%" }, children: [
+  return /* @__PURE__ */ jsxs(Box19, { sx: { width: "100%" }, children: [
     /* @__PURE__ */ jsxs(
-      Box20,
+      Box19,
       {
         sx: {
           display: "flex",
@@ -4252,7 +4144,7 @@ function Tabs({
             tab.value
           )) }),
           hasAction && /* @__PURE__ */ jsx(
-            Box20,
+            Box19,
             {
               sx: {
                 display: "flex",
@@ -4271,7 +4163,7 @@ function Tabs({
       if (!isActive && !keepMounted) return null;
       if (tab.content === void 0) return null;
       return /* @__PURE__ */ jsx(
-        Box20,
+        Box19,
         {
           role: "tabpanel",
           hidden: !isActive,
@@ -4344,7 +4236,6 @@ function Accordion({
         return {
           border: 1,
           borderColor: "divider",
-          "&:not(:last-child)": { borderBottom: 0 },
           "&::before": { display: "none" },
           boxShadow: "none"
         };
@@ -4370,7 +4261,7 @@ function Accordion({
         /* @__PURE__ */ jsxs(
           MuiAccordionSummary,
           {
-            expandIcon: /* @__PURE__ */ jsx(ExpandMoreIcon, {}),
+            expandIcon: /* @__PURE__ */ jsx(ChevronDownIcon, {}),
             "aria-controls": `${item.id}-content`,
             id: `${item.id}-header`,
             children: [
@@ -4398,7 +4289,7 @@ function Accordion({
 }
 function SimpleAccordion({ title, subtitle, children, icon, ...props }) {
   return /* @__PURE__ */ jsxs(MuiAccordion, { ...props, children: [
-    /* @__PURE__ */ jsxs(MuiAccordionSummary, { expandIcon: /* @__PURE__ */ jsx(ExpandMoreIcon, {}), children: [
+    /* @__PURE__ */ jsxs(MuiAccordionSummary, { expandIcon: /* @__PURE__ */ jsx(ChevronDownIcon, {}), children: [
       icon && /* @__PURE__ */ jsx(Typography5, { component: "span", sx: { mr: 1, display: "flex", alignItems: "center" }, children: icon }),
       /* @__PURE__ */ jsx(Typography5, { component: "span", sx: { fontWeight: 500 }, children: title }),
       subtitle && /* @__PURE__ */ jsx(
@@ -4855,7 +4746,7 @@ var PRESET_COLORS = {
   minimal: "#64748B"
 };
 function Section({ title, children }) {
-  return /* @__PURE__ */ jsxs(Box20, { sx: { mb: 3 }, children: [
+  return /* @__PURE__ */ jsxs(Box19, { sx: { mb: 3 }, children: [
     /* @__PURE__ */ jsx(
       Typography5,
       {
@@ -4999,7 +4890,7 @@ function PresetsSection() {
   const { settings, actions } = useSettings();
   const theme = useTheme();
   return /* @__PURE__ */ jsx(Section, { title: "Presets", children: /* @__PURE__ */ jsx(
-    Box20,
+    Box19,
     {
       sx: {
         display: "grid",
@@ -5010,7 +4901,7 @@ function PresetsSection() {
         const isSelected = settings.preset === preset;
         const color = PRESET_COLORS[preset] || "#666";
         return /* @__PURE__ */ jsx(Tooltip2, { title: PRESET_DISPLAY_NAMES[preset], placement: "top", children: /* @__PURE__ */ jsx(
-          Box20,
+          Box19,
           {
             onClick: () => actions.setPreset(preset),
             sx: {
@@ -5030,7 +4921,7 @@ function PresetsSection() {
               }
             },
             children: isSelected && /* @__PURE__ */ jsx(
-              Box20,
+              Box19,
               {
                 sx: {
                   width: 8,
@@ -5059,11 +4950,11 @@ var COLOR_OPTIONS = [
 function PrimaryColorSection() {
   const { settings, actions } = useSettings();
   const theme = useTheme();
-  return /* @__PURE__ */ jsx(Section, { title: "Primary Color", children: /* @__PURE__ */ jsxs(Box20, { sx: { display: "flex", gap: 1, flexWrap: "wrap" }, children: [
+  return /* @__PURE__ */ jsx(Section, { title: "Primary Color", children: /* @__PURE__ */ jsxs(Box19, { sx: { display: "flex", gap: 1, flexWrap: "wrap" }, children: [
     COLOR_OPTIONS.map((option) => {
       const isSelected = settings.primaryColor === option.value;
       return /* @__PURE__ */ jsx(Tooltip2, { title: option.label, placement: "top", children: /* @__PURE__ */ jsx(
-        Box20,
+        Box19,
         {
           onClick: () => actions.setPrimaryColor(option.value),
           sx: {
@@ -5082,7 +4973,7 @@ function PrimaryColorSection() {
             }
           },
           children: isSelected && /* @__PURE__ */ jsx(
-            Box20,
+            Box19,
             {
               sx: {
                 width: 6,
@@ -5096,7 +4987,7 @@ function PrimaryColorSection() {
       ) }, option.value);
     }),
     settings.primaryColor && /* @__PURE__ */ jsx(Tooltip2, { title: "Reset to default", placement: "top", children: /* @__PURE__ */ jsx(
-      Box20,
+      Box19,
       {
         onClick: () => actions.setPrimaryColor(null),
         sx: {
@@ -5186,10 +5077,10 @@ function NavLayoutSection() {
     { value: "horizontal", label: "Horizontal", icon: "\u25AC" },
     { value: "mini", label: "Mini", icon: "\u2502" }
   ];
-  return /* @__PURE__ */ jsx(Section, { title: "Navigation Layout", children: /* @__PURE__ */ jsx(Box20, { sx: { display: "flex", gap: 1.5 }, children: layoutOptions.map((option) => {
+  return /* @__PURE__ */ jsx(Section, { title: "Navigation Layout", children: /* @__PURE__ */ jsx(Box19, { sx: { display: "flex", gap: 1.5 }, children: layoutOptions.map((option) => {
     const isSelected = settings.navLayout === option.value;
     return /* @__PURE__ */ jsxs(
-      Box20,
+      Box19,
       {
         onClick: () => actions.setNavLayout(option.value),
         sx: {
@@ -5257,7 +5148,7 @@ function SettingsDrawer({ width = 300, sections = DEFAULT_SECTIONS }) {
       },
       children: [
         /* @__PURE__ */ jsxs(
-          Box20,
+          Box19,
           {
             sx: {
               display: "flex",
@@ -5275,11 +5166,11 @@ function SettingsDrawer({ width = 300, sections = DEFAULT_SECTIONS }) {
             ]
           }
         ),
-        /* @__PURE__ */ jsx(Box20, { sx: { p: 2.5, flex: 1, overflowY: "auto" }, children: sections.map((section) => {
+        /* @__PURE__ */ jsx(Box19, { sx: { p: 2.5, flex: 1, overflowY: "auto" }, children: sections.map((section) => {
           const SectionComponent = SECTION_COMPONENTS[section];
           return SectionComponent ? /* @__PURE__ */ jsx(SectionComponent, {}, section) : null;
         }) }),
-        /* @__PURE__ */ jsx(Box20, { sx: { p: 2, borderTop: `1px solid ${theme.palette.divider}` }, children: /* @__PURE__ */ jsx(Button, { fullWidth: true, variant: "soft", color: "primary", onClick: drawer.onClose, children: "Close" }) })
+        /* @__PURE__ */ jsx(Box19, { sx: { p: 2, borderTop: `1px solid ${theme.palette.divider}` }, children: /* @__PURE__ */ jsx(Button, { fullWidth: true, variant: "soft", color: "primary", onClick: drawer.onClose, children: "Close" }) })
       ]
     }
   );
@@ -5685,7 +5576,7 @@ function NavCard({
             // arrow into a narrow tile just steals text space).
             /* @__PURE__ */ jsxs(Fragment, { children: [
               icon && /* @__PURE__ */ jsx(
-                Box20,
+                Box19,
                 {
                   sx: {
                     width: 40,
@@ -5701,7 +5592,7 @@ function NavCard({
                   children: icon
                 }
               ),
-              /* @__PURE__ */ jsxs(Box20, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
+              /* @__PURE__ */ jsxs(Box19, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
                 /* @__PURE__ */ jsx(
                   Typography5,
                   {
@@ -5741,10 +5632,10 @@ function NavCard({
                 }
               )
             ] })
-          ) : /* @__PURE__ */ jsxs(Box20, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%", gap: 1 }, children: [
-            /* @__PURE__ */ jsxs(Box20, { sx: { display: "flex", alignItems: "center", gap: 2, minWidth: 0 }, children: [
+          ) : /* @__PURE__ */ jsxs(Box19, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%", gap: 1 }, children: [
+            /* @__PURE__ */ jsxs(Box19, { sx: { display: "flex", alignItems: "center", gap: 2, minWidth: 0 }, children: [
               icon && /* @__PURE__ */ jsx(
-                Box20,
+                Box19,
                 {
                   sx: {
                     width: iconSize,
@@ -5760,8 +5651,8 @@ function NavCard({
                   children: icon
                 }
               ),
-              /* @__PURE__ */ jsxs(Box20, { sx: { minWidth: 0, flex: 1 }, children: [
-                /* @__PURE__ */ jsxs(Box20, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
+              /* @__PURE__ */ jsxs(Box19, { sx: { minWidth: 0, flex: 1 }, children: [
+                /* @__PURE__ */ jsxs(Box19, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
                   /* @__PURE__ */ jsx(
                     Typography5,
                     {
@@ -5796,7 +5687,7 @@ function NavCard({
                 )
               ] })
             ] }),
-            arrow !== false && /* @__PURE__ */ jsx(Box20, { sx: { display: "flex", alignItems: "center", flexShrink: 0, color: "text.secondary" }, children: arrow === true ? /* @__PURE__ */ jsx(ChevronRightIcon, {}) : arrow })
+            arrow !== false && /* @__PURE__ */ jsx(Box19, { sx: { display: "flex", alignItems: "center", flexShrink: 0, color: "text.secondary" }, children: arrow === true ? /* @__PURE__ */ jsx(ChevronRightIcon, {}) : arrow })
           ] })
         }
       )
@@ -5810,7 +5701,7 @@ function NavCardGrid({
   sx
 }) {
   return /* @__PURE__ */ jsx(
-    Box20,
+    Box19,
     {
       sx: {
         display: "grid",
@@ -5872,7 +5763,7 @@ function Drawer2({
       children: [
         (title || showCloseButton || headerActions) && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs(
-            Box20,
+            Box19,
             {
               sx: {
                 display: "flex",
@@ -5883,7 +5774,7 @@ function Drawer2({
               },
               children: [
                 title && /* @__PURE__ */ jsx(Typography5, { variant: "h6", component: "div", children: title }),
-                /* @__PURE__ */ jsxs(Box20, { sx: { display: "flex", alignItems: "center", gap: 1, ml: "auto" }, children: [
+                /* @__PURE__ */ jsxs(Box19, { sx: { display: "flex", alignItems: "center", gap: 1, ml: "auto" }, children: [
                   headerActions,
                   showCloseButton && onClose && /* @__PURE__ */ jsx(IconButton4, { onClick: onClose, edge: "end", size: "small", "aria-label": "Close drawer", children: closeIcon ?? /* @__PURE__ */ jsx(DefaultCloseIcon, {}) })
                 ] })
@@ -5893,7 +5784,7 @@ function Drawer2({
           /* @__PURE__ */ jsx(Divider3, {})
         ] }),
         /* @__PURE__ */ jsx(
-          Box20,
+          Box19,
           {
             sx: {
               flex: 1,
@@ -5905,7 +5796,7 @@ function Drawer2({
         ),
         footer && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(Divider3, {}),
-          /* @__PURE__ */ jsx(Box20, { sx: { p: 2 }, children: footer })
+          /* @__PURE__ */ jsx(Box19, { sx: { p: 2 }, children: footer })
         ] })
       ]
     }
@@ -6005,9 +5896,9 @@ function StepperActions({
   disableNext = false,
   actions
 }) {
-  return /* @__PURE__ */ jsxs(Box20, { sx: { display: "flex", gap: 2, mt: 3 }, children: [
+  return /* @__PURE__ */ jsxs(Box19, { sx: { display: "flex", gap: 2, mt: 3 }, children: [
     /* @__PURE__ */ jsx(Button, { variant: "outlined", onClick: stepper.prevStep, disabled: stepper.isFirstStep, children: backLabel }),
-    /* @__PURE__ */ jsx(Box20, { sx: { flex: 1 } }),
+    /* @__PURE__ */ jsx(Box19, { sx: { flex: 1 } }),
     actions,
     /* @__PURE__ */ jsx(Button, { variant: "contained", onClick: stepper.nextStep, disabled: disableNext, children: stepper.isLastStep ? finishLabel : nextLabel })
   ] });
@@ -6049,7 +5940,7 @@ var CIRCULAR_TYPES = ["donut", "radialBar", "pie", "polarArea"];
 function ChartLoading({ sx, className, type, ...other }) {
   const isCircular = type && CIRCULAR_TYPES.includes(type);
   return /* @__PURE__ */ jsx(
-    Box20,
+    Box19,
     {
       className: cn(chartClasses.loading, className),
       sx: [
@@ -6488,10 +6379,7 @@ function Lightbox({
   ...dialogProps
 }) {
   const theme = useTheme();
-  const labels = useMemo(
-    () => ({ ...DEFAULT_LIGHTBOX_LABELS, ...labelOverrides }),
-    [labelOverrides]
-  );
+  const labels = useMemo(() => ({ ...DEFAULT_LIGHTBOX_LABELS, ...labelOverrides }), [labelOverrides]);
   const [currentIndex, setCurrentIndex] = useState(controlledIndex);
   const [zoomLevel, setZoomLevel] = useState(MIN_ZOOM);
   const [isFullscreen, setIsFullscreen] = useState(false);
@@ -6765,8 +6653,8 @@ function Lightbox({
                 /* @__PURE__ */ jsx(Typography5, { component: "span", sx: { mx: 0.5, opacity: 0.5 }, children: "/" }),
                 totalSlides
               ] }),
-              /* @__PURE__ */ jsx(Box20, { sx: { flex: 1 } }),
-              zoom && /* @__PURE__ */ jsxs(Box20, { sx: { display: "flex", alignItems: "center", gap: 0.25 }, children: [
+              /* @__PURE__ */ jsx(Box19, { sx: { flex: 1 } }),
+              zoom && /* @__PURE__ */ jsxs(Box19, { sx: { display: "flex", alignItems: "center", gap: 0.25 }, children: [
                 /* @__PURE__ */ jsx(
                   GlassButton,
                   {
@@ -6838,7 +6726,16 @@ function Lightbox({
                 }
               ),
               toolbar?.buttons,
-              /* @__PURE__ */ jsx(GlassButton, { onClick: onClose, "aria-label": labels.close, className: lightboxClasses.toolbarButton, size: "small", children: /* @__PURE__ */ jsx(CloseIcon3, { fontSize: "small" }) })
+              /* @__PURE__ */ jsx(
+                GlassButton,
+                {
+                  onClick: onClose,
+                  "aria-label": labels.close,
+                  className: lightboxClasses.toolbarButton,
+                  size: "small",
+                  children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "small" })
+                }
+              )
             ]
           }
         ),
@@ -6988,7 +6885,7 @@ function Lightbox({
                   }
                 ),
                 isThumbVideo && /* @__PURE__ */ jsx(
-                  Box20,
+                  Box19,
                   {
                     sx: {
                       position: "absolute",
@@ -6998,7 +6895,7 @@ function Lightbox({
                       justifyContent: "center",
                       bgcolor: alpha(theme.palette.common.black, 0.35)
                     },
-                    children: /* @__PURE__ */ jsx(PlayArrowIcon, { sx: { fontSize: 18, color: "common.white", opacity: 0.9 } })
+                    children: /* @__PURE__ */ jsx(PlayIcon, { sx: { fontSize: 18, color: "common.white", opacity: 0.9 } })
                   }
                 )
               ]
@@ -7018,8 +6915,8 @@ function Lightbox({
                 /* @__PURE__ */ jsx(Typography5, { component: "span", sx: { mx: 0.5, opacity: 0.5 }, children: "/" }),
                 totalSlides
               ] }),
-              /* @__PURE__ */ jsx(Box20, { sx: { flex: 1 } }),
-              /* @__PURE__ */ jsx(GlassButton, { onClick: onClose, "aria-label": labels.close, size: "small", children: /* @__PURE__ */ jsx(CloseIcon3, { fontSize: "small" }) })
+              /* @__PURE__ */ jsx(Box19, { sx: { flex: 1 } }),
+              /* @__PURE__ */ jsx(GlassButton, { onClick: onClose, "aria-label": labels.close, size: "small", children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "small" }) })
             ]
           }
         )
@@ -7041,7 +6938,7 @@ var StyledDialog = styled(Dialog)(({ theme }) => ({
     backdropFilter: "blur(8px)"
   }
 }));
-var LightboxContainer = styled(Box20)({
+var LightboxContainer = styled(Box19)({
   display: "flex",
   flexDirection: "column",
   width: "100vw",
@@ -7050,7 +6947,7 @@ var LightboxContainer = styled(Box20)({
   overflow: "hidden",
   userSelect: "none"
 });
-var GlassToolbar = styled(Box20)(({ theme, placement }) => ({
+var GlassToolbar = styled(Box19)(({ theme, placement }) => ({
   display: "flex",
   alignItems: "center",
   gap: theme.spacing(0.5),
@@ -7097,7 +6994,7 @@ var CounterChip = styled(Typography5)(({ theme }) => ({
   alignItems: "center",
   letterSpacing: "0.02em"
 }));
-var SlideContainer = styled(Box20)({
+var SlideContainer = styled(Box19)({
   flex: 1,
   display: "flex",
   alignItems: "center",
@@ -7105,7 +7002,7 @@ var SlideContainer = styled(Box20)({
   position: "relative",
   overflow: "hidden"
 });
-var SlideLayer = styled(Box20)({
+var SlideLayer = styled(Box19)({
   position: "absolute",
   inset: 0,
   display: "flex",
@@ -7113,7 +7010,7 @@ var SlideLayer = styled(Box20)({
   justifyContent: "center",
   willChange: "opacity, transform"
 });
-var LoadingOverlay = styled(Box20)({
+var LoadingOverlay = styled(Box19)({
   position: "absolute",
   top: "50%",
   left: "50%",
@@ -7127,7 +7024,7 @@ var StyledImage = styled("img")({
   willChange: "transform, opacity",
   borderRadius: 2
 });
-var VideoWrapper = styled(Box20)({
+var VideoWrapper = styled(Box19)({
   position: "relative",
   display: "flex",
   alignItems: "center",
@@ -7151,7 +7048,7 @@ var StyledVideo = styled("video")(({ theme }) => ({
     fontSize: 12
   }
 }));
-var GlassCaption = styled(Box20)(({ theme }) => ({
+var GlassCaption = styled(Box19)(({ theme }) => ({
   position: "absolute",
   bottom: theme.spacing(2.5),
   left: "50%",
@@ -7198,7 +7095,7 @@ var NavArrow = styled(IconButton4)(({ theme, side }) => ({
     transform: "translateY(-50%) scale(0.95)"
   }
 }));
-var ThumbnailStrip = styled(Box20)(({ theme }) => ({
+var ThumbnailStrip = styled(Box19)(({ theme }) => ({
   display: "flex",
   gap: theme.spacing(0.75),
   padding: theme.spacing(1, 2),
@@ -7213,7 +7110,7 @@ var ThumbnailStrip = styled(Box20)(({ theme }) => ({
     display: "none"
   }
 }));
-var ThumbItem = styled(Box20)(({ theme, active }) => ({
+var ThumbItem = styled(Box19)(({ theme, active }) => ({
   flexShrink: 0,
   width: 56,
   height: 56,
@@ -7614,7 +7511,7 @@ function Carousel({
               isHorizontal,
               direction: "prev",
               sx: slotProps?.arrow,
-              children: isHorizontal ? /* @__PURE__ */ jsx(ChevronLeftIcon, {}) : /* @__PURE__ */ jsx(KeyboardArrowUpIcon, {})
+              children: isHorizontal ? /* @__PURE__ */ jsx(ChevronLeftIcon, {}) : /* @__PURE__ */ jsx(ChevronUpIcon, {})
             }
           ),
           /* @__PURE__ */ jsx(
@@ -7629,7 +7526,7 @@ function Carousel({
               isHorizontal,
               direction: "next",
               sx: slotProps?.arrow,
-              children: isHorizontal ? /* @__PURE__ */ jsx(ChevronRightIcon, {}) : /* @__PURE__ */ jsx(KeyboardArrowDownIcon, {})
+              children: isHorizontal ? /* @__PURE__ */ jsx(ChevronRightIcon, {}) : /* @__PURE__ */ jsx(ChevronDownIcon, {})
             }
           )
         ] }),
@@ -7663,24 +7560,24 @@ function Carousel({
     }
   );
 }
-var CarouselRoot = styled(Box20)({
+var CarouselRoot = styled(Box19)({
   position: "relative",
   width: "100%",
   overflow: "hidden",
   outline: "none"
 });
-var CarouselContainer = styled(Box20)({
+var CarouselContainer = styled(Box19)({
   position: "relative",
   width: "100%",
   overflow: "hidden"
 });
-var CarouselTrack = styled(Box20)({
+var CarouselTrack = styled(Box19)({
   display: "flex",
   width: "100%",
   willChange: "transform",
   userSelect: "none"
 });
-var CarouselSlide = styled(Box20)({
+var CarouselSlide = styled(Box19)({
   flexShrink: 0,
   "& > *": {
     width: "100%",
@@ -7710,7 +7607,7 @@ var ArrowButton = styled(IconButton4)(
     }
   })
 );
-var DotsContainer = styled(Box20)(({ theme, dotsPosition }) => ({
+var DotsContainer = styled(Box19)(({ theme, dotsPosition }) => ({
   display: "flex",
   gap: theme.spacing(1),
   position: "absolute",
@@ -7995,7 +7892,7 @@ function getNavCssVars(theme, variant) {
 }
 function Nav({ className, sx, ref, ...other }) {
   return /* @__PURE__ */ jsx(
-    Box20,
+    Box19,
     {
       component: "nav",
       ref,
@@ -8014,7 +7911,7 @@ function Nav({ className, sx, ref, ...other }) {
 }
 function NavUl({ className, sx, ref, ...other }) {
   return /* @__PURE__ */ jsx(
-    Box20,
+    Box19,
     {
       component: "ul",
       ref,
@@ -8035,7 +7932,7 @@ function NavUl({ className, sx, ref, ...other }) {
 }
 function NavLi({ className, ref, ...other }) {
   return /* @__PURE__ */ jsx(
-    Box20,
+    Box19,
     {
       component: "li",
       ref,
@@ -8395,7 +8292,7 @@ function resolveInfo(info, render) {
   if (!info) return void 0;
   if (Array.isArray(info) && render?.navInfo) {
     const infoComponents = info.map((key) => render.navInfo?.(key));
-    return /* @__PURE__ */ jsx(Fragment, { children: infoComponents.map((comp, idx) => /* @__PURE__ */ jsx(Box20, { component: "span", children: comp && Object.values(comp)[0] }, idx)) });
+    return /* @__PURE__ */ jsx(Fragment, { children: infoComponents.map((comp, idx) => /* @__PURE__ */ jsx(Box19, { component: "span", children: comp && Object.values(comp)[0] }, idx)) });
   }
   return info;
 }
@@ -9190,7 +9087,7 @@ var SubItemLink = styled(Link, {
     color: theme.palette.text.primary
   }
 }));
-var TagsContainer = styled(Box20)(({ theme }) => ({
+var TagsContainer = styled(Box19)(({ theme }) => ({
   display: "flex",
   flexWrap: "wrap",
   gap: 8,
@@ -9324,9 +9221,9 @@ function MegaMenuList({ data, render, slotProps, slots, enabledRootRedirect }) {
                 item.title
               );
             }) }),
-            idx === 0 && data.moreLink && /* @__PURE__ */ jsx(Box20, { sx: { mt: 2 }, children: /* @__PURE__ */ jsx(MoreLink, { href: data.moreLink.path, className: megaMenuClasses.moreLink, sx: slotProps?.moreLink, children: data.moreLink.title }) })
+            idx === 0 && data.moreLink && /* @__PURE__ */ jsx(Box19, { sx: { mt: 2 }, children: /* @__PURE__ */ jsx(MoreLink, { href: data.moreLink.path, className: megaMenuClasses.moreLink, sx: slotProps?.moreLink, children: data.moreLink.title }) })
           ] }, section.subheader ?? idx)) }),
-          data.tags && data.tags.length > 0 && /* @__PURE__ */ jsx(Box20, { sx: { px: "var(--nav-dropdown-padding)", pb: "var(--nav-dropdown-padding)" }, children: /* @__PURE__ */ jsx(TagsContainer, { className: megaMenuClasses.tags, sx: slotProps?.tags, children: data.tags.map((tag) => /* @__PURE__ */ jsx(Tag, { href: tag.path, children: tag.title }, tag.title)) }) }),
+          data.tags && data.tags.length > 0 && /* @__PURE__ */ jsx(Box19, { sx: { px: "var(--nav-dropdown-padding)", pb: "var(--nav-dropdown-padding)" }, children: /* @__PURE__ */ jsx(TagsContainer, { className: megaMenuClasses.tags, sx: slotProps?.tags, children: data.tags.map((tag) => /* @__PURE__ */ jsx(Tag, { href: tag.path, children: tag.title }, tag.title)) }) }),
           slots?.bottomArea
         ]
       }
@@ -9559,7 +9456,7 @@ function MegaMenuList2({ data, render, slotProps, slots, enabledRootRedirect })
         disableRestoreFocus: true,
         children: [
           slots?.topArea,
-          /* @__PURE__ */ jsx(DropdownContent2, { elevation: 0, className: megaMenuClasses.dropdown, children: data.children?.map((section, idx) => /* @__PURE__ */ jsxs(Box20, { children: [
+          /* @__PURE__ */ jsx(DropdownContent2, { elevation: 0, className: megaMenuClasses.dropdown, children: data.children?.map((section, idx) => /* @__PURE__ */ jsxs(Box19, { children: [
             section.subheader && /* @__PURE__ */ jsx(SectionHeader2, { className: megaMenuClasses.subheader, children: section.subheader }),
             /* @__PURE__ */ jsx(Stack, { spacing: 0.5, children: section.items.map((item) => {
               const itemActive = isActiveLink(pathname, item.path);
@@ -9701,7 +9598,7 @@ var ArrowIcon4 = styled("span")(({ open }) => ({
     transform: "rotate(-45deg)"
   }
 }));
-var CollapseContent = styled(Box20)(({ theme }) => ({
+var CollapseContent = styled(Box19)(({ theme }) => ({
   padding: "8px 0",
   paddingLeft: 40,
   backgroundColor: theme.palette.background.neutral
@@ -9784,7 +9681,7 @@ function MegaMenuList3({ data, render, slotProps, enabledRootRedirect }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx(Collapse, { in: open, unmountOnExit: true, children: /* @__PURE__ */ jsx(CollapseContent, { children: data.children?.map((section, idx) => /* @__PURE__ */ jsxs(Box20, { children: [
+    /* @__PURE__ */ jsx(Collapse, { in: open, unmountOnExit: true, children: /* @__PURE__ */ jsx(CollapseContent, { children: data.children?.map((section, idx) => /* @__PURE__ */ jsxs(Box19, { children: [
       section.subheader && /* @__PURE__ */ jsx(SectionHeader3, { className: megaMenuClasses.subheader, children: section.subheader }),
       /* @__PURE__ */ jsx(Stack, { children: section.items.map((item) => {
         const itemActive = isActiveLink(pathname, item.path);
@@ -9837,1186 +9734,6 @@ function MegaMenuMobile({
     }
   );
 }
-var ScrollSpyContext = createContext({
-  activeId: null,
-  registerSection: () => {
-  },
-  unregisterSection: () => {
-  }
-});
-function useScrollSpy() {
-  return useContext(ScrollSpyContext);
-}
-function ScrollSpyProvider({
-  children,
-  offset = 80,
-  root = null,
-  headingSelector = "h1[id], h2[id], h3[id], h4[id], h5[id], h6[id]",
-  containerRef
-}) {
-  const [activeId, setActiveId] = useState(null);
-  const sectionsRef = useRef(/* @__PURE__ */ new Map());
-  const observerRef = useRef(null);
-  const wrapperRef = useRef(null);
-  const createObserver = useCallback(() => {
-    observerRef.current?.disconnect();
-    const observer = new IntersectionObserver(
-      (entries) => {
-        const visible = entries.filter((e) => e.isIntersecting).sort((a, b) => a.boundingClientRect.top - b.boundingClientRect.top);
-        if (visible.length > 0) {
-          setActiveId(visible[0].target.id);
-        }
-      },
-      {
-        root,
-        rootMargin: `-${offset}px 0px -60% 0px`,
-        threshold: 0
-      }
-    );
-    sectionsRef.current.forEach((element) => observer.observe(element));
-    observerRef.current = observer;
-  }, [offset, root]);
-  useEffect(() => {
-    if (!headingSelector) return void 0;
-    const timer = setTimeout(() => {
-      const container = containerRef?.current ?? wrapperRef.current;
-      if (!container) return;
-      const headings = container.querySelectorAll(headingSelector);
-      headings.forEach((heading) => {
-        if (heading.id) {
-          sectionsRef.current.set(heading.id, heading);
-        }
-      });
-      createObserver();
-    }, 100);
-    return () => {
-      clearTimeout(timer);
-      observerRef.current?.disconnect();
-    };
-  }, [headingSelector, containerRef, createObserver]);
-  useEffect(() => {
-    if (!headingSelector) return void 0;
-    const container = containerRef?.current ?? wrapperRef.current;
-    if (!container) return void 0;
-    const mutationObserver = new MutationObserver(() => {
-      const headings = container.querySelectorAll(headingSelector);
-      let changed = false;
-      headings.forEach((heading) => {
-        if (heading.id && !sectionsRef.current.has(heading.id)) {
-          sectionsRef.current.set(heading.id, heading);
-          changed = true;
-        }
-      });
-      if (changed) {
-        createObserver();
-      }
-    });
-    mutationObserver.observe(container, { childList: true, subtree: true });
-    return () => mutationObserver.disconnect();
-  }, [headingSelector, containerRef, createObserver]);
-  const registerSection = useCallback((id, element) => {
-    sectionsRef.current.set(id, element);
-    observerRef.current?.observe(element);
-  }, []);
-  const unregisterSection = useCallback((id) => {
-    const element = sectionsRef.current.get(id);
-    if (element) observerRef.current?.unobserve(element);
-    sectionsRef.current.delete(id);
-  }, []);
-  return /* @__PURE__ */ jsx(ScrollSpyContext.Provider, { value: { activeId, registerSection, unregisterSection }, children: /* @__PURE__ */ jsx("div", { ref: wrapperRef, children }) });
-}
-function ScrollSpySection({ id, children, sx }) {
-  const ref = useRef(null);
-  const { registerSection, unregisterSection } = useScrollSpy();
-  useEffect(() => {
-    const element = ref.current;
-    if (!element) return void 0;
-    registerSection(id, element);
-    return () => unregisterSection(id);
-  }, [id, registerSection, unregisterSection]);
-  return /* @__PURE__ */ jsx(Box20, { ref, id, sx, children });
-}
-function DocLayout({ sidebar, sectionNav, children, sx }) {
-  return /* @__PURE__ */ jsxs(
-    Box20,
-    {
-      sx: {
-        display: "flex",
-        width: "100%",
-        ...sx
-      },
-      children: [
-        sidebar && /* @__PURE__ */ jsx(
-          Box20,
-          {
-            component: "nav",
-            sx: {
-              width: 272,
-              flexShrink: 0,
-              display: { xs: "none", md: "block" },
-              position: "sticky",
-              top: 80,
-              alignSelf: "flex-start",
-              maxHeight: "calc(100vh - 100px)",
-              overflowY: "auto",
-              pr: 3,
-              borderRight: 1,
-              borderColor: "divider"
-            },
-            children: sidebar
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Box20,
-          {
-            component: "main",
-            sx: {
-              flex: 1,
-              minWidth: 0,
-              px: { xs: 2, md: 4 }
-            },
-            children
-          }
-        ),
-        sectionNav && /* @__PURE__ */ jsx(
-          Box20,
-          {
-            component: "aside",
-            sx: {
-              width: 240,
-              flexShrink: 0,
-              display: { xs: "none", lg: "block" },
-              position: "sticky",
-              top: 80,
-              alignSelf: "flex-start",
-              maxHeight: "calc(100vh - 100px)",
-              overflowY: "auto",
-              pl: 3
-            },
-            children: sectionNav
-          }
-        )
-      ]
-    }
-  );
-}
-var MAX_LABEL_LINES = 2;
-var useIsoLayoutEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
-function DocSidebar({ items, activeId, onItemClick, title }) {
-  return /* @__PURE__ */ jsxs(Box20, { children: [
-    title && /* @__PURE__ */ jsx(
-      Typography5,
-      {
-        variant: "subtitle2",
-        sx: {
-          px: 1.5,
-          pt: 0.5,
-          pb: 2,
-          fontWeight: 700,
-          fontSize: "0.8125rem",
-          color: "text.secondary",
-          letterSpacing: "0.01em"
-        },
-        children: title
-      }
-    ),
-    /* @__PURE__ */ jsx(List2, { dense: true, disablePadding: true, children: items.map((item) => /* @__PURE__ */ jsx(SidebarNode, { item, activeId, onItemClick, depth: 0 }, item.id)) })
-  ] });
-}
-function SidebarNode({
-  item,
-  activeId,
-  onItemClick,
-  depth
-}) {
-  const hasChildren = item.children && item.children.length > 0;
-  const isActive = activeId === item.id;
-  const [open, setOpen] = useState(true);
-  const isCategory = hasChildren && !item.href;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      ListItemButton,
-      {
-        selected: isActive,
-        onClick: () => {
-          if (hasChildren) setOpen(!open);
-          onItemClick?.(item);
-        },
-        sx: {
-          pl: 1.5 + depth * 1.5,
-          pr: 1,
-          py: isCategory ? 0.75 : 0.5,
-          borderRadius: 1,
-          mx: 0.5,
-          mb: 0.25,
-          minHeight: 0,
-          alignItems: "flex-start",
-          ...isCategory && {
-            mt: depth === 0 ? 1 : 0.5
-          },
-          ...isActive && {
-            bgcolor: (theme) => alpha(theme.palette.primary.main, 0.08),
-            color: "primary.main"
-          }
-        },
-        children: /* @__PURE__ */ jsx(
-          SidebarLabel,
-          {
-            label: item.label,
-            sx: {
-              fontWeight: isCategory ? 600 : isActive ? 600 : 400,
-              fontSize: "0.8125rem",
-              ...isCategory && { color: "text.primary" }
-            }
-          }
-        )
-      }
-    ),
-    hasChildren && /* @__PURE__ */ jsx(Collapse, { in: open, children: /* @__PURE__ */ jsx(List2, { dense: true, disablePadding: true, children: item.children.map((child) => /* @__PURE__ */ jsx(
-      SidebarNode,
-      {
-        item: child,
-        activeId,
-        onItemClick,
-        depth: depth + 1
-      },
-      child.id
-    )) }) })
-  ] });
-}
-function SidebarLabel({ label, sx }) {
-  const ref = useRef(null);
-  const [isOverflowing, setIsOverflowing] = useState(false);
-  useIsoLayoutEffect(() => {
-    const el = ref.current;
-    if (!el) return void 0;
-    const check = () => {
-      setIsOverflowing(el.scrollHeight > el.clientHeight + 1);
-    };
-    check();
-    if (typeof ResizeObserver === "undefined") return void 0;
-    const ro = new ResizeObserver(check);
-    ro.observe(el);
-    return () => ro.disconnect();
-  }, [label]);
-  const text = /* @__PURE__ */ jsx(
-    Typography5,
-    {
-      ref,
-      component: "span",
-      variant: "body2",
-      sx: {
-        display: "-webkit-box",
-        WebkitBoxOrient: "vertical",
-        WebkitLineClamp: MAX_LABEL_LINES,
-        overflow: "hidden",
-        wordBreak: "break-word",
-        lineHeight: 1.35,
-        // The flex parent (ListItemButton) needs `minWidth: 0`
-        // on the child for the ellipsis to take effect; do it
-        // here so the consumer doesn't have to reach in.
-        minWidth: 0,
-        flex: 1,
-        ...sx
-      },
-      children: label
-    }
-  );
-  if (!isOverflowing) return text;
-  return /* @__PURE__ */ jsx(
-    Tooltip2,
-    {
-      title: label,
-      placement: "right",
-      arrow: true,
-      enterDelay: 300,
-      enterNextDelay: 150,
-      disableInteractive: true,
-      children: text
-    }
-  );
-}
-function DocSectionNav({ headings, title = "On this page" }) {
-  const { activeId } = useScrollSpy();
-  const handleClick = useCallback((e, id) => {
-    e.preventDefault();
-    const element = document.getElementById(id);
-    if (element) {
-      element.scrollIntoView({ behavior: "smooth", block: "start" });
-      window.history.replaceState(null, "", `#${id}`);
-    }
-  }, []);
-  if (headings.length === 0) return null;
-  return /* @__PURE__ */ jsxs(Box20, { children: [
-    /* @__PURE__ */ jsx(
-      Typography5,
-      {
-        variant: "overline",
-        sx: {
-          display: "block",
-          mb: 2,
-          color: "text.secondary",
-          fontSize: "0.6875rem",
-          fontWeight: 700,
-          letterSpacing: "0.08em"
-        },
-        children: title
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Box20,
-      {
-        component: "nav",
-        sx: {
-          position: "relative",
-          borderLeft: 1,
-          borderColor: "divider"
-        },
-        children: headings.map((heading) => {
-          const isActive = activeId === heading.id;
-          const indent = (heading.level - 2) * 1.5;
-          return /* @__PURE__ */ jsx(
-            Box20,
-            {
-              component: "a",
-              href: `#${heading.id}`,
-              onClick: (e) => handleClick(e, heading.id),
-              sx: {
-                display: "block",
-                py: 0.75,
-                pl: indent + 2,
-                pr: 1,
-                ml: "-1px",
-                fontSize: "0.8125rem",
-                lineHeight: 1.5,
-                textDecoration: "none",
-                color: isActive ? "primary.main" : "text.disabled",
-                fontWeight: isActive ? 600 : 400,
-                borderLeft: 2,
-                borderColor: isActive ? "primary.main" : "transparent",
-                transition: "color 0.2s ease, border-color 0.2s ease",
-                cursor: "pointer",
-                "&:hover": {
-                  color: isActive ? "primary.main" : "text.primary",
-                  backgroundColor: (theme) => alpha(theme.palette.action.hover, 0.04),
-                  borderRadius: "0 6px 6px 0"
-                }
-              },
-              children: heading.text
-            },
-            heading.id
-          );
-        })
-      }
-    )
-  ] });
-}
-
-// src/components/content-renderer/classes.ts
-var PREFIX = "prism-content";
-var contentClasses = {
-  root: `${PREFIX}__root`,
-  compact: `${PREFIX}__compact`,
-  tiptap: `${PREFIX}__tiptap`,
-  markdown: `${PREFIX}__markdown`,
-  image: `${PREFIX}__image`,
-  link: `${PREFIX}__link`,
-  checkbox: `${PREFIX}__checkbox`,
-  codeBlock: `${PREFIX}__code-block`,
-  codeBlockTitle: `${PREFIX}__code-block-title`,
-  codeBlockCopy: `${PREFIX}__code-block-copy`,
-  codeBlockHighlight: `${PREFIX}__code-block-highlight`,
-  codeInline: `${PREFIX}__code-inline`,
-  spoiler: `${PREFIX}__spoiler`,
-  admonition: `${PREFIX}__admonition`,
-  admonitionNote: `${PREFIX}__admonition-note`,
-  admonitionTip: `${PREFIX}__admonition-tip`,
-  admonitionWarning: `${PREFIX}__admonition-warning`,
-  admonitionDanger: `${PREFIX}__admonition-danger`,
-  admonitionInfo: `${PREFIX}__admonition-info`,
-  admonitionCaution: `${PREFIX}__admonition-caution`,
-  admonitionTitle: `${PREFIX}__admonition-title`,
-  admonitionContent: `${PREFIX}__admonition-content`,
-  tabs: `${PREFIX}__tabs`,
-  tabsHeader: `${PREFIX}__tabs-header`,
-  tabsTab: `${PREFIX}__tabs-tab`,
-  tabsTabActive: `${PREFIX}__tabs-tab-active`,
-  tabsPanel: `${PREFIX}__tabs-panel`,
-  figure: `${PREFIX}__figure`,
-  figcaption: `${PREFIX}__figcaption`,
-  kbd: `${PREFIX}__kbd`
-};
-
-// src/components/content-renderer/styles.ts
-var MARGIN = "0.75em";
-var CODE_FONT = "'JetBrains Mono', 'Fira Code', 'Cascadia Code', Menlo, Monaco, 'Courier New', monospace";
-var ContentRoot = styled("div")(({ theme }) => ({
-  // General spacing between adjacent elements
-  "> * + *": {
-    marginTop: 0,
-    marginBottom: MARGIN
-  },
-  // ─── Headings ───────────────────────────────────────────────
-  "& h1, & h2, & h3, & h4, & h5, & h6": {
-    scrollMarginTop: 100
-    // Account for sticky header on anchor jump
-  },
-  // Heading margins. Top margins are applied via the adjacent-sibling
-  // combinator (`* + hN`) rather than a `:first-child` reset: a heading
-  // takes its top margin ONLY when it follows another element, so a
-  // heading at the very top of its container carries none. This is
-  // SSR-safe (avoids Emotion's `:first-child` warning) and yields the
-  // same result the previous `& > :first-child:is(h1,h2,h3)` reset did.
-  h1: { ...theme.typography.h1, marginTop: 0, marginBottom: 12 },
-  h2: { ...theme.typography.h2, marginTop: 0, marginBottom: 12 },
-  h3: { ...theme.typography.h3, marginTop: 0, marginBottom: 8 },
-  h4: { ...theme.typography.h4, marginTop: 0, marginBottom: 8 },
-  h5: { ...theme.typography.h5, marginTop: 0, marginBottom: 8 },
-  h6: { ...theme.typography.h6, marginTop: 0, marginBottom: 8 },
-  "& * + h1, & * + h2": { marginTop: 40 },
-  "& * + h3": { marginTop: 32 },
-  "& * + h4, & * + h5, & * + h6": { marginTop: 24 },
-  // ─── Paragraph ──────────────────────────────────────────────
-  p: {
-    ...theme.typography.body1,
-    marginBottom: "1.25rem",
-    lineHeight: 1.8
-  },
-  // ─── Horizontal rule ───────────────────────────────────────
-  hr: {
-    flexShrink: 0,
-    borderWidth: 0,
-    margin: "2em 0",
-    borderStyle: "solid",
-    borderBottomWidth: "thin",
-    borderColor: theme.palette.divider
-  },
-  // ─── Images ─────────────────────────────────────────────────
-  [`& .${contentClasses.image}`]: {
-    width: "100%",
-    height: "auto",
-    maxWidth: "100%",
-    margin: "auto auto 1.25em",
-    borderRadius: Number(theme.shape.borderRadius) * 2
-  },
-  // Plain img fallback
-  "& img:not([class])": {
-    maxWidth: "100%",
-    height: "auto",
-    borderRadius: Number(theme.shape.borderRadius) * 2,
-    marginBottom: "1.25em"
-  },
-  // ─── Links ──────────────────────────────────────────────────
-  "& a": {
-    color: theme.palette.primary.main,
-    textDecoration: "none",
-    "&:hover": {
-      textDecoration: "underline"
-    }
-  },
-  // ─── Lists ──────────────────────────────────────────────────
-  "& ul": {
-    listStyleType: "disc"
-  },
-  "& ul, & ol": {
-    paddingLeft: 24,
-    marginBottom: "1.25rem",
-    "& > li": {
-      lineHeight: 2,
-      // Markdown wraps every list-item body in a `<p>`. With
-      // `display: inline-block` (the previous setting), Chromium
-      // refuses to render the `<li>`'s ::marker at all — the
-      // disc/decimal vanishes and the list looks like a series of
-      // bullet-less paragraphs. `display: inline` collapses the
-      // `<p>` into inline flow so the marker positions normally;
-      // `margin: 0` keeps the LI height tight against the marker
-      // baseline. Multi-paragraph list items (rare here, but
-      // possible) still render — subsequent `<p>` siblings get a
-      // line break by the inline-flow rules.
-      "& > p": {
-        margin: 0,
-        display: "inline"
-      }
-    }
-  },
-  // Nested lists
-  "& ul ul, & ol ol, & ul ol, & ol ul": {
-    marginBottom: 0
-  },
-  // ─── Task list (TipTap taskList / GFM checkboxes) ──────────
-  '& ul[data-type="taskList"]': {
-    listStyle: "none",
-    paddingLeft: 4,
-    "& li": {
-      display: "flex",
-      alignItems: "flex-start",
-      gap: 8,
-      "& > label": {
-        marginTop: 4
-      }
-    }
-  },
-  // ─── Blockquote ─────────────────────────────────────────────
-  "& blockquote": {
-    lineHeight: 1.6,
-    fontSize: "1em",
-    margin: "24px 0",
-    position: "relative",
-    padding: theme.spacing(2.5, 3, 2.5, 7),
-    color: theme.palette.text.secondary,
-    borderLeft: `4px solid ${theme.palette.primary.main}`,
-    borderRadius: Number(theme.shape.borderRadius) * 2,
-    backgroundColor: alpha(theme.palette.primary.main, 0.04),
-    "& p": {
-      margin: 0,
-      fontSize: "inherit"
-    },
-    "& p + p": {
-      marginTop: 8
-    },
-    "&::before": {
-      left: 16,
-      top: 8,
-      display: "block",
-      fontSize: "2.5em",
-      content: '"\\201C"',
-      position: "absolute",
-      color: alpha(theme.palette.primary.main, 0.3),
-      lineHeight: 1
-    }
-  },
-  // ─── Inline code ────────────────────────────────────────────
-  [`& .${contentClasses.codeInline}`]: {
-    padding: theme.spacing(0.25, 0.75),
-    color: theme.palette.text.secondary,
-    fontSize: theme.typography.body2.fontSize,
-    borderRadius: Number(theme.shape.borderRadius) / 2,
-    backgroundColor: alpha(theme.palette.grey[500], 0.2),
-    fontFamily: CODE_FONT
-  },
-  // Fallback for code not inside pre
-  "& :not(pre) > code:not([class])": {
-    padding: theme.spacing(0.25, 0.75),
-    color: theme.palette.text.secondary,
-    fontSize: theme.typography.body2.fontSize,
-    borderRadius: Number(theme.shape.borderRadius) / 2,
-    backgroundColor: alpha(theme.palette.grey[500], 0.2),
-    fontFamily: CODE_FONT
-  },
-  // ─── Code block ─────────────────────────────────────────────
-  [`& .${contentClasses.codeBlock}`]: {
-    position: "relative",
-    marginBottom: "1.25rem",
-    "& pre": {
-      overflowX: "auto",
-      padding: theme.spacing(3),
-      color: theme.palette.common.white,
-      borderRadius: Number(theme.shape.borderRadius) * 1.5,
-      fontFamily: CODE_FONT,
-      fontSize: theme.typography.body2.fontSize,
-      lineHeight: 1.7,
-      backgroundColor: theme.palette.grey[900],
-      ...theme.palette.mode === "dark" && {
-        backgroundColor: alpha(theme.palette.grey[800], 0.9)
-      },
-      "& code": {
-        fontSize: "inherit",
-        fontFamily: "inherit",
-        backgroundColor: "transparent",
-        padding: 0,
-        borderRadius: 0,
-        color: "inherit"
-      }
-    }
-  },
-  // Fallback for bare pre blocks
-  "& pre:not([class])": {
-    overflowX: "auto",
-    padding: theme.spacing(3),
-    color: theme.palette.common.white,
-    borderRadius: Number(theme.shape.borderRadius) * 1.5,
-    fontFamily: CODE_FONT,
-    fontSize: theme.typography.body2.fontSize,
-    lineHeight: 1.7,
-    backgroundColor: theme.palette.grey[900],
-    marginBottom: "1.25rem",
-    ...theme.palette.mode === "dark" && {
-      backgroundColor: alpha(theme.palette.grey[800], 0.9)
-    },
-    "& code": {
-      fontSize: "inherit",
-      fontFamily: "inherit",
-      backgroundColor: "transparent",
-      padding: 0,
-      color: "inherit"
-    }
-  },
-  // ─── Table ──────────────────────────────────────────────────
-  "& table": {
-    width: "100%",
-    borderCollapse: "collapse",
-    fontSize: theme.typography.body2.fontSize,
-    border: `1px solid ${theme.palette.divider}`,
-    marginBottom: "1.25rem",
-    "& th, & td": {
-      padding: theme.spacing(1, 1.5),
-      border: `1px solid ${theme.palette.divider}`,
-      verticalAlign: "top"
-    },
-    "& th": {
-      fontWeight: 700,
-      backgroundColor: alpha(theme.palette.grey[500], 0.08)
-    },
-    // Zebra rows. `:nth-of-type` (not `:nth-child`) is SSR-safe and
-    // exactly equivalent here — a `<tbody>` contains only `<tr>`
-    // children, so type-position and child-position coincide.
-    "& tbody tr:nth-of-type(odd)": {
-      backgroundColor: alpha(theme.palette.grey[500], 0.04)
-    }
-  },
-  // ─── Checkbox (GFM task lists) ──────────────────────────────
-  [`& .${contentClasses.checkbox}`]: {
-    cursor: "pointer",
-    position: "relative",
-    "&:before": {
-      content: '""',
-      top: -2,
-      left: -2,
-      width: 17,
-      height: 17,
-      borderRadius: 3,
-      position: "absolute",
-      backgroundColor: theme.palette.grey[300],
-      ...theme.palette.mode === "dark" && {
-        backgroundColor: theme.palette.grey[700]
-      }
-    },
-    "&:checked": {
-      "&:before": {
-        backgroundColor: theme.palette.primary.main
-      },
-      "&:after": {
-        top: 1,
-        left: 5,
-        width: 4,
-        height: 9,
-        content: '""',
-        position: "absolute",
-        borderStyle: "solid",
-        transform: "rotate(45deg)",
-        borderWidth: "0 2px 2px 0",
-        borderColor: theme.palette.common.white
-      }
-    }
-  },
-  // ─── Details / Summary ──────────────────────────────────────
-  "& details": {
-    marginBottom: "1rem",
-    "& summary": {
-      cursor: "pointer",
-      fontWeight: 600,
-      marginBottom: 8
-    }
-  },
-  // ─── Definition list ────────────────────────────────────────
-  "& dl": {
-    marginBottom: "1.25rem",
-    "& dt": {
-      fontWeight: 700,
-      marginTop: 12
-    },
-    "& dd": {
-      marginLeft: 24,
-      marginBottom: 4
-    }
-  },
-  // ─── Kbd (keyboard shortcut) ────────────────────────────────
-  "& kbd": {
-    display: "inline-block",
-    padding: theme.spacing(0.25, 0.5),
-    fontSize: "0.8em",
-    fontFamily: CODE_FONT,
-    borderRadius: 4,
-    border: `1px solid ${theme.palette.divider}`,
-    boxShadow: `0 1px 0 ${alpha(theme.palette.grey[500], 0.1)}`,
-    backgroundColor: alpha(theme.palette.grey[500], 0.06)
-  },
-  // ─── Mark (highlight) ──────────────────────────────────────
-  "& mark": {
-    padding: theme.spacing(0, 0.5),
-    borderRadius: 2,
-    backgroundColor: alpha(theme.palette.warning.main, 0.3)
-  },
-  // ─── Sup / Sub ──────────────────────────────────────────────
-  "& sup, & sub": {
-    fontSize: "0.75em"
-  },
-  // ─── Spoiler (||hidden text||) ────────────────────────────
-  [`& .${contentClasses.spoiler}`]: {
-    backgroundColor: theme.palette.text.primary,
-    color: theme.palette.text.primary,
-    borderRadius: 4,
-    padding: theme.spacing(0, 0.5),
-    cursor: "pointer",
-    transition: "all 0.15s ease",
-    userSelect: "none",
-    '&:hover, &[data-revealed="true"]': {
-      backgroundColor: "transparent",
-      color: "inherit",
-      userSelect: "auto"
-    }
-  },
-  // ─── Admonition (callout) ─────────────────────────────────
-  [`& .${contentClasses.admonition}`]: {
-    margin: theme.spacing(2, 0),
-    padding: theme.spacing(1.5, 2),
-    borderRadius: theme.shape.borderRadius,
-    borderLeft: `4px solid ${theme.palette.divider}`,
-    backgroundColor: alpha(theme.palette.text.primary, 0.04),
-    "& > :last-child": { marginBottom: 0 }
-  },
-  [`& .${contentClasses.admonitionTitle}`]: {
-    fontWeight: 600,
-    textTransform: "uppercase",
-    fontSize: "0.75rem",
-    letterSpacing: "0.05em",
-    marginBottom: theme.spacing(0.75),
-    opacity: 0.85
-  },
-  [`& .${contentClasses.admonitionContent}`]: {
-    "& p:last-child": { marginBottom: 0 }
-  },
-  [`& .${contentClasses.admonitionNote}`]: {
-    borderLeftColor: theme.palette.text.secondary,
-    backgroundColor: alpha(theme.palette.text.primary, 0.04)
-  },
-  [`& .${contentClasses.admonitionTip}`]: {
-    borderLeftColor: theme.palette.success.main,
-    backgroundColor: alpha(theme.palette.success.main, 0.08)
-  },
-  [`& .${contentClasses.admonitionWarning}`]: {
-    borderLeftColor: theme.palette.warning.main,
-    backgroundColor: alpha(theme.palette.warning.main, 0.08)
-  },
-  [`& .${contentClasses.admonitionDanger}`]: {
-    borderLeftColor: theme.palette.error.main,
-    backgroundColor: alpha(theme.palette.error.main, 0.08)
-  },
-  [`& .${contentClasses.admonitionInfo}`]: {
-    borderLeftColor: theme.palette.info.main,
-    backgroundColor: alpha(theme.palette.info.main, 0.08)
-  },
-  [`& .${contentClasses.admonitionCaution}`]: {
-    borderLeftColor: theme.palette.warning.dark,
-    backgroundColor: alpha(theme.palette.warning.dark, 0.08)
-  },
-  // ─── Tabs ───────────────────────────────────────────────────
-  [`& .${contentClasses.tabs}`]: {
-    margin: theme.spacing(2, 0),
-    border: `1px solid ${theme.palette.divider}`,
-    borderRadius: theme.shape.borderRadius,
-    overflow: "hidden"
-  },
-  [`& .${contentClasses.tabsHeader}`]: {
-    display: "flex",
-    gap: 0,
-    borderBottom: `1px solid ${theme.palette.divider}`,
-    backgroundColor: alpha(theme.palette.text.primary, 0.03)
-  },
-  [`& .${contentClasses.tabsTab}`]: {
-    appearance: "none",
-    background: "transparent",
-    border: "none",
-    padding: theme.spacing(1, 2),
-    fontFamily: "inherit",
-    fontSize: "0.8125rem",
-    fontWeight: 500,
-    color: theme.palette.text.secondary,
-    cursor: "pointer",
-    borderBottom: "2px solid transparent",
-    transition: "all 0.15s ease",
-    "&:hover": { color: theme.palette.text.primary }
-  },
-  [`& .${contentClasses.tabsTabActive}`]: {
-    color: theme.palette.text.primary,
-    borderBottomColor: theme.palette.primary.main
-  },
-  [`& .${contentClasses.tabsPanel}`]: {
-    padding: theme.spacing(2),
-    // No `:first-child` reset needed: headings only take a top margin
-    // when preceded by a sibling (see heading rules above) and
-    // paragraphs carry only a bottom margin, so the panel's first
-    // child never has an excess top margin. (SSR-safe.)
-    "& > :last-child": { marginBottom: 0 }
-  },
-  // ─── Code block — title + copy button ───────────────────────
-  [`& .${contentClasses.codeBlockTitle}`]: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    gap: theme.spacing(1),
-    padding: theme.spacing(0.75, 1.5),
-    fontSize: "0.75rem",
-    fontFamily: 'ui-monospace, "SF Mono", Menlo, Consolas, monospace',
-    color: theme.palette.text.secondary,
-    backgroundColor: alpha(theme.palette.text.primary, 0.06),
-    borderTopLeftRadius: theme.shape.borderRadius,
-    borderTopRightRadius: theme.shape.borderRadius
-  },
-  [`& .${contentClasses.codeBlockCopy}`]: {
-    appearance: "none",
-    background: "transparent",
-    border: "none",
-    color: "inherit",
-    cursor: "pointer",
-    padding: theme.spacing(0.25, 0.75),
-    fontSize: "0.875rem",
-    borderRadius: theme.shape.borderRadius,
-    "&:hover": { backgroundColor: alpha(theme.palette.text.primary, 0.08) }
-  },
-  // ─── Figure ─────────────────────────────────────────────────
-  [`& .${contentClasses.figure}`]: {
-    margin: theme.spacing(2, 0),
-    textAlign: "center"
-  },
-  [`& .${contentClasses.figcaption}`]: {
-    fontSize: "0.8125rem",
-    color: theme.palette.text.secondary,
-    marginTop: theme.spacing(0.75)
-  },
-  // ─── kbd ────────────────────────────────────────────────────
-  [`& .${contentClasses.kbd}`]: {
-    display: "inline-block",
-    padding: theme.spacing(0, 0.5),
-    fontFamily: 'ui-monospace, "SF Mono", Menlo, Consolas, monospace',
-    fontSize: "0.8em",
-    color: theme.palette.text.primary,
-    border: `1px solid ${theme.palette.divider}`,
-    borderBottomWidth: 2,
-    borderRadius: 4,
-    backgroundColor: alpha(theme.palette.text.primary, 0.04),
-    boxShadow: `0 1px 0 ${alpha(theme.palette.text.primary, 0.15)}`,
-    minWidth: "1.5em",
-    textAlign: "center"
-  },
-  // ─── Compact mode (chat messages, comments, etc.) ─────────
-  [`&.${contentClasses.compact}`]: {
-    "> * + *": { marginTop: 0, marginBottom: 2 },
-    // (Dropped an SSR-unsafe `& > :first-child:not(p)` 4px top-margin
-    // tweak — cosmetically negligible in compact mode, and `:first-child`
-    // triggered Emotion's SSR warning.)
-    "& h1, & h2, & h3, & h4, & h5, & h6": { marginTop: 0, marginBottom: 2 },
-    h1: { fontSize: "1.25rem", fontWeight: 600, marginTop: 0, marginBottom: 2 },
-    h2: { fontSize: "1.125rem", fontWeight: 600, marginTop: 0, marginBottom: 2 },
-    h3: { fontSize: "1rem", fontWeight: 600, marginTop: 0, marginBottom: 2 },
-    "h4, h5, h6": { fontSize: "0.875rem", fontWeight: 600, marginTop: 0, marginBottom: 2 },
-    p: {
-      fontSize: "0.8125rem",
-      lineHeight: 1.5,
-      marginBottom: 2,
-      "&:last-child": { marginBottom: 0 }
-    },
-    hr: { margin: "4px 0" },
-    "& blockquote": {
-      margin: "4px 0",
-      padding: theme.spacing(0.5, 0, 0.5, 1.5),
-      borderRadius: 0,
-      backgroundColor: "transparent",
-      "&::before": { display: "none" }
-    },
-    "& ul, & ol": {
-      paddingLeft: 20,
-      marginBottom: 2,
-      "& > li": { lineHeight: 1.5, fontSize: "0.8125rem" }
-    },
-    "& img:not([class])": { marginBottom: 4 },
-    [`& .${contentClasses.codeBlock}`]: { marginBottom: 4 },
-    [`& .${contentClasses.codeBlock} pre, & pre:not([class])`]: {
-      padding: theme.spacing(1.5),
-      fontSize: "0.75rem",
-      lineHeight: 1.5,
-      marginBottom: 4
-    },
-    [`& .${contentClasses.codeInline}, & :not(pre) > code:not([class])`]: {
-      fontSize: "0.75rem"
-    },
-    "& table": {
-      fontSize: "0.75rem",
-      marginBottom: 4
-    }
-  }
-}));
-function isSafeHref(url) {
-  if (typeof url !== "string" || url.length === 0) return false;
-  if (/[\x00-\x1f\x7f]/.test(url)) return false;
-  if (url.startsWith("/") && !url.startsWith("//") && !url.startsWith("/\\")) return true;
-  const lower = url.toLowerCase().trimStart();
-  return lower.startsWith("http://") || lower.startsWith("https://");
-}
-function sanitizeHref(url) {
-  return isSafeHref(url) ? url : void 0;
-}
-function sanitizeEmbedSrc(url) {
-  if (typeof url !== "string") return void 0;
-  if (!isSafeHref(url)) return void 0;
-  const lower = url.toLowerCase();
-  if (lower.startsWith("https://www.youtube.com/") || lower.startsWith("https://www.youtube-nocookie.com/")) {
-    return url;
-  }
-  return void 0;
-}
-var customNodeRegistry = /* @__PURE__ */ new Map();
-function registerTipTapNode(type, component) {
-  customNodeRegistry.set(type, component);
-}
-var TipTapContext = createContext({});
-function renderMarks(text, marks = [], ctx) {
-  return marks.reduce((acc, mark) => {
-    switch (mark.type) {
-      case "bold":
-        return /* @__PURE__ */ jsx("strong", { children: acc });
-      case "italic":
-        return /* @__PURE__ */ jsx("em", { children: acc });
-      case "code":
-        return /* @__PURE__ */ jsx("code", { className: contentClasses.codeInline, children: acc });
-      case "underline":
-        return /* @__PURE__ */ jsx("u", { children: acc });
-      case "strike":
-        return /* @__PURE__ */ jsx("s", { children: acc });
-      case "link": {
-        const safeHref = sanitizeHref(mark.attrs?.href) ?? "#";
-        const Link6 = ctx?.linkComponent;
-        if (Link6 && safeHref.startsWith("/") && !safeHref.startsWith("//")) {
-          return /* @__PURE__ */ jsx(Link6, { to: safeHref, className: contentClasses.link, children: acc });
-        }
-        return /* @__PURE__ */ jsx("a", { href: safeHref, target: mark.attrs?.target ?? "_blank", rel: "noopener noreferrer", children: acc });
-      }
-      case "internalLink": {
-        const to = String(mark.attrs?.to ?? mark.attrs?.href ?? "#");
-        const Link6 = ctx?.linkComponent;
-        return Link6 ? /* @__PURE__ */ jsx(Link6, { to, className: contentClasses.link, children: acc }) : /* @__PURE__ */ jsx("a", { href: to, children: acc });
-      }
-      case "highlight":
-        return /* @__PURE__ */ jsx("mark", { style: mark.attrs?.color ? { backgroundColor: mark.attrs.color } : void 0, children: acc });
-      case "subscript":
-        return /* @__PURE__ */ jsx("sub", { children: acc });
-      case "superscript":
-        return /* @__PURE__ */ jsx("sup", { children: acc });
-      case "textStyle":
-        return /* @__PURE__ */ jsx("span", { style: { color: mark.attrs?.color }, children: acc });
-      case "kbd":
-        return /* @__PURE__ */ jsx("kbd", { className: contentClasses.kbd, children: acc });
-      default:
-        return acc;
-    }
-  }, text);
-}
-function slugify(nodes) {
-  if (!nodes) return void 0;
-  const text = nodes.map((n) => n.text ?? "").join("");
-  if (!text) return void 0;
-  return text.toLowerCase().replace(/[^a-z0-9а-яё]+/gi, "-").replace(/^-|-$/g, "");
-}
-function CodeBlock({ node }) {
-  const language = node.attrs?.language;
-  const title = node.attrs?.title;
-  const code = node.content?.map((n) => n.text ?? "").join("\n") ?? "";
-  const [copied, setCopied] = useState(false);
-  const onCopy = useCallback(() => {
-    navigator.clipboard?.writeText(code).then(
-      () => {
-        setCopied(true);
-        setTimeout(() => setCopied(false), 1500);
-      },
-      () => {
-      }
-    );
-  }, [code]);
-  return /* @__PURE__ */ jsxs("div", { className: contentClasses.codeBlock, "data-language": language ?? void 0, children: [
-    (title || language) && /* @__PURE__ */ jsxs("div", { className: contentClasses.codeBlockTitle, children: [
-      /* @__PURE__ */ jsx("span", { children: title ?? language }),
-      /* @__PURE__ */ jsx("button", { type: "button", onClick: onCopy, className: contentClasses.codeBlockCopy, "aria-label": "Copy code", children: copied ? "\u2713" : "\u29C9" })
-    ] }),
-    /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { className: language ? `language-${language}` : void 0, children: code }) })
-  ] });
-}
-var ADMONITION_LABEL = {
-  note: "Note",
-  tip: "Tip",
-  warning: "Warning",
-  danger: "Danger",
-  info: "Info",
-  caution: "Caution"
-};
-var ADMONITION_CLASS = {
-  note: contentClasses.admonitionNote,
-  tip: contentClasses.admonitionTip,
-  warning: contentClasses.admonitionWarning,
-  danger: contentClasses.admonitionDanger,
-  info: contentClasses.admonitionInfo,
-  caution: contentClasses.admonitionCaution
-};
-function Admonition({ node }) {
-  const kind = String(node.attrs?.kind ?? "note");
-  const title = node.attrs?.title ?? ADMONITION_LABEL[kind] ?? kind;
-  const variantClass = ADMONITION_CLASS[kind] ?? contentClasses.admonitionNote;
-  return /* @__PURE__ */ jsxs("aside", { className: `${contentClasses.admonition} ${variantClass}`, "data-kind": kind, children: [
-    /* @__PURE__ */ jsx("div", { className: contentClasses.admonitionTitle, children: title }),
-    /* @__PURE__ */ jsx("div", { className: contentClasses.admonitionContent, children: node.content?.map(renderNode) })
-  ] });
-}
-function Tabs2({ node }) {
-  const items = (node.content ?? []).filter((c) => c.type === "tabItem");
-  const [active, setActive] = useState(0);
-  if (items.length === 0) return null;
-  const safeActive = Math.min(active, items.length - 1);
-  return /* @__PURE__ */ jsxs("div", { className: contentClasses.tabs, children: [
-    /* @__PURE__ */ jsx("div", { className: contentClasses.tabsHeader, role: "tablist", children: items.map((item, i) => {
-      const label = item.attrs?.label ?? item.attrs?.value ?? `Tab ${i + 1}`;
-      const isActive = i === safeActive;
-      return /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          role: "tab",
-          "aria-selected": isActive,
-          className: `${contentClasses.tabsTab} ${isActive ? contentClasses.tabsTabActive : ""}`,
-          onClick: () => setActive(i),
-          children: label
-        },
-        i
-      );
-    }) }),
-    /* @__PURE__ */ jsx("div", { className: contentClasses.tabsPanel, role: "tabpanel", children: items[safeActive]?.content?.map(renderNode) })
-  ] });
-}
-function renderNode(node, index) {
-  const CustomRenderer = customNodeRegistry.get(node.type);
-  if (CustomRenderer) return /* @__PURE__ */ jsx(CustomRenderer, { node }, index);
-  switch (node.type) {
-    case "text":
-      return /* @__PURE__ */ jsx(TextNode, { node }, index);
-    case "paragraph":
-      return /* @__PURE__ */ jsx("p", { children: node.content?.map(renderNode) }, index);
-    case "heading": {
-      const level = Math.min(Math.max(node.attrs?.level ?? 2, 1), 6);
-      const Tag2 = `h${level}`;
-      const id = node.attrs?.id ?? slugify(node.content);
-      return /* @__PURE__ */ jsx(Tag2, { id, children: node.content?.map(renderNode) }, index);
-    }
-    case "bulletList":
-      return /* @__PURE__ */ jsx("ul", { children: node.content?.map(renderNode) }, index);
-    case "orderedList":
-      return /* @__PURE__ */ jsx("ol", { start: node.attrs?.start ?? 1, children: node.content?.map(renderNode) }, index);
-    case "listItem":
-      return /* @__PURE__ */ jsx("li", { children: node.content?.map(renderNode) }, index);
-    case "taskList":
-      return /* @__PURE__ */ jsx("ul", { "data-type": "taskList", children: node.content?.map(renderNode) }, index);
-    case "taskItem": {
-      const checked = node.attrs?.checked ?? false;
-      return /* @__PURE__ */ jsxs("li", { "data-type": "taskItem", "data-checked": checked, children: [
-        /* @__PURE__ */ jsx("label", { children: /* @__PURE__ */ jsx("input", { type: "checkbox", checked, readOnly: true, className: contentClasses.checkbox }) }),
-        /* @__PURE__ */ jsx("div", { children: node.content?.map(renderNode) })
-      ] }, index);
-    }
-    case "blockquote":
-      return /* @__PURE__ */ jsx("blockquote", { children: node.content?.map(renderNode) }, index);
-    case "codeBlock":
-      return /* @__PURE__ */ jsx(CodeBlock, { node }, index);
-    case "horizontalRule":
-      return /* @__PURE__ */ jsx("hr", {}, index);
-    case "image": {
-      const safeSrc = sanitizeHref(node.attrs?.src);
-      if (!safeSrc) return null;
-      return /* @__PURE__ */ jsx(
-        "img",
-        {
-          src: safeSrc,
-          alt: node.attrs?.alt ?? "",
-          title: node.attrs?.title,
-          className: contentClasses.image,
-          loading: "lazy"
-        },
-        index
-      );
-    }
-    case "figure":
-      return /* @__PURE__ */ jsx("figure", { className: contentClasses.figure, children: node.content?.map(renderNode) }, index);
-    case "figcaption":
-      return /* @__PURE__ */ jsx("figcaption", { className: contentClasses.figcaption, children: node.content?.map(renderNode) }, index);
-    case "hardBreak":
-      return /* @__PURE__ */ jsx("br", {}, index);
-    // ─── Admonition / Tabs ──────────────────────────────────
-    case "admonition":
-      return /* @__PURE__ */ jsx(Admonition, { node }, index);
-    case "tabs":
-      return /* @__PURE__ */ jsx(Tabs2, { node }, index);
-    case "tabItem":
-      return /* @__PURE__ */ jsx("section", { "data-type": "tabItem", children: node.content?.map(renderNode) }, index);
-    // ─── Table ──────────────────────────────────────────────
-    case "table":
-      return /* @__PURE__ */ jsx("div", { style: { overflowX: "auto" }, children: /* @__PURE__ */ jsx("table", { children: /* @__PURE__ */ jsx("tbody", { children: node.content?.map(renderNode) }) }) }, index);
-    case "tableRow":
-      return /* @__PURE__ */ jsx("tr", { children: node.content?.map(renderNode) }, index);
-    case "tableCell":
-      return /* @__PURE__ */ jsx("td", { colSpan: node.attrs?.colspan ?? 1, rowSpan: node.attrs?.rowspan ?? 1, children: node.content?.map(renderNode) }, index);
-    case "tableHeader":
-      return /* @__PURE__ */ jsx("th", { colSpan: node.attrs?.colspan ?? 1, rowSpan: node.attrs?.rowspan ?? 1, children: node.content?.map(renderNode) }, index);
-    // ─── Details / Summary (collapsible) ────────────────────
-    case "details":
-      return /* @__PURE__ */ jsx("details", { open: node.attrs?.open, children: node.content?.map(renderNode) }, index);
-    case "detailsSummary":
-      return /* @__PURE__ */ jsx("summary", { children: node.content?.map(renderNode) }, index);
-    case "detailsContent":
-      return /* @__PURE__ */ jsx("div", { children: node.content?.map(renderNode) }, index);
-    // ─── YouTube embed ──────────────────────────────────────
-    case "youtube": {
-      const safeSrc = sanitizeEmbedSrc(node.attrs?.src);
-      if (!safeSrc) return null;
-      return /* @__PURE__ */ jsx("div", { style: { position: "relative", paddingBottom: "56.25%", height: 0, marginBottom: "1.25rem" }, children: /* @__PURE__ */ jsx(
-        "iframe",
-        {
-          src: safeSrc,
-          title: "YouTube video",
-          allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
-          allowFullScreen: true,
-          style: {
-            position: "absolute",
-            top: 0,
-            left: 0,
-            width: "100%",
-            height: "100%",
-            border: "none",
-            borderRadius: 8
-          }
-        }
-      ) }, index);
-    }
-    default:
-      if (node.content) {
-        return /* @__PURE__ */ jsx(Fragment$1, { children: node.content.map(renderNode) }, index);
-      }
-      return null;
-  }
-}
-function TextNode({ node }) {
-  const ctx = useContext(TipTapContext);
-  return /* @__PURE__ */ jsx(Fragment$1, { children: renderMarks(node.text ?? "", node.marks, ctx) });
-}
-function TipTapRenderer({ content, className, sx, compact, linkComponent }) {
-  if (!content || !("content" in content) || !Array.isArray(content.content)) {
-    return null;
-  }
-  const ctxValue = linkComponent ? { linkComponent } : {};
-  return /* @__PURE__ */ jsx(TipTapContext.Provider, { value: ctxValue, children: /* @__PURE__ */ jsx(
-    ContentRoot,
-    {
-      className: [contentClasses.root, contentClasses.tiptap, compact && contentClasses.compact, className].filter(Boolean).join(" "),
-      sx,
-      children: content.content.map(renderNode)
-    }
-  ) });
-}
 
 // src/components/content-renderer/html-tags.ts
 var htmlTags = [
@@ -11503,7 +10220,7 @@ function DurationPicker({ value, onChange, size = "small", disabled = false, lab
       }
     }
   };
-  return /* @__PURE__ */ jsxs(Box20, { children: [
+  return /* @__PURE__ */ jsxs(Box19, { children: [
     /* @__PURE__ */ jsx(
       Typography5,
       {
@@ -11554,7 +10271,7 @@ function DurationPicker({ value, onChange, size = "small", disabled = false, lab
       }
     ),
     isCustom && /* @__PURE__ */ jsxs(
-      Box20,
+      Box19,
       {
         sx: {
           mt: 1.25,
@@ -11600,7 +10317,7 @@ function DurationPicker({ value, onChange, size = "small", disabled = false, lab
 }
 function ChangelogTimeline({ children, sx }) {
   return /* @__PURE__ */ jsx(
-    Box20,
+    Box19,
     {
       sx: {
         position: "relative",
@@ -11620,9 +10337,9 @@ function ChangelogTimeline({ children, sx }) {
   );
 }
 function ChangelogEntry({ version, date, badge, children }) {
-  return /* @__PURE__ */ jsxs(Box20, { sx: { position: "relative", pl: { xs: 5, sm: 7 }, pb: 4 }, children: [
+  return /* @__PURE__ */ jsxs(Box19, { sx: { position: "relative", pl: { xs: 5, sm: 7 }, pb: 4 }, children: [
     /* @__PURE__ */ jsx(
-      Box20,
+      Box19,
       {
         sx: {
           position: "absolute",
@@ -11671,308 +10388,7 @@ function ChangelogEntry({ version, date, badge, children }) {
     ] })
   ] });
 }
-var pmtilesProtocolRegistered = false;
-function ensurePmtilesProtocol() {
-  if (pmtilesProtocolRegistered) return;
-  const protocol = new Protocol();
-  addProtocol("pmtiles", protocol.tile);
-  pmtilesProtocolRegistered = true;
-}
-var DEFAULT_VIEWPORT = {
-  longitude: 37.6173,
-  latitude: 55.7558,
-  zoom: 4,
-  bearing: 0,
-  pitch: 0
-};
-var FALLBACK_STYLE = {
-  version: 8,
-  sources: {},
-  layers: [
-    {
-      id: "background",
-      type: "background",
-      paint: { "background-color": "#e0e0e0" }
-    }
-  ]
-};
-var Map2 = forwardRef(function MapView({
-  styleUrl,
-  viewport,
-  initialViewport,
-  onViewportChange,
-  showNavigation = true,
-  showScale = true,
-  showAttribution = true,
-  style,
-  cursor = "grab",
-  onClick,
-  children
-}, ref) {
-  const theme = useTheme();
-  useEffect(() => {
-    ensurePmtilesProtocol();
-  }, []);
-  const mapStyle = useMemo(() => {
-    if (styleUrl) return styleUrl;
-    const envUrl = typeof window !== "undefined" && window.__MAP_STYLE_URL__;
-    if (typeof envUrl === "string" && envUrl.length > 0) return envUrl;
-    return FALLBACK_STYLE;
-  }, [styleUrl]);
-  const initial = useMemo(
-    () => ({ ...DEFAULT_VIEWPORT, ...initialViewport }),
-    [initialViewport]
-  );
-  const handleMove = onViewportChange ? (e) => {
-    const v = e.viewState;
-    onViewportChange({
-      longitude: v.longitude,
-      latitude: v.latitude,
-      zoom: v.zoom,
-      bearing: v.bearing,
-      pitch: v.pitch
-    });
-  } : void 0;
-  const containerStyle = {
-    width: "100%",
-    height: 400,
-    borderRadius: theme.shape.borderRadius,
-    overflow: "hidden",
-    ...style
-  };
-  return /* @__PURE__ */ jsx("div", { style: containerStyle, children: /* @__PURE__ */ jsxs(
-    Map$1,
-    {
-      ref,
-      mapStyle,
-      ...viewport ? {
-        longitude: viewport.longitude ?? initial.longitude,
-        latitude: viewport.latitude ?? initial.latitude,
-        zoom: viewport.zoom ?? initial.zoom,
-        bearing: viewport.bearing ?? initial.bearing,
-        pitch: viewport.pitch ?? initial.pitch
-      } : {
-        initialViewState: initial
-      },
-      onMove: handleMove,
-      onClick: onClick ? (e) => onClick({ lngLat: e.lngLat }) : void 0,
-      cursor,
-      attributionControl: showAttribution ? {} : false,
-      style: { width: "100%", height: "100%" },
-      children: [
-        showNavigation && /* @__PURE__ */ jsx(NavigationControl, { position: "top-right" }),
-        showScale && /* @__PURE__ */ jsx(ScaleControl, { position: "bottom-left" }),
-        children
-      ]
-    }
-  ) });
-});
-Map2.displayName = "Map";
-function MapMarker({
-  longitude,
-  latitude,
-  color,
-  children,
-  popup,
-  anchor = "bottom",
-  onClick
-}) {
-  const theme = useTheme();
-  const [open, setOpen] = useState(false);
-  const fill = color ?? theme.palette.primary.main;
-  const handleClick = (e) => {
-    e.originalEvent?.stopPropagation?.();
-    if (popup) setOpen((v) => !v);
-    onClick?.();
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Marker,
-      {
-        longitude,
-        latitude,
-        anchor,
-        onClick: handleClick,
-        children: children ?? /* @__PURE__ */ jsxs("svg", { width: "24", height: "32", viewBox: "0 0 24 32", "aria-hidden": true, style: { display: "block" }, children: [
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              d: "M12 0C5.4 0 0 5.4 0 12c0 9 12 20 12 20s12-11 12-20C24 5.4 18.6 0 12 0z",
-              fill
-            }
-          ),
-          /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "4", fill: "#fff" })
-        ] })
-      }
-    ),
-    popup && open && /* @__PURE__ */ jsx(
-      Popup,
-      {
-        longitude,
-        latitude,
-        anchor: "top",
-        offset: [0, -32],
-        closeOnClick: false,
-        onClose: () => setOpen(false),
-        children: popup
-      }
-    )
-  ] });
-}
-function MapPointPicker({
-  value,
-  onChange,
-  initialViewport,
-  styleUrl,
-  height = 480,
-  geocodeResult,
-  geocodeLoading = false,
-  placeholder = "\u041A\u043B\u0438\u043A\u043D\u0438\u0442\u0435 \u043F\u043E \u043A\u0430\u0440\u0442\u0435, \u0447\u0442\u043E\u0431\u044B \u0432\u044B\u0431\u0440\u0430\u0442\u044C \u0442\u043E\u0447\u043A\u0443"
-}) {
-  const theme = useTheme();
-  const handleClick = useCallback(
-    (e) => onChange({ lng: e.lngLat.lng, lat: e.lngLat.lat }),
-    [onChange]
-  );
-  const handleDragEnd = useCallback(
-    (e) => {
-      onChange({ lng: e.lngLat.lng, lat: e.lngLat.lat });
-    },
-    [onChange]
-  );
-  return /* @__PURE__ */ jsxs(Stack$1, { direction: { xs: "column", md: "row" }, spacing: 2, sx: { width: "100%" }, children: [
-    /* @__PURE__ */ jsx(Box, { sx: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsx(
-      Map2,
-      {
-        styleUrl,
-        initialViewport,
-        cursor: "crosshair",
-        onClick: handleClick,
-        style: { height },
-        children: value && /* @__PURE__ */ jsx(
-          Marker,
-          {
-            longitude: value.lng,
-            latitude: value.lat,
-            anchor: "bottom",
-            draggable: true,
-            onDragEnd: handleDragEnd,
-            children: /* @__PURE__ */ jsxs("svg", { width: "24", height: "32", viewBox: "0 0 24 32", "aria-hidden": true, style: { display: "block" }, children: [
-              /* @__PURE__ */ jsx(
-                "path",
-                {
-                  d: "M12 0C5.4 0 0 5.4 0 12c0 9 12 20 12 20s12-11 12-20C24 5.4 18.6 0 12 0z",
-                  fill: theme.palette.error.main
-                }
-              ),
-              /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "4", fill: "#fff" })
-            ] })
-          }
-        )
-      }
-    ) }),
-    /* @__PURE__ */ jsx(
-      Paper$1,
-      {
-        variant: "outlined",
-        sx: {
-          width: { xs: "100%", md: 320 },
-          p: 2,
-          borderColor: theme.palette.divider,
-          bgcolor: theme.palette.background.default
-        },
-        children: value ? /* @__PURE__ */ jsxs(Stack$1, { spacing: 1.5, children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: "\u041A\u043E\u043E\u0440\u0434\u0438\u043D\u0430\u0442\u044B" }),
-          /* @__PURE__ */ jsxs(Typography, { variant: "body2", sx: { fontVariantNumeric: "tabular-nums" }, children: [
-            value.lat.toFixed(5),
-            ", ",
-            value.lng.toFixed(5)
-          ] }),
-          /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: "\u0420\u0430\u0441\u043F\u043E\u0437\u043D\u0430\u043D\u043D\u043E\u0435 \u043C\u0435\u0441\u0442\u043E" }),
-          geocodeLoading ? /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-            /* @__PURE__ */ jsx(CircularProgress$1, { size: 16 }),
-            /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: "\u0413\u0435\u043E\u043A\u043E\u0434\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u0435\u2026" })
-          ] }) : geocodeResult ? /* @__PURE__ */ jsx(Box, { children: geocodeResult }) : /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445" })
-        ] }) : /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: placeholder })
-      }
-    )
-  ] });
-}
-function MapCoverageLayer({
-  id,
-  points,
-  colorByStatus,
-  radius = 6,
-  showLabels = false
-}) {
-  const theme = useTheme();
-  const palette = useMemo(
-    () => ({
-      active: theme.palette.success.main,
-      pending: theme.palette.warning.main,
-      expired: theme.palette.text.disabled,
-      disabled: theme.palette.text.disabled,
-      retired: theme.palette.text.disabled,
-      ...colorByStatus ?? {}
-    }),
-    [theme, colorByStatus]
-  );
-  const geojson = useMemo(
-    () => ({
-      type: "FeatureCollection",
-      features: points.map((p) => ({
-        type: "Feature",
-        id: p.id,
-        geometry: {
-          type: "Point",
-          coordinates: [p.longitude, p.latitude]
-        },
-        properties: {
-          status: p.status ?? "active",
-          label: p.label ?? "",
-          color: palette[p.status ?? "active"] ?? theme.palette.primary.main
-        }
-      }))
-    }),
-    [points, palette, theme]
-  );
-  return /* @__PURE__ */ jsxs(Source, { id, type: "geojson", data: geojson, children: [
-    /* @__PURE__ */ jsx(
-      Layer,
-      {
-        id: `${id}-circles`,
-        type: "circle",
-        paint: {
-          "circle-radius": radius,
-          "circle-color": ["get", "color"],
-          "circle-stroke-color": theme.palette.background.paper,
-          "circle-stroke-width": 1.5
-        }
-      }
-    ),
-    showLabels && /* @__PURE__ */ jsx(
-      Layer,
-      {
-        id: `${id}-labels`,
-        type: "symbol",
-        minzoom: 11,
-        layout: {
-          "text-field": ["get", "label"],
-          "text-size": 11,
-          "text-offset": [0, 1.2],
-          "text-anchor": "top",
-          "text-font": ["Noto Sans Regular"]
-        },
-        paint: {
-          "text-color": theme.palette.text.primary,
-          "text-halo-color": theme.palette.background.paper,
-          "text-halo-width": 1
-        }
-      }
-    )
-  ] });
-}
 
-export { Accordion, AdminDataTable, Alert2 as Alert, AmountCell, AnimateBorder, Avatar, Badge2 as Badge, BooleanLabel, Breadcrumbs, COIN_DISPLAY_DECIMALS, COIN_WIRE_DECIMALS, Card, CardGrid, CardSection, CardSkeleton, Carousel, ChangelogEntry, ChangelogTimeline, Chart, ChartLegends, ChartLoading, CircularProgress2 as CircularProgress, CommandPalette, ConfirmDialog, ContentRenderer, ContentRoot, ContextMenu, CountBadge, CountdownRing, CountrySelect, CustomAvatarGroup, DEFAULT_CLASS_PREFIX, DEFAULT_LIGHTBOX_LABELS, DEFAULT_SPONSORED_SLOT_LABELS, DateRangeInput, DateRangePicker, DeadlineChip, DeleteDialog, DocLayout, DocSectionNav, DocSidebar, Drawer2 as Drawer, DurationPicker, FilterToolbar, FlagIcon, FormAlert, Image, ImageWithDefault, InlineAlert, Label, Lightbox, LinearProgress3 as LinearProgress, LoadingScreen, Map2 as Map, MapCoverageLayer, MapMarker, MapPointPicker, Markdown, MegaMenuHorizontal, MegaMenuMobile, MegaMenuVertical, Menu, MotionLazy, Nav, NavArrow2 as NavArrow, NavCard, NavCardGrid, NavIcon, NavInfo, NavItem, NavItemBase, NavLi, NavList, NavSectionHorizontal, NavSectionMini, NavSectionVertical, NavSubList, NavSubheader, NavTexts, NavUl, NavigationProgress, PageContent, ProgressBar, Rail, ScrollSpyProvider, ScrollSpySection, ScrollToTop, Scrollbar, SettingsDrawer, SettingsProvider, SimpleAccordion, SimpleSnackbar, Skeleton5 as Skeleton, SnackbarProvider, Spinner, SplashScreen, SponsoredSlot, StatCard, StatusChip, StatusDot, StatusLabel, Stepper, StepperActions, SvgColor, TabPanel, Table, TableSkeleton, Tabs, TagCloud, TipTapRenderer, Tooltip3 as Tooltip, VirtualList, animateBorderClasses, buildUrl, carouselClasses, chartClasses, cn, contentClasses, createClasses, createClassesObject, createComponentClasses, createIconComponent, deadlineUrgency, formatCoinAmount, formatCoinAmountList, formatDateString, formatDecimalString, fromScaledInteger, getClassPrefix, getCoinDecimals, getCoinWireDecimals, getNavCssVars, getQueryParam, hasParams, htmlToMarkdown, isActiveLink, isEqualPath, isExternalLink, isExternalUrl, isMarkdownContent, lightboxClasses, megaMenuClasses, megaMenuCssVars, mergeClasses, navSectionClasses, navSectionCssVars, parseDateString, parseQueryParams, registerTipTapNode, relativeTimeLeft, removeLastSlash, removeParams, safeReturnUrl, setClassPrefix, subtractDecimalStrings, sumDecimalStrings, toScaledInteger, useAccordion, useCarousel, useChart, useDateRangePicker, useLightbox, useMenu, useScrollSpy, useSettings, useSettingsDrawer, useSnackbar, useStepper, useTable, useTabs };
-//# sourceMappingURL=chunk-YQW43BDH.js.map
-//# sourceMappingURL=chunk-YQW43BDH.js.map
+export { Accordion, AdminDataTable, Alert2 as Alert, AmountCell, AnimateBorder, Avatar, Badge2 as Badge, BooleanLabel, Breadcrumbs, COIN_DISPLAY_DECIMALS, COIN_WIRE_DECIMALS, Card, CardGrid, CardSection, CardSkeleton, Carousel, ChangelogEntry, ChangelogTimeline, Chart, ChartLegends, ChartLoading, CircularProgress2 as CircularProgress, CommandPalette, ConfirmDialog, ContentRenderer, ContextMenu, CountBadge, CountdownRing, CountrySelect, CustomAvatarGroup, DEFAULT_CLASS_PREFIX, DEFAULT_LIGHTBOX_LABELS, DEFAULT_SPONSORED_SLOT_LABELS, DateRangeInput, DateRangePicker, DeadlineChip, DeleteDialog, Drawer2 as Drawer, DurationPicker, FilterToolbar, FlagIcon, FormAlert, Image, ImageWithDefault, InlineAlert, Label, Lightbox, LinearProgress3 as LinearProgress, LoadingScreen, Markdown, MegaMenuHorizontal, MegaMenuMobile, MegaMenuVertical, Menu, MotionLazy, Nav, NavArrow2 as NavArrow, NavCard, NavCardGrid, NavIcon, NavInfo, NavItem, NavItemBase, NavLi, NavList, NavSectionHorizontal, NavSectionMini, NavSectionVertical, NavSubList, NavSubheader, NavTexts, NavUl, NavigationProgress, PageContent, ProgressBar, Rail, ScrollToTop, SettingsDrawer, SettingsProvider, SimpleAccordion, SimpleSnackbar, Skeleton5 as Skeleton, SnackbarProvider, Spinner, SplashScreen, SponsoredSlot, StatCard, StatusChip, StatusDot, StatusLabel, Stepper, StepperActions, SvgColor, TabPanel, Table, TableSkeleton, Tabs, TagCloud, Tooltip3 as Tooltip, VirtualList, animateBorderClasses, buildUrl, carouselClasses, chartClasses, cn, createClasses, createClassesObject, createComponentClasses, createIconComponent, deadlineUrgency, formatCoinAmount, formatCoinAmountList, formatDateString, formatDecimalString, fromScaledInteger, getClassPrefix, getCoinDecimals, getCoinWireDecimals, getNavCssVars, getQueryParam, hasParams, htmlToMarkdown, isActiveLink, isEqualPath, isExternalLink, isExternalUrl, isMarkdownContent, lightboxClasses, megaMenuClasses, megaMenuCssVars, mergeClasses, navSectionClasses, navSectionCssVars, parseDateString, parseQueryParams, relativeTimeLeft, removeLastSlash, removeParams, safeReturnUrl, setClassPrefix, subtractDecimalStrings, sumDecimalStrings, toScaledInteger, useAccordion, useCarousel, useChart, useDateRangePicker, useLightbox, useMenu, useSettings, useSettingsDrawer, useSnackbar, useStepper, useTable, useTabs };
+//# sourceMappingURL=chunk-LSPFFEJT.js.map
+//# sourceMappingURL=chunk-LSPFFEJT.js.map