@omnitron-dev/prism 0.2.0 → 0.3.0

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

@@ -1,8 +1,8 @@
-import { PRESET_NAMES, PRESET_DISPLAY_NAMES } from './chunk-MEFT6XPH.js';
-import { SearchInput } from './chunk-KTCWPGON.js';
-import { useBoolean } from './chunk-HO2GKTWJ.js';
-import { useSettingsStore } from './chunk-DDY7TLUI.js';
-import { forwardRef, useMemo, useState, useCallback, createContext, lazy, useTransition, useRef, useEffect, useId, Children, Fragment as Fragment$1, useContext, isValidElement, Component, Suspense } from 'react';
+import { PRESET_NAMES, PRESET_DISPLAY_NAMES } from './chunk-ZTATTUH7.js';
+import { SearchInput } from './chunk-OBJ244BO.js';
+import { useBoolean } from './chunk-BRDWQVRT.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 Stack from '@mui/material/Stack';
 import TextField2 from '@mui/material/TextField';
 import Chip from '@mui/material/Chip';
@@ -14,7 +14,7 @@ import Badge from '@mui/material/Badge';
 import { styled, alpha, useTheme } from '@mui/material/styles';
 import dayjs from 'dayjs';
 import InputAdornment from '@mui/material/InputAdornment';
-import IconButton3 from '@mui/material/IconButton';
+import IconButton4 from '@mui/material/IconButton';
 import Dialog from '@mui/material/Dialog';
 import DialogTitle from '@mui/material/DialogTitle';
 import DialogActions from '@mui/material/DialogActions';
@@ -34,16 +34,18 @@ import TableSortLabel from '@mui/material/TableSortLabel';
 import TablePagination from '@mui/material/TablePagination';
 import Paper from '@mui/material/Paper';
 import Checkbox from '@mui/material/Checkbox';
-import Skeleton from '@mui/material/Skeleton';
+import Skeleton3 from '@mui/material/Skeleton';
 import Autocomplete from '@mui/material/Autocomplete';
 import { LazyMotion, domMax, useMotionValue, useAnimationFrame, useTransform, useMotionTemplate, m } from 'framer-motion';
 import MuiAvatar from '@mui/material/Avatar';
 import AvatarGroup from '@mui/material/AvatarGroup';
-import MuiCard from '@mui/material/Card';
+import Card2 from '@mui/material/Card';
 import CardHeader from '@mui/material/CardHeader';
 import CardContent from '@mui/material/CardContent';
 import CardActions from '@mui/material/CardActions';
 import DialogContentText from '@mui/material/DialogContentText';
+import CardActionArea from '@mui/material/CardActionArea';
+import Tooltip2 from '@mui/material/Tooltip';
 import Grid from '@mui/material/Grid';
 import Portal from '@mui/material/Portal';
 import MuiLinearProgress from '@mui/material/LinearProgress';
@@ -65,16 +67,14 @@ import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import MuiMenu from '@mui/material/Menu';
 import ListItemIcon from '@mui/material/ListItemIcon';
 import NProgress from 'nprogress';
-import Collapse from '@mui/material/Collapse';
-import ContentCopyIcon from '@mui/icons-material/ContentCopy';
 import Drawer from '@mui/material/Drawer';
-import Tooltip from '@mui/material/Tooltip';
 import Switch from '@mui/material/Switch';
 import Slider from '@mui/material/Slider';
 import ToggleButton from '@mui/material/ToggleButton';
 import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
 import FormControlLabel from '@mui/material/FormControlLabel';
 import AlertTitle from '@mui/material/AlertTitle';
+import { useForkRef } from '@mui/material/utils';
 import MuiBreadcrumbs from '@mui/material/Breadcrumbs';
 import Link from '@mui/material/Link';
 import SvgIcon from '@mui/material/SvgIcon';
@@ -95,13 +95,20 @@ 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';
 import ReactMarkdown from 'react-markdown';
 import rehypeRaw from 'rehype-raw';
+import rehypeSanitize, { defaultSchema } from 'rehype-sanitize';
 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,
@@ -129,7 +136,7 @@ function DateRangePicker({
   const txTitle = translations?.title ?? title ?? "Select date range";
   const txStart = translations?.startDate ?? "Start date";
   const txEnd = translations?.endDate ?? "End date";
-  const txErrorRange = translations?.errorRange ?? "End date must be later than start date";
+  const txErrorRange = translations?.errorRange ?? "End date cannot be earlier than start date";
   const txCancel = translations?.cancel ?? "Cancel";
   const txApply = translations?.apply ?? "Apply";
   const mdUp = useMediaQuery((theme) => theme.breakpoints.up("md"));
@@ -277,6 +284,7 @@ function DateRangeInput({
   const txPlaceholder = translations?.placeholder ?? "Select dates...";
   const txFrom = translations?.from ?? "From";
   const txTo = translations?.to ?? "To";
+  const txClear = translations?.clear ?? "Clear date range";
   const displayLabel = useMemo(
     () => formatLabel(startDate, endDate, txFrom, txTo),
     [startDate, endDate, txFrom, txTo]
@@ -317,7 +325,7 @@ function DateRangeInput({
             sx: { cursor: "pointer" },
             startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", sx: { color: "text.disabled" }, children: /* @__PURE__ */ jsx(CalendarIcon, {}) }),
             ...hasValue && {
-              endAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(IconButton3, { size: "small", onClick: handleClear, sx: { p: 0.25 }, children: /* @__PURE__ */ jsx(ClearIcon, {}) }) })
+              endAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(IconButton4, { size: "small", onClick: handleClear, "aria-label": txClear, sx: { p: 0.25 }, children: /* @__PURE__ */ jsx(ClearIcon, {}) }) })
             }
           },
           inputLabel: { shrink: true }
@@ -413,6 +421,12 @@ function FilterToolbar({
       });
     }
   }, [debouncedSearch, searchFilter?.key, onChange, values]);
+  const searchValue = values[searchFilter?.key ?? "search"] ?? "";
+  useEffect(() => {
+    if (searchValue === prevDebouncedRef.current) return;
+    prevDebouncedRef.current = searchValue;
+    setLocalSearch(searchValue);
+  }, [searchValue]);
   const activeCount = useMemo(
     () => filters.filter((f) => f.type !== "search" && isFilterActive(f, values[f.key])).length,
     [filters, values]
@@ -476,7 +490,7 @@ function FilterToolbar({
               size: "small",
               value: values[key] ?? "",
               onChange: (e) => handleChange(key, e.target.value),
-              slotProps: { select: { displayEmpty: true } },
+              slotProps: { select: { displayEmpty: true, "aria-label": label } },
               sx: {
                 minWidth: width ?? 150,
                 "& .MuiOutlinedInput-root": { borderRadius: 1 },
@@ -504,6 +518,10 @@ function FilterToolbar({
                 select: {
                   multiple: true,
                   displayEmpty: true,
+                  // Same reason as the single select above: the label lives in
+                  // `renderValue` as placeholder text, leaving the control
+                  // without an accessible name.
+                  "aria-label": label,
                   renderValue: (selected) => {
                     const sel = selected;
                     if (sel.length === 0) {
@@ -708,7 +726,11 @@ var StyledTableRow = styled(TableRow)(({ theme }) => ({
   transition: theme.transitions.create("background-color", {
     duration: theme.transitions.duration.shortest
   }),
-  "&:nth-of-type(even)": {
+  // `:nth-child(even)` for zebra-striping — table rows are homogeneous
+  // siblings, so child-position is equivalent to of-type but doesn't
+  // assume the rendered tag never changes (e.g. a row replaced by a
+  // skeleton placeholder still alternates correctly).
+  "&:nth-child(even)": {
     backgroundColor: alpha(theme.palette.grey[500], 0.02)
   },
   "&:hover": {
@@ -745,6 +767,7 @@ function AdminDataTable({
   data,
   total,
   loading = false,
+  loadingRows = 5,
   page,
   pageSize,
   onPageChange,
@@ -753,12 +776,17 @@ function AdminDataTable({
   sortOrder = "asc",
   onSort,
   emptyMessage = "No data found",
+  loadError = null,
+  loadErrorLabels,
   rowKey,
   onRowClick,
+  rowSx,
+  renderExpanded,
   pageSizeOptions = [10, 25, 50, 100],
   stickyHeader = false,
   dense = false,
   maxHeight,
+  paginationLabels,
   sx,
   selectable = false,
   selectedKeys,
@@ -770,9 +798,14 @@ function AdminDataTable({
       if (rowKey) return rowKey(row);
       const record = row;
       if (record["id"] !== void 0) return String(record["id"]);
+      if (selectable && process.env["NODE_ENV"] !== "production") {
+        console.error(
+          "[AdminDataTable] `selectable` is on but rows have no stable key: pass `rowKey`, or give each row an `id`. Index-based keys make the selection positional, so sorting or paging silently re-targets it."
+        );
+      }
       return String(index);
     },
-    [rowKey]
+    [rowKey, selectable]
   );
   const selection = selectedKeys ?? EMPTY_SELECTION;
   const pageRowKeys = useMemo(
@@ -820,11 +853,12 @@ function AdminDataTable({
     },
     [onPageSizeChange, onPageChange]
   );
+  const skeletonRowCount = Math.max(1, Math.min(pageSize, loadingRows));
   const skeletonRows = useMemo(
-    () => Array.from({ length: pageSize }, (_, i) => /* @__PURE__ */ jsxs(TableRow, { children: [
-      selectable && /* @__PURE__ */ jsx(TableCell, { padding: "checkbox", children: /* @__PURE__ */ jsx(Skeleton, { variant: "rectangular", width: 18, height: 18, sx: { borderRadius: 0.5 } }) }),
+    () => Array.from({ length: skeletonRowCount }, (_, i) => /* @__PURE__ */ jsxs(TableRow, { children: [
+      selectable && /* @__PURE__ */ jsx(TableCell, { padding: "checkbox", children: /* @__PURE__ */ jsx(Skeleton3, { variant: "rectangular", width: 18, height: 18, sx: { borderRadius: 0.5 } }) }),
       columns.map((col) => /* @__PURE__ */ jsx(TableCell, { align: col.align ?? "left", children: /* @__PURE__ */ jsx(
-        Skeleton,
+        Skeleton3,
         {
           variant: "text",
           width: col.align === "right" ? "60%" : "80%",
@@ -835,7 +869,7 @@ function AdminDataTable({
         }
       ) }, col.key))
     ] }, `skeleton-${i}`)),
-    [pageSize, columns, selectable]
+    [skeletonRowCount, columns, selectable]
   );
   const showBulkBar = selectable && selection.size > 0 && !!bulkActions;
   if (!loading && data.length === 0) {
@@ -856,15 +890,41 @@ function AdminDataTable({
           },
           children: [
             /* @__PURE__ */ jsx(EmptyIcon, {}),
-            /* @__PURE__ */ jsx(Typography5, { variant: "body2", sx: {
-              color: "text.disabled"
-            }, children: emptyMessage })
+            /* @__PURE__ */ jsx(
+              Typography5,
+              {
+                variant: "body2",
+                sx: { color: loadError ? "text.secondary" : "text.disabled" },
+                children: loadError ? loadErrorLabels?.empty ?? "Could not load this data" : emptyMessage
+              }
+            ),
+            loadError && /* @__PURE__ */ jsx(Typography5, { variant: "caption", sx: { color: "text.disabled", maxWidth: 420, textAlign: "center" }, children: loadError })
           ]
         }
       )
     ] });
   }
   return /* @__PURE__ */ jsxs(StyledTableContainer, { sx: { maxHeight, ...sx }, children: [
+    loadError && /* @__PURE__ */ jsxs(
+      Box20,
+      {
+        role: "status",
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          gap: 1,
+          px: 2,
+          py: 1,
+          borderBottom: 1,
+          borderColor: "divider",
+          bgcolor: (theme) => alpha(theme.palette.warning.main, 0.12)
+        },
+        children: [
+          /* @__PURE__ */ jsx(Typography5, { variant: "body2", sx: { color: "warning.dark", fontWeight: 600 }, children: loadErrorLabels?.partial ?? "Some of this data could not be loaded" }),
+          /* @__PURE__ */ jsx(Typography5, { variant: "caption", sx: { color: "text.secondary" }, children: loadError })
+        ]
+      }
+    ),
     showBulkBar && /* @__PURE__ */ jsxs(
       Stack,
       {
@@ -926,13 +986,16 @@ function AdminDataTable({
       /* @__PURE__ */ jsx(TableBody, { children: loading ? skeletonRows : data.map((row, index) => {
         const key = getRowKey(row, index);
         const isSelected = selectable && selection.has(key);
-        return /* @__PURE__ */ jsxs(
+        const body = /* @__PURE__ */ jsxs(
           StyledTableRow,
           {
             hover: true,
             selected: isSelected,
             onClick: onRowClick ? () => onRowClick(row) : void 0,
-            sx: { cursor: onRowClick ? "pointer" : "default" },
+            sx: {
+              cursor: onRowClick ? "pointer" : "default",
+              ...rowSx?.(row, index)
+            },
             children: [
               selectable && /* @__PURE__ */ jsx(
                 TableCell,
@@ -957,6 +1020,19 @@ function AdminDataTable({
           },
           key
         );
+        const detail = renderExpanded?.(row, index);
+        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
+            }
+          ) })
+        ] }, `${key}-group`);
       }) })
     ] }) }),
     /* @__PURE__ */ jsx(
@@ -969,6 +1045,8 @@ function AdminDataTable({
         rowsPerPageOptions: pageSizeOptions,
         onPageChange: handlePageChange,
         onRowsPerPageChange: handlePageSizeChange,
+        ...paginationLabels?.rowsPerPage != null && { labelRowsPerPage: paginationLabels.rowsPerPage },
+        ...paginationLabels?.displayedRows != null && { labelDisplayedRows: paginationLabels.displayedRows },
         sx: {
           borderTop: (theme) => `1px solid ${theme.palette.divider}`,
           "& .MuiTablePagination-displayedRows": {
@@ -1011,41 +1089,166 @@ var DEFAULT_COLOR_MAP = {
   new: "info",
   open: "info"
 };
-function StatusChip({ status, colorMap, size = "small", sx }) {
+function StatusChip({ status, label, colorMap, size = "small", sx, ref, ...other }) {
   const normalizedStatus = status.toLowerCase();
   const mergedMap = colorMap ? { ...DEFAULT_COLOR_MAP, ...colorMap } : DEFAULT_COLOR_MAP;
-  const color = mergedMap[normalizedStatus] ?? "default";
-  const displayLabel = status.charAt(0).toUpperCase() + status.slice(1).toLowerCase();
+  const mapped = Object.hasOwn(mergedMap, normalizedStatus) ? mergedMap[normalizedStatus] : void 0;
+  const color = mapped ?? "default";
+  const displayLabel = label ?? status.charAt(0).toUpperCase() + status.slice(1).toLowerCase();
   return /* @__PURE__ */ jsx(
     Chip,
     {
+      ref,
+      ...other,
       label: displayLabel,
       size,
-      sx: {
-        height: size === "small" ? 22 : 28,
-        fontSize: size === "small" ? "0.7rem" : "0.775rem",
-        fontWeight: 600,
-        borderRadius: 0.75,
-        letterSpacing: "0.01em",
-        ...color !== "default" && {
-          color: (theme) => theme.palette[color].main,
-          bgcolor: (theme) => alpha(theme.palette[color].main, 0.1),
-          border: (theme) => `1px solid ${alpha(theme.palette[color].main, 0.2)}`
-        },
-        ...color === "default" && {
-          color: "text.secondary",
-          bgcolor: (theme) => alpha(theme.palette.grey[500], 0.08),
-          border: (theme) => `1px solid ${alpha(theme.palette.grey[500], 0.16)}`
+      sx: [
+        {
+          height: size === "small" ? 22 : 28,
+          fontSize: size === "small" ? "0.7rem" : "0.775rem",
+          fontWeight: 600,
+          borderRadius: 0.75,
+          letterSpacing: "0.01em",
+          ...color !== "default" && {
+            color: (theme) => theme.palette[color].main,
+            bgcolor: (theme) => alpha(theme.palette[color].main, 0.1),
+            border: (theme) => `1px solid ${alpha(theme.palette[color].main, 0.2)}`
+          },
+          ...color === "default" && {
+            color: "text.secondary",
+            bgcolor: (theme) => alpha(theme.palette.grey[500], 0.08),
+            border: (theme) => `1px solid ${alpha(theme.palette.grey[500], 0.16)}`
+          }
         },
-        ...sx
-      }
+        ...Array.isArray(sx) ? sx : sx ? [sx] : []
+      ]
     }
   );
 }
+
+// src/utils/format-crypto.ts
+var COIN_DISPLAY_DECIMALS = Object.freeze(
+  // Prototype-free: a plain literal answers `COIN_DISPLAY_DECIMALS['constructor']`
+  // with a function, which `?? FALLBACK_DECIMALS` accepts as a precision. That
+  // produced `toFixed(NaN)` — silently formatting with zero decimals instead
+  // of eight, for any coin code that collides with an Object.prototype key.
+  Object.assign(/* @__PURE__ */ Object.create(null), { btc: 8, xmr: 8 })
+);
+var COIN_WIRE_DECIMALS = Object.freeze(
+  Object.assign(/* @__PURE__ */ Object.create(null), { btc: 8, xmr: 12 })
+);
+var FALLBACK_DECIMALS = 8;
+var FALLBACK_WIRE_DECIMALS = 12;
+var DECIMAL = /^([+-]?)(\d*)(?:\.(\d*))?$/;
+function getCoinDecimals(coin) {
+  const decimals = COIN_DISPLAY_DECIMALS[coin.toLowerCase()];
+  return typeof decimals === "number" ? decimals : FALLBACK_DECIMALS;
+}
+function getCoinWireDecimals(coin) {
+  const decimals = COIN_WIRE_DECIMALS[coin.toLowerCase()];
+  return typeof decimals === "number" ? decimals : FALLBACK_WIRE_DECIMALS;
+}
+function formatDecimalString(raw, decimals, rounding = "down") {
+  const scaled = toScaledInteger(raw, decimals, rounding);
+  return scaled === null ? null : fromScaledInteger(scaled, decimals);
+}
+function toScaledInteger(raw, decimals, rounding = "half-up") {
+  const match = DECIMAL.exec(raw.trim());
+  if (!match) return null;
+  const [, sign = "", intPart = "", fracPart = ""] = match;
+  if (intPart === "" && fracPart === "") return null;
+  const digits = `${intPart || "0"}${fracPart.slice(0, decimals).padEnd(decimals, "0")}`;
+  const roundUp = rounding === "half-up" && (fracPart[decimals] ?? "0") >= "5";
+  const magnitude = BigInt(digits) + (roundUp ? 1n : 0n);
+  return sign === "-" ? -magnitude : magnitude;
+}
+function fromScaledInteger(scaled, decimals) {
+  const negative = scaled < 0n;
+  const asString = (negative ? -scaled : scaled).toString().padStart(decimals + 1, "0");
+  const whole = asString.slice(0, asString.length - decimals) || "0";
+  const fraction = decimals > 0 ? asString.slice(asString.length - decimals) : "";
+  const magnitude = decimals > 0 ? `${whole}.${fraction}` : whole;
+  return `${negative && scaled !== 0n ? "-" : ""}${magnitude}`;
+}
+function isNonZeroDecimal(raw) {
+  const match = DECIMAL.exec(raw.trim());
+  if (!match) return false;
+  const [, , intPart = "", fracPart = ""] = match;
+  if (intPart === "" && fracPart === "") return false;
+  return /[1-9]/.test(intPart) || /[1-9]/.test(fracPart);
+}
+function sumDecimalStrings(values, decimals, options) {
+  const rounding = options?.rounding ?? "half-up";
+  let total = 0n;
+  for (const value of values) {
+    if (value === null || value === void 0 || value === "") continue;
+    const scaled = toScaledInteger(
+      typeof value === "number" ? String(value) : value,
+      decimals,
+      rounding
+    );
+    if (scaled !== null) total += scaled;
+  }
+  return fromScaledInteger(total, decimals);
+}
+function subtractDecimalStrings(minuend, subtrahends, decimals, options) {
+  if (minuend === null || minuend === void 0 || minuend === "") return null;
+  const rounding = options?.rounding ?? "half-up";
+  let total = toScaledInteger(
+    typeof minuend === "number" ? String(minuend) : minuend,
+    decimals,
+    rounding
+  );
+  if (total === null) return null;
+  for (const value of subtrahends) {
+    if (value === null || value === void 0 || value === "") continue;
+    const scaled = toScaledInteger(
+      typeof value === "number" ? String(value) : value,
+      decimals,
+      rounding
+    );
+    if (scaled !== null) total -= scaled;
+  }
+  if (options?.clampAtZero && total < 0n) total = 0n;
+  return fromScaledInteger(total, decimals);
+}
+function formatCoinAmount(value, coin, options) {
+  const code = coin.toLowerCase();
+  const symbol = options?.symbol ?? coin.toUpperCase();
+  const withSymbol = options?.withSymbol !== false;
+  const decimals = Math.max(0, options?.precision ?? getCoinDecimals(code));
+  const trim = options?.trim === true;
+  const rounding = options?.rounding ?? "down";
+  const markDust = options?.markDust !== false;
+  const raw = typeof value === "string" ? value.trim() : typeof value === "number" && Number.isFinite(value) ? String(Object.is(value, -0) ? 0 : value) : "";
+  let formatted = raw === "" ? null : formatDecimalString(raw, decimals, rounding);
+  const exact = formatted !== null;
+  if (formatted === null) {
+    let n = typeof value === "number" ? value : Number(raw);
+    if (!Number.isFinite(n)) n = 0;
+    if (Object.is(n, -0)) n = 0;
+    formatted = n.toFixed(decimals);
+  }
+  if (markDust && exact && !/[1-9]/.test(formatted) && isNonZeroDecimal(raw)) {
+    const epsilon = fromScaledInteger(1n, decimals);
+    const below = raw.startsWith("-");
+    return withSymbol ? `${below ? ">" : "<"} ${below ? "-" : ""}${epsilon} ${symbol}` : `${below ? ">" : "<"} ${below ? "-" : ""}${epsilon}`;
+  }
+  if (trim && formatted.includes(".")) {
+    formatted = formatted.replace(/\.?0+$/, "");
+    if (formatted === "" || formatted === "-") formatted = "0";
+  }
+  return withSymbol ? `${formatted} ${symbol}` : formatted;
+}
+function formatCoinAmountList(totals, options) {
+  const sep = options?.separator ?? " \xB7 ";
+  return Object.keys(totals).sort().map((coin) => formatCoinAmount(totals[coin], coin, options)).join(sep);
+}
 function formatAmount(amount, decimals) {
   const num = parseFloat(amount);
   if (Number.isNaN(num)) return amount;
-  const fixed = decimals !== void 0 ? num.toFixed(decimals) : amount;
+  const scaled = decimals !== void 0 ? formatDecimalString(amount, decimals) : null;
+  const fixed = scaled ?? (decimals !== void 0 ? num.toFixed(decimals) : amount);
   const [intPart, decPart] = fixed.split(".");
   const absInt = intPart.replace("-", "");
   const formatted = absInt.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
@@ -1772,7 +1975,7 @@ function AvatarWrapper({
     badge && /* @__PURE__ */ jsx("span", { style: badgeStyle, children: badge })
   ] });
 }
-var Avatar = forwardRef(function Avatar2({ size = "md", shape = "circular", name, src, alt, online, offline, badge, badgeColor, children, sx, ...other }, ref) {
+function Avatar({ size = "md", shape = "circular", name, src, alt, online, offline, badge, badgeColor, children, sx, ref, ...other }) {
   const initials = useMemo(() => {
     if (children) return null;
     return name ? getInitials(name) : null;
@@ -1789,7 +1992,7 @@ var Avatar = forwardRef(function Avatar2({ size = "md", shape = "circular", name
   };
   const avatarContent = /* @__PURE__ */ jsx(StyledAvatar, { ref, src, alt: alt || name, ownerState, sx, ...other, children: children || initials });
   return /* @__PURE__ */ jsx(AvatarWrapper, { online, offline, badge, badgeColor, size, children: avatarContent });
-});
+}
 function CustomAvatarGroup({ avatars, size = "sm", max = 4, sx, ...other }) {
   return /* @__PURE__ */ jsx(AvatarGroup, { max, sx, ...other, children: avatars.map((avatar, index) => /* @__PURE__ */ jsx(Avatar, { name: avatar.name, src: avatar.src, alt: avatar.alt || avatar.name, size }, index)) });
 }
@@ -1859,7 +2062,7 @@ var StyledBadge = styled(Badge, {
     }
   };
 });
-var Badge2 = forwardRef(function Badge3({ variant = "standard", color = "error", size = "medium", badgeContent, children, sx, ...other }, ref) {
+function Badge2({ variant = "standard", color = "error", size = "medium", badgeContent, children, sx, ref, ...other }) {
   const ownerState = { variant, color, size };
   const isStatusVariant = variant === "online" || variant === "offline" || variant === "busy";
   const isDotVariant = variant === "dot" || isStatusVariant;
@@ -1875,14 +2078,16 @@ var Badge2 = forwardRef(function Badge3({ variant = "standard", color = "error",
       children
     }
   );
-});
+}
 function CountBadge({
   count,
   max = 99,
   showZero = false,
   color = "error",
   size = "medium",
-  sx
+  sx,
+  ref,
+  ...other
 }) {
   if (!showZero && count === 0) {
     return null;
@@ -1908,25 +2113,29 @@ function CountBadge({
     Box20,
     {
       component: "span",
-      sx: {
-        display: "inline-flex",
-        alignItems: "center",
-        justifyContent: "center",
-        minWidth,
-        height,
-        padding: "0 4px",
-        borderRadius: height / 2,
-        fontSize,
-        fontWeight: 600,
-        backgroundColor: bgColor,
-        color: "white",
-        ...sx
-      },
+      ref,
+      ...other,
+      sx: [
+        {
+          display: "inline-flex",
+          alignItems: "center",
+          justifyContent: "center",
+          minWidth,
+          height,
+          padding: "0 4px",
+          borderRadius: height / 2,
+          fontSize,
+          fontWeight: 600,
+          backgroundColor: bgColor,
+          color: "white"
+        },
+        ...Array.isArray(sx) ? sx : sx ? [sx] : []
+      ],
       children: displayCount
     }
   );
 }
-function StatusDot({ status, size = 8, pulse = true, sx }) {
+function StatusDot({ status, size = 8, pulse = true, sx, ref, ...other }) {
   const statusColors = {
     online: "#22c55e",
     offline: "#9ca3af",
@@ -1938,21 +2147,25 @@ function StatusDot({ status, size = 8, pulse = true, sx }) {
     Box20,
     {
       component: "span",
-      sx: {
-        display: "inline-block",
-        width: size,
-        height: size,
-        borderRadius: "50%",
-        backgroundColor: color,
-        ...pulse && status === "online" && {
-          animation: "pulse 2s infinite"
+      ref,
+      ...other,
+      sx: [
+        {
+          display: "inline-block",
+          width: size,
+          height: size,
+          borderRadius: "50%",
+          backgroundColor: color,
+          ...pulse && status === "online" && {
+            animation: "pulse 2s infinite"
+          }
         },
-        ...sx
-      }
+        ...Array.isArray(sx) ? sx : sx ? [sx] : []
+      ]
     }
   );
 }
-var StyledCard = styled(MuiCard, {
+var StyledCard = styled(Card2, {
   shouldForwardProp: (prop) => prop !== "ownerState"
 })(({ theme, ownerState }) => {
   const { variant } = ownerState;
@@ -1971,7 +2184,7 @@ var StyledCard = styled(MuiCard, {
     }
   };
 });
-var Card = forwardRef(function Card2({
+function Card({
   variant = "elevation",
   title,
   subheader,
@@ -1983,8 +2196,9 @@ var Card = forwardRef(function Card2({
   disablePadding,
   children,
   sx,
+  ref,
   ...other
-}, ref) {
+}) {
   const ownerState = { variant };
   const hasHeader = title || subheader || headerAction;
   return /* @__PURE__ */ jsxs(
@@ -2011,7 +2225,7 @@ var Card = forwardRef(function Card2({
       ]
     }
   );
-});
+}
 function CardSection({ title, description, children, sx }) {
   return /* @__PURE__ */ jsxs(Box20, { sx: { mb: 3, ...sx }, children: [
     title && /* @__PURE__ */ jsx(
@@ -2055,8 +2269,8 @@ function StatCard({
   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: [
-      /* @__PURE__ */ jsx(Skeleton, { width: 80, height: 16 }),
-      /* @__PURE__ */ jsx(Skeleton, { width: 50, height: 32, sx: { mt: 0.5 } })
+      /* @__PURE__ */ jsx(Skeleton3, { width: 80, height: 16 }),
+      /* @__PURE__ */ jsx(Skeleton3, { width: 50, height: 32, sx: { mt: 0.5 } })
     ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         Typography5,
@@ -2123,18 +2337,21 @@ function ConfirmDialog({
 }) {
   const titleId = useId();
   const descriptionId = useId();
+  const [confirming, setConfirming] = useState(false);
+  const busy = loading || confirming;
   const handleConfirm = () => {
+    if (busy) return;
     const result = onConfirm();
-    if (result instanceof Promise) {
-      result.catch(() => {
-      });
-    }
+    if (!(result instanceof Promise)) return;
+    setConfirming(true);
+    result.catch(() => {
+    }).finally(() => setConfirming(false));
   };
   return /* @__PURE__ */ jsxs(
     Dialog,
     {
       open,
-      onClose: loading ? void 0 : onClose,
+      onClose: busy ? void 0 : onClose,
       maxWidth,
       fullWidth: true,
       "aria-labelledby": titleId,
@@ -2144,8 +2361,8 @@ function ConfirmDialog({
         /* @__PURE__ */ jsx(DialogTitle, { id: titleId, children: title }),
         content && /* @__PURE__ */ jsx(DialogContent, { children: typeof content === "string" ? /* @__PURE__ */ jsx(DialogContentText, { id: descriptionId, children: content }) : /* @__PURE__ */ jsx("div", { id: descriptionId, children: content }) }),
         /* @__PURE__ */ jsxs(DialogActions, { sx: { px: 3, pb: 2 }, children: [
-          /* @__PURE__ */ jsx(Button, { onClick: onClose, color: "inherit", disabled: loading, variant: "outlined", children: cancelLabel }),
-          /* @__PURE__ */ jsx(Button, { onClick: handleConfirm, color: confirmColor, variant: "contained", loading, disabled, children: confirmLabel })
+          /* @__PURE__ */ jsx(Button, { onClick: onClose, color: "inherit", disabled: busy, variant: "outlined", children: cancelLabel }),
+          /* @__PURE__ */ jsx(Button, { onClick: handleConfirm, color: confirmColor, variant: "contained", loading: busy, disabled, children: confirmLabel })
         ] })
       ]
     }
@@ -2163,184 +2380,85 @@ function DeleteDialog({ itemName, content, ...props }) {
     }
   );
 }
-function IconWrapper({ icon, color = "primary.main", size = 64 }) {
-  return /* @__PURE__ */ jsx(
-    Box20,
-    {
-      sx: {
-        width: size,
-        height: size,
-        borderRadius: "50%",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        bgcolor: (theme) => {
-          const parts = color.split(".");
-          let resolved = theme.palette;
-          for (const part of parts) {
-            resolved = resolved?.[part];
-          }
-          return typeof resolved === "string" ? alpha(resolved, 0.08) : alpha(theme.palette.primary.main, 0.08);
-        }
-      },
-      children: icon
-    }
-  );
-}
-function EmptyContent({
-  illustration,
+
+// src/components/sponsored-slot/types.ts
+var DEFAULT_SPONSORED_SLOT_LABELS = {
+  sponsored: "Sponsored"
+};
+var TILE_IMAGE = { width: "100%", aspectRatio: "4 / 3" };
+var BANNER_IMAGE = { width: 160, minHeight: 120, flexShrink: 0 };
+function SponsoredSlot({
+  content,
+  variant = "tile",
+  loading = false,
+  labels: labelsProp,
   icon,
-  iconColor = "primary.main",
-  iconSize = 64,
-  title = "No data",
-  description,
-  action,
-  actions,
-  maxWidth = 400,
-  filled = false,
-  sx,
-  illustrationSx,
-  slotProps,
-  compact = false
+  link,
+  onOpen,
+  id
 }) {
-  const visual = icon ? /* @__PURE__ */ jsx(IconWrapper, { icon, color: iconColor, size: iconSize }) : illustration ? /* @__PURE__ */ jsx(Box20, { sx: illustrationSx, children: illustration }) : null;
-  const allActions = [...actions ?? [], ...action ? [action] : []];
-  return /* @__PURE__ */ jsx(
-    Stack,
-    {
-      sx: {
-        alignItems: "center",
-        justifyContent: "center",
-        textAlign: "center",
-        py: compact ? 4 : 8,
-        px: 2,
-        // Default non-compact behavior: vertically center inside the
-        // available "main content" area. Two complementary anchors:
-        //   * `flex: 1, alignSelf: 'stretch'` — when the parent IS a
-        //     flex column with explicit height (DashboardLayout main,
-        //     full-height page wrappers), EmptyContent grows to fill
-        //     the column and the inner `justifyContent: center` puts
-        //     the message in the middle of that column.
-        //   * `minHeight: calc(100vh - 240px)` — fallback for the
-        //     common case where the page wrapper is just a content-
-        //     sized `<Stack>` or `<Box>`. 240px is the typical
-        //     vertical chrome (header ~64 + breadcrumbs ~60 + page
-        //     padding ~80 + a small margin), so this leaves enough
-        //     space below the breadcrumbs for the message to sit at
-        //     the optical center of the visible viewport.
-        //
-        // `compact` keeps the inline-sized behavior for callers that
-        // drop EmptyContent inside a card cell or sidebar.
-        // `filled` is the explicit "fill my parent" mode and shares
-        // the same fallback so the visual is consistent.
-        ...!compact && {
-          flex: 1,
-          alignSelf: "stretch",
-          minHeight: "calc(100vh - 240px)"
-        },
-        ...filled && { height: "100%" },
-        ...sx
-      },
-      children: /* @__PURE__ */ jsxs(
-        Box20,
-        {
-          sx: {
-            maxWidth,
-            display: "flex",
-            flexDirection: "column",
-            alignItems: "center",
-            gap: compact ? 1.5 : 2.5
-          },
-          children: [
-            visual,
-            /* @__PURE__ */ jsxs(Stack, { spacing: 0.5, sx: {
-              alignItems: "center"
-            }, children: [
-              title && /* @__PURE__ */ jsx(
-                Typography5,
-                {
-                  variant: compact ? "subtitle1" : "h6",
-                  sx: {
-                    color: "text.secondary",
-                    fontWeight: 600,
-                    ...slotProps?.title
-                  },
-                  children: title
-                }
-              ),
-              description && /* @__PURE__ */ jsx(
-                Typography5,
-                {
-                  variant: "body2",
-                  sx: {
-                    color: "text.disabled",
-                    lineHeight: 1.6,
-                    ...slotProps?.description
-                  },
-                  children: description
-                }
-              )
-            ] }),
-            allActions.length > 0 && /* @__PURE__ */ jsx(
-              Stack,
-              {
-                direction: "row",
-                spacing: 1,
-                sx: { mt: compact ? 0.5 : 1, flexWrap: "wrap", justifyContent: "center", ...slotProps?.actions },
-                children: allActions.map((a, i) => /* @__PURE__ */ jsx(Box20, { children: a }, i))
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-}
-function SearchEmptyContent({
-  query,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    EmptyContent,
+  const labels = { ...DEFAULT_SPONSORED_SLOT_LABELS, ...labelsProp };
+  const banner = variant === "banner";
+  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: [
+      /* @__PURE__ */ jsx(Skeleton3, { variant: "rectangular", sx: { ...imageBox, height: banner ? void 0 : "auto" } }),
+      /* @__PURE__ */ jsxs(Box20, { sx: { p: 1.5, flex: 1 }, children: [
+        /* @__PURE__ */ jsx(Skeleton3, { width: "40%" }),
+        /* @__PURE__ */ jsx(Skeleton3, { width: "80%" })
+      ] })
+    ] }) });
+  }
+  const mark = /* @__PURE__ */ jsxs(
+    Box20,
     {
-      title: "No results found",
-      description: query ? `Your search for "${query}" did not match any results.` : "Try adjusting your search criteria.",
-      ...props
+      component: "span",
+      sx: { display: "inline-flex", alignItems: "center", gap: 0.5, color: "text.secondary", typography: "caption" },
+      children: [
+        icon,
+        content.byline || labels.sponsored
+      ]
     }
   );
-}
-function LoadingEmptyContent({ ...props }) {
-  return /* @__PURE__ */ jsx(
-    EmptyContent,
-    {
-      title: "Loading...",
-      illustration: /* @__PURE__ */ jsx(
-        Box20,
-        {
-          sx: {
-            width: 64,
-            height: 64,
-            borderRadius: "50%",
-            border: "3px solid",
-            borderColor: "divider",
-            borderTopColor: "primary.main",
-            animation: "spin 1s linear infinite",
-            "@keyframes spin": {
-              from: { transform: "rotate(0deg)" },
-              to: { transform: "rotate(360deg)" }
-            }
-          }
+  const body = /* @__PURE__ */ jsxs(Box20, { sx: { display: "flex", flexDirection: banner ? "row" : "column", height: "100%" }, children: [
+    content.image && /* @__PURE__ */ jsx(
+      Box20,
+      {
+        component: "img",
+        src: content.image,
+        alt: "",
+        loading: "lazy",
+        decoding: "async",
+        sx: {
+          display: "block",
+          objectFit: content.imageFit ?? "cover",
+          ...content.imageFit === "contain" && { p: 2, boxSizing: "border-box" },
+          bgcolor: "action.hover",
+          ...imageBox
         }
-      ),
-      compact: true,
-      ...props
-    }
-  );
+      }
+    ),
+    /* @__PURE__ */ jsxs(Box20, { 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 }),
+      link && content.cta && /* @__PURE__ */ jsx(Typography5, { variant: "caption", sx: { color: "primary.main", fontWeight: 600, mt: "auto" }, children: content.cta })
+    ] })
+  ] });
+  return /* @__PURE__ */ jsx(Card2, { variant: "outlined", sx: { height: "100%" }, ...id !== void 0 && { "data-sponsored": id }, children: link ? /* @__PURE__ */ jsx(CardActionArea, { component: link.component, ...link.props, onClick: onOpen, sx: { height: "100%" }, children: body }) : body });
 }
 var PAGE_GAP = 3;
 var GRID_GAP = 3;
-var PageContent = forwardRef(
-  ({ children, gap = PAGE_GAP, fill, sx, ...rest }, ref) => /* @__PURE__ */ jsx(
+function PageContent({
+  children,
+  gap = PAGE_GAP,
+  fill,
+  sx,
+  ref,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx(
     Stack,
     {
       ref,
@@ -2349,9 +2467,8 @@ var PageContent = forwardRef(
       ...rest,
       children
     }
-  )
-);
-PageContent.displayName = "PageContent";
+  );
+}
 var COLUMN_SIZE = {
   1: { xs: 12, md: 12 },
   2: { xs: 12, md: 6 },
@@ -2450,7 +2567,7 @@ var FallbackBox = styled(Box20)(({ theme }) => ({
   justifyContent: "center",
   color: theme.palette.text.disabled
 }));
-var Image = forwardRef(function Image2({
+function Image({
   src,
   alt,
   ratio,
@@ -2464,8 +2581,9 @@ var Image = forwardRef(function Image2({
   imgSx,
   onLoad,
   onError,
+  ref,
   ...imgProps
-}, ref) {
+}) {
   const [isLoaded, setIsLoaded] = useState(false);
   const [hasError, setHasError] = useState(false);
   const [currentSrc, setCurrentSrc] = useState(src);
@@ -2511,7 +2629,7 @@ var Image = forwardRef(function Image2({
     ),
     overlay && /* @__PURE__ */ jsx(OverlayBox, { children: overlay })
   ] });
-});
+}
 function DefaultImageIcon() {
   return /* @__PURE__ */ jsx(Box20, { component: "svg", viewBox: "0 0 24 24", sx: { width: 48, height: 48, opacity: 0.5 }, children: /* @__PURE__ */ jsx(
     "path",
@@ -2591,7 +2709,17 @@ var StyledLabel = styled("span", {
     ...variantStyles[variant]
   };
 });
-var Label = forwardRef(function Label2({ children, color = "default", variant = "soft", startIcon, endIcon, sx, disabled, ...other }, ref) {
+function Label({
+  children,
+  color = "default",
+  variant = "soft",
+  startIcon,
+  endIcon,
+  sx,
+  disabled,
+  ref,
+  ...other
+}) {
   const ownerState = {
     color,
     variant,
@@ -2608,7 +2736,7 @@ var Label = forwardRef(function Label2({ children, color = "default", variant =
     children,
     endIcon && /* @__PURE__ */ jsx(Box20, { sx: { ml: 0.5, ...iconStyles }, children: endIcon })
   ] });
-});
+}
 function StatusLabel({
   status,
   ...props
@@ -2631,6 +2759,155 @@ function BooleanLabel({
 }) {
   return /* @__PURE__ */ jsx(Label, { color: value ? "success" : "error", ...props, children: value ? trueText : falseText });
 }
+var MINUTE = 6e4;
+var HOUR = 60 * MINUTE;
+var DAY = 24 * HOUR;
+function deadlineUrgency(leftMs, urgentWithinMs = HOUR, soonWithinMs = DAY) {
+  if (leftMs <= 0) return "overdue";
+  if (leftMs < urgentWithinMs) return "urgent";
+  if (leftMs < soonWithinMs) return "soon";
+  return "later";
+}
+function relativeTimeLeft(leftMs, locale) {
+  const words = new Intl.RelativeTimeFormat(locale, { numeric: "always", style: "short" });
+  const size = Math.abs(leftMs);
+  const sign = leftMs < 0 ? -1 : 1;
+  if (size < HOUR) return words.format(sign * Math.max(1, Math.round(size / MINUTE)), "minute");
+  if (size < 2 * DAY) return words.format(sign * Math.round(size / HOUR), "hour");
+  return words.format(sign * Math.round(size / DAY), "day");
+}
+var LOOK = {
+  overdue: { color: "error", variant: "filled" },
+  urgent: { color: "error", variant: "soft" },
+  soon: { color: "warning", variant: "soft" },
+  later: { color: "default", variant: "soft" }
+};
+function DeadlineChip({
+  deadline,
+  locale,
+  overdueLabel,
+  urgentWithinMs,
+  soonWithinMs,
+  now = Date.now,
+  sx
+}) {
+  const [at, setAt] = useState(now);
+  useEffect(() => {
+    const tick = setInterval(() => setAt(now()), 3e4);
+    return () => clearInterval(tick);
+  }, [now]);
+  const due = new Date(deadline).getTime();
+  if (Number.isNaN(due)) return null;
+  const left = due - at;
+  const urgency = deadlineUrgency(left, urgentWithinMs, soonWithinMs);
+  const look = LOOK[urgency];
+  const text = urgency === "overdue" && overdueLabel ? overdueLabel : relativeTimeLeft(left, locale);
+  const exact = new Intl.DateTimeFormat(locale, { dateStyle: "medium", timeStyle: "short" }).format(due);
+  return /* @__PURE__ */ jsx(
+    Label,
+    {
+      color: look.color,
+      variant: look.variant,
+      "data-urgency": urgency,
+      sx: [{ fontVariantNumeric: "tabular-nums" }, ...Array.isArray(sx) ? sx : [sx]],
+      children: /* @__PURE__ */ jsx("time", { dateTime: new Date(due).toISOString(), title: exact, children: text })
+    }
+  );
+}
+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" }) });
+}
+function Rail({
+  children,
+  "aria-label": ariaLabel,
+  itemWidth = DEFAULT_ITEM_WIDTH,
+  gap = 2,
+  labels,
+  sx
+}) {
+  const track = useRef(null);
+  const [reach, setReach] = useState({ back: false, forward: false });
+  const measure = useCallback(() => {
+    const el = track.current;
+    if (!el) return;
+    const max = el.scrollWidth - el.clientWidth;
+    setReach({ back: el.scrollLeft > 1, forward: el.scrollLeft < max - 1 });
+  }, []);
+  useEffect(() => {
+    measure();
+    const el = track.current;
+    if (!el || typeof ResizeObserver === "undefined") return void 0;
+    const observer = new ResizeObserver(measure);
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, [measure]);
+  const page = (direction) => {
+    const el = track.current;
+    if (el) el.scrollBy({ left: direction * el.clientWidth * 0.9, behavior: "smooth" });
+  };
+  const arrow = (direction, show, label) => show ? /* @__PURE__ */ jsx(
+    IconButton4,
+    {
+      size: "small",
+      "aria-label": label,
+      onClick: () => page(direction),
+      sx: {
+        position: "absolute",
+        top: "50%",
+        transform: "translateY(-50%)",
+        [direction === 1 ? "right" : "left"]: -8,
+        zIndex: 1,
+        bgcolor: "background.paper",
+        boxShadow: 2,
+        "&:hover": { bgcolor: "background.paper" },
+        "@media (hover: none)": { display: "none" }
+      },
+      children: /* @__PURE__ */ jsx(Chevron, { direction: direction === 1 ? "right" : "left" })
+    }
+  ) : null;
+  return /* @__PURE__ */ jsxs(
+    Box20,
+    {
+      component: "section",
+      "aria-label": ariaLabel,
+      "data-testid": "prism-rail",
+      sx: [{ position: "relative" }, ...Array.isArray(sx) ? sx : [sx]],
+      children: [
+        arrow(-1, reach.back, labels?.previous ?? "Previous"),
+        /* @__PURE__ */ jsx(
+          Box20,
+          {
+            component: "ul",
+            ref: track,
+            tabIndex: 0,
+            onScroll: measure,
+            sx: {
+              display: "grid",
+              gridAutoFlow: "column",
+              gridAutoColumns: itemWidth,
+              gap,
+              m: 0,
+              p: 0,
+              listStyle: "none",
+              overflowX: "auto",
+              overscrollBehaviorX: "contain",
+              scrollSnapType: "x mandatory",
+              scrollbarWidth: "none",
+              "&::-webkit-scrollbar": { display: "none" },
+              "&:focus-visible": { outline: "2px solid", outlineColor: "primary.main", outlineOffset: 2 }
+            },
+            children: Children.map(
+              children,
+              (child) => child == null || child === false ? null : /* @__PURE__ */ jsx(Box20, { component: "li", sx: { scrollSnapAlign: "start", minWidth: 0 }, children: child })
+            )
+          }
+        ),
+        arrow(1, reach.forward, labels?.next ?? "Next")
+      ]
+    }
+  );
+}
 var LoadingContent = styled("div")(({ theme }) => ({
   flexGrow: 1,
   width: "100%",
@@ -2934,7 +3211,7 @@ var ScrollbarRoot = styled(Box20, {
     }
   };
 });
-var Scrollbar = forwardRef(function Scrollbar2({ children, sx, fillContent = false, hideScrollbar = false, axis = "y", maxHeight, minHeight, className, ...other }, ref) {
+function Scrollbar({ children, sx, fillContent = false, hideScrollbar = false, axis = "y", maxHeight, minHeight, className, ref, ...other }) {
   const ownerState = {
     fillContent,
     hideScrollbar,
@@ -2957,7 +3234,7 @@ var Scrollbar = forwardRef(function Scrollbar2({ children, sx, fillContent = fal
       children
     }
   );
-});
+}
 var SnackbarContext = createContext(null);
 function useSnackbar() {
   const context = useContext(SnackbarContext);
@@ -3061,7 +3338,7 @@ function SnackbarProvider({
             severity: state.severity,
             variant: "filled",
             onClose: handleClose,
-            action: state.action || /* @__PURE__ */ jsx(IconButton3, { 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(CloseIcon3, { fontSize: "small" }) }),
             sx: { width: "100%", alignItems: "center" },
             children: state.message
           }
@@ -3091,7 +3368,7 @@ var SvgRoot = styled("span")(() => ({
   display: "inline-flex",
   backgroundColor: "currentColor"
 }));
-var SvgColor = forwardRef(function SvgColor2({ src, color, size = 24, width, height, className, sx }, ref) {
+function SvgColor({ src, color, size = 24, width, height, className, sx, ref }) {
   const computedWidth = width ?? size;
   const computedHeight = height ?? size;
   return /* @__PURE__ */ jsx(
@@ -3111,7 +3388,7 @@ var SvgColor = forwardRef(function SvgColor2({ src, color, size = 24, width, hei
       ]
     }
   );
-});
+}
 function createIconComponent(basePath) {
   function Icon({ name, ...props }) {
     return /* @__PURE__ */ jsx(SvgColor, { src: `${basePath}/${name}.svg`, ...props });
@@ -3141,7 +3418,7 @@ var StyledTableRow2 = styled(TableRow)(({ theme }) => ({
     }
   }
 }));
-function TableInner({
+function Table({
   columns,
   data,
   rowKey = "id",
@@ -3161,14 +3438,16 @@ function TableInner({
   rowsPerPageOptions = [5, 10, 25, 50],
   emptyContent,
   loading = false,
+  loadingRows = 5,
   dense = false,
   stickyHeader = false,
   maxHeight,
   onRowClick,
   containerSx,
   sx,
+  ref,
   ...other
-}, ref) {
+}) {
   const getRowKey = useCallback(
     (row, index) => {
       if (typeof rowKey === "function") {
@@ -3267,34 +3546,40 @@ function TableInner({
               String(column.id)
             ))
           ] }) }),
-          /* @__PURE__ */ jsx(TableBody, { children: displayData.map((row, index) => {
-            const key = getRowKey(row, index);
-            const isSelected = selected.includes(key);
-            return /* @__PURE__ */ jsxs(
-              StyledTableRow2,
-              {
-                hover: true,
-                selected: isSelected,
-                onClick: () => onRowClick?.(row, index),
-                sx: { cursor: onRowClick ? "pointer" : "default" },
-                children: [
-                  selectable && /* @__PURE__ */ jsx(TableCell, { padding: "checkbox", children: /* @__PURE__ */ jsx(
-                    Checkbox,
-                    {
-                      checked: isSelected,
-                      onClick: (e) => e.stopPropagation(),
-                      onChange: () => handleSelectRow(key)
-                    }
-                  ) }),
-                  columns.map((column) => {
-                    const value = row[column.id];
-                    return /* @__PURE__ */ jsx(TableCell, { align: column.align || "left", children: column.render ? column.render(row, index) : column.format ? column.format(value) : String(value ?? "") }, String(column.id));
-                  })
-                ]
-              },
-              key
-            );
-          }) })
+          /* @__PURE__ */ jsxs(TableBody, { children: [
+            loading && Array.from({ length: Math.max(1, loadingRows) }, (_, rowIndex) => /* @__PURE__ */ jsxs(TableRow, { children: [
+              selectable && /* @__PURE__ */ jsx(TableCell, { padding: "checkbox", children: /* @__PURE__ */ jsx(Skeleton3, { variant: "rectangular", width: 18, height: 18 }) }),
+              columns.map((column) => /* @__PURE__ */ jsx(TableCell, { align: column.align || "left", children: /* @__PURE__ */ jsx(Skeleton3, { variant: "text", width: column.width ?? "80%" }) }, String(column.id)))
+            ] }, `loading-${rowIndex}`)),
+            !loading && displayData.map((row, index) => {
+              const key = getRowKey(row, index);
+              const isSelected = selected.includes(key);
+              return /* @__PURE__ */ jsxs(
+                StyledTableRow2,
+                {
+                  hover: true,
+                  selected: isSelected,
+                  onClick: () => onRowClick?.(row, index),
+                  sx: { cursor: onRowClick ? "pointer" : "default" },
+                  children: [
+                    selectable && /* @__PURE__ */ jsx(TableCell, { padding: "checkbox", children: /* @__PURE__ */ jsx(
+                      Checkbox,
+                      {
+                        checked: isSelected,
+                        onClick: (e) => e.stopPropagation(),
+                        onChange: () => handleSelectRow(key)
+                      }
+                    ) }),
+                    columns.map((column) => {
+                      const value = row[column.id];
+                      return /* @__PURE__ */ jsx(TableCell, { align: column.align || "left", children: column.render ? column.render(row, index) : column.format ? column.format(value) : String(value ?? "") }, String(column.id));
+                    })
+                  ]
+                },
+                key
+              );
+            })
+          ] })
         ] }),
         paginated && /* @__PURE__ */ jsx(
           TablePagination,
@@ -3312,7 +3597,6 @@ function TableInner({
     }
   );
 }
-var Table = forwardRef(TableInner);
 function useTable({
   data,
   defaultPage = 0,
@@ -3367,26 +3651,26 @@ function useTable({
     reset
   };
 }
-function Skeleton3({ variant = "text", ...props }) {
-  return /* @__PURE__ */ jsx(Skeleton, { variant, ...props });
+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: [
-      /* @__PURE__ */ jsx(Skeleton3, { variant: "circular", width: 40, height: 40 }),
+      /* @__PURE__ */ jsx(Skeleton5, { variant: "circular", width: 40, height: 40 }),
       /* @__PURE__ */ jsxs(Box20, { sx: { ml: 1, flex: 1 }, children: [
-        /* @__PURE__ */ jsx(Skeleton3, { variant: "text", width: "60%" }),
-        /* @__PURE__ */ jsx(Skeleton3, { variant: "text", width: "40%" })
+        /* @__PURE__ */ jsx(Skeleton5, { variant: "text", width: "60%" }),
+        /* @__PURE__ */ jsx(Skeleton5, { variant: "text", width: "40%" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx(Skeleton3, { variant: "rectangular", width: "100%", height: 118, sx: { borderRadius: 1 } }),
-    /* @__PURE__ */ jsx(Box20, { sx: { mt: 1 }, children: Array.from({ length: lines }, (_, i) => /* @__PURE__ */ jsx(Skeleton3, { variant: "text", width: i === lines - 1 ? "80%" : "100%" }, i)) })
+    /* @__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)) })
   ] });
 }
 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(Skeleton3, { 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(Skeleton3, { variant: "text", sx: { flex: 1 } }, colIndex)) }, rowIndex))
+    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))
   ] });
 }
 function LinearProgress3({
@@ -4431,304 +4715,29 @@ function useProgressBar(pathname, search, delay) {
     window.addEventListener("popstate", handlePopState);
     return () => {
       document.removeEventListener("click", handleClick);
-      window.removeEventListener("popstate", handlePopState);
-    };
-  }, []);
-  useEffect(() => {
-    const timeout = setTimeout(() => NProgress.done(), delay);
-    return () => clearTimeout(timeout);
-  }, [pathname, search, delay]);
-}
-function NavigationProgress({ pathname, search = "", delay = 100 }) {
-  useEffect(() => {
-    NProgress.configure({ showSpinner: false });
-    return () => {
-      NProgress.done();
-    };
-  }, []);
-  useProgressBar(pathname, search, delay);
-  return /* @__PURE__ */ jsx("style", { children: STYLES });
-}
-function ScrollToTop({ pathname }) {
-  useEffect(() => {
-    window.scrollTo(0, 0);
-  }, [pathname]);
-  return null;
-}
-function parseStackFrame(line) {
-  const patterns = [
-    // Named function with file: at functionName (file:line:col)
-    /at\s+(?:async\s+)?([^\s(]+)\s+\((.+?):(\d+):(\d+)\)/,
-    // Anonymous at file: at file:line:col
-    /at\s+(.+?):(\d+):(\d+)/,
-    // Webpack/Vite transformed: at Module.functionName (file?xxx:line:col)
-    /at\s+(?:async\s+)?(?:Module\.)?([^\s(]+)\s+\((.+?)\?[^:]*:(\d+):(\d+)\)/
-  ];
-  for (const pattern of patterns) {
-    const match = line.match(pattern);
-    if (match) {
-      const [, funcOrFile, file, lineStr, colStr] = match;
-      const hasFile = file !== void 0;
-      const functionName = hasFile ? funcOrFile : null;
-      const filePath = hasFile ? file : funcOrFile;
-      const lineNumber = parseInt(hasFile ? lineStr : file, 10);
-      const columnNumber = parseInt(hasFile ? colStr : lineStr, 10);
-      const isAppCode = filePath.includes("/src/") || filePath.includes("src/") && !filePath.includes("node_modules");
-      return {
-        functionName: functionName || null,
-        filePath: cleanFilePath(filePath),
-        lineNumber: isNaN(lineNumber) ? null : lineNumber,
-        columnNumber: isNaN(columnNumber) ? null : columnNumber,
-        isAppCode
-      };
-    }
-  }
-  return null;
-}
-function cleanFilePath(path) {
-  const cleaned = path.replace(/\?.*$/, "");
-  const srcIndex = cleaned.indexOf("/src/");
-  if (srcIndex !== -1) {
-    return cleaned.slice(srcIndex + 1);
-  }
-  const parts = cleaned.split("/");
-  if (parts.length > 3) {
-    return parts.slice(-3).join("/");
-  }
-  return cleaned;
-}
-function parseStackTrace(stack) {
-  if (!stack) {
-    return { primary: null, frames: [], raw: "" };
-  }
-  const lines = stack.split("\n");
-  const frames = [];
-  for (const line of lines) {
-    const frame = parseStackFrame(line.trim());
-    if (frame) {
-      frames.push(frame);
-    }
-  }
-  const primary = frames.find((f) => f.isAppCode) ?? frames[0] ?? null;
-  return { primary, frames, raw: stack };
-}
-function getErrorLocation(error) {
-  const parsed = parseStackTrace(error.stack);
-  const { primary } = parsed;
-  if (!primary) {
-    return "Unknown location";
-  }
-  const parts = [];
-  if (primary.functionName) {
-    parts.push(`in ${primary.functionName}`);
-  }
-  if (primary.filePath) {
-    const location = primary.lineNumber ? `${primary.filePath}:${primary.lineNumber}` : primary.filePath;
-    parts.push(`(${location})`);
-  }
-  return parts.join(" ") || "Unknown location";
-}
-function DefaultErrorFallback({
-  error,
-  parsedStack,
-  resetErrorBoundary,
-  sx,
-  showDetails
-}) {
-  const [expanded, setExpanded] = useState(false);
-  const [copied, setCopied] = useState(false);
-  const shouldShowDetails = showDetails ?? (typeof process !== "undefined" && process.env.NODE_ENV === "development");
-  const handleCopyStack = async () => {
-    try {
-      const text = [
-        `Error: ${error.message}`,
-        `Location: ${getErrorLocation(error)}`,
-        "",
-        "Stack Trace:",
-        parsedStack.raw
-      ].join("\n");
-      await navigator.clipboard.writeText(text);
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
-    } catch {
-    }
-  };
-  return /* @__PURE__ */ jsxs(
-    Box20,
-    {
-      sx: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        minHeight: 200,
-        p: 3,
-        textAlign: "center",
-        ...sx
-      },
-      children: [
-        /* @__PURE__ */ jsx(Typography5, { variant: "h6", color: "error", gutterBottom: true, children: "Something went wrong" }),
-        /* @__PURE__ */ jsx(
-          Typography5,
-          {
-            variant: "body2",
-            sx: {
-              color: "text.secondary",
-              mb: 1,
-              maxWidth: 400
-            },
-            children: error.message || "An unexpected error occurred"
-          }
-        ),
-        shouldShowDetails && parsedStack.primary && /* @__PURE__ */ jsxs(
-          Typography5,
-          {
-            variant: "caption",
-            sx: {
-              color: "text.secondary",
-              mb: 2,
-              fontFamily: "monospace"
-            },
-            children: [
-              parsedStack.primary.filePath,
-              parsedStack.primary.lineNumber && `:${parsedStack.primary.lineNumber}`,
-              parsedStack.primary.functionName && ` (${parsedStack.primary.functionName})`
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(Box20, { sx: { display: "flex", gap: 1, mb: 2 }, children: [
-          /* @__PURE__ */ jsx(Button, { variant: "outlined", onClick: resetErrorBoundary, children: "Try Again" }),
-          shouldShowDetails && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              IconButton3,
-              {
-                size: "small",
-                onClick: () => setExpanded(!expanded),
-                sx: {
-                  transform: expanded ? "rotate(180deg)" : "rotate(0deg)",
-                  transition: "transform 0.2s"
-                },
-                children: /* @__PURE__ */ jsx(ExpandMoreIcon, {})
-              }
-            ),
-            /* @__PURE__ */ jsx(IconButton3, { size: "small", onClick: handleCopyStack, title: "Copy error details", children: /* @__PURE__ */ jsx(ContentCopyIcon, { fontSize: "small" }) }),
-            copied && /* @__PURE__ */ jsx(
-              Typography5,
-              {
-                variant: "caption",
-                sx: {
-                  color: "success.main",
-                  alignSelf: "center"
-                },
-                children: "Copied!"
-              }
-            )
-          ] })
-        ] }),
-        shouldShowDetails && /* @__PURE__ */ jsx(Collapse, { in: expanded, children: /* @__PURE__ */ jsx(
-          Box20,
-          {
-            sx: {
-              mt: 1,
-              p: 2,
-              bgcolor: "grey.100",
-              borderRadius: 1,
-              maxWidth: 600,
-              maxHeight: 300,
-              overflow: "auto",
-              textAlign: "left"
-            },
-            children: /* @__PURE__ */ jsx(Typography5, { variant: "caption", component: "pre", sx: { fontFamily: "monospace", m: 0 }, children: parsedStack.frames.map((frame, i) => /* @__PURE__ */ jsxs(
-              Box20,
-              {
-                component: "span",
-                sx: {
-                  display: "block",
-                  color: frame.isAppCode ? "error.main" : "text.secondary",
-                  fontWeight: frame.isAppCode ? 600 : 400
-                },
-                children: [
-                  frame.functionName || "(anonymous)",
-                  " at ",
-                  frame.filePath || "unknown",
-                  frame.lineNumber && `:${frame.lineNumber}`
-                ]
-              },
-              i
-            )) })
-          }
-        ) })
-      ]
-    }
-  );
-}
-var ErrorBoundary = class extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      hasError: false,
-      error: null,
-      errorInfo: null
-    };
-  }
-  static getDerivedStateFromError(error) {
-    return {
-      hasError: true,
-      error
-    };
-  }
-  componentDidCatch(error, errorInfo) {
-    const parsedStack = parseStackTrace(error.stack);
-    this.setState({ errorInfo });
-    this.props.onError?.(error, errorInfo, parsedStack);
-  }
-  componentDidUpdate(prevProps) {
-    const { resetKeys } = this.props;
-    const { hasError } = this.state;
-    if (hasError && resetKeys && prevProps.resetKeys) {
-      const hasKeyChanged = resetKeys.some((key, index) => key !== prevProps.resetKeys?.[index]);
-      if (hasKeyChanged) {
-        this.resetErrorBoundary();
-      }
-    }
-  }
-  resetErrorBoundary = () => {
-    this.props.onReset?.();
-    this.setState({
-      hasError: false,
-      error: null,
-      errorInfo: null
-    });
-  };
-  render() {
-    const { hasError, error, errorInfo } = this.state;
-    const { children, fallback, sx, showDetails } = this.props;
-    if (hasError && error) {
-      const parsedStack = parseStackTrace(error.stack);
-      const fallbackProps = {
-        error,
-        errorInfo,
-        parsedStack,
-        resetErrorBoundary: this.resetErrorBoundary
-      };
-      if (typeof fallback === "function") {
-        return fallback(fallbackProps);
-      }
-      if (fallback) {
-        return fallback;
-      }
-      return /* @__PURE__ */ jsx(DefaultErrorFallback, { ...fallbackProps, sx, showDetails });
-    }
-    return children;
-  }
-};
-function useErrorBoundary() {
-  const [, setError] = useState(null);
-  return (error) => {
-    setError(() => {
-      throw error;
-    });
-  };
+      window.removeEventListener("popstate", handlePopState);
+    };
+  }, []);
+  useEffect(() => {
+    const timeout = setTimeout(() => NProgress.done(), delay);
+    return () => clearTimeout(timeout);
+  }, [pathname, search, delay]);
+}
+function NavigationProgress({ pathname, search = "", delay = 100 }) {
+  useEffect(() => {
+    NProgress.configure({ showSpinner: false });
+    return () => {
+      NProgress.done();
+    };
+  }, []);
+  useProgressBar(pathname, search, delay);
+  return /* @__PURE__ */ jsx("style", { children: STYLES });
+}
+function ScrollToTop({ pathname }) {
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, [pathname]);
+  return null;
 }
 var SettingsContext = createContext(null);
 function SettingsProvider({ children, defaultOpen = false }) {
@@ -5000,7 +5009,7 @@ function PresetsSection() {
       children: PRESET_NAMES.map((preset) => {
         const isSelected = settings.preset === preset;
         const color = PRESET_COLORS[preset] || "#666";
-        return /* @__PURE__ */ jsx(Tooltip, { title: PRESET_DISPLAY_NAMES[preset], placement: "top", children: /* @__PURE__ */ jsx(
+        return /* @__PURE__ */ jsx(Tooltip2, { title: PRESET_DISPLAY_NAMES[preset], placement: "top", children: /* @__PURE__ */ jsx(
           Box20,
           {
             onClick: () => actions.setPreset(preset),
@@ -5053,7 +5062,7 @@ function PrimaryColorSection() {
   return /* @__PURE__ */ jsx(Section, { title: "Primary Color", children: /* @__PURE__ */ jsxs(Box20, { sx: { display: "flex", gap: 1, flexWrap: "wrap" }, children: [
     COLOR_OPTIONS.map((option) => {
       const isSelected = settings.primaryColor === option.value;
-      return /* @__PURE__ */ jsx(Tooltip, { title: option.label, placement: "top", children: /* @__PURE__ */ jsx(
+      return /* @__PURE__ */ jsx(Tooltip2, { title: option.label, placement: "top", children: /* @__PURE__ */ jsx(
         Box20,
         {
           onClick: () => actions.setPrimaryColor(option.value),
@@ -5086,7 +5095,7 @@ function PrimaryColorSection() {
         }
       ) }, option.value);
     }),
-    settings.primaryColor && /* @__PURE__ */ jsx(Tooltip, { title: "Reset to default", placement: "top", children: /* @__PURE__ */ jsx(
+    settings.primaryColor && /* @__PURE__ */ jsx(Tooltip2, { title: "Reset to default", placement: "top", children: /* @__PURE__ */ jsx(
       Box20,
       {
         onClick: () => actions.setPrimaryColor(null),
@@ -5260,8 +5269,8 @@ function SettingsDrawer({ width = 300, sections = DEFAULT_SECTIONS }) {
             children: [
               /* @__PURE__ */ jsx(Typography5, { variant: "h6", sx: { fontWeight: 600 }, children: "Settings" }),
               /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 0.5, children: [
-                canReset && /* @__PURE__ */ jsx(Tooltip, { title: "Reset to defaults", children: /* @__PURE__ */ jsx(IconButton3, { size: "small", onClick: actions.reset, "aria-label": "Reset settings to defaults", children: /* @__PURE__ */ jsx(RefreshIcon, {}) }) }),
-                /* @__PURE__ */ jsx(IconButton3, { size: "small", onClick: drawer.onClose, "aria-label": "Close settings", children: /* @__PURE__ */ jsx(CloseIcon2, {}) })
+                canReset && /* @__PURE__ */ jsx(Tooltip2, { title: "Reset to defaults", children: /* @__PURE__ */ jsx(IconButton4, { size: "small", onClick: actions.reset, "aria-label": "Reset settings to defaults", children: /* @__PURE__ */ jsx(RefreshIcon, {}) }) }),
+                /* @__PURE__ */ jsx(IconButton4, { size: "small", onClick: drawer.onClose, "aria-label": "Close settings", children: /* @__PURE__ */ jsx(CloseIcon2, {}) })
               ] })
             ]
           }
@@ -5275,7 +5284,7 @@ function SettingsDrawer({ width = 300, sections = DEFAULT_SECTIONS }) {
     }
   );
 }
-function Tooltip2({
+function Tooltip3({
   title,
   children,
   arrow = true,
@@ -5287,7 +5296,7 @@ function Tooltip2({
     return children;
   }
   return /* @__PURE__ */ jsx(
-    Tooltip,
+    Tooltip2,
     {
       title,
       arrow,
@@ -5305,6 +5314,9 @@ function Tooltip2({
     }
   );
 }
+function mergeSx(own, sx) {
+  return [own, ...Array.isArray(sx) ? sx : sx ? [sx] : []];
+}
 function Alert2({
   severity = "info",
   variant = "standard",
@@ -5314,27 +5326,31 @@ function Alert2({
   closable = false,
   icon,
   action,
-  sx
+  sx,
+  ref,
+  ...other
 }) {
   const muiVariant = variant === "soft" ? "standard" : variant;
   return /* @__PURE__ */ jsxs(
     MuiAlert,
     {
+      ref,
+      ...other,
       severity,
       variant: muiVariant,
       onClose: closable ? onClose : void 0,
       icon,
       action,
-      sx: {
-        ...variant === "soft" && {
+      sx: mergeSx(
+        variant === "soft" ? {
           backgroundColor: (theme) => alpha(theme.palette[severity].main, theme.palette.mode === "light" ? 0.12 : 0.16),
           color: (theme) => theme.palette.mode === "light" ? theme.palette[severity].dark : theme.palette[severity].light,
           "& .MuiAlert-icon": {
             color: "inherit"
           }
-        },
-        ...sx
-      },
+        } : {},
+        sx
+      ),
       children: [
         title && /* @__PURE__ */ jsx(AlertTitle, { children: title }),
         children
@@ -5342,19 +5358,24 @@ function Alert2({
     }
   );
 }
-function InlineAlert({ severity = "info", message, icon }) {
+function InlineAlert({ severity = "info", message, icon, sx, ref, ...other }) {
   return /* @__PURE__ */ jsx(
     MuiAlert,
     {
+      ref,
+      ...other,
       severity,
       icon,
-      sx: {
-        py: 0,
-        px: 1,
-        "& .MuiAlert-message": {
-          py: 0.5
-        }
-      },
+      sx: mergeSx(
+        {
+          py: 0,
+          px: 1,
+          "& .MuiAlert-message": {
+            py: 0.5
+          }
+        },
+        sx
+      ),
       children: message
     }
   );
@@ -5365,11 +5386,14 @@ function FormAlert({
   children,
   onClose,
   autoScroll = true,
-  sx
+  sx,
+  ref: outerRef,
+  ...other
 }) {
   const ref = useRef(null);
+  const handleRef = useForkRef(ref, outerRef);
   useEffect(() => {
-    if (!autoScroll) return;
+    if (!autoScroll) return void 0;
     const id = requestAnimationFrame(() => {
       ref.current?.scrollIntoView({ block: "nearest", behavior: "smooth" });
     });
@@ -5378,17 +5402,20 @@ function FormAlert({
   return /* @__PURE__ */ jsxs(
     MuiAlert,
     {
-      ref,
+      ref: handleRef,
+      ...other,
       severity,
       onClose,
       role: "alert",
       "aria-live": "assertive",
       "aria-atomic": "true",
-      sx: {
-        alignItems: "flex-start",
-        mb: 2,
-        ...sx
-      },
+      sx: mergeSx(
+        {
+          alignItems: "flex-start",
+          mb: 2
+        },
+        sx
+      ),
       children: [
         title && /* @__PURE__ */ jsx(AlertTitle, { sx: { mb: 0.5 }, children: title }),
         children
@@ -5443,7 +5470,12 @@ var ItemRoot = styled("div", {
 }));
 var ItemIcon = styled("span")({
   display: "inherit",
-  "& > :first-of-type:not(style):not(:first-of-type ~ *)": {
+  // Constrain the icon (first real child) to 20×20. The previous
+  // selector chain `:first-of-type:not(style):not(:first-of-type ~ *)`
+  // was an obscure way to say "the first child that isn't a <style>
+  // tag" — replaced with the modern `:first-child:not(style)` for
+  // both readability and v9 lint compliance.
+  "& > :first-child:not(style)": {
     width: 20,
     height: 20
   }
@@ -5510,8 +5542,18 @@ function BreadcrumbLink({
   }
   return content;
 }
+var SAFE_LINK_SCHEMES = /* @__PURE__ */ new Set(["http:", "https:", "mailto:", "tel:"]);
+function isSafeExternalLink(href) {
+  const trimmed = href.trim();
+  if (trimmed.startsWith("/") || trimmed.startsWith("#")) return true;
+  try {
+    return SAFE_LINK_SCHEMES.has(new URL(trimmed, "https://placeholder.invalid").protocol);
+  } catch {
+    return false;
+  }
+}
 function MoreLinks({ links, sx, ...other }) {
-  return /* @__PURE__ */ jsx(MoreLinksRoot, { sx, ...other, children: links?.map((href) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href, variant: "body2", target: "_blank", rel: "noopener noreferrer", children: href }) }, href)) });
+  return /* @__PURE__ */ jsx(MoreLinksRoot, { sx, ...other, children: links?.filter(isSafeExternalLink).map((href) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href, variant: "body2", target: "_blank", rel: "noopener noreferrer", children: href }) }, href)) });
 }
 function Breadcrumbs({
   sx,
@@ -5573,7 +5615,7 @@ function NavCard({
   const label = ariaLabel ?? (typeof title === "string" && typeof description === "string" ? `${title} \u2014 ${description}` : void 0);
   const isVertical = orientation === "vertical";
   return /* @__PURE__ */ jsx(
-    MuiCard,
+    Card2,
     {
       variant: "outlined",
       ...linkProps,
@@ -5843,7 +5885,7 @@ function Drawer2({
                 title && /* @__PURE__ */ jsx(Typography5, { variant: "h6", component: "div", children: title }),
                 /* @__PURE__ */ jsxs(Box20, { sx: { display: "flex", alignItems: "center", gap: 1, ml: "auto" }, children: [
                   headerActions,
-                  showCloseButton && onClose && /* @__PURE__ */ jsx(IconButton3, { onClick: onClose, edge: "end", size: "small", "aria-label": "Close drawer", children: closeIcon ?? /* @__PURE__ */ jsx(DefaultCloseIcon, {}) })
+                  showCloseButton && onClose && /* @__PURE__ */ jsx(IconButton4, { onClick: onClose, edge: "end", size: "small", "aria-label": "Close drawer", children: closeIcon ?? /* @__PURE__ */ jsx(DefaultCloseIcon, {}) })
                 ] })
               ]
             }
@@ -6029,7 +6071,7 @@ function ChartLoading({ sx, className, type, ...other }) {
       ],
       ...other,
       children: /* @__PURE__ */ jsx(
-        Skeleton,
+        Skeleton3,
         {
           variant: "circular",
           sx: {
@@ -6378,6 +6420,17 @@ function deepMerge(target, source) {
   return output;
 }
 
+// src/components/lightbox/types.ts
+var DEFAULT_LIGHTBOX_LABELS = {
+  zoomIn: "Zoom in",
+  zoomOut: "Zoom out",
+  download: "Download",
+  share: "Share",
+  close: "Close",
+  previous: "Previous",
+  next: "Next"
+};
+
 // src/components/lightbox/classes.ts
 var lightboxClasses = {
   root: createClasses("lightbox__root"),
@@ -6428,12 +6481,17 @@ function Lightbox({
   closeOnBackdropClick = true,
   closeOnEsc = true,
   toolbar = { show: true, position: "top" },
+  labels: labelOverrides,
   sx,
   slotProps,
   className,
   ...dialogProps
 }) {
   const theme = useTheme();
+  const labels = useMemo(
+    () => ({ ...DEFAULT_LIGHTBOX_LABELS, ...labelOverrides }),
+    [labelOverrides]
+  );
   const [currentIndex, setCurrentIndex] = useState(controlledIndex);
   const [zoomLevel, setZoomLevel] = useState(MIN_ZOOM);
   const [isFullscreen, setIsFullscreen] = useState(false);
@@ -6502,14 +6560,11 @@ function Lightbox({
     setZoomLevel((prevZoom) => Math.min(prevZoom + ZOOM_STEP, MAX_ZOOM));
   }, []);
   const zoomOut = useCallback(() => {
-    setZoomLevel((prevZoom) => {
-      const newZoom = Math.max(prevZoom - ZOOM_STEP, MIN_ZOOM);
-      if (newZoom === MIN_ZOOM) {
-        setPosition({ x: 0, y: 0 });
-      }
-      return newZoom;
-    });
+    setZoomLevel((prevZoom) => Math.max(prevZoom - ZOOM_STEP, MIN_ZOOM));
   }, []);
+  useEffect(() => {
+    if (zoomLevel === MIN_ZOOM) setPosition({ x: 0, y: 0 });
+  }, [zoomLevel]);
   const zoomReset = useCallback(() => {
     setZoomLevel(MIN_ZOOM);
     setPosition({ x: 0, y: 0 });
@@ -6717,7 +6772,7 @@ function Lightbox({
                   {
                     onClick: zoomOut,
                     disabled: zoomLevel <= MIN_ZOOM,
-                    "aria-label": "Zoom out",
+                    "aria-label": labels.zoomOut,
                     className: lightboxClasses.toolbarButton,
                     size: "small",
                     children: /* @__PURE__ */ jsx(ZoomOutIcon, { fontSize: "small" })
@@ -6745,7 +6800,7 @@ function Lightbox({
                   {
                     onClick: zoomIn,
                     disabled: zoomLevel >= MAX_ZOOM,
-                    "aria-label": "Zoom in",
+                    "aria-label": labels.zoomIn,
                     className: lightboxClasses.toolbarButton,
                     size: "small",
                     children: /* @__PURE__ */ jsx(ZoomInIcon, { fontSize: "small" })
@@ -6766,7 +6821,7 @@ function Lightbox({
                 GlassButton,
                 {
                   onClick: handleDownload,
-                  "aria-label": "Download",
+                  "aria-label": labels.download,
                   className: lightboxClasses.toolbarButton,
                   size: "small",
                   children: /* @__PURE__ */ jsx(DownloadIcon, { fontSize: "small" })
@@ -6776,14 +6831,14 @@ function Lightbox({
                 GlassButton,
                 {
                   onClick: handleShare,
-                  "aria-label": "Share",
+                  "aria-label": labels.share,
                   className: lightboxClasses.toolbarButton,
                   size: "small",
                   children: /* @__PURE__ */ jsx(ShareIcon, { fontSize: "small" })
                 }
               ),
               toolbar?.buttons,
-              /* @__PURE__ */ jsx(GlassButton, { onClick: onClose, "aria-label": "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(CloseIcon3, { fontSize: "small" }) })
             ]
           }
         ),
@@ -6897,7 +6952,7 @@ function Lightbox({
             className: cn(lightboxClasses.navButton, lightboxClasses.navPrev),
             side: "left",
             onClick: prev,
-            "aria-label": "Previous",
+            "aria-label": labels.previous,
             sx: slotProps?.navButton,
             children: /* @__PURE__ */ jsx(ChevronLeftIcon, { sx: { fontSize: 28 } })
           }
@@ -6908,7 +6963,7 @@ function Lightbox({
             className: cn(lightboxClasses.navButton, lightboxClasses.navNext),
             side: "right",
             onClick: next,
-            "aria-label": "Next",
+            "aria-label": labels.next,
             sx: slotProps?.navButton,
             children: /* @__PURE__ */ jsx(ChevronRightIcon, { sx: { fontSize: 28 } })
           }
@@ -6964,7 +7019,7 @@ function Lightbox({
                 totalSlides
               ] }),
               /* @__PURE__ */ jsx(Box20, { sx: { flex: 1 } }),
-              /* @__PURE__ */ jsx(GlassButton, { onClick: onClose, "aria-label": "Close", size: "small", children: /* @__PURE__ */ jsx(CloseIcon3, { fontSize: "small" }) })
+              /* @__PURE__ */ jsx(GlassButton, { onClick: onClose, "aria-label": labels.close, size: "small", children: /* @__PURE__ */ jsx(CloseIcon3, { fontSize: "small" }) })
             ]
           }
         )
@@ -7009,7 +7064,7 @@ var GlassToolbar = styled(Box20)(({ theme, placement }) => ({
   background: `linear-gradient(${placement === "top" ? "to bottom" : "to top"}, ${alpha(theme.palette.common.black, 0.55)} 0%, ${alpha(theme.palette.common.black, 0.2)} 60%, transparent 100%)`,
   transition: "opacity 0.3s ease"
 }));
-var GlassButton = styled(IconButton3)(({ theme }) => ({
+var GlassButton = styled(IconButton4)(({ theme }) => ({
   color: alpha(theme.palette.common.white, 0.85),
   borderRadius: Number(theme.shape.borderRadius) * 1.5,
   padding: 6,
@@ -7116,7 +7171,7 @@ var GlassCaption = styled(Box20)(({ theme }) => ({
     to: { opacity: 1, transform: "translateX(-50%) translateY(0)" }
   }
 }));
-var NavArrow = styled(IconButton3)(({ theme, side }) => ({
+var NavArrow = styled(IconButton4)(({ theme, side }) => ({
   position: "absolute",
   top: "50%",
   transform: "translateY(-50%)",
@@ -7187,18 +7242,14 @@ var ThumbItem = styled(Box20)(({ theme, active }) => ({
     borderColor: active ? theme.palette.primary.main : alpha(theme.palette.common.white, 0.25)
   }
 }));
-var MIN_ZOOM2 = 1;
-var MAX_ZOOM2 = 4;
-var ZOOM_STEP2 = 0.5;
 function useLightbox(options = {}) {
   const { defaultOpen = false, defaultIndex = 0, totalSlides = 0, loop = false } = options;
   const [open, setOpen] = useState(defaultOpen);
   const [index, setIndex] = useState(defaultIndex);
-  const [zoomLevel, setZoomLevel] = useState(MIN_ZOOM2);
   const goTo = useCallback(
     (newIndex) => {
       if (totalSlides === 0) {
-        setIndex(newIndex);
+        setIndex(0);
         return;
       }
       if (loop) {
@@ -7206,7 +7257,6 @@ function useLightbox(options = {}) {
       } else {
         setIndex(Math.max(0, Math.min(newIndex, totalSlides - 1)));
       }
-      setZoomLevel(MIN_ZOOM2);
     },
     [totalSlides, loop]
   );
@@ -7218,21 +7268,10 @@ function useLightbox(options = {}) {
   }, [index, goTo]);
   const onOpen = useCallback((slideIndex = 0) => {
     setIndex(slideIndex);
-    setZoomLevel(MIN_ZOOM2);
     setOpen(true);
   }, []);
   const onClose = useCallback(() => {
     setOpen(false);
-    setZoomLevel(MIN_ZOOM2);
-  }, []);
-  const zoomIn = useCallback(() => {
-    setZoomLevel((prevZoom) => Math.min(prevZoom + ZOOM_STEP2, MAX_ZOOM2));
-  }, []);
-  const zoomOut = useCallback(() => {
-    setZoomLevel((prevZoom) => Math.max(prevZoom - ZOOM_STEP2, MIN_ZOOM2));
-  }, []);
-  const zoomReset = useCallback(() => {
-    setZoomLevel(MIN_ZOOM2);
   }, []);
   const onIndexChange = useCallback(
     (newIndex) => {
@@ -7257,10 +7296,6 @@ function useLightbox(options = {}) {
     goTo,
     next,
     prev,
-    zoomLevel,
-    zoomIn,
-    zoomOut,
-    zoomReset,
     getLightboxProps
   };
 }
@@ -7652,7 +7687,7 @@ var CarouselSlide = styled(Box20)({
     height: "100%"
   }
 });
-var ArrowButton = styled(IconButton3)(
+var ArrowButton = styled(IconButton4)(
   ({ theme, isHorizontal, direction }) => ({
     position: "absolute",
     zIndex: 10,
@@ -7736,6 +7771,7 @@ function useCarousel(options) {
   const [isPlaying, setIsPlaying] = useState(autoplay);
   const carouselRef = useRef(null);
   const autoplayRef = useRef(null);
+  const currentIndexRef = useRef(currentIndex);
   const maxIndex = Math.max(0, totalSlides - slidesToShow);
   const canPrev = loop || currentIndex > 0;
   const canNext = loop || currentIndex < maxIndex;
@@ -7751,6 +7787,8 @@ function useCarousel(options) {
       } else {
         newIndex = Math.max(0, Math.min(index, maxIndex));
       }
+      if (newIndex === currentIndexRef.current) return;
+      currentIndexRef.current = newIndex;
       setCurrentIndex(newIndex);
       onSlideChange?.(newIndex);
     },
@@ -7779,7 +7817,7 @@ function useCarousel(options) {
   useEffect(() => {
     if (isPlaying && totalSlides > slidesToShow) {
       autoplayRef.current = setInterval(() => {
-        goTo(currentIndex + slidesToScroll);
+        goTo(currentIndexRef.current + slidesToScroll);
       }, autoplayInterval);
       return () => {
         if (autoplayRef.current) {
@@ -7789,7 +7827,7 @@ function useCarousel(options) {
       };
     }
     return void 0;
-  }, [isPlaying, currentIndex, slidesToScroll, autoplayInterval, totalSlides, slidesToShow, goTo]);
+  }, [isPlaying, slidesToScroll, autoplayInterval, totalSlides, slidesToShow, goTo]);
   useEffect(
     () => () => {
       if (autoplayRef.current) {
@@ -7866,11 +7904,17 @@ var navSectionCssVars = {
     "--nav-icon-active-color": theme.palette.primary.main,
     // Colors - disabled
     "--nav-item-disabled-color": theme.palette.text.disabled,
-    // Subheader
+    // Subheader. Asymmetric vertical padding (top < bottom) tightens
+    // the gap to the previous section's last item while preserving
+    // the visual grouping with the items belonging to THIS section.
+    // Pre-fix `8px 8px 8px 12px` summed with the parent `gap: 4px`
+    // and the previous item's `padding-bottom: 4px` to ~16px above
+    // the title, which read as a disconnect rather than a section
+    // boundary.
     "--nav-subheader-font-size": "0.6875rem",
     "--nav-subheader-font-weight": "700",
     "--nav-subheader-color": theme.palette.text.disabled,
-    "--nav-subheader-padding": "8px 8px 8px 12px",
+    "--nav-subheader-padding": "4px 8px 8px 12px",
     // Sub-item adjustments
     "--nav-sub-item-padding": "4px 8px 4px 12px",
     "--nav-sub-item-margin-left": "40px",
@@ -7949,7 +7993,7 @@ function getNavCssVars(theme, variant) {
       return navSectionCssVars.vertical(theme);
   }
 }
-var Nav = forwardRef(function Nav2({ className, sx, ...other }, ref) {
+function Nav({ className, sx, ref, ...other }) {
   return /* @__PURE__ */ jsx(
     Box20,
     {
@@ -7967,8 +8011,8 @@ var Nav = forwardRef(function Nav2({ className, sx, ...other }, ref) {
       ...other
     }
   );
-});
-var NavUl = forwardRef(function NavUl2({ className, sx, ...other }, ref) {
+}
+function NavUl({ className, sx, ref, ...other }) {
   return /* @__PURE__ */ jsx(
     Box20,
     {
@@ -7988,8 +8032,8 @@ var NavUl = forwardRef(function NavUl2({ className, sx, ...other }, ref) {
       ...other
     }
   );
-});
-var NavLi = forwardRef(function NavLi2({ className, ...other }, ref) {
+}
+function NavLi({ className, ref, ...other }) {
   return /* @__PURE__ */ jsx(
     Box20,
     {
@@ -8003,7 +8047,7 @@ var NavLi = forwardRef(function NavLi2({ className, ...other }, ref) {
       ...other
     }
   );
-});
+}
 var StyledSubheader = styled(ButtonBase)(({ theme }) => ({
   width: "100%",
   cursor: "pointer",
@@ -8043,12 +8087,12 @@ var ArrowIcon = styled("span")(({ open }) => ({
     transform: "rotate(-45deg)"
   }
 }));
-var NavSubheader = forwardRef(function NavSubheader2({ className, open, onClick, children, ...other }, ref) {
+function NavSubheader({ className, open, onClick, children, ref, ...other }) {
   return /* @__PURE__ */ jsxs(StyledSubheader, { ref, className: cn(navSectionClasses.subheader, className), onClick, ...other, children: [
     children,
     onClick && /* @__PURE__ */ jsx(ArrowIcon, { open })
   ] });
-});
+}
 var StyledNavItem = styled(ButtonBase, {
   shouldForwardProp: (prop) => !["active", "open", "depth", "hasChild"].includes(prop)
 })(
@@ -8087,7 +8131,7 @@ var StyledNavItem = styled(ButtonBase, {
     }
   })
 );
-var NavItemBase = forwardRef(function NavItemBase2({ className, active, disabled, open, depth, hasChild, ...other }, ref) {
+function NavItemBase({ className, active, disabled, open, depth, hasChild, ref, ...other }) {
   return /* @__PURE__ */ jsx(
     StyledNavItem,
     {
@@ -8107,8 +8151,8 @@ var NavItemBase = forwardRef(function NavItemBase2({ className, active, disabled
       ...other
     }
   );
-});
-var IconWrapper2 = styled("span")({
+}
+var IconWrapper = styled("span")({
   width: "var(--nav-icon-size, 24px)",
   height: "var(--nav-icon-size, 24px)",
   flexShrink: 0,
@@ -8124,7 +8168,7 @@ var IconWrapper2 = styled("span")({
 });
 function NavIcon({ icon, className }) {
   if (!icon) return null;
-  return /* @__PURE__ */ jsx(IconWrapper2, { className: cn("nav-icon", navSectionClasses.icon, className), children: icon });
+  return /* @__PURE__ */ jsx(IconWrapper, { className: cn("nav-icon", navSectionClasses.icon, className), children: icon });
 }
 var TextsWrapper = styled("span")({
   flex: "1 1 auto",
@@ -8355,7 +8399,8 @@ function resolveInfo(info, render) {
   }
   return info;
 }
-var NavItem = forwardRef(function NavItem2(props, ref) {
+function NavItem(props) {
+  const { ref } = props;
   const {
     // Data props
     path,
@@ -8411,10 +8456,10 @@ var NavItem = forwardRef(function NavItem2(props, ref) {
     }
   );
   if (caption && depth === 1) {
-    return /* @__PURE__ */ jsx(Tooltip, { title: caption, placement: "right", arrow: true, children: content });
+    return /* @__PURE__ */ jsx(Tooltip2, { title: caption, placement: "right", arrow: true, children: content });
   }
   return content;
-});
+}
 var NavContext = createContext(void 0);
 function useNavPathname() {
   const context = useContext(NavContext);
@@ -8875,7 +8920,7 @@ function MiniNavList({
         )
       }
     )
-  ] }) : /* @__PURE__ */ jsx(Tooltip, { title: data.title, placement: "right", arrow: true, children: content }) });
+  ] }) : /* @__PURE__ */ jsx(Tooltip2, { title: data.title, placement: "right", arrow: true, children: content }) });
 }
 function MiniDropdown({
   data,
@@ -9033,17 +9078,17 @@ function megaMenuCssVars(theme, variant) {
       return commonVars;
   }
 }
-var Nav3 = styled("nav")({
+var Nav2 = styled("nav")({
   display: "flex",
   flexShrink: 0
 });
-var NavUl3 = styled("ul")({
+var NavUl2 = styled("ul")({
   display: "flex",
   listStyle: "none",
   padding: 0,
   margin: 0
 });
-var NavLi3 = styled("li")({
+var NavLi2 = styled("li")({
   display: "flex"
 });
 var NavButton = styled("button")(({ theme, active, open }) => ({
@@ -9077,7 +9122,7 @@ var NavButton = styled("button")(({ theme, active, open }) => ({
     cursor: "not-allowed"
   }
 }));
-var IconWrapper3 = styled("span")({
+var IconWrapper2 = styled("span")({
   width: "var(--nav-icon-size)",
   height: "var(--nav-icon-size)",
   marginRight: 8,
@@ -9209,7 +9254,7 @@ function MegaMenuList({ data, render, slotProps, slots, enabledRootRedirect }) {
     handleClose();
   }, [pathname, handleClose]);
   const icon = typeof data.icon === "string" && render?.navIcon ? render.navIcon[data.icon] : data.icon;
-  return /* @__PURE__ */ jsxs(NavLi3, { className: megaMenuClasses.li, children: [
+  return /* @__PURE__ */ jsxs(NavLi2, { className: megaMenuClasses.li, children: [
     /* @__PURE__ */ jsxs(
       NavButton,
       {
@@ -9225,7 +9270,7 @@ function MegaMenuList({ data, render, slotProps, slots, enabledRootRedirect }) {
         onMouseEnter: handleOpen,
         onMouseLeave: handleClose,
         children: [
-          icon && /* @__PURE__ */ jsx(IconWrapper3, { className: megaMenuClasses.icon, children: icon }),
+          icon && /* @__PURE__ */ jsx(IconWrapper2, { className: megaMenuClasses.icon, children: icon }),
           /* @__PURE__ */ jsx("span", { className: megaMenuClasses.title, children: data.title }),
           hasChild && /* @__PURE__ */ jsx(ArrowIcon2, { open, className: megaMenuClasses.arrow })
         ]
@@ -9302,12 +9347,12 @@ function MegaMenuHorizontal({
   const theme = useTheme();
   const cssVars = { ...megaMenuCssVars(theme, "horizontal"), ...overridesVars };
   return /* @__PURE__ */ jsx(
-    Nav3,
+    Nav2,
     {
       className: cn(megaMenuClasses.root, megaMenuClasses.horizontal, className),
       sx: [{ ...cssVars }, ...Array.isArray(sx) ? sx : [sx]],
       ...other,
-      children: /* @__PURE__ */ jsx(NavUl3, { className: megaMenuClasses.ul, sx: { gap: "var(--nav-item-gap)" }, children: data.map((item) => /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx(NavUl2, { className: megaMenuClasses.ul, sx: { gap: "var(--nav-item-gap)" }, children: data.map((item) => /* @__PURE__ */ jsx(
         MegaMenuList,
         {
           data: item,
@@ -9321,19 +9366,19 @@ function MegaMenuHorizontal({
     }
   );
 }
-var Nav4 = styled("nav")({
+var Nav3 = styled("nav")({
   display: "flex",
   flexDirection: "column",
   flexShrink: 0
 });
-var NavUl4 = styled("ul")({
+var NavUl3 = styled("ul")({
   display: "flex",
   flexDirection: "column",
   listStyle: "none",
   padding: 0,
   margin: 0
 });
-var NavLi4 = styled("li")({
+var NavLi3 = styled("li")({
   display: "flex",
   flexDirection: "column"
 });
@@ -9369,7 +9414,7 @@ var NavButton2 = styled("button")(({ theme, active, open }) => ({
     cursor: "not-allowed"
   }
 }));
-var IconWrapper4 = styled("span")({
+var IconWrapper3 = styled("span")({
   width: "var(--nav-icon-size)",
   height: "var(--nav-icon-size)",
   marginRight: 12,
@@ -9415,7 +9460,10 @@ var SectionHeader2 = styled(Typography5)(({ theme }) => ({
   letterSpacing: "0.08em",
   marginBottom: 8,
   marginTop: 16,
-  "&:first-of-type": {
+  // `:first-child` — homogeneous list of subheaders; child-position
+  // selector is equivalent to of-type but doesn't tie correctness
+  // to tag-name uniqueness.
+  "&:first-child": {
     marginTop: 0
   }
 }));
@@ -9459,7 +9507,7 @@ function MegaMenuList2({ data, render, slotProps, slots, enabledRootRedirect })
     handleClose();
   }, [pathname, handleClose]);
   const icon = typeof data.icon === "string" && render?.navIcon ? render.navIcon[data.icon] : data.icon;
-  return /* @__PURE__ */ jsxs(NavLi4, { className: megaMenuClasses.li, children: [
+  return /* @__PURE__ */ jsxs(NavLi3, { className: megaMenuClasses.li, children: [
     /* @__PURE__ */ jsxs(
       NavButton2,
       {
@@ -9475,7 +9523,7 @@ function MegaMenuList2({ data, render, slotProps, slots, enabledRootRedirect })
         onMouseEnter: handleOpen,
         onMouseLeave: handleClose,
         children: [
-          icon && /* @__PURE__ */ jsx(IconWrapper4, { className: megaMenuClasses.icon, children: icon }),
+          icon && /* @__PURE__ */ jsx(IconWrapper3, { className: megaMenuClasses.icon, children: icon }),
           /* @__PURE__ */ jsx("span", { className: megaMenuClasses.title, children: data.title }),
           hasChild && /* @__PURE__ */ jsx(ArrowIcon3, { open, className: megaMenuClasses.arrow })
         ]
@@ -9551,12 +9599,12 @@ function MegaMenuVertical({
   const theme = useTheme();
   const cssVars = { ...megaMenuCssVars(theme, "vertical"), ...overridesVars };
   return /* @__PURE__ */ jsx(
-    Nav4,
+    Nav3,
     {
       className: cn(megaMenuClasses.root, megaMenuClasses.vertical, className),
       sx: [{ ...cssVars }, ...Array.isArray(sx) ? sx : [sx]],
       ...other,
-      children: /* @__PURE__ */ jsx(NavUl4, { className: megaMenuClasses.ul, sx: { gap: "var(--nav-item-gap)" }, children: data.map((item) => /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx(NavUl3, { className: megaMenuClasses.ul, sx: { gap: "var(--nav-item-gap)" }, children: data.map((item) => /* @__PURE__ */ jsx(
         MegaMenuList2,
         {
           data: item,
@@ -9570,13 +9618,13 @@ function MegaMenuVertical({
     }
   );
 }
-var Nav5 = styled("nav")({
+var Nav4 = styled("nav")({
   display: "flex",
   flexDirection: "column",
   flexShrink: 0,
   width: "100%"
 });
-var NavUl5 = styled("ul")({
+var NavUl4 = styled("ul")({
   display: "flex",
   flexDirection: "column",
   listStyle: "none",
@@ -9584,7 +9632,7 @@ var NavUl5 = styled("ul")({
   margin: 0,
   width: "100%"
 });
-var NavLi5 = styled("li")({
+var NavLi4 = styled("li")({
   display: "flex",
   flexDirection: "column",
   width: "100%"
@@ -9621,7 +9669,7 @@ var NavButton3 = styled("button")(({ theme, active }) => ({
   }
 }));
 var NavLink = styled("a")(({ theme, active }) => navItemStyles(theme, active));
-var IconWrapper5 = styled("span")({
+var IconWrapper4 = styled("span")({
   width: "var(--nav-icon-size)",
   height: "var(--nav-icon-size)",
   marginRight: 12,
@@ -9701,7 +9749,7 @@ function MegaMenuList3({ data, render, slotProps, enabledRootRedirect }) {
   const icon = typeof data.icon === "string" && render?.navIcon ? render.navIcon[data.icon] : data.icon;
   if (!hasChild) {
     const isExternal = isExternalLink(data.path);
-    return /* @__PURE__ */ jsx(NavLi5, { className: megaMenuClasses.li, children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx(NavLi4, { className: megaMenuClasses.li, children: /* @__PURE__ */ jsxs(
       NavLink,
       {
         href: data.path,
@@ -9710,13 +9758,13 @@ function MegaMenuList3({ data, render, slotProps, enabledRootRedirect }) {
         target: isExternal ? "_blank" : void 0,
         rel: isExternal ? "noopener noreferrer" : void 0,
         children: [
-          icon && /* @__PURE__ */ jsx(IconWrapper5, { className: megaMenuClasses.icon, children: icon }),
+          icon && /* @__PURE__ */ jsx(IconWrapper4, { className: megaMenuClasses.icon, children: icon }),
           /* @__PURE__ */ jsx("span", { className: megaMenuClasses.title, children: data.title })
         ]
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs(NavLi5, { className: megaMenuClasses.li, children: [
+  return /* @__PURE__ */ jsxs(NavLi4, { className: megaMenuClasses.li, children: [
     /* @__PURE__ */ jsxs(
       NavButton3,
       {
@@ -9730,7 +9778,7 @@ function MegaMenuList3({ data, render, slotProps, enabledRootRedirect }) {
         disabled: data.disabled,
         onClick: handleToggle,
         children: [
-          icon && /* @__PURE__ */ jsx(IconWrapper5, { className: megaMenuClasses.icon, children: icon }),
+          icon && /* @__PURE__ */ jsx(IconWrapper4, { className: megaMenuClasses.icon, children: icon }),
           /* @__PURE__ */ jsx("span", { className: megaMenuClasses.title, children: data.title }),
           /* @__PURE__ */ jsx(ArrowIcon4, { open, className: megaMenuClasses.arrow })
         ]
@@ -9771,12 +9819,12 @@ function MegaMenuMobile({
   const theme = useTheme();
   const cssVars = { ...megaMenuCssVars(theme, "mobile"), ...overridesVars };
   return /* @__PURE__ */ jsx(
-    Nav5,
+    Nav4,
     {
       className: cn(megaMenuClasses.root, megaMenuClasses.mobile, className),
       sx: [{ ...cssVars }, ...Array.isArray(sx) ? sx : [sx]],
       ...other,
-      children: /* @__PURE__ */ jsx(NavUl5, { className: megaMenuClasses.ul, children: data.map((item) => /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx(NavUl4, { className: megaMenuClasses.ul, children: data.map((item) => /* @__PURE__ */ jsx(
         MegaMenuList3,
         {
           data: item,
@@ -9952,6 +10000,8 @@ function DocLayout({ sidebar, sectionNav, children, sx }) {
     }
   );
 }
+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(
@@ -10000,6 +10050,7 @@ function SidebarNode({
           mx: 0.5,
           mb: 0.25,
           minHeight: 0,
+          alignItems: "flex-start",
           ...isCategory && {
             mt: depth === 0 ? 1 : 0.5
           },
@@ -10009,19 +10060,13 @@ function SidebarNode({
           }
         },
         children: /* @__PURE__ */ jsx(
-          ListItemText,
+          SidebarLabel,
           {
-            primary: item.label,
-            slotProps: {
-              primary: {
-                variant: "body2",
-                noWrap: true,
-                sx: {
-                  fontWeight: isCategory ? 600 : isActive ? 600 : 400,
-                  fontSize: "0.8125rem",
-                  ...isCategory && { color: "text.primary" }
-                }
-              }
+            label: item.label,
+            sx: {
+              fontWeight: isCategory ? 600 : isActive ? 600 : 400,
+              fontSize: "0.8125rem",
+              ...isCategory && { color: "text.primary" }
             }
           }
         )
@@ -10039,6 +10084,58 @@ function SidebarNode({
     )) }) })
   ] });
 }
+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) => {
@@ -10164,16 +10261,21 @@ var ContentRoot = styled("div")(({ theme }) => ({
     scrollMarginTop: 100
     // Account for sticky header on anchor jump
   },
-  // First heading in content should not have excessive top margin
-  "& > h1:first-of-type, & > h2:first-of-type, & > h3:first-of-type": {
-    marginTop: 0
-  },
-  h1: { ...theme.typography.h1, marginTop: 40, marginBottom: 12 },
-  h2: { ...theme.typography.h2, marginTop: 40, marginBottom: 12 },
-  h3: { ...theme.typography.h3, marginTop: 32, marginBottom: 8 },
-  h4: { ...theme.typography.h4, marginTop: 24, marginBottom: 8 },
-  h5: { ...theme.typography.h5, marginTop: 24, marginBottom: 8 },
-  h6: { ...theme.typography.h6, marginTop: 24, marginBottom: 8 },
+  // 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,
@@ -10365,6 +10467,9 @@ var ContentRoot = styled("div")(({ theme }) => ({
       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)
     }
@@ -10538,7 +10643,10 @@ var ContentRoot = styled("div")(({ theme }) => ({
   },
   [`& .${contentClasses.tabsPanel}`]: {
     padding: theme.spacing(2),
-    "& > :first-of-type": { marginTop: 0 },
+    // 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 ───────────────────────
@@ -10594,7 +10702,9 @@ var ContentRoot = styled("div")(({ theme }) => ({
   // ─── Compact mode (chat messages, comments, etc.) ─────────
   [`&.${contentClasses.compact}`]: {
     "> * + *": { marginTop: 0, marginBottom: 2 },
-    "& > :first-of-type:not(p)": { marginTop: 4 },
+    // (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 },
@@ -10636,6 +10746,25 @@ var ContentRoot = styled("div")(({ theme }) => ({
     }
   }
 }));
+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);
@@ -10654,8 +10783,14 @@ function renderMarks(text, marks = [], ctx) {
         return /* @__PURE__ */ jsx("u", { children: acc });
       case "strike":
         return /* @__PURE__ */ jsx("s", { children: acc });
-      case "link":
-        return /* @__PURE__ */ jsx("a", { href: mark.attrs?.href, target: mark.attrs?.target ?? "_blank", rel: "noopener noreferrer", 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;
@@ -10685,7 +10820,6 @@ function slugify(nodes) {
 function CodeBlock({ node }) {
   const language = node.attrs?.language;
   const title = node.attrs?.title;
-  const html = node.attrs?.html;
   const code = node.content?.map((n) => n.text ?? "").join("\n") ?? "";
   const [copied, setCopied] = useState(false);
   const onCopy = useCallback(() => {
@@ -10703,11 +10837,7 @@ function CodeBlock({ node }) {
       /* @__PURE__ */ jsx("span", { children: title ?? language }),
       /* @__PURE__ */ jsx("button", { type: "button", onClick: onCopy, className: contentClasses.codeBlockCopy, "aria-label": "Copy code", children: copied ? "\u2713" : "\u29C9" })
     ] }),
-    html ? (
-      // Shiki-rendered HTML is pre-sanitised at build time and contains only
-      // <pre>/<code>/<span> tags with style attributes. Safe to inject.
-      /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: html } })
-    ) : /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { className: language ? `language-${language}` : void 0, children: code }) })
+    /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { className: language ? `language-${language}` : void 0, children: code }) })
   ] });
 }
 var ADMONITION_LABEL = {
@@ -10795,11 +10925,13 @@ function renderNode(node, index) {
       return /* @__PURE__ */ jsx(CodeBlock, { node }, index);
     case "horizontalRule":
       return /* @__PURE__ */ jsx("hr", {}, index);
-    case "image":
+    case "image": {
+      const safeSrc = sanitizeHref(node.attrs?.src);
+      if (!safeSrc) return null;
       return /* @__PURE__ */ jsx(
         "img",
         {
-          src: node.attrs?.src,
+          src: safeSrc,
           alt: node.attrs?.alt ?? "",
           title: node.attrs?.title,
           className: contentClasses.image,
@@ -10807,6 +10939,7 @@ function renderNode(node, index) {
         },
         index
       );
+    }
     case "figure":
       return /* @__PURE__ */ jsx("figure", { className: contentClasses.figure, children: node.content?.map(renderNode) }, index);
     case "figcaption":
@@ -10822,7 +10955,7 @@ function renderNode(node, index) {
       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: node.content?.map(renderNode) }) }, index);
+      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":
@@ -10838,12 +10971,12 @@ function renderNode(node, index) {
       return /* @__PURE__ */ jsx("div", { children: node.content?.map(renderNode) }, index);
     // ─── YouTube embed ──────────────────────────────────────
     case "youtube": {
-      const src = node.attrs?.src;
-      if (!src) return null;
+      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,
+          src: safeSrc,
           title: "YouTube video",
           allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
           allowFullScreen: true,
@@ -11139,7 +11272,21 @@ function escapeHtml(str) {
 function isExternalLink2(href) {
   return /^https?:\/\//.test(href) || href.startsWith("//");
 }
-var defaultRehypePlugins = [rehypeRaw, rehypeHighlight];
+var SAFE_CLASS_RE = /^(prism-content__[a-z0-9_-]+|hljs(-[a-z0-9-]+)?|language-[a-z0-9+#-]+)$/i;
+var spoilerSanitizeSchema = {
+  ...defaultSchema,
+  attributes: {
+    ...defaultSchema.attributes,
+    span: [...defaultSchema.attributes?.["span"] ?? [], ["className", SAFE_CLASS_RE]],
+    code: [...defaultSchema.attributes?.["code"] ?? [], ["className", SAFE_CLASS_RE]],
+    div: [...defaultSchema.attributes?.["div"] ?? [], ["className", SAFE_CLASS_RE]]
+  }
+};
+var defaultRehypePlugins = [
+  rehypeRaw,
+  [rehypeSanitize, spoilerSanitizeSchema],
+  rehypeHighlight
+];
 var defaultRemarkPlugins = [
   [remarkGfm, { singleTilde: false }],
   remarkSpoiler
@@ -11205,6 +11352,16 @@ function CheckboxInput(props) {
 function isTipTapDoc(value) {
   return typeof value === "object" && value !== null && "type" in value && value.type === "doc" && "content" in value && Array.isArray(value.content);
 }
+function tryParseTipTapJson(value) {
+  const trimmed = value.trimStart();
+  if (!trimmed.startsWith("{")) return null;
+  try {
+    const parsed = JSON.parse(trimmed);
+    return isTipTapDoc(parsed) ? parsed : null;
+  } catch {
+    return null;
+  }
+}
 function ContentRenderer({
   content,
   className,
@@ -11222,6 +11379,10 @@ function ContentRenderer({
   }
   if (typeof content === "string") {
     if (!content.trim()) return null;
+    const docFromJson = tryParseTipTapJson(content);
+    if (docFromJson) {
+      return /* @__PURE__ */ jsx(TipTapRenderer, { content: docFromJson, className, sx, compact });
+    }
     return /* @__PURE__ */ jsx(
       Markdown,
       {
@@ -11236,20 +11397,20 @@ function ContentRenderer({
   }
   return null;
 }
-var HOUR = 3600;
-var DAY = 86400;
+var HOUR2 = 3600;
+var DAY2 = 86400;
 var WEEK = 604800;
 var PRESETS = [
-  { label: "1h", value: HOUR, key: "1h" },
-  { label: "6h", value: 6 * HOUR, key: "6h" },
-  { label: "1d", value: DAY, key: "1d" },
-  { label: "7d", value: 7 * DAY, key: "7d" },
-  { label: "30d", value: 30 * DAY, key: "30d" },
+  { label: "1h", value: HOUR2, key: "1h" },
+  { label: "6h", value: 6 * HOUR2, key: "6h" },
+  { label: "1d", value: DAY2, key: "1d" },
+  { label: "7d", value: 7 * DAY2, key: "7d" },
+  { label: "30d", value: 30 * DAY2, key: "30d" },
   { label: "\u221E", value: null, key: "permanent" }
 ];
 var UNIT_SECONDS = {
-  hours: HOUR,
-  days: DAY,
+  hours: HOUR2,
+  days: DAY2,
   weeks: WEEK
 };
 var CUSTOM_KEY = "custom";
@@ -11259,12 +11420,14 @@ function resolveActiveKey(value) {
 }
 function decomposeSeconds(seconds) {
   if (seconds > 0 && seconds % WEEK === 0) return { amount: seconds / WEEK, unit: "weeks" };
-  if (seconds > 0 && seconds % DAY === 0) return { amount: seconds / DAY, unit: "days" };
-  return { amount: Math.max(1, Math.round(seconds / HOUR)), unit: "hours" };
+  if (seconds > 0 && seconds % DAY2 === 0) return { amount: seconds / DAY2, unit: "days" };
+  return { amount: Math.max(1, Math.round(seconds / HOUR2)), unit: "hours" };
 }
 function DurationPicker({ value, onChange, size = "small", disabled = false, labels }) {
   const theme = useTheme();
-  const activeKey = useMemo(() => resolveActiveKey(value), [value]);
+  const presetKey = useMemo(() => resolveActiveKey(value), [value]);
+  const [customChosen, setCustomChosen] = useState(() => presetKey === CUSTOM_KEY);
+  const activeKey = customChosen || presetKey === CUSTOM_KEY ? CUSTOM_KEY : presetKey;
   const [customAmount, setCustomAmount] = useState(() => {
     if (activeKey === CUSTOM_KEY && value !== null && value > 0) {
       return decomposeSeconds(value).amount;
@@ -11277,28 +11440,38 @@ function DurationPicker({ value, onChange, size = "small", disabled = false, lab
     }
     return "hours";
   });
+  const [customText, setCustomText] = useState(() => String(customAmount));
   const isCustom = activeKey === CUSTOM_KEY;
   const handlePresetChange = useCallback(
     (_, newKey) => {
       if (newKey === null) return;
       if (newKey === CUSTOM_KEY) {
+        setCustomChosen(true);
         onChange(customAmount * UNIT_SECONDS[customUnit]);
         return;
       }
       const preset = PRESETS.find((p) => p.key === newKey);
-      if (preset) onChange(preset.value);
+      if (preset) {
+        setCustomChosen(false);
+        onChange(preset.value);
+      }
     },
     [onChange, customAmount, customUnit]
   );
   const handleCustomAmountChange = useCallback(
     (e) => {
-      const raw = parseInt(e.target.value, 10);
-      const clamped = Number.isFinite(raw) && raw > 0 ? raw : 1;
-      setCustomAmount(clamped);
-      onChange(clamped * UNIT_SECONDS[customUnit]);
+      const text = e.target.value;
+      setCustomText(text);
+      const parsed = parseInt(text, 10);
+      if (!Number.isFinite(parsed) || parsed <= 0) return;
+      setCustomAmount(parsed);
+      onChange(parsed * UNIT_SECONDS[customUnit]);
     },
     [onChange, customUnit]
   );
+  const handleCustomAmountBlur = useCallback(() => {
+    setCustomText(String(customAmount));
+  }, [customAmount]);
   const handleCustomUnitChange = useCallback(
     (e) => {
       const unit = e.target.value;
@@ -11348,7 +11521,7 @@ function DurationPicker({ value, onChange, size = "small", disabled = false, lab
       ToggleButtonGroup,
       {
         exclusive: true,
-        value: isCustom ? CUSTOM_KEY : activeKey,
+        value: activeKey,
         onChange: handlePresetChange,
         size,
         disabled,
@@ -11360,7 +11533,14 @@ function DurationPicker({ value, onChange, size = "small", disabled = false, lab
             border: "1px solid",
             borderRadius: "8px !important",
             borderColor: alpha(theme.palette.divider, 0.2),
-            "&:not(:first-of-type)": {
+            // Position-class selectors replace the deprecated
+            // `:not(:first-of-type)` sibling pattern (MUI v9 tags
+            // children with firstButton/middleButton/lastButton via
+            // ToggleButtonGroupButtonContext). gap:0.5 above means
+            // we want INDEPENDENT borders on every button (no
+            // overlap/collapse), so restore left border + zero out
+            // MUI's default `margin-left: -1px` on middle/last.
+            "&.MuiToggleButtonGroup-middleButton, &.MuiToggleButtonGroup-lastButton": {
               borderLeft: "1px solid",
               borderColor: alpha(theme.palette.divider, 0.2),
               marginLeft: 0
@@ -11387,8 +11567,9 @@ function DurationPicker({ value, onChange, size = "small", disabled = false, lab
             TextField2,
             {
               type: "number",
-              value: customAmount,
+              value: customText,
               onChange: handleCustomAmountChange,
+              onBlur: handleCustomAmountBlur,
               disabled,
               size,
               slotProps: {
@@ -11457,7 +11638,7 @@ function ChangelogEntry({ version, date, badge, children }) {
         }
       }
     ),
-    /* @__PURE__ */ jsxs(MuiCard, { variant: "outlined", sx: { p: 3 }, children: [
+    /* @__PURE__ */ jsxs(Card2, { variant: "outlined", sx: { p: 3 }, children: [
       /* @__PURE__ */ jsxs(
         Stack,
         {
@@ -11490,7 +11671,308 @@ 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, 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, DateRangeInput, DateRangePicker, DeleteDialog, DocLayout, DocSectionNav, DocSidebar, Drawer2 as Drawer, DurationPicker, EmptyContent, ErrorBoundary, FilterToolbar, FlagIcon, FormAlert, Image, ImageWithDefault, InlineAlert, Label, Lightbox, LinearProgress3 as LinearProgress, LoadingEmptyContent, 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, ScrollSpyProvider, ScrollSpySection, ScrollToTop, Scrollbar, SearchEmptyContent, SettingsDrawer, SettingsProvider, SimpleAccordion, SimpleSnackbar, Skeleton3 as Skeleton, SnackbarProvider, Spinner, SplashScreen, StatCard, StatusChip, StatusDot, StatusLabel, Stepper, StepperActions, SvgColor, TabPanel, Table, TableSkeleton, Tabs, TagCloud, TipTapRenderer, Tooltip2 as Tooltip, VirtualList, animateBorderClasses, buildUrl, carouselClasses, chartClasses, cn, contentClasses, createClasses, createClassesObject, createComponentClasses, createIconComponent, formatDateString, getClassPrefix, getErrorLocation, getNavCssVars, getQueryParam, hasParams, htmlToMarkdown, isActiveLink, isEqualPath, isExternalLink, isExternalUrl, isMarkdownContent, lightboxClasses, megaMenuClasses, megaMenuCssVars, mergeClasses, navSectionClasses, navSectionCssVars, parseDateString, parseQueryParams, parseStackTrace, registerTipTapNode, removeLastSlash, removeParams, safeReturnUrl, setClassPrefix, useAccordion, useCarousel, useChart, useDateRangePicker, useErrorBoundary, useLightbox, useMenu, useScrollSpy, useSettings, useSettingsDrawer, useSnackbar, useStepper, useTable, useTabs };
-//# sourceMappingURL=chunk-A2Z7NVGL.js.map
-//# sourceMappingURL=chunk-A2Z7NVGL.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, 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