@omnitron-dev/prism 0.3.1 → 0.3.3

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

@@ -1,91 +1,57 @@
-import { contentClasses, ContentRoot, TipTapRenderer } from './chunk-GUGTDURV.js';
-import { PRESET_NAMES, PRESET_DISPLAY_NAMES } from './chunk-KQ67XB6T.js';
-import { useSettingsStore } from './chunk-XIXSSI3B.js';
-import { SearchInput } from './chunk-GMIE6III.js';
-import { useBoolean } from './chunk-BRDWQVRT.js';
-import { FilterIcon, EmptyIcon, CloseIcon, ChevronDownIcon, ChevronRightIcon, ZoomOutIcon, ZoomInIcon, FullscreenExitIcon, FullscreenIcon, DownloadIcon, ShareIcon, ChevronLeftIcon, PlayIcon, ChevronUpIcon } from './chunk-PGHEP4JD.js';
-import { createContext, lazy, useCallback, useState, useMemo, useTransition, useRef, useEffect, Fragment as Fragment$1, useId, Children, useContext, isValidElement, Suspense } from 'react';
-import Stack from '@mui/material/Stack';
-import TextField2 from '@mui/material/TextField';
-import Chip from '@mui/material/Chip';
-import MenuItem from '@mui/material/MenuItem';
-import Box19 from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import Typography5 from '@mui/material/Typography';
-import Badge from '@mui/material/Badge';
-import { styled, alpha, useTheme } from '@mui/material/styles';
+import { contentClasses, ContentRoot, TipTapRenderer } from './chunk-4B2LTPK2.js';
+import { Label } from './chunk-URFQX3I6.js';
+import { cn } from './chunk-2AB7VGPW.js';
+import { createClasses, createComponentClasses } from './chunk-LH4ZZZYB.js';
+import { PRESET_NAMES, PRESET_DISPLAY_NAMES } from './chunk-RSWVYIXK.js';
+import { useSettingsStore } from './chunk-NJM5AVBM.js';
+import { useBoolean } from './chunk-4R7EZ7GQ.js';
+import { ChevronDownIcon, ChevronRightIcon, ZoomOutIcon, ZoomInIcon, FullscreenExitIcon, FullscreenIcon, DownloadIcon, ShareIcon, CloseIcon, ChevronLeftIcon, PlayIcon, ChevronUpIcon } from './chunk-VQVVHMPG.js';
+import { createContext, useState, useCallback, useMemo, useEffect, useRef, Children, useContext, useId } from 'react';
 import dayjs from 'dayjs';
+import Autocomplete from '@mui/material/Autocomplete';
+import TextField from '@mui/material/TextField';
 import InputAdornment from '@mui/material/InputAdornment';
-import IconButton4 from '@mui/material/IconButton';
-import Dialog from '@mui/material/Dialog';
-import DialogTitle from '@mui/material/DialogTitle';
-import DialogActions from '@mui/material/DialogActions';
-import DialogContent from '@mui/material/DialogContent';
-import useMediaQuery from '@mui/material/useMediaQuery';
-import FormHelperText from '@mui/material/FormHelperText';
-import { DatePicker } from '@mui/x-date-pickers/DatePicker';
-import { DateCalendar, dateCalendarClasses } from '@mui/x-date-pickers/DateCalendar';
+import Box9 from '@mui/material/Box';
+import Typography5 from '@mui/material/Typography';
+import { styled, alpha, useTheme } from '@mui/material/styles';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import MuiTable from '@mui/material/Table';
-import TableBody from '@mui/material/TableBody';
-import TableCell from '@mui/material/TableCell';
-import TableContainer from '@mui/material/TableContainer';
-import TableHead from '@mui/material/TableHead';
-import TableRow from '@mui/material/TableRow';
-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 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 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 MuiBadge from '@mui/material/Badge';
+import Card from '@mui/material/Card';
 import CardActionArea from '@mui/material/CardActionArea';
+import Skeleton from '@mui/material/Skeleton';
 import Tooltip2 from '@mui/material/Tooltip';
-import Grid from '@mui/material/Grid';
-import Portal from '@mui/material/Portal';
-import MuiLinearProgress from '@mui/material/LinearProgress';
-import CircularProgress from '@mui/material/CircularProgress';
+import IconButton2 from '@mui/material/IconButton';
+import Chip2 from '@mui/material/Chip';
+import Stack2 from '@mui/material/Stack';
 import List from '@mui/material/List';
 import ListItemButton from '@mui/material/ListItemButton';
 import ListItemText from '@mui/material/ListItemText';
-import Snackbar from '@mui/material/Snackbar';
-import MuiAlert from '@mui/material/Alert';
+import MuiLinearProgress from '@mui/material/LinearProgress';
+import MuiCircularProgress from '@mui/material/CircularProgress';
 import { useVirtualizer } from '@tanstack/react-virtual';
-import Divider3 from '@mui/material/Divider';
-import MuiTabs from '@mui/material/Tabs';
-import MuiTab from '@mui/material/Tab';
 import MuiAccordion from '@mui/material/Accordion';
 import MuiAccordionSummary from '@mui/material/AccordionSummary';
 import MuiAccordionDetails from '@mui/material/AccordionDetails';
 import MuiMenu from '@mui/material/Menu';
+import MenuItem2 from '@mui/material/MenuItem';
 import ListItemIcon from '@mui/material/ListItemIcon';
-import NProgress from 'nprogress';
+import Divider2 from '@mui/material/Divider';
 import Drawer from '@mui/material/Drawer';
+import Button from '@mui/material/Button';
 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';
-import MuiStepper from '@mui/material/Stepper';
-import Step from '@mui/material/Step';
-import StepLabel from '@mui/material/StepLabel';
-import StepContent from '@mui/material/StepContent';
-import { clsx } from 'clsx';
+import CardContent from '@mui/material/CardContent';
+import Dialog from '@mui/material/Dialog';
 import ButtonBase from '@mui/material/ButtonBase';
 import Collapse from '@mui/material/Collapse';
 import Popover from '@mui/material/Popover';
+import Paper from '@mui/material/Paper';
+import Link from '@mui/material/Link';
 import ReactMarkdown from 'react-markdown';
 import rehypeRaw from 'rehype-raw';
 import rehypeSanitize, { defaultSchema } from 'rehype-sanitize';
@@ -94,1196 +60,6 @@ import remarkGfm from 'remark-gfm';
 import TurndownService from 'turndown';
 import Select from '@mui/material/Select';
 
-function DateRangePicker({
-  open,
-  error,
-  onClose,
-  onSubmit,
-  startDate,
-  endDate,
-  onChangeStartDate,
-  onChangeEndDate,
-  slotProps,
-  variant = "input",
-  title,
-  translations,
-  // Exclude hook props that shouldn't go to Dialog
-  selected: _selected,
-  label: _label,
-  shortLabel: _shortLabel,
-  onOpen: _onOpen,
-  onReset: _onReset,
-  setStartDate: _setStartDate,
-  setEndDate: _setEndDate,
-  ...other
-}) {
-  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 cannot be earlier than start date";
-  const txCancel = translations?.cancel ?? "Cancel";
-  const txApply = translations?.apply ?? "Apply";
-  const mdUp = useMediaQuery((theme) => theme.breakpoints.up("md"));
-  const isCalendarView = mdUp && variant === "calendar";
-  const handleSubmit = useCallback(() => {
-    onClose({}, "backdropClick");
-    onSubmit?.();
-  }, [onClose, onSubmit]);
-  const handleClose = useCallback(() => {
-    onClose({}, "backdropClick");
-  }, [onClose]);
-  const dialogPaperSx = slotProps?.paper?.sx;
-  return /* @__PURE__ */ jsxs(
-    Dialog,
-    {
-      fullWidth: true,
-      open,
-      onClose,
-      maxWidth: isCalendarView ? false : "xs",
-      slotProps: {
-        ...slotProps,
-        paper: {
-          ...slotProps?.paper,
-          sx: [
-            { ...isCalendarView && { maxWidth: 720 } },
-            ...Array.isArray(dialogPaperSx) ? dialogPaperSx : dialogPaperSx ? [dialogPaperSx] : []
-          ]
-        }
-      },
-      ...other,
-      children: [
-        /* @__PURE__ */ jsx(DialogTitle, { children: txTitle }),
-        /* @__PURE__ */ jsxs(
-          DialogContent,
-          {
-            sx: [
-              (theme) => ({
-                gap: 3,
-                display: "flex",
-                overflow: "unset",
-                flexDirection: isCalendarView ? "row" : "column",
-                [`& .${dateCalendarClasses.root}`]: {
-                  borderRadius: 2,
-                  border: `dashed 1px ${theme.palette.divider}`
-                }
-              })
-            ],
-            children: [
-              isCalendarView ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(DateCalendar, { value: startDate, onChange: onChangeStartDate }),
-                /* @__PURE__ */ jsx(DateCalendar, { value: endDate, onChange: onChangeEndDate })
-              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(DatePicker, { label: txStart, value: startDate, onChange: onChangeStartDate }),
-                /* @__PURE__ */ jsx(DatePicker, { label: txEnd, value: endDate, onChange: onChangeEndDate })
-              ] }),
-              error && /* @__PURE__ */ jsx(FormHelperText, { error: true, sx: { px: 2 }, children: txErrorRange })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(DialogActions, { children: [
-          /* @__PURE__ */ jsx(Button, { variant: "outlined", color: "inherit", onClick: handleClose, children: txCancel }),
-          /* @__PURE__ */ jsx(Button, { disabled: error, variant: "contained", onClick: handleSubmit, children: txApply })
-        ] })
-      ]
-    }
-  );
-}
-function CalendarIcon() {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: "18",
-      height: "18",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
-        /* @__PURE__ */ jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
-        /* @__PURE__ */ jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
-        /* @__PURE__ */ jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
-      ]
-    }
-  );
-}
-function ClearIcon() {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: "14",
-      height: "14",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-        /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-      ]
-    }
-  );
-}
-function toDayjs(value) {
-  if (!value) return null;
-  const d = dayjs(value);
-  return d.isValid() ? d : null;
-}
-function toIso(value) {
-  if (!value || !value.isValid()) return "";
-  return value.format("YYYY-MM-DD");
-}
-function formatLabel(start, end, fromPrefix, toPrefix) {
-  if (!start && !end) return "";
-  const s = toDayjs(start);
-  const e = toDayjs(end);
-  if (s && e) {
-    if (s.isSame(e, "day")) return e.format("DD MMM YYYY");
-    if (s.isSame(e, "month")) return `${s.format("DD")} \u2013 ${e.format("DD MMM YYYY")}`;
-    if (s.isSame(e, "year")) return `${s.format("DD MMM")} \u2013 ${e.format("DD MMM YYYY")}`;
-    return `${s.format("DD MMM YYYY")} \u2013 ${e.format("DD MMM YYYY")}`;
-  }
-  if (s) return `${fromPrefix} ${s.format("DD MMM YYYY")}`;
-  if (e) return `${toPrefix} ${e.format("DD MMM YYYY")}`;
-  return "";
-}
-function DateRangeInput({
-  label = "Date range",
-  startDate,
-  endDate,
-  onChange,
-  width = 220,
-  variant = "input",
-  size = "small",
-  translations,
-  pickerTranslations
-}) {
-  const [open, setOpen] = useState(false);
-  const [tempStart, setTempStart] = useState(toDayjs(startDate));
-  const [tempEnd, setTempEnd] = useState(toDayjs(endDate));
-  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]
-  );
-  const hasValue = !!startDate || !!endDate;
-  const handleOpen = useCallback(() => {
-    setTempStart(toDayjs(startDate));
-    setTempEnd(toDayjs(endDate));
-    setOpen(true);
-  }, [startDate, endDate]);
-  const handleClose = useCallback(() => {
-    setOpen(false);
-  }, []);
-  const handleSubmit = useCallback(() => {
-    onChange(toIso(tempStart), toIso(tempEnd));
-    setOpen(false);
-  }, [tempStart, tempEnd, onChange]);
-  const handleClear = useCallback(
-    (e) => {
-      e.stopPropagation();
-      onChange("", "");
-    },
-    [onChange]
-  );
-  const error = !!(tempStart && tempEnd && tempStart.isAfter(tempEnd));
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      TextField2,
-      {
-        size,
-        label,
-        value: displayLabel,
-        placeholder: txPlaceholder,
-        onClick: handleOpen,
-        slotProps: {
-          input: {
-            readOnly: true,
-            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(IconButton4, { size: "small", onClick: handleClear, "aria-label": txClear, sx: { p: 0.25 }, children: /* @__PURE__ */ jsx(ClearIcon, {}) }) })
-            }
-          },
-          inputLabel: { shrink: true }
-        },
-        sx: {
-          minWidth: width,
-          "& .MuiOutlinedInput-root": { borderRadius: 1 },
-          "& .MuiInputBase-input": { cursor: "pointer" }
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      DateRangePicker,
-      {
-        open,
-        error,
-        onClose: handleClose,
-        onSubmit: handleSubmit,
-        startDate: tempStart,
-        endDate: tempEnd,
-        onChangeStartDate: setTempStart,
-        onChangeEndDate: setTempEnd,
-        variant,
-        translations: pickerTranslations,
-        selected: !!(tempStart && tempEnd),
-        label: "",
-        shortLabel: "",
-        onOpen: handleOpen,
-        onReset: () => {
-          setTempStart(null);
-          setTempEnd(null);
-        },
-        setStartDate: setTempStart,
-        setEndDate: setTempEnd
-      }
-    )
-  ] });
-}
-function useDebounce(value, delay) {
-  const [debouncedValue, setDebouncedValue] = useState(value);
-  useEffect(() => {
-    const timer = setTimeout(() => setDebouncedValue(value), delay);
-    return () => clearTimeout(timer);
-  }, [value, delay]);
-  return debouncedValue;
-}
-function isFilterActive(config, value) {
-  if (value === void 0 || value === null || value === "") return false;
-  if (Array.isArray(value) && value.length === 0) return false;
-  if (config.type === "boolean" && value === false) return false;
-  if (config.type === "select" && value === "") return false;
-  return true;
-}
-function FilterToolbar({
-  filters,
-  values,
-  onChange,
-  onReset,
-  total,
-  searchDebounce = 300,
-  compact = false,
-  sx,
-  resetLabel = "Reset",
-  resultsLabel
-}) {
-  const [, startTransition] = useTransition();
-  const searchFilter = filters.find((f) => f.type === "search");
-  const [localSearch, setLocalSearch] = useState(values[searchFilter?.key ?? "search"] ?? "");
-  const debouncedSearch = useDebounce(localSearch, searchDebounce);
-  const prevDebouncedRef = useRef(debouncedSearch);
-  useEffect(() => {
-    if (debouncedSearch !== prevDebouncedRef.current) {
-      prevDebouncedRef.current = debouncedSearch;
-      const key = searchFilter?.key ?? "search";
-      startTransition(() => {
-        onChange({ ...values, [key]: debouncedSearch });
-      });
-    }
-  }, [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]
-  );
-  const hasAnyActive = useMemo(
-    () => filters.some((f) => isFilterActive(f, f.type === "search" ? localSearch : values[f.key])),
-    [filters, values, localSearch]
-  );
-  const handleChange = useCallback(
-    (key, value) => {
-      startTransition(() => {
-        onChange({ ...values, [key]: value });
-      });
-    },
-    [onChange, values]
-  );
-  const handleReset = useCallback(() => {
-    setLocalSearch("");
-    if (onReset) {
-      onReset();
-    } else {
-      const resetValues = {};
-      for (const f of filters) {
-        if (f.type === "search") resetValues[f.key] = "";
-        else if (f.type === "multi-select") resetValues[f.key] = [];
-        else if (f.type === "boolean") resetValues[f.key] = false;
-        else if (f.type === "date-range") {
-          resetValues[`${f.key}From`] = "";
-          resetValues[`${f.key}To`] = "";
-        } else if (f.type === "number-range") {
-          resetValues[`${f.key}Min`] = "";
-          resetValues[`${f.key}Max`] = "";
-        } else {
-          resetValues[f.key] = "";
-        }
-      }
-      onChange(resetValues);
-    }
-  }, [onReset, onChange, filters]);
-  const renderFilter = useCallback(
-    (config) => {
-      const { key, type, label, placeholder, options, width } = config;
-      switch (type) {
-        case "search":
-          return /* @__PURE__ */ jsx(
-            SearchInput,
-            {
-              value: localSearch,
-              onChange: setLocalSearch,
-              placeholder: placeholder ?? "Search...",
-              fullWidth: false,
-              minWidth: width ?? 220
-            },
-            key
-          );
-        case "select":
-          return /* @__PURE__ */ jsxs(
-            TextField2,
-            {
-              select: true,
-              size: "small",
-              value: values[key] ?? "",
-              onChange: (e) => handleChange(key, e.target.value),
-              slotProps: { select: { displayEmpty: true, "aria-label": label } },
-              sx: {
-                minWidth: width ?? 150,
-                "& .MuiOutlinedInput-root": { borderRadius: 1 },
-                "& .MuiOutlinedInput-notchedOutline legend": { width: 0 }
-              },
-              children: [
-                /* @__PURE__ */ jsx(MenuItem, { value: "", children: /* @__PURE__ */ jsx(
-                  Typography5,
-                  {
-                    variant: "body2",
-                    sx: {
-                      color: "text.secondary"
-                    },
-                    children: label
-                  }
-                ) }),
-                options?.map((opt) => /* @__PURE__ */ jsx(MenuItem, { value: opt.value, children: opt.label }, opt.value))
-              ]
-            },
-            key
-          );
-        case "multi-select": {
-          const selectedValues = values[key] ?? [];
-          return /* @__PURE__ */ jsx(
-            TextField2,
-            {
-              select: true,
-              size: "small",
-              value: selectedValues,
-              onChange: (e) => handleChange(key, e.target.value),
-              slotProps: {
-                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) {
-                      return /* @__PURE__ */ jsx(
-                        Typography5,
-                        {
-                          variant: "body2",
-                          sx: {
-                            color: "text.secondary"
-                          },
-                          children: label
-                        }
-                      );
-                    }
-                    return /* @__PURE__ */ jsx(Stack, { direction: "row", spacing: 0.5, sx: { overflow: "hidden" }, children: sel.map((val) => {
-                      const opt = options?.find((o) => o.value === val);
-                      return /* @__PURE__ */ jsx(
-                        Chip,
-                        {
-                          label: opt?.label ?? val,
-                          size: "small",
-                          sx: { height: 20, fontSize: "0.75rem" }
-                        },
-                        val
-                      );
-                    }) });
-                  }
-                }
-              },
-              sx: {
-                minWidth: width ?? 180,
-                "& .MuiOutlinedInput-root": { borderRadius: 1 },
-                "& .MuiOutlinedInput-notchedOutline legend": { width: 0 }
-              },
-              children: options?.map((opt) => /* @__PURE__ */ jsx(MenuItem, { value: opt.value, children: opt.label }, opt.value))
-            },
-            key
-          );
-        }
-        case "date-range":
-          return /* @__PURE__ */ jsx(
-            DateRangeInput,
-            {
-              label,
-              startDate: values[`${key}From`] ?? "",
-              endDate: values[`${key}To`] ?? "",
-              onChange: (from, to) => {
-                handleChange(`${key}From`, from);
-                handleChange(`${key}To`, to);
-              },
-              width: width ?? 220,
-              size: "small"
-            },
-            key
-          );
-        case "boolean":
-          return /* @__PURE__ */ jsx(
-            Chip,
-            {
-              label,
-              variant: values[key] ? "filled" : "outlined",
-              color: values[key] ? "primary" : "default",
-              onClick: () => handleChange(key, !values[key]),
-              size: "small",
-              sx: {
-                borderRadius: 1,
-                fontWeight: 500,
-                height: 32,
-                cursor: "pointer",
-                transition: (theme) => theme.transitions.create(["background-color", "color", "border-color"], {
-                  duration: theme.transitions.duration.shorter
-                })
-              }
-            },
-            key
-          );
-        case "number-range":
-          return /* @__PURE__ */ jsxs(
-            Stack,
-            {
-              direction: "row",
-              spacing: 1,
-              sx: {
-                alignItems: "center"
-              },
-              children: [
-                /* @__PURE__ */ jsx(
-                  TextField2,
-                  {
-                    type: "number",
-                    size: "small",
-                    label: `${label} min`,
-                    value: values[`${key}Min`] ?? "",
-                    onChange: (e) => handleChange(`${key}Min`, e.target.value),
-                    sx: { minWidth: width ?? 100 }
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  Typography5,
-                  {
-                    variant: "body2",
-                    sx: {
-                      color: "text.disabled",
-                      px: 0.5
-                    },
-                    children: "\u2014"
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  TextField2,
-                  {
-                    type: "number",
-                    size: "small",
-                    label: `${label} max`,
-                    value: values[`${key}Max`] ?? "",
-                    onChange: (e) => handleChange(`${key}Max`, e.target.value),
-                    sx: { minWidth: width ?? 100 }
-                  }
-                )
-              ]
-            },
-            key
-          );
-        default:
-          return null;
-      }
-    },
-    [localSearch, values, handleChange]
-  );
-  return /* @__PURE__ */ jsxs(
-    Stack,
-    {
-      spacing: compact ? 0 : 1.5,
-      sx: {
-        p: 2,
-        borderRadius: 1,
-        border: (theme) => `1px solid ${theme.palette.divider}`,
-        bgcolor: (theme) => alpha(theme.palette.background.default, 0.5),
-        ...sx
-      },
-      children: [
-        /* @__PURE__ */ jsxs(
-          Stack,
-          {
-            direction: "row",
-            sx: {
-              alignItems: "center",
-              flexWrap: "wrap",
-              gap: 1.5
-            },
-            children: [
-              filters.map(renderFilter),
-              /* @__PURE__ */ jsxs(
-                Stack,
-                {
-                  direction: "row",
-                  spacing: 1,
-                  sx: {
-                    alignItems: "center",
-                    ml: "auto"
-                  },
-                  children: [
-                    activeCount > 0 && /* @__PURE__ */ jsx(Badge, { badgeContent: activeCount, color: "primary", sx: { "& .MuiBadge-badge": { fontSize: "0.65rem" } }, children: /* @__PURE__ */ jsx(Box19, { sx: { color: "text.secondary", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx(FilterIcon, {}) }) }),
-                    hasAnyActive && /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        size: "small",
-                        onClick: handleReset,
-                        sx: {
-                          minWidth: 0,
-                          px: 1.5,
-                          fontSize: "0.75rem",
-                          fontWeight: 500,
-                          color: "text.secondary",
-                          "&:hover": { color: "text.primary" }
-                        },
-                        children: resetLabel
-                      }
-                    )
-                  ]
-                }
-              )
-            ]
-          }
-        ),
-        total !== void 0 && !compact && /* @__PURE__ */ jsx(
-          Typography5,
-          {
-            variant: "caption",
-            sx: {
-              color: "text.disabled",
-              mt: 0.5
-            },
-            children: resultsLabel ? resultsLabel(total) : `${total.toLocaleString()} result${total !== 1 ? "s" : ""}`
-          }
-        )
-      ]
-    }
-  );
-}
-var StyledTableContainer = styled(Paper)(({ theme }) => ({
-  borderRadius: theme.shape.borderRadius,
-  border: `1px solid ${theme.palette.divider}`,
-  overflow: "auto"
-}));
-var StyledTableHead = styled(TableHead)(({ theme }) => ({
-  backgroundColor: alpha(theme.palette.grey[500], 0.08),
-  "& .MuiTableCell-head": {
-    fontWeight: 600,
-    fontSize: theme.typography.pxToRem(13),
-    color: theme.palette.text.secondary,
-    backgroundColor: "transparent",
-    whiteSpace: "nowrap",
-    borderBottom: `1px solid ${theme.palette.divider}`
-  }
-}));
-var StyledTableRow = styled(TableRow)(({ theme }) => ({
-  transition: theme.transitions.create("background-color", {
-    duration: theme.transitions.duration.shortest
-  }),
-  // `: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": {
-    backgroundColor: alpha(theme.palette.primary.main, 0.04)
-  },
-  "& .MuiTableCell-body": {
-    borderBottom: `1px solid ${alpha(theme.palette.divider, 0.6)}`
-  }
-}));
-var EMPTY_SELECTION = /* @__PURE__ */ new Set();
-function AdminDataTable({
-  columns,
-  data,
-  total,
-  loading = false,
-  loadingRows = 5,
-  page,
-  pageSize,
-  onPageChange,
-  onPageSizeChange,
-  sortBy,
-  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,
-  onSelectionChange,
-  bulkActions
-}) {
-  const getRowKey = useCallback(
-    (row, index) => {
-      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, selectable]
-  );
-  const selection = selectedKeys ?? EMPTY_SELECTION;
-  const pageRowKeys = useMemo(
-    () => selectable ? data.map((row, index) => getRowKey(row, index)) : [],
-    [selectable, data, getRowKey]
-  );
-  const allPageSelected = pageRowKeys.length > 0 && pageRowKeys.every((k) => selection.has(k));
-  const somePageSelected = !allPageSelected && pageRowKeys.some((k) => selection.has(k));
-  const toggleAllOnPage = useCallback(() => {
-    if (!onSelectionChange) return;
-    const next = new Set(selection);
-    if (allPageSelected) {
-      pageRowKeys.forEach((k) => next.delete(k));
-    } else {
-      pageRowKeys.forEach((k) => next.add(k));
-    }
-    onSelectionChange(next);
-  }, [onSelectionChange, selection, allPageSelected, pageRowKeys]);
-  const toggleRow = useCallback(
-    (key) => {
-      if (!onSelectionChange) return;
-      const next = new Set(selection);
-      if (next.has(key)) next.delete(key);
-      else next.add(key);
-      onSelectionChange(next);
-    },
-    [onSelectionChange, selection]
-  );
-  const handleSort = useCallback(
-    (columnKey) => {
-      onSort?.(columnKey);
-    },
-    [onSort]
-  );
-  const handlePageChange = useCallback(
-    (_, newPage) => {
-      onPageChange(newPage);
-    },
-    [onPageChange]
-  );
-  const handlePageSizeChange = useCallback(
-    (event) => {
-      onPageSizeChange?.(parseInt(event.target.value, 10));
-      onPageChange(0);
-    },
-    [onPageSizeChange, onPageChange]
-  );
-  const skeletonRowCount = Math.max(1, Math.min(pageSize, loadingRows));
-  const skeletonRows = useMemo(
-    () => 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(
-        Skeleton3,
-        {
-          variant: "text",
-          width: col.align === "right" ? "60%" : "80%",
-          sx: {
-            ml: col.align === "right" ? "auto" : 0,
-            borderRadius: 0.5
-          }
-        }
-      ) }, col.key))
-    ] }, `skeleton-${i}`)),
-    [skeletonRowCount, columns, selectable]
-  );
-  const showBulkBar = selectable && selection.size > 0 && !!bulkActions;
-  if (!loading && data.length === 0) {
-    return /* @__PURE__ */ jsxs(StyledTableContainer, { sx, children: [
-      /* @__PURE__ */ jsx(MuiTable, { size: dense ? "small" : "medium", stickyHeader, children: /* @__PURE__ */ jsx(StyledTableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
-        selectable && /* @__PURE__ */ jsx(TableCell, { padding: "checkbox" }),
-        columns.map((col) => /* @__PURE__ */ jsx(TableCell, { align: col.align ?? "left", style: { width: col.width }, children: col.header }, col.key))
-      ] }) }) }),
-      /* @__PURE__ */ jsxs(
-        Box19,
-        {
-          sx: {
-            py: 6,
-            display: "flex",
-            flexDirection: "column",
-            alignItems: "center",
-            gap: 1.5
-          },
-          children: [
-            /* @__PURE__ */ jsx(EmptyIcon, {}),
-            /* @__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(
-      Box19,
-      {
-        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,
-      {
-        direction: "row",
-        spacing: 2,
-        sx: {
-          alignItems: "center",
-          px: 2,
-          py: 1,
-          borderBottom: (theme) => `1px solid ${theme.palette.divider}`,
-          bgcolor: (theme) => alpha(theme.palette.primary.main, 0.06)
-        },
-        children: [
-          /* @__PURE__ */ jsxs(
-            Typography5,
-            {
-              variant: "body2",
-              sx: {
-                fontWeight: 600
-              },
-              children: [
-                selection.size,
-                " selected"
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(Box19, { sx: { flex: 1 } }),
-          bulkActions(selection)
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(TableContainer, { children: /* @__PURE__ */ jsxs(MuiTable, { size: dense ? "small" : "medium", stickyHeader, children: [
-      /* @__PURE__ */ jsx(StyledTableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
-        selectable && /* @__PURE__ */ jsx(TableCell, { padding: "checkbox", children: /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            size: "small",
-            indeterminate: somePageSelected,
-            checked: allPageSelected,
-            disabled: loading || pageRowKeys.length === 0,
-            onChange: toggleAllOnPage,
-            slotProps: {
-              input: { "aria-label": "select all rows on page" }
-            }
-          }
-        ) }),
-        columns.map((col) => /* @__PURE__ */ jsx(
-          TableCell,
-          {
-            align: col.align ?? "left",
-            style: { width: col.width },
-            sortDirection: sortBy === col.key ? sortOrder : false,
-            children: col.sortable && onSort ? /* @__PURE__ */ jsx(
-              TableSortLabel,
-              {
-                active: sortBy === col.key,
-                direction: sortBy === col.key ? sortOrder : "asc",
-                onClick: () => handleSort(col.key),
-                children: col.header
-              }
-            ) : col.header
-          },
-          col.key
-        ))
-      ] }) }),
-      /* @__PURE__ */ jsx(TableBody, { children: loading ? skeletonRows : data.map((row, index) => {
-        const key = getRowKey(row, index);
-        const isSelected = selectable && selection.has(key);
-        const body = /* @__PURE__ */ jsxs(
-          StyledTableRow,
-          {
-            hover: true,
-            selected: isSelected,
-            onClick: onRowClick ? () => onRowClick(row) : void 0,
-            sx: {
-              cursor: onRowClick ? "pointer" : "default",
-              ...rowSx?.(row, index)
-            },
-            children: [
-              selectable && /* @__PURE__ */ jsx(
-                TableCell,
-                {
-                  padding: "checkbox",
-                  onClick: (e) => e.stopPropagation(),
-                  children: /* @__PURE__ */ jsx(
-                    Checkbox,
-                    {
-                      size: "small",
-                      checked: isSelected,
-                      onChange: () => toggleRow(key),
-                      slotProps: {
-                        input: { "aria-label": "select row" }
-                      }
-                    }
-                  )
-                }
-              ),
-              columns.map((col) => /* @__PURE__ */ jsx(TableCell, { align: col.align ?? "left", children: col.render(row, index) }, col.key))
-            ]
-          },
-          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(
-      TablePagination,
-      {
-        component: "div",
-        count: total,
-        page,
-        rowsPerPage: pageSize,
-        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": {
-            fontSize: "0.8rem"
-          },
-          "& .MuiTablePagination-selectLabel": {
-            fontSize: "0.8rem"
-          }
-        }
-      }
-    )
-  ] });
-}
-var DEFAULT_COLOR_MAP = {
-  active: "success",
-  completed: "success",
-  confirmed: "success",
-  approved: "success",
-  enabled: "success",
-  online: "success",
-  paid: "success",
-  resolved: "success",
-  success: "success",
-  pending: "warning",
-  processing: "warning",
-  waiting: "warning",
-  review: "warning",
-  draft: "warning",
-  failed: "error",
-  error: "error",
-  rejected: "error",
-  blocked: "error",
-  banned: "error",
-  disabled: "error",
-  cancelled: "error",
-  expired: "error",
-  suspended: "error",
-  offline: "error",
-  info: "info",
-  new: "info",
-  open: "info"
-};
-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 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)}`
-          }
-        },
-        ...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 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, ",");
-  const prefix = num < 0 ? "-" : "";
-  return decPart !== void 0 ? `${prefix}${formatted}.${decPart}` : `${prefix}${formatted}`;
-}
-function AmountCell({
-  amount,
-  currency,
-  decimals,
-  showSign = false,
-  color = false,
-  sx
-}) {
-  const num = parseFloat(amount);
-  const isNegative = num < 0;
-  const isPositive = num > 0;
-  const formatted = useMemo(() => formatAmount(amount, decimals), [amount, decimals]);
-  const signPrefix = useMemo(() => {
-    if (!showSign) return "";
-    if (isPositive) return "+";
-    return "";
-  }, [showSign, isPositive]);
-  const textColor = useMemo(() => {
-    if (!color) return void 0;
-    if (isPositive) return "success.main";
-    if (isNegative) return "error.main";
-    return "text.secondary";
-  }, [color, isPositive, isNegative]);
-  return /* @__PURE__ */ jsxs(
-    Typography5,
-    {
-      variant: "body2",
-      color: textColor,
-      sx: {
-        fontFamily: '"JetBrains Mono", "Fira Code", "SF Mono", "Consolas", monospace',
-        fontVariantNumeric: "tabular-nums",
-        fontSize: "0.8rem",
-        fontWeight: 500,
-        whiteSpace: "nowrap",
-        textAlign: "right",
-        ...sx
-      },
-      children: [
-        signPrefix,
-        formatted,
-        currency && /* @__PURE__ */ jsx(
-          Typography5,
-          {
-            component: "span",
-            variant: "caption",
-            sx: {
-              color: "text.disabled",
-              ml: 0.5,
-              fontFamily: "inherit",
-              fontSize: "0.7rem",
-              fontWeight: 400
-            },
-            children: currency
-          }
-        )
-      ]
-    }
-  );
-}
 function isAfter(start, end) {
   if (!start || !end) return false;
   return start.isAfter(end);
@@ -1499,7 +275,7 @@ function CountrySelect({
         const isWorldRow = worldwideValue !== void 0 && option.iso2 === worldwideValue;
         const src = isWorldRow ? null : getFlagSrc?.(option.iso2.toLowerCase()) ?? null;
         return /* @__PURE__ */ jsxs(
-          Box19,
+          Box9,
           {
             component: "li",
             ...rest,
@@ -1543,281 +319,50 @@ function CountrySelect({
           },
           key
         );
-      },
-      renderInput: (params) => {
-        const src = !isWorld && selected && getFlagSrc ? getFlagSrc(selected.iso2.toLowerCase()) ?? null : null;
-        const startAdornment = selected ? /* @__PURE__ */ jsx(InputAdornment, { position: "start", sx: { ml: 0.75, mr: -0.5 }, children: /* @__PURE__ */ jsx(
-          FlagIcon,
-          {
-            src,
-            alt: selected ? label_(selected) : "",
-            code: isWorld ? void 0 : selected?.iso2
-          }
-        ) }) : null;
-        return /* @__PURE__ */ jsx(
-          TextField2,
-          {
-            ...params,
-            label,
-            placeholder,
-            helperText,
-            error,
-            ...textFieldProps,
-            slotProps: {
-              ...textFieldProps?.slotProps ?? {},
-              // MUI v9 renamed Autocomplete renderInput's
-              // `InputProps` / `inputProps` to `slotProps.{input,
-              // htmlInput}`. Merge our flag adornment on top of the
-              // input slot while keeping the chevron+clear adornments
-              // that Autocomplete itself injects.
-              input: {
-                ...params.slotProps.input,
-                ...textFieldProps?.slotProps?.input ?? {},
-                startAdornment: startAdornment ?? params.slotProps.input.startAdornment
-              },
-              htmlInput: {
-                ...params.slotProps.htmlInput,
-                autoComplete: "off"
-              }
-            }
-          }
-        );
-      },
-      ...autocompleteProps
-    }
-  );
-}
-
-// src/utils/create-classes.ts
-var DEFAULT_CLASS_PREFIX = "prism";
-var classPrefix = DEFAULT_CLASS_PREFIX;
-function setClassPrefix(prefix) {
-  classPrefix = prefix;
-}
-function getClassPrefix() {
-  return classPrefix;
-}
-function createClasses(className) {
-  return `${classPrefix}__${className}`;
-}
-function createClassesObject(classNames) {
-  return classNames.reduce(
-    (acc, name) => {
-      acc[name] = createClasses(name);
-      return acc;
-    },
-    {}
-  );
-}
-function createComponentClasses(componentName, suffixes) {
-  if (suffixes) {
-    return suffixes.reduce(
-      (acc, suffix) => {
-        acc[suffix] = createClasses(`${componentName}__${suffix}`);
-        return acc;
-      },
-      {}
-    );
-  }
-  return (suffix) => createClasses(`${componentName}__${suffix}`);
-}
-var animateBorderClasses = {
-  root: createClasses("animate__border__root"),
-  primaryBorder: createClasses("animate__border__primary"),
-  secondaryBorder: createClasses("animate__border__secondary"),
-  svgWrapper: createClasses("animate__border__svg__wrapper"),
-  movingShape: createClasses("animate__border__moving__shape")
-};
-function borderGradient(props) {
-  const { color, padding = "2px" } = props ?? {};
-  return {
-    padding,
-    inset: 0,
-    width: "100%",
-    content: '""',
-    height: "100%",
-    margin: "auto",
-    position: "absolute",
-    borderRadius: "inherit",
-    mask: "linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0)",
-    WebkitMask: "linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0)",
-    maskComposite: "exclude",
-    WebkitMaskComposite: "xor",
-    ...color && { background: color }
-  };
-}
-function AnimateBorder({ sx, children, duration, slotProps, className, ...other }) {
-  const theme = useTheme();
-  const rootRef = useRef(null);
-  const primaryBorderRef = useRef(null);
-  const [isHidden, setIsHidden] = useState(false);
-  const secondaryBorderStyles = useComputedElementStyles(theme, primaryBorderRef);
-  useEffect(() => {
-    const handleVisibility = () => {
-      if (rootRef.current) {
-        const displayStyle = getComputedStyle(rootRef.current).display;
-        setIsHidden(displayStyle === "none");
-      }
-    };
-    handleVisibility();
-    window.addEventListener("resize", handleVisibility);
-    return () => {
-      window.removeEventListener("resize", handleVisibility);
-    };
-  }, []);
-  const outlineColor = typeof slotProps?.outlineColor === "function" ? slotProps?.outlineColor(theme) : slotProps?.outlineColor;
-  const borderProps = {
-    duration,
-    isHidden,
-    rx: slotProps?.svgSettings?.rx,
-    ry: slotProps?.svgSettings?.ry
-  };
-  const renderPrimaryBorder = () => /* @__PURE__ */ jsx(
-    MovingBorder,
-    {
-      ...borderProps,
-      ref: primaryBorderRef,
-      size: slotProps?.primaryBorder?.size,
-      sx: [
-        {
-          ...borderGradient({ padding: slotProps?.primaryBorder?.width })
-        },
-        ...Array.isArray(slotProps?.primaryBorder?.sx) ? slotProps.primaryBorder.sx : [slotProps?.primaryBorder?.sx]
-      ]
-    }
-  );
-  const renderSecondaryBorder = () => slotProps?.secondaryBorder && /* @__PURE__ */ jsx(
-    MovingBorder,
-    {
-      ...borderProps,
-      size: slotProps?.secondaryBorder?.size ?? slotProps?.primaryBorder?.size,
-      sx: [
-        {
-          ...borderGradient({
-            padding: slotProps?.secondaryBorder?.width ?? secondaryBorderStyles.padding
-          }),
-          borderRadius: secondaryBorderStyles.borderRadius,
-          transform: "scale(-1, -1)"
-        },
-        ...Array.isArray(slotProps?.secondaryBorder?.sx) ? slotProps.secondaryBorder.sx : [slotProps?.secondaryBorder?.sx]
-      ]
-    }
-  );
-  return /* @__PURE__ */ jsxs(
-    Box19,
-    {
-      dir: "ltr",
-      ref: rootRef,
-      className: [animateBorderClasses.root, className].filter(Boolean).join(" "),
-      sx: [
-        {
-          minWidth: 40,
-          minHeight: 40,
-          overflow: "hidden",
-          position: "relative",
-          width: "fit-content",
-          "&::before": borderGradient({
-            color: outlineColor,
-            padding: slotProps?.primaryBorder?.width
-          }),
-          ...!!children && {
-            minWidth: "unset",
-            minHeight: "unset"
+      },
+      renderInput: (params) => {
+        const src = !isWorld && selected && getFlagSrc ? getFlagSrc(selected.iso2.toLowerCase()) ?? null : null;
+        const startAdornment = selected ? /* @__PURE__ */ jsx(InputAdornment, { position: "start", sx: { ml: 0.75, mr: -0.5 }, children: /* @__PURE__ */ jsx(
+          FlagIcon,
+          {
+            src,
+            alt: selected ? label_(selected) : "",
+            code: isWorld ? void 0 : selected?.iso2
           }
-        },
-        ...Array.isArray(sx) ? sx : [sx]
-      ],
-      ...other,
-      children: [
-        renderPrimaryBorder(),
-        renderSecondaryBorder(),
-        children
-      ]
+        ) }) : null;
+        return /* @__PURE__ */ jsx(
+          TextField,
+          {
+            ...params,
+            label,
+            placeholder,
+            helperText,
+            error,
+            ...textFieldProps,
+            slotProps: {
+              ...textFieldProps?.slotProps ?? {},
+              // MUI v9 renamed Autocomplete renderInput's
+              // `InputProps` / `inputProps` to `slotProps.{input,
+              // htmlInput}`. Merge our flag adornment on top of the
+              // input slot while keeping the chevron+clear adornments
+              // that Autocomplete itself injects.
+              input: {
+                ...params.slotProps.input,
+                ...textFieldProps?.slotProps?.input ?? {},
+                startAdornment: startAdornment ?? params.slotProps.input.startAdornment
+              },
+              htmlInput: {
+                ...params.slotProps.htmlInput,
+                autoComplete: "off"
+              }
+            }
+          }
+        );
+      },
+      ...autocompleteProps
     }
   );
 }
-function MovingBorder({ sx, size, isHidden, rx = "30%", ry = "30%", duration = 8, ...other }) {
-  const svgRectRef = useRef(null);
-  const progress = useMotionValue(0);
-  const updateAnimationFrame = (time) => {
-    if (!svgRectRef.current) return;
-    try {
-      const pathLength = svgRectRef.current.getTotalLength();
-      const pixelsPerMs = pathLength / (duration * 1e3);
-      progress.set(time * pixelsPerMs % pathLength);
-    } catch {
-      return;
-    }
-  };
-  const calculateTransform = (val) => {
-    if (!svgRectRef.current) return { x: 0, y: 0 };
-    try {
-      const point = svgRectRef.current.getPointAtLength(val);
-      return point ? { x: point.x, y: point.y } : { x: 0, y: 0 };
-    } catch {
-      return { x: 0, y: 0 };
-    }
-  };
-  useAnimationFrame((time) => !isHidden ? updateAnimationFrame(time) : void 0);
-  const x = useTransform(progress, (val) => calculateTransform(val).x);
-  const y = useTransform(progress, (val) => calculateTransform(val).y);
-  const transform = useMotionTemplate`translateX(${x}px) translateY(${y}px) translateX(-50%) translateY(-50%)`;
-  return /* @__PURE__ */ jsxs(Box19, { component: "span", sx: [{ textAlign: "initial" }, ...Array.isArray(sx) ? sx : [sx]], ...other, children: [
-    /* @__PURE__ */ jsx(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        preserveAspectRatio: "none",
-        width: "100%",
-        height: "100%",
-        className: animateBorderClasses.svgWrapper,
-        style: { position: "absolute" },
-        children: /* @__PURE__ */ jsx("rect", { ref: svgRectRef, fill: "none", width: "100%", height: "100%", rx, ry })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Box19,
-      {
-        component: m.span,
-        style: { transform },
-        className: animateBorderClasses.movingShape,
-        sx: {
-          width: size,
-          height: size,
-          filter: "blur(8px)",
-          position: "absolute",
-          background: "radial-gradient(currentColor 40%, transparent 80%)"
-        }
-      }
-    )
-  ] });
-}
-function useComputedElementStyles(theme, ref) {
-  const [computedStyles, setComputedStyles] = useState(null);
-  const isRtl = theme.direction === "rtl";
-  useEffect(() => {
-    if (ref.current) {
-      const style = getComputedStyle(ref.current);
-      setComputedStyles({
-        paddingTop: style.paddingBottom,
-        paddingBottom: style.paddingTop,
-        paddingLeft: isRtl ? style.paddingLeft : style.paddingRight,
-        paddingRight: isRtl ? style.paddingRight : style.paddingLeft,
-        borderTopLeftRadius: isRtl ? style.borderBottomLeftRadius : style.borderBottomRightRadius,
-        borderTopRightRadius: isRtl ? style.borderBottomRightRadius : style.borderBottomLeftRadius,
-        borderBottomLeftRadius: isRtl ? style.borderTopLeftRadius : style.borderTopRightRadius,
-        borderBottomRightRadius: isRtl ? style.borderTopRightRadius : style.borderTopLeftRadius
-      });
-    }
-  }, [ref, isRtl]);
-  return {
-    padding: `${computedStyles?.paddingTop} ${computedStyles?.paddingRight} ${computedStyles?.paddingBottom} ${computedStyles?.paddingLeft}`,
-    borderRadius: `${computedStyles?.borderTopLeftRadius} ${computedStyles?.borderTopRightRadius} ${computedStyles?.borderBottomRightRadius} ${computedStyles?.borderBottomLeftRadius}`
-  };
-}
-function MotionLazy({ children }) {
-  return /* @__PURE__ */ jsx(LazyMotion, { strict: true, features: domMax, children });
-}
 var SIZES = {
   xs: 24,
   sm: 32,
@@ -1966,7 +511,7 @@ function Avatar({ size = "md", shape = "circular", name, src, alt, online, offli
 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)) });
 }
-var StyledBadge = styled(Badge, {
+var StyledBadge = styled(MuiBadge, {
   shouldForwardProp: (prop) => prop !== "ownerState"
 })(({ theme, ownerState }) => {
   const { variant, color, size } = ownerState;
@@ -2032,7 +577,7 @@ var StyledBadge = styled(Badge, {
     }
   };
 });
-function Badge2({ variant = "standard", color = "error", size = "medium", badgeContent, children, sx, ref, ...other }) {
+function Badge({ 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;
@@ -2080,7 +625,7 @@ function CountBadge({
   };
   const bgColor = colorMap[color];
   return /* @__PURE__ */ jsx(
-    Box19,
+    Box9,
     {
       component: "span",
       ref,
@@ -2114,7 +659,7 @@ function StatusDot({ status, size = 8, pulse = true, sx, ref, ...other }) {
   };
   const color = statusColors[status];
   return /* @__PURE__ */ jsx(
-    Box19,
+    Box9,
     {
       component: "span",
       ref,
@@ -2135,221 +680,6 @@ function StatusDot({ status, size = 8, pulse = true, sx, ref, ...other }) {
     }
   );
 }
-var StyledCard = styled(Card2, {
-  shouldForwardProp: (prop) => prop !== "ownerState"
-})(({ theme, ownerState }) => {
-  const { variant } = ownerState;
-  const borderRadius = typeof theme.shape.borderRadius === "number" ? theme.shape.borderRadius : 4;
-  const softStyles = {
-    border: "none",
-    boxShadow: "none",
-    backgroundColor: alpha(theme.palette.grey[500], 0.08)
-  };
-  return {
-    position: "relative",
-    borderRadius: borderRadius * 2,
-    ...variant === "soft" && softStyles,
-    ...variant === "outlined" && {
-      boxShadow: "none"
-    }
-  };
-});
-function Card({
-  variant = "elevation",
-  title,
-  subheader,
-  headerAction,
-  headerSx,
-  contentSx,
-  actions,
-  actionsSx,
-  disablePadding,
-  children,
-  sx,
-  ref,
-  ...other
-}) {
-  const ownerState = { variant };
-  const hasHeader = title || subheader || headerAction;
-  return /* @__PURE__ */ jsxs(
-    StyledCard,
-    {
-      ref,
-      ownerState,
-      variant: variant === "outlined" ? "outlined" : "elevation",
-      sx,
-      ...other,
-      children: [
-        hasHeader && /* @__PURE__ */ jsx(CardHeader, { title, subheader, action: headerAction, sx: headerSx }),
-        children && /* @__PURE__ */ jsx(
-          CardContent,
-          {
-            sx: {
-              ...disablePadding && { p: 0, "&:last-child": { pb: 0 } },
-              ...contentSx
-            },
-            children
-          }
-        ),
-        actions && /* @__PURE__ */ jsx(CardActions, { sx: actionsSx, children: actions })
-      ]
-    }
-  );
-}
-function CardSection({ title, description, children, sx }) {
-  return /* @__PURE__ */ jsxs(Box19, { sx: { mb: 3, ...sx }, children: [
-    title && /* @__PURE__ */ jsx(
-      Typography5,
-      {
-        variant: "subtitle1",
-        sx: {
-          fontWeight: 600,
-          mb: 1
-        },
-        children: title
-      }
-    ),
-    description && /* @__PURE__ */ jsx(
-      Typography5,
-      {
-        variant: "body2",
-        sx: {
-          color: "text.secondary",
-          mb: 2
-        },
-        children: description
-      }
-    ),
-    children
-  ] });
-}
-function StatCard({
-  label,
-  value,
-  change,
-  icon,
-  color = "primary",
-  loading,
-  subtitle,
-  variant = "outlined",
-  sx,
-  ...other
-}) {
-  const isPositive = change && change > 0;
-  const isNegative = change && change < 0;
-  return /* @__PURE__ */ jsx(Card, { variant, contentSx: { p: 2, "&:last-child": { pb: 2 } }, sx, ...other, children: /* @__PURE__ */ jsxs(Box19, { sx: { display: "flex", justifyContent: "space-between", alignItems: "flex-start" }, children: [
-    /* @__PURE__ */ jsx(Box19, { children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Skeleton3, { width: 80, height: 16 }),
-      /* @__PURE__ */ jsx(Skeleton3, { width: 50, height: 32, sx: { mt: 0.5 } })
-    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        Typography5,
-        {
-          variant: "caption",
-          sx: {
-            fontWeight: 600,
-            color: "text.secondary",
-            textTransform: "uppercase",
-            letterSpacing: 0.5
-          },
-          children: label
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Typography5,
-        {
-          variant: "h4",
-          sx: {
-            fontWeight: 700,
-            color: `${color}.main`,
-            mt: 0.5
-          },
-          children: value
-        }
-      ),
-      change !== void 0 && /* @__PURE__ */ jsxs(
-        Typography5,
-        {
-          variant: "caption",
-          color: isPositive ? "success.main" : isNegative ? "error.main" : "text.secondary",
-          sx: {
-            fontWeight: 500,
-            mt: 0.5,
-            display: "block"
-          },
-          children: [
-            isPositive ? "+" : "",
-            change,
-            "%"
-          ]
-        }
-      ),
-      subtitle && /* @__PURE__ */ jsx(Typography5, { variant: "caption", sx: {
-        color: "text.secondary"
-      }, children: subtitle })
-    ] }) }),
-    icon && !loading && /* @__PURE__ */ jsx(Box19, { sx: { color: `${color}.main` }, children: icon })
-  ] }) });
-}
-function ConfirmDialog({
-  open,
-  onClose,
-  onConfirm,
-  title = "Confirm",
-  content,
-  confirmLabel = "Confirm",
-  cancelLabel = "Cancel",
-  confirmColor = "primary",
-  loading = false,
-  disabled = false,
-  maxWidth = "xs",
-  sx
-}) {
-  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)) return;
-    setConfirming(true);
-    result.catch(() => {
-    }).finally(() => setConfirming(false));
-  };
-  return /* @__PURE__ */ jsxs(
-    Dialog,
-    {
-      open,
-      onClose: busy ? void 0 : onClose,
-      maxWidth,
-      fullWidth: true,
-      "aria-labelledby": titleId,
-      "aria-describedby": content ? descriptionId : void 0,
-      sx,
-      children: [
-        /* @__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: busy, variant: "outlined", children: cancelLabel }),
-          /* @__PURE__ */ jsx(Button, { onClick: handleConfirm, color: confirmColor, variant: "contained", loading: busy, disabled, children: confirmLabel })
-        ] })
-      ]
-    }
-  );
-}
-function DeleteDialog({ itemName, content, ...props }) {
-  return /* @__PURE__ */ jsx(
-    ConfirmDialog,
-    {
-      title: itemName ? `Delete "${itemName}"?` : "Delete item?",
-      content: content ?? "This action cannot be undone. Are you sure you want to proceed?",
-      confirmLabel: "Delete",
-      confirmColor: "error",
-      ...props
-    }
-  );
-}
 
 // src/components/sponsored-slot/types.ts
 var DEFAULT_SPONSORED_SLOT_LABELS = {
@@ -2372,16 +702,16 @@ function SponsoredSlot({
   const imageBox = banner ? BANNER_IMAGE : TILE_IMAGE;
   if (!content) {
     if (!loading) return null;
-    return /* @__PURE__ */ jsx(Card2, { variant: "outlined", sx: { height: "100%" }, "data-sponsored-pending": "", children: /* @__PURE__ */ jsxs(Box19, { sx: { display: "flex", flexDirection: banner ? "row" : "column", height: "100%" }, children: [
-      /* @__PURE__ */ jsx(Skeleton3, { variant: "rectangular", sx: { ...imageBox, height: banner ? void 0 : "auto" } }),
-      /* @__PURE__ */ jsxs(Box19, { sx: { p: 1.5, flex: 1 }, children: [
-        /* @__PURE__ */ jsx(Skeleton3, { width: "40%" }),
-        /* @__PURE__ */ jsx(Skeleton3, { width: "80%" })
+    return /* @__PURE__ */ jsx(Card, { variant: "outlined", sx: { height: "100%" }, "data-sponsored-pending": "", children: /* @__PURE__ */ jsxs(Box9, { sx: { display: "flex", flexDirection: banner ? "row" : "column", height: "100%" }, children: [
+      /* @__PURE__ */ jsx(Skeleton, { variant: "rectangular", sx: { ...imageBox, height: banner ? void 0 : "auto" } }),
+      /* @__PURE__ */ jsxs(Box9, { sx: { p: 1.5, flex: 1 }, children: [
+        /* @__PURE__ */ jsx(Skeleton, { width: "40%" }),
+        /* @__PURE__ */ jsx(Skeleton, { width: "80%" })
       ] })
     ] }) });
   }
   const mark = /* @__PURE__ */ jsxs(
-    Box19,
+    Box9,
     {
       component: "span",
       sx: { display: "inline-flex", alignItems: "center", gap: 0.5, color: "text.secondary", typography: "caption" },
@@ -2391,9 +721,9 @@ function SponsoredSlot({
       ]
     }
   );
-  const body = /* @__PURE__ */ jsxs(Box19, { sx: { display: "flex", flexDirection: banner ? "row" : "column", height: "100%" }, children: [
+  const body = /* @__PURE__ */ jsxs(Box9, { sx: { display: "flex", flexDirection: banner ? "row" : "column", height: "100%" }, children: [
     content.image && /* @__PURE__ */ jsx(
-      Box19,
+      Box9,
       {
         component: "img",
         src: content.image,
@@ -2409,50 +739,16 @@ function SponsoredSlot({
         }
       }
     ),
-    /* @__PURE__ */ jsxs(Box19, { sx: { p: 1.5, display: "flex", flexDirection: "column", gap: 0.5, minWidth: 0 }, children: [
+    /* @__PURE__ */ jsxs(Box9, { 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;
-function PageContent({
-  children,
-  gap = PAGE_GAP,
-  fill,
-  sx,
-  ref,
-  ...rest
-}) {
-  return /* @__PURE__ */ jsx(
-    Stack,
-    {
-      ref,
-      spacing: gap,
-      sx: { ...fill && { flex: 1 }, ...sx },
-      ...rest,
-      children
-    }
-  );
-}
-var COLUMN_SIZE = {
-  1: { xs: 12, md: 12 },
-  2: { xs: 12, md: 6 },
-  3: { xs: 12, sm: 6, md: 4 },
-  4: { xs: 12, sm: 6, md: 3 }
-};
-function CardGrid({ children, columns = 2, gap = GRID_GAP, sx }) {
-  const size = COLUMN_SIZE[columns] ?? COLUMN_SIZE[2];
-  return /* @__PURE__ */ jsx(Grid, { container: true, spacing: gap, sx, children: Children.map(
-    children,
-    (child) => child != null ? /* @__PURE__ */ jsx(Grid, { size, sx: { display: "flex" }, children: child }) : null
-  ) });
+  return /* @__PURE__ */ jsx(Card, { 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 ImageRoot = styled(Box19, {
+var ImageRoot = styled(Box9, {
   shouldForwardProp: (prop) => prop !== "ownerState"
 })(({ theme, ownerState }) => {
   const { ratio, hasError } = ownerState;
@@ -2493,7 +789,7 @@ var StyledImg = styled("img")(() => ({
   objectFit: "cover",
   display: "block"
 }));
-var PlaceholderBox = styled(Box19)(({ theme }) => ({
+var PlaceholderBox = styled(Box9)(({ theme }) => ({
   position: "absolute",
   top: 0,
   left: 0,
@@ -2518,7 +814,7 @@ var PlaceholderBox = styled(Box19)(({ theme }) => ({
     }
   }
 }));
-var OverlayBox = styled(Box19)(() => ({
+var OverlayBox = styled(Box9)(() => ({
   position: "absolute",
   top: 0,
   left: 0,
@@ -2528,7 +824,7 @@ var OverlayBox = styled(Box19)(() => ({
   alignItems: "center",
   justifyContent: "center"
 }));
-var FallbackBox = styled(Box19)(({ theme }) => ({
+var FallbackBox = styled(Box9)(({ theme }) => ({
   width: "100%",
   height: "100%",
   minHeight: 100,
@@ -2600,134 +896,17 @@ function Image({
     overlay && /* @__PURE__ */ jsx(OverlayBox, { children: overlay })
   ] });
 }
-function DefaultImageIcon() {
-  return /* @__PURE__ */ jsx(Box19, { component: "svg", viewBox: "0 0 24 24", sx: { width: 48, height: 48, opacity: 0.5 }, children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      fill: "currentColor",
-      d: "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"
-    }
-  ) });
-}
-function ImageWithDefault(props) {
-  return /* @__PURE__ */ jsx(Image, { fallback: /* @__PURE__ */ jsx(DefaultImageIcon, {}), ...props });
-}
-var StyledLabel = styled("span", {
-  shouldForwardProp: (prop) => prop !== "ownerState"
-})(({ theme, ownerState }) => {
-  const isLight = theme.palette.mode === "light";
-  const { color, variant, disabled } = ownerState;
-  const paletteColor = color !== "default" ? theme.palette[color] : null;
-  const safePalette = paletteColor ?? {
-    main: theme.palette.grey[500],
-    light: theme.palette.grey[300],
-    dark: theme.palette.grey[700],
-    contrastText: theme.palette.common.white
-  };
-  const borderRadius = typeof theme.shape.borderRadius === "number" ? theme.shape.borderRadius : 4;
-  const baseStyles = {
-    height: 24,
-    minWidth: 24,
-    lineHeight: 0,
-    cursor: "default",
-    borderRadius: borderRadius * 0.75,
-    alignItems: "center",
-    whiteSpace: "nowrap",
-    display: "inline-flex",
-    justifyContent: "center",
-    textTransform: "capitalize",
-    padding: theme.spacing(0, 0.75),
-    fontSize: theme.typography.pxToRem(12),
-    fontWeight: theme.typography.fontWeightBold,
-    transition: theme.transitions.create(["all"], {
-      duration: theme.transitions.duration.shorter
-    }),
-    ...disabled && {
-      opacity: 0.48,
-      pointerEvents: "none"
-    }
-  };
-  const filledStyles = {
-    color: color === "default" ? isLight ? theme.palette.common.white : theme.palette.grey[800] : safePalette.contrastText,
-    backgroundColor: color === "default" ? theme.palette.text.primary : safePalette.main
-  };
-  const outlinedStyles = {
-    color: color === "default" ? theme.palette.text.primary : safePalette.main,
-    backgroundColor: "transparent",
-    border: `2px solid ${color === "default" ? alpha(theme.palette.grey[500], 0.32) : alpha(safePalette.main, 0.48)}`
-  };
-  const softStyles = {
-    color: color === "default" ? theme.palette.text.secondary : isLight ? safePalette.dark : safePalette.light,
-    backgroundColor: color === "default" ? alpha(theme.palette.grey[500], 0.16) : alpha(safePalette.main, 0.16)
-  };
-  const invertedStyles = {
-    color: color === "default" ? theme.palette.text.primary : safePalette.dark,
-    backgroundColor: theme.palette.common.white,
-    border: `1px solid ${alpha(theme.palette.grey[500], 0.16)}`,
-    ...paletteColor && {
-      boxShadow: `inset 0 0 0 1px ${alpha(paletteColor.main, 0.24)}`
-    }
-  };
-  const variantStyles = {
-    filled: filledStyles,
-    outlined: outlinedStyles,
-    soft: softStyles,
-    inverted: invertedStyles
-  };
-  return {
-    ...baseStyles,
-    ...variantStyles[variant]
-  };
-});
-function Label({
-  children,
-  color = "default",
-  variant = "soft",
-  startIcon,
-  endIcon,
-  sx,
-  disabled,
-  ref,
-  ...other
-}) {
-  const ownerState = {
-    color,
-    variant,
-    disabled
-  };
-  const iconStyles = {
-    width: 16,
-    height: 16,
-    flexShrink: 0,
-    "& svg, & img": { width: "100%", height: "100%" }
-  };
-  return /* @__PURE__ */ jsxs(StyledLabel, { ref, ownerState, sx, ...other, children: [
-    startIcon && /* @__PURE__ */ jsx(Box19, { sx: { mr: 0.5, ...iconStyles }, children: startIcon }),
-    children,
-    endIcon && /* @__PURE__ */ jsx(Box19, { sx: { ml: 0.5, ...iconStyles }, children: endIcon })
-  ] });
-}
-function StatusLabel({
-  status,
-  ...props
-}) {
-  const statusConfig = {
-    active: { color: "success", label: "Active" },
-    inactive: { color: "default", label: "Inactive" },
-    pending: { color: "warning", label: "Pending" },
-    banned: { color: "error", label: "Banned" },
-    rejected: { color: "error", label: "Rejected" }
-  };
-  const config = statusConfig[status];
-  return /* @__PURE__ */ jsx(Label, { color: config.color, ...props, children: config.label });
+function DefaultImageIcon() {
+  return /* @__PURE__ */ jsx(Box9, { component: "svg", viewBox: "0 0 24 24", sx: { width: 48, height: 48, opacity: 0.5 }, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"
+    }
+  ) });
 }
-function BooleanLabel({
-  value,
-  trueText = "Yes",
-  falseText = "No",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Label, { color: value ? "success" : "error", ...props, children: value ? trueText : falseText });
+function ImageWithDefault(props) {
+  return /* @__PURE__ */ jsx(Image, { fallback: /* @__PURE__ */ jsx(DefaultImageIcon, {}), ...props });
 }
 var MINUTE = 6e4;
 var HOUR = 60 * MINUTE;
@@ -2817,7 +996,7 @@ function Rail({
     if (el) el.scrollBy({ left: direction * el.clientWidth * 0.9, behavior: "smooth" });
   };
   const arrow = (direction, show, label) => show ? /* @__PURE__ */ jsx(
-    IconButton4,
+    IconButton2,
     {
       size: "small",
       "aria-label": label,
@@ -2837,7 +1016,7 @@ function Rail({
     }
   ) : null;
   return /* @__PURE__ */ jsxs(
-    Box19,
+    Box9,
     {
       component: "section",
       "aria-label": ariaLabel,
@@ -2846,7 +1025,7 @@ function Rail({
       children: [
         arrow(-1, reach.back, labels?.previous ?? "Previous"),
         /* @__PURE__ */ jsx(
-          Box19,
+          Box9,
           {
             component: "ul",
             ref: track,
@@ -2869,7 +1048,7 @@ function Rail({
             },
             children: Children.map(
               children,
-              (child) => child == null || child === false ? null : /* @__PURE__ */ jsx(Box19, { component: "li", sx: { scrollSnapAlign: "start", minWidth: 0 }, children: child })
+              (child) => child == null || child === false ? null : /* @__PURE__ */ jsx(Box9, { component: "li", sx: { scrollSnapAlign: "start", minWidth: 0 }, children: child })
             )
           }
         ),
@@ -2878,120 +1057,6 @@ function Rail({
     }
   );
 }
-var LoadingContent = styled("div")(({ theme }) => ({
-  flexGrow: 1,
-  width: "100%",
-  display: "flex",
-  minHeight: "100%",
-  alignItems: "center",
-  justifyContent: "center",
-  paddingLeft: theme.spacing(5),
-  paddingRight: theme.spacing(5)
-}));
-function LoadingScreen({ portal, slots, slotProps, sx, ...other }) {
-  const Wrapper = portal ? Portal : Fragment$1;
-  return /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsx(LoadingContent, { sx, ...other, children: slots?.progress ?? /* @__PURE__ */ jsx(
-    MuiLinearProgress,
-    {
-      color: "inherit",
-      sx: [
-        { width: 1, maxWidth: 360 },
-        ...Array.isArray(slotProps?.progress?.sx) ? slotProps.progress.sx : [slotProps?.progress?.sx]
-      ],
-      ...slotProps?.progress
-    }
-  ) }) });
-}
-var SplashContainer = styled(Box19, {
-  shouldForwardProp: (prop) => prop !== "fullScreen"
-})(({ theme, fullScreen }) => ({
-  display: "flex",
-  flexDirection: "column",
-  alignItems: "center",
-  justifyContent: "center",
-  gap: theme.spacing(2),
-  padding: theme.spacing(3),
-  ...fullScreen ? {
-    position: "fixed",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    zIndex: theme.zIndex.modal + 1,
-    backgroundColor: theme.palette.background.default
-  } : {
-    flexGrow: 1,
-    width: "100%",
-    minHeight: 200
-  }
-}));
-function SplashScreen({
-  variant = "circular",
-  message,
-  indicator,
-  portal = false,
-  size = 48,
-  progress,
-  fullScreen = false,
-  sx
-}) {
-  const Wrapper = portal ? Portal : Fragment$1;
-  const isDeterminate = progress !== void 0;
-  const renderIndicator = () => {
-    if (indicator) return indicator;
-    if (variant === "linear") {
-      return /* @__PURE__ */ jsx(
-        MuiLinearProgress,
-        {
-          variant: isDeterminate ? "determinate" : "indeterminate",
-          value: progress,
-          color: "primary",
-          sx: { width: "100%", maxWidth: 360, borderRadius: 1 }
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx(
-      CircularProgress,
-      {
-        variant: isDeterminate ? "determinate" : "indeterminate",
-        value: progress,
-        size,
-        thickness: 3,
-        color: "primary"
-      }
-    );
-  };
-  return /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsxs(SplashContainer, { fullScreen, sx, children: [
-    renderIndicator(),
-    message && /* @__PURE__ */ jsx(
-      Typography5,
-      {
-        variant: "body2",
-        sx: {
-          color: "text.secondary",
-          mt: 1,
-          textAlign: "center"
-        },
-        children: message
-      }
-    ),
-    isDeterminate && /* @__PURE__ */ jsxs(Typography5, { variant: "caption", sx: {
-      color: "text.disabled"
-    }, children: [
-      Math.round(progress),
-      "%"
-    ] })
-  ] }) });
-}
-var sizeMap = {
-  small: 20,
-  medium: 32,
-  large: 48
-};
-function Spinner({ size = "medium", color = "primary", sx }) {
-  const computedSize = typeof size === "number" ? size : sizeMap[size];
-  return /* @__PURE__ */ jsx(CircularProgress, { size: computedSize, color, thickness: 3.5, sx });
-}
 function computeSize(count, min, max) {
   if (max === min) return 1;
   const t = (count - min) / (max - min);
@@ -3029,10 +1094,10 @@ function TagCloud({
           /* @__PURE__ */ jsx(
             ListItemText,
             {
-              primary: /* @__PURE__ */ jsxs(Box19, { component: "span", sx: { display: "inline-flex", alignItems: "center", gap: 0.5 }, children: [
+              primary: /* @__PURE__ */ jsxs(Box9, { component: "span", sx: { display: "inline-flex", alignItems: "center", gap: 0.5 }, children: [
                 /* @__PURE__ */ jsx("span", { children: `#${tag.name}` }),
                 tag.trending && /* @__PURE__ */ jsx(
-                  Box19,
+                  Box9,
                   {
                     component: "span",
                     sx: {
@@ -3083,7 +1148,7 @@ function TagCloud({
   const min = counts.length > 0 ? Math.min(...counts) : 0;
   const max = counts.length > 0 ? Math.max(...counts) : 0;
   return /* @__PURE__ */ jsx(
-    Stack,
+    Stack2,
     {
       direction: "row",
       useFlexGap: true,
@@ -3096,9 +1161,9 @@ function TagCloud({
         const size = computeSize(tag.postCount, min, max);
         const isFeatured = tag.status === "featured";
         return /* @__PURE__ */ jsx(
-          Chip,
+          Chip2,
           {
-            label: /* @__PURE__ */ jsxs(Box19, { component: "span", sx: { display: "inline-flex", alignItems: "center", gap: 0.5 }, children: [
+            label: /* @__PURE__ */ jsxs(Box9, { component: "span", sx: { display: "inline-flex", alignItems: "center", gap: 0.5 }, children: [
               /* @__PURE__ */ jsx("span", { children: `#${tag.name}` }),
               renderAdornment?.(tag)
             ] }),
@@ -3127,134 +1192,6 @@ function TagCloud({
     }
   );
 }
-var SnackbarContext = createContext(null);
-function useSnackbar() {
-  const context = useContext(SnackbarContext);
-  if (!context) {
-    throw new Error("useSnackbar must be used within a SnackbarProvider");
-  }
-  return context;
-}
-var defaultState = {
-  open: false,
-  message: "",
-  severity: "info",
-  duration: 5e3,
-  position: { vertical: "bottom", horizontal: "left" },
-  key: 0
-};
-function SnackbarProvider({
-  children,
-  defaultDuration = 5e3,
-  defaultPosition = { vertical: "bottom", horizontal: "left" },
-  sx
-}) {
-  const [state, setState] = useState({
-    ...defaultState,
-    duration: defaultDuration,
-    position: defaultPosition
-  });
-  const show = useCallback(
-    (options) => {
-      const opts = typeof options === "string" ? { message: options } : options;
-      setState((prev) => ({
-        open: true,
-        message: opts.message,
-        severity: opts.severity ?? "info",
-        duration: opts.duration ?? defaultDuration,
-        position: opts.position ?? defaultPosition,
-        action: opts.action,
-        key: opts.key ?? Date.now()
-      }));
-    },
-    [defaultDuration, defaultPosition]
-  );
-  const success = useCallback(
-    (message, options) => {
-      show({ message, severity: "success", ...options });
-    },
-    [show]
-  );
-  const error = useCallback(
-    (message, options) => {
-      show({ message, severity: "error", ...options });
-    },
-    [show]
-  );
-  const warning = useCallback(
-    (message, options) => {
-      show({ message, severity: "warning", ...options });
-    },
-    [show]
-  );
-  const info = useCallback(
-    (message, options) => {
-      show({ message, severity: "info", ...options });
-    },
-    [show]
-  );
-  const close = useCallback(() => {
-    setState((prev) => ({ ...prev, open: false }));
-  }, []);
-  const handleClose = useCallback(
-    (_event, reason) => {
-      if (reason === "clickaway") return;
-      close();
-    },
-    [close]
-  );
-  const value = useMemo(
-    () => ({
-      show,
-      success,
-      error,
-      warning,
-      info,
-      close
-    }),
-    [show, success, error, warning, info, close]
-  );
-  return /* @__PURE__ */ jsxs(SnackbarContext.Provider, { value, children: [
-    children,
-    /* @__PURE__ */ jsx(
-      Snackbar,
-      {
-        open: state.open,
-        autoHideDuration: state.duration,
-        onClose: handleClose,
-        anchorOrigin: state.position,
-        sx,
-        children: /* @__PURE__ */ jsx(
-          MuiAlert,
-          {
-            severity: state.severity,
-            variant: "filled",
-            onClose: handleClose,
-            action: state.action || /* @__PURE__ */ jsx(IconButton4, { size: "small", "aria-label": "close", color: "inherit", onClick: close, children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "small" }) }),
-            sx: { width: "100%", alignItems: "center" },
-            children: state.message
-          }
-        )
-      },
-      state.key
-    )
-  ] });
-}
-function SimpleSnackbar({
-  open,
-  onClose,
-  message,
-  severity = "info",
-  duration = 5e3,
-  position = { vertical: "bottom", horizontal: "left" },
-  sx
-}) {
-  const handleClose = (_event, reason) => {
-    if (reason === "clickaway") return;
-    onClose();
-  };
-  return /* @__PURE__ */ jsx(Snackbar, { open, autoHideDuration: duration, onClose: handleClose, anchorOrigin: position, sx, children: /* @__PURE__ */ jsx(MuiAlert, { severity, variant: "filled", onClose: handleClose, sx: { width: "100%" }, children: message }) });
-}
 var SvgRoot = styled("span")(() => ({
   flexShrink: 0,
   display: "inline-flex",
@@ -3287,300 +1224,22 @@ function createIconComponent(basePath) {
   }
   return Icon;
 }
-var StyledTableContainer2 = styled(Paper)(({ theme }) => ({
-  borderRadius: theme.shape.borderRadius,
-  border: `1px solid ${theme.palette.divider}`,
-  overflow: "auto"
-}));
-var StyledTableHead2 = styled(TableHead)(({ theme }) => ({
-  backgroundColor: alpha(theme.palette.grey[500], 0.08),
-  "& .MuiTableCell-head": {
-    fontWeight: 600,
-    backgroundColor: "transparent"
-  }
-}));
-var StyledTableRow2 = styled(TableRow)(({ theme }) => ({
-  "&:hover": {
-    backgroundColor: alpha(theme.palette.primary.main, 0.04)
-  },
-  "&.Mui-selected": {
-    backgroundColor: alpha(theme.palette.primary.main, 0.08),
-    "&:hover": {
-      backgroundColor: alpha(theme.palette.primary.main, 0.12)
-    }
-  }
-}));
-function Table({
-  columns,
-  data,
-  rowKey = "id",
-  selectable = false,
-  selected = [],
-  onSelectChange,
-  sortable = false,
-  sortBy,
-  sortOrder = "asc",
-  onSortChange,
-  paginated = false,
-  page = 0,
-  rowsPerPage = 10,
-  totalRows,
-  onPageChange,
-  onRowsPerPageChange,
-  rowsPerPageOptions = [5, 10, 25, 50],
-  emptyContent,
-  loading = false,
-  loadingRows = 5,
-  dense = false,
-  stickyHeader = false,
-  maxHeight,
-  onRowClick,
-  containerSx,
-  sx,
-  ref,
-  ...other
-}) {
-  const getRowKey = useCallback(
-    (row, index) => {
-      if (typeof rowKey === "function") {
-        return rowKey(row);
-      }
-      const keyValue = row[rowKey];
-      return keyValue !== void 0 ? String(keyValue) : index;
-    },
-    [rowKey]
-  );
-  const isAllSelected = useMemo(
-    () => data.length > 0 && selected.length === data.length,
-    [data.length, selected.length]
-  );
-  const isIndeterminate = useMemo(
-    () => selected.length > 0 && selected.length < data.length,
-    [data.length, selected.length]
-  );
-  const handleSelectAll = useCallback(
-    (event) => {
-      if (event.target.checked) {
-        const allKeys = data.map((row, index) => getRowKey(row, index));
-        onSelectChange?.(allKeys);
-      } else {
-        onSelectChange?.([]);
-      }
-    },
-    [data, getRowKey, onSelectChange]
-  );
-  const handleSelectRow = useCallback(
-    (key) => {
-      const newSelected = selected.includes(key) ? selected.filter((k) => k !== key) : [...selected, key];
-      onSelectChange?.(newSelected);
-    },
-    [selected, onSelectChange]
-  );
-  const handleSort = useCallback(
-    (columnId) => {
-      const isAsc = sortBy === columnId && sortOrder === "asc";
-      onSortChange?.(columnId, isAsc ? "desc" : "asc");
-    },
-    [sortBy, sortOrder, onSortChange]
-  );
-  const handlePageChange = useCallback(
-    (_, newPage) => {
-      onPageChange?.(newPage);
-    },
-    [onPageChange]
-  );
-  const handleRowsPerPageChange = useCallback(
-    (event) => {
-      onRowsPerPageChange?.(parseInt(event.target.value, 10));
-      onPageChange?.(0);
-    },
-    [onRowsPerPageChange, onPageChange]
-  );
-  const total = totalRows ?? data.length;
-  const displayData = useMemo(() => {
-    if (paginated && !totalRows) {
-      return data.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage);
-    }
-    return data;
-  }, [data, paginated, page, rowsPerPage, totalRows]);
-  if (!loading && data.length === 0) {
-    return /* @__PURE__ */ jsx(StyledTableContainer2, { sx: containerSx, children: /* @__PURE__ */ jsx(Box19, { sx: { p: 4, textAlign: "center" }, children: emptyContent || /* @__PURE__ */ jsx(Typography5, { sx: {
-      color: "text.secondary"
-    }, children: "No data available" }) }) });
-  }
-  return /* @__PURE__ */ jsxs(
-    StyledTableContainer2,
-    {
-      sx: {
-        maxHeight,
-        ...containerSx
-      },
-      children: [
-        /* @__PURE__ */ jsxs(MuiTable, { ref, stickyHeader, size: dense ? "small" : "medium", sx, ...other, children: [
-          /* @__PURE__ */ jsx(StyledTableHead2, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
-            selectable && /* @__PURE__ */ jsx(TableCell, { padding: "checkbox", children: /* @__PURE__ */ jsx(Checkbox, { indeterminate: isIndeterminate, checked: isAllSelected, onChange: handleSelectAll }) }),
-            columns.map((column) => /* @__PURE__ */ jsx(
-              TableCell,
-              {
-                align: column.align || "left",
-                style: { width: column.width, minWidth: column.minWidth },
-                sortDirection: sortBy === column.id ? sortOrder : false,
-                children: sortable && column.sortable !== false ? /* @__PURE__ */ jsx(
-                  TableSortLabel,
-                  {
-                    active: sortBy === column.id,
-                    direction: sortBy === column.id ? sortOrder : "asc",
-                    onClick: () => handleSort(String(column.id)),
-                    children: column.label
-                  }
-                ) : column.label
-              },
-              String(column.id)
-            ))
-          ] }) }),
-          /* @__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,
-          {
-            component: "div",
-            count: total,
-            page,
-            rowsPerPage,
-            rowsPerPageOptions,
-            onPageChange: handlePageChange,
-            onRowsPerPageChange: handleRowsPerPageChange
-          }
-        )
-      ]
-    }
-  );
-}
-function useTable({
-  data,
-  defaultPage = 0,
-  defaultRowsPerPage = 10,
-  defaultSortBy,
-  defaultSortOrder = "asc"
-}) {
-  const [page, setPage] = useState(defaultPage);
-  const [rowsPerPage, setRowsPerPage] = useState(defaultRowsPerPage);
-  const [sortBy, setSortBy] = useState(defaultSortBy);
-  const [sortOrder, setSortOrder] = useState(defaultSortOrder);
-  const [selected, setSelected] = useState([]);
-  const handleSort = useCallback((column, order) => {
-    setSortBy(column);
-    setSortOrder(order);
-  }, []);
-  const sortedData = useMemo(() => {
-    if (!sortBy) return data;
-    return [...data].sort((a, b) => {
-      const aValue = a[sortBy];
-      const bValue = b[sortBy];
-      if (aValue === bValue) return 0;
-      if (aValue === null || aValue === void 0) return 1;
-      if (bValue === null || bValue === void 0) return -1;
-      const comparison = aValue < bValue ? -1 : 1;
-      return sortOrder === "asc" ? comparison : -comparison;
-    });
-  }, [data, sortBy, sortOrder]);
-  const displayData = useMemo(() => {
-    const start = page * rowsPerPage;
-    return sortedData.slice(start, start + rowsPerPage);
-  }, [sortedData, page, rowsPerPage]);
-  const reset = useCallback(() => {
-    setPage(defaultPage);
-    setRowsPerPage(defaultRowsPerPage);
-    setSortBy(defaultSortBy);
-    setSortOrder(defaultSortOrder);
-    setSelected([]);
-  }, [defaultPage, defaultRowsPerPage, defaultSortBy, defaultSortOrder]);
-  return {
-    page,
-    setPage,
-    rowsPerPage,
-    setRowsPerPage,
-    sortBy,
-    sortOrder,
-    handleSort,
-    selected,
-    setSelected,
-    displayData,
-    totalRows: data.length,
-    reset
-  };
-}
-function Skeleton5({ variant = "text", ...props }) {
-  return /* @__PURE__ */ jsx(Skeleton3, { variant, ...props });
-}
-function CardSkeleton({ hasAvatar = true, lines = 2, width = "100%" }) {
-  return /* @__PURE__ */ jsxs(Box19, { sx: { width, p: 2 }, children: [
-    hasAvatar && /* @__PURE__ */ jsxs(Box19, { sx: { display: "flex", alignItems: "center", mb: 2 }, children: [
-      /* @__PURE__ */ jsx(Skeleton5, { variant: "circular", width: 40, height: 40 }),
-      /* @__PURE__ */ jsxs(Box19, { sx: { ml: 1, flex: 1 }, children: [
-        /* @__PURE__ */ jsx(Skeleton5, { variant: "text", width: "60%" }),
-        /* @__PURE__ */ jsx(Skeleton5, { variant: "text", width: "40%" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(Skeleton5, { variant: "rectangular", width: "100%", height: 118, sx: { borderRadius: 1 } }),
-    /* @__PURE__ */ jsx(Box19, { sx: { mt: 1 }, children: Array.from({ length: lines }, (_, i) => /* @__PURE__ */ jsx(Skeleton5, { variant: "text", width: i === lines - 1 ? "80%" : "100%" }, i)) })
-  ] });
-}
-function TableSkeleton({ rows = 5, columns = 4, hasHeader = true }) {
-  return /* @__PURE__ */ jsxs(Box19, { sx: { width: "100%" }, children: [
-    hasHeader && /* @__PURE__ */ jsx(Box19, { sx: { display: "flex", gap: 2, mb: 1, pb: 1, borderBottom: 1, borderColor: "divider" }, children: Array.from({ length: columns }, (_, i) => /* @__PURE__ */ jsx(Skeleton5, { variant: "text", sx: { flex: 1 }, height: 24 }, i)) }),
-    Array.from({ length: rows }, (_row, rowIndex) => /* @__PURE__ */ jsx(Box19, { sx: { display: "flex", gap: 2, py: 1 }, children: Array.from({ length: columns }, (_col, colIndex) => /* @__PURE__ */ jsx(Skeleton5, { variant: "text", sx: { flex: 1 } }, colIndex)) }, rowIndex))
-  ] });
-}
-function LinearProgress3({
+function LinearProgress({
   color = "primary",
   showLabel = false,
   labelPosition = "end",
-  formatLabel: formatLabel2,
+  formatLabel,
   value,
   variant = value !== void 0 ? "determinate" : "indeterminate",
   sx,
   ...props
 }) {
-  const label = formatLabel2 ? formatLabel2(value ?? 0) : `${Math.round(value ?? 0)}%`;
+  const label = formatLabel ? formatLabel(value ?? 0) : `${Math.round(value ?? 0)}%`;
   if (!showLabel) {
     return /* @__PURE__ */ jsx(MuiLinearProgress, { variant, value, color, sx: { borderRadius: 1, ...sx }, ...props });
   }
   if (labelPosition === "below") {
-    return /* @__PURE__ */ jsxs(Box19, { sx: { width: "100%" }, children: [
+    return /* @__PURE__ */ jsxs(Box9, { sx: { width: "100%" }, children: [
       /* @__PURE__ */ jsx(MuiLinearProgress, { variant, value, color, sx: { borderRadius: 1, ...sx }, ...props }),
       /* @__PURE__ */ jsx(
         Typography5,
@@ -3597,8 +1256,8 @@ function LinearProgress3({
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs(Box19, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-    /* @__PURE__ */ jsx(Box19, { sx: { flex: 1 }, children: /* @__PURE__ */ jsx(MuiLinearProgress, { variant, value, color, sx: { borderRadius: 1, ...sx }, ...props }) }),
+  return /* @__PURE__ */ jsxs(Box9, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+    /* @__PURE__ */ jsx(Box9, { sx: { flex: 1 }, children: /* @__PURE__ */ jsx(MuiLinearProgress, { variant, value, color, sx: { borderRadius: 1, ...sx }, ...props }) }),
     /* @__PURE__ */ jsx(
       Typography5,
       {
@@ -3612,23 +1271,23 @@ function LinearProgress3({
     )
   ] });
 }
-function CircularProgress2({
+function CircularProgress({
   color = "primary",
   showLabel = false,
-  formatLabel: formatLabel2,
+  formatLabel,
   value,
   variant = value !== void 0 ? "determinate" : "indeterminate",
   size = 40,
   ...props
 }) {
   if (!showLabel || variant === "indeterminate") {
-    return /* @__PURE__ */ jsx(CircularProgress, { variant, value, color, size, ...props });
+    return /* @__PURE__ */ jsx(MuiCircularProgress, { variant, value, color, size, ...props });
   }
-  const label = formatLabel2 ? formatLabel2(value ?? 0) : `${Math.round(value ?? 0)}%`;
-  return /* @__PURE__ */ jsxs(Box19, { sx: { position: "relative", display: "inline-flex" }, children: [
-    /* @__PURE__ */ jsx(CircularProgress, { variant, value, color, size, ...props }),
+  const label = formatLabel ? formatLabel(value ?? 0) : `${Math.round(value ?? 0)}%`;
+  return /* @__PURE__ */ jsxs(Box9, { sx: { position: "relative", display: "inline-flex" }, children: [
+    /* @__PURE__ */ jsx(MuiCircularProgress, { variant, value, color, size, ...props }),
     /* @__PURE__ */ jsx(
-      Box19,
+      Box9,
       {
         sx: {
           position: "absolute",
@@ -3665,9 +1324,9 @@ function ProgressBar({ segments, height = 8, showLabels = false }) {
     info: "info.main",
     inherit: "text.primary"
   };
-  return /* @__PURE__ */ jsxs(Box19, { sx: { width: "100%" }, children: [
+  return /* @__PURE__ */ jsxs(Box9, { sx: { width: "100%" }, children: [
     /* @__PURE__ */ jsx(
-      Box19,
+      Box9,
       {
         sx: {
           display: "flex",
@@ -3677,7 +1336,7 @@ function ProgressBar({ segments, height = 8, showLabels = false }) {
           bgcolor: "action.hover"
         },
         children: segments.map((segment, index) => /* @__PURE__ */ jsx(
-          Box19,
+          Box9,
           {
             sx: {
               width: `${segment.value}%`,
@@ -3689,9 +1348,9 @@ function ProgressBar({ segments, height = 8, showLabels = false }) {
         ))
       }
     ),
-    showLabels && /* @__PURE__ */ jsx(Box19, { sx: { display: "flex", gap: 2, mt: 1 }, children: segments.map((segment, index) => /* @__PURE__ */ jsxs(Box19, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+    showLabels && /* @__PURE__ */ jsx(Box9, { sx: { display: "flex", gap: 2, mt: 1 }, children: segments.map((segment, index) => /* @__PURE__ */ jsxs(Box9, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
       /* @__PURE__ */ jsx(
-        Box19,
+        Box9,
         {
           sx: {
             width: 8,
@@ -3717,7 +1376,7 @@ function CountdownRing({
   warningThresholdMs = 1e4,
   tickIntervalMs = 250,
   onExpire,
-  formatLabel: formatLabel2,
+  formatLabel,
   expiredLabel = "Expired"
 }) {
   const target = parseDeadline(deadline);
@@ -3735,9 +1394,9 @@ function CountdownRing({
   const denom = totalMs && totalMs > 0 ? totalMs : remainingMs > 0 ? remainingMs : 1;
   const value = expired ? 0 : Math.min(100, remainingMs / denom * 100);
   const activeColor = expired ? expiredColor : remainingMs <= warningThresholdMs ? warningColor : color;
-  const label = formatLabel2 ? formatLabel2(remainingMs, expired) : expired ? expiredLabel : `${Math.ceil(remainingMs / 1e3)}s`;
+  const label = formatLabel ? formatLabel(remainingMs, expired) : expired ? expiredLabel : `${Math.ceil(remainingMs / 1e3)}s`;
   return /* @__PURE__ */ jsx(
-    CircularProgress2,
+    CircularProgress,
     {
       value,
       size,
@@ -3791,7 +1450,7 @@ function VirtualList({
     }
   }, [lastItem, virtualizer, items.length, loadMoreThreshold, onEndReached]);
   return /* @__PURE__ */ jsx(
-    Box19,
+    Box9,
     {
       ref: parentRef,
       sx: {
@@ -3802,7 +1461,7 @@ function VirtualList({
         ...sx
       },
       children: /* @__PURE__ */ jsx(
-        Box19,
+        Box9,
         {
           sx: {
             height: virtualizer.getTotalSize() + paddingY * 2,
@@ -3813,7 +1472,7 @@ function VirtualList({
             const item = items[virtualRow.index];
             if (item === void 0) return null;
             return /* @__PURE__ */ jsx(
-              Box19,
+              Box9,
               {
                 "data-index": virtualRow.index,
                 ref: virtualizer.measureElement,
@@ -3826,379 +1485,12 @@ function VirtualList({
                 },
                 children: children(item, virtualRow.index)
               },
-              virtualRow.key
-            );
-          })
-        }
-      )
-    }
-  );
-}
-function CommandPalette({
-  actions,
-  open: controlledOpen,
-  onOpenChange,
-  triggerKey = "k",
-  disableShortcut = false,
-  placeholder = "Type a command or search\u2026",
-  emptyMessage = "No matching commands"
-}) {
-  const [internalOpen, setInternalOpen] = useState(false);
-  const open = controlledOpen ?? internalOpen;
-  const setOpen = useCallback(
-    (next) => {
-      if (controlledOpen === void 0) setInternalOpen(next);
-      onOpenChange?.(next);
-    },
-    [controlledOpen, onOpenChange]
-  );
-  const [query, setQuery] = useState("");
-  const [highlight, setHighlight] = useState(0);
-  const inputRef = useRef(null);
-  useEffect(() => {
-    if (disableShortcut) return void 0;
-    const onKey = (e) => {
-      const meta = e.metaKey || e.ctrlKey;
-      if (meta && e.key.toLowerCase() === triggerKey.toLowerCase() && !e.altKey && !e.shiftKey) {
-        e.preventDefault();
-        setOpen(!open);
-      }
-    };
-    window.addEventListener("keydown", onKey);
-    return () => window.removeEventListener("keydown", onKey);
-  }, [triggerKey, disableShortcut, open, setOpen]);
-  useEffect(() => {
-    if (open) {
-      setQuery("");
-      setHighlight(0);
-      const id = requestAnimationFrame(() => inputRef.current?.focus());
-      return () => cancelAnimationFrame(id);
-    }
-    return void 0;
-  }, [open]);
-  const filtered = useMemo(() => filterActions(actions, query), [actions, query]);
-  useEffect(() => {
-    if (highlight >= filtered.length) setHighlight(0);
-  }, [filtered.length, highlight]);
-  const runAction = useCallback(
-    async (action) => {
-      if (action.disabled) return;
-      setOpen(false);
-      try {
-        await action.onSelect();
-      } catch {
-      }
-    },
-    [setOpen]
-  );
-  const onKeyDown = useCallback(
-    (e) => {
-      if (e.key === "ArrowDown") {
-        e.preventDefault();
-        setHighlight((h) => filtered.length === 0 ? 0 : (h + 1) % filtered.length);
-      } else if (e.key === "ArrowUp") {
-        e.preventDefault();
-        setHighlight((h) => filtered.length === 0 ? 0 : (h - 1 + filtered.length) % filtered.length);
-      } else if (e.key === "Enter") {
-        e.preventDefault();
-        const target = filtered[highlight];
-        if (target) void runAction(target);
-      } else if (e.key === "Escape") {
-        e.preventDefault();
-        setOpen(false);
-      }
-    },
-    [filtered, highlight, runAction, setOpen]
-  );
-  const grouped = useMemo(() => groupActions(filtered), [filtered]);
-  return /* @__PURE__ */ jsx(
-    Dialog,
-    {
-      open,
-      onClose: () => setOpen(false),
-      fullWidth: true,
-      maxWidth: "sm",
-      slotProps: {
-        paper: {
-          sx: { borderRadius: 2, mt: "10vh", alignSelf: "flex-start" }
-        }
-      },
-      children: /* @__PURE__ */ jsxs(DialogContent, { sx: { p: 0 }, children: [
-        /* @__PURE__ */ jsx(Box19, { sx: { p: 2, pb: 1 }, children: /* @__PURE__ */ jsx(
-          TextField2,
-          {
-            inputRef,
-            fullWidth: true,
-            variant: "standard",
-            value: query,
-            onChange: (e) => {
-              setQuery(e.target.value);
-              setHighlight(0);
-            },
-            onKeyDown,
-            placeholder,
-            slotProps: {
-              input: {
-                disableUnderline: true,
-                startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", sx: { ml: 0.5, mr: 1 }, children: /* @__PURE__ */ jsx(Box19, { component: "span", sx: { fontSize: 18, opacity: 0.6 }, children: "\u2318" }) })
-              }
-            }
-          }
-        ) }),
-        /* @__PURE__ */ jsx(Divider3, {}),
-        /* @__PURE__ */ jsx(
-          Box19,
-          {
-            sx: {
-              maxHeight: 360,
-              overflowY: "auto",
-              py: 0.5
-            },
-            children: filtered.length === 0 ? /* @__PURE__ */ jsx(Box19, { sx: { p: 3, textAlign: "center" }, children: /* @__PURE__ */ jsx(Typography5, { variant: "body2", sx: {
-              color: "text.secondary"
-            }, children: emptyMessage }) }) : grouped.map((g) => /* @__PURE__ */ jsxs(Box19, { children: [
-              g.label ? /* @__PURE__ */ jsx(
-                Typography5,
-                {
-                  variant: "caption",
-                  sx: {
-                    color: "text.secondary",
-                    px: 2,
-                    py: 0.75,
-                    display: "block",
-                    textTransform: "uppercase",
-                    letterSpacing: 0.5
-                  },
-                  children: g.label
-                }
-              ) : null,
-              g.items.map((entry) => /* @__PURE__ */ jsx(
-                Row,
-                {
-                  action: entry.action,
-                  selected: entry.flatIndex === highlight,
-                  onSelect: () => void runAction(entry.action),
-                  onHover: () => setHighlight(entry.flatIndex)
-                },
-                entry.action.id
-              ))
-            ] }, g.label ?? "__none__"))
-          }
-        )
-      ] })
-    }
-  );
-}
-function Row({
-  action,
-  selected,
-  onSelect,
-  onHover
-}) {
-  const ref = useRef(null);
-  useEffect(() => {
-    if (selected && ref.current) {
-      ref.current.scrollIntoView({ block: "nearest" });
-    }
-  }, [selected]);
-  return /* @__PURE__ */ jsxs(
-    Box19,
-    {
-      ref,
-      onMouseEnter: onHover,
-      onClick: onSelect,
-      sx: (theme) => ({
-        px: 2,
-        py: 1.25,
-        display: "flex",
-        alignItems: "center",
-        gap: 1.5,
-        cursor: action.disabled ? "not-allowed" : "pointer",
-        opacity: action.disabled ? 0.5 : 1,
-        bgcolor: selected ? alpha(theme.palette.primary.main, 0.12) : "transparent",
-        "&:hover": {
-          bgcolor: selected ? alpha(theme.palette.primary.main, 0.16) : alpha(theme.palette.action.hover, 1)
+              virtualRow.key
+            );
+          })
         }
-      }),
-      children: [
-        action.icon ? /* @__PURE__ */ jsx(Box19, { sx: { display: "flex", alignItems: "center", width: 20, opacity: 0.8 }, children: action.icon }) : null,
-        /* @__PURE__ */ jsx(Box19, { sx: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, sx: {
-          alignItems: "baseline"
-        }, children: [
-          /* @__PURE__ */ jsx(Typography5, { variant: "body2", sx: { fontWeight: 500 }, noWrap: true, children: action.title }),
-          action.subtitle ? /* @__PURE__ */ jsx(Typography5, { variant: "caption", noWrap: true, sx: {
-            color: "text.secondary"
-          }, children: action.subtitle }) : null
-        ] }) }),
-        action.shortcut?.length ? /* @__PURE__ */ jsx(Stack, { direction: "row", spacing: 0.5, children: action.shortcut.map((k, i) => /* @__PURE__ */ jsx(
-          Chip,
-          {
-            size: "small",
-            label: k,
-            variant: "outlined",
-            sx: { height: 20, fontSize: 10, fontFamily: "monospace" }
-          },
-          i
-        )) }) : null
-      ]
-    }
-  );
-}
-function filterActions(actions, query) {
-  const q = query.trim().toLowerCase();
-  if (!q) return actions;
-  const scored = [];
-  for (const action of actions) {
-    const haystacks = [action.title.toLowerCase()];
-    if (action.subtitle) haystacks.push(action.subtitle.toLowerCase());
-    if (action.keywords?.length) {
-      for (const k of action.keywords) haystacks.push(k.toLowerCase());
-    }
-    let bestScore = -1;
-    for (const h of haystacks) {
-      const idx = h.indexOf(q);
-      if (idx === -1) continue;
-      const score = idx === 0 ? 1e3 - h.length : 100 - idx;
-      if (score > bestScore) bestScore = score;
-    }
-    if (bestScore >= 0) scored.push({ action, score: bestScore });
-  }
-  scored.sort((a, b) => b.score - a.score);
-  return scored.map((s) => s.action);
-}
-function groupActions(actions) {
-  const out = /* @__PURE__ */ new Map();
-  let flatIndex = 0;
-  for (const action of actions) {
-    const label = action.group;
-    const key = label ?? "__none__";
-    let bucket = out.get(key);
-    if (!bucket) {
-      bucket = { label, items: [] };
-      out.set(key, bucket);
+      )
     }
-    bucket.items.push({ action, flatIndex });
-    flatIndex += 1;
-  }
-  return [...out.values()];
-}
-function Tabs({
-  tabs,
-  value: controlledValue,
-  defaultValue,
-  onChange,
-  children,
-  keepMounted = false,
-  action,
-  ...muiProps
-}) {
-  const [internalValue, setInternalValue] = useState(defaultValue ?? tabs?.[0]?.value ?? "");
-  const value = controlledValue ?? internalValue;
-  const handleChange = useCallback(
-    (_event, newValue) => {
-      if (controlledValue === void 0) {
-        setInternalValue(newValue);
-      }
-      onChange?.(newValue);
-    },
-    [controlledValue, onChange]
-  );
-  const tabItems = useMemo(() => {
-    if (tabs) return tabs;
-    const items = [];
-    Children.forEach(children, (child) => {
-      if (isValidElement(child) && child.type === TabPanel) {
-        const props = child.props;
-        items.push({
-          value: props.value,
-          label: props.label ?? props.value,
-          icon: props.icon,
-          content: props.children,
-          disabled: props.disabled
-        });
-      }
-    });
-    return items;
-  }, [tabs, children]);
-  const hasAction = action !== void 0 && action !== null && action !== false;
-  return /* @__PURE__ */ jsxs(Box19, { sx: { width: "100%" }, children: [
-    /* @__PURE__ */ jsxs(
-      Box19,
-      {
-        sx: {
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "space-between",
-          gap: 2
-        },
-        children: [
-          /* @__PURE__ */ jsx(MuiTabs, { value, onChange: handleChange, ...muiProps, children: tabItems.map((tab) => /* @__PURE__ */ jsx(
-            MuiTab,
-            {
-              value: tab.value,
-              label: tab.label,
-              icon: tab.icon,
-              iconPosition: "start",
-              disabled: tab.disabled
-            },
-            tab.value
-          )) }),
-          hasAction && /* @__PURE__ */ jsx(
-            Box19,
-            {
-              sx: {
-                display: "flex",
-                alignItems: "center",
-                gap: 1,
-                flexShrink: 0
-              },
-              children: action
-            }
-          )
-        ]
-      }
-    ),
-    tabItems.map((tab) => {
-      const isActive = tab.value === value;
-      if (!isActive && !keepMounted) return null;
-      if (tab.content === void 0) return null;
-      return /* @__PURE__ */ jsx(
-        Box19,
-        {
-          role: "tabpanel",
-          hidden: !isActive,
-          id: `tabpanel-${tab.value}`,
-          "aria-labelledby": `tab-${tab.value}`,
-          sx: { pt: 2 },
-          children: tab.content
-        },
-        tab.value
-      );
-    })
-  ] });
-}
-function TabPanel({ children }) {
-  return /* @__PURE__ */ jsx(Fragment, { children });
-}
-function useTabs({ defaultValue = "", onChange } = {}) {
-  const [value, setValueInternal] = useState(defaultValue);
-  const setValue = useCallback(
-    (newValue) => {
-      setValueInternal(newValue);
-      onChange?.(newValue);
-    },
-    [onChange]
-  );
-  return useMemo(
-    () => ({
-      value,
-      setValue,
-      tabsProps: {
-        value,
-        onChange: setValue
-      }
-    }),
-    [value, setValue]
   );
 }
 function Accordion({
@@ -4214,7 +1506,7 @@ function Accordion({
     if (defaultExpanded === void 0) return [];
     return Array.isArray(defaultExpanded) ? defaultExpanded : [defaultExpanded];
   });
-  const expanded = controlledExpanded !== void 0 ? Array.isArray(controlledExpanded) ? controlledExpanded : [controlledExpanded] : internalExpanded;
+  const expanded = useMemo(() => controlledExpanded !== void 0 ? Array.isArray(controlledExpanded) ? controlledExpanded : [controlledExpanded] : internalExpanded, [controlledExpanded, internalExpanded]);
   const handleChange = useCallback(
     (panelId) => (_event, isExpanded) => {
       let newExpanded;
@@ -4385,7 +1677,7 @@ function useAccordion({
 function renderMenuItems(items, onItemClick) {
   return items.map((item, index) => {
     if (item.type === "divider") {
-      return /* @__PURE__ */ jsx(Divider3, { sx: { my: 0.5 } }, `divider-${index}`);
+      return /* @__PURE__ */ jsx(Divider2, { sx: { my: 0.5 } }, `divider-${index}`);
     }
     if (item.type === "header") {
       return /* @__PURE__ */ jsx(
@@ -4399,7 +1691,7 @@ function renderMenuItems(items, onItemClick) {
       );
     }
     return /* @__PURE__ */ jsxs(
-      MenuItem,
+      MenuItem2,
       {
         onClick: () => onItemClick(item),
         disabled: item.disabled,
@@ -4523,113 +1815,6 @@ function ContextMenu({ items, children, ...menuProps }) {
     )
   ] });
 }
-var PRIMARY = "var(--prism-palette-primary-main, var(--palette-primary-main, #1976d2))";
-var STYLES = `
-#nprogress {
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 2.5px;
-  z-index: 9999;
-  position: fixed;
-  pointer-events: none;
-}
-#nprogress .bar {
-  height: 100%;
-  background-color: ${PRIMARY};
-  box-shadow: 0 0 2.5px ${PRIMARY};
-}
-#nprogress .peg {
-  right: 0;
-  opacity: 1;
-  width: 100px;
-  height: 100%;
-  display: block;
-  position: absolute;
-  transform: rotate(3deg) translate(0px, -4px);
-  box-shadow:
-    0 0 10px ${PRIMARY},
-    0 0 5px ${PRIMARY};
-}
-`;
-function isValidAnchor(element) {
-  const href = element.getAttribute("href")?.trim() ?? "";
-  const target = element.getAttribute("target");
-  return href.startsWith("/") && target !== "_blank";
-}
-function isSamePath(a, b) {
-  try {
-    const urlA = new URL(a, window.location.origin);
-    const urlB = new URL(b, window.location.origin);
-    return urlA.pathname === urlB.pathname && urlA.search === urlB.search;
-  } catch {
-    return a === b;
-  }
-}
-function useProgressBar(pathname, search, delay) {
-  const currentUrlRef = useRef("");
-  useEffect(() => {
-    currentUrlRef.current = window.location.href;
-  }, []);
-  useEffect(() => {
-    const handleNavigation = (newUrl) => {
-      if (newUrl && !isSamePath(newUrl, currentUrlRef.current)) {
-        currentUrlRef.current = newUrl;
-        NProgress.start();
-      }
-    };
-    const handleClick = (event) => {
-      const target = event.target;
-      const anchor = target.closest("a[href]");
-      if (anchor && isValidAnchor(anchor)) {
-        handleNavigation(anchor.href);
-      }
-    };
-    const handlePopState = () => {
-      handleNavigation(window.location.href);
-    };
-    const patchHistory = (method) => {
-      const original = window.history[method];
-      window.history[method] = new Proxy(original, {
-        apply: (target, thisArg, args) => {
-          const newUrl = args[2];
-          if (typeof newUrl === "string") {
-            handleNavigation(new URL(newUrl, window.location.origin).href);
-          }
-          return target.apply(thisArg, args);
-        }
-      });
-    };
-    patchHistory("pushState");
-    patchHistory("replaceState");
-    document.addEventListener("click", handleClick);
-    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;
-}
 var SettingsContext = createContext(null);
 function SettingsProvider({ children, defaultOpen = false }) {
   const [open, setOpen] = useState(defaultOpen);
@@ -4746,7 +1931,7 @@ var PRESET_COLORS = {
   minimal: "#64748B"
 };
 function Section({ title, children }) {
-  return /* @__PURE__ */ jsxs(Box19, { sx: { mb: 3 }, children: [
+  return /* @__PURE__ */ jsxs(Box9, { sx: { mb: 3 }, children: [
     /* @__PURE__ */ jsx(
       Typography5,
       {
@@ -4890,7 +2075,7 @@ function PresetsSection() {
   const { settings, actions } = useSettings();
   const theme = useTheme();
   return /* @__PURE__ */ jsx(Section, { title: "Presets", children: /* @__PURE__ */ jsx(
-    Box19,
+    Box9,
     {
       sx: {
         display: "grid",
@@ -4901,7 +2086,7 @@ function PresetsSection() {
         const isSelected = settings.preset === preset;
         const color = PRESET_COLORS[preset] || "#666";
         return /* @__PURE__ */ jsx(Tooltip2, { title: PRESET_DISPLAY_NAMES[preset], placement: "top", children: /* @__PURE__ */ jsx(
-          Box19,
+          Box9,
           {
             onClick: () => actions.setPreset(preset),
             sx: {
@@ -4921,7 +2106,7 @@ function PresetsSection() {
               }
             },
             children: isSelected && /* @__PURE__ */ jsx(
-              Box19,
+              Box9,
               {
                 sx: {
                   width: 8,
@@ -4950,11 +2135,11 @@ var COLOR_OPTIONS = [
 function PrimaryColorSection() {
   const { settings, actions } = useSettings();
   const theme = useTheme();
-  return /* @__PURE__ */ jsx(Section, { title: "Primary Color", children: /* @__PURE__ */ jsxs(Box19, { sx: { display: "flex", gap: 1, flexWrap: "wrap" }, children: [
+  return /* @__PURE__ */ jsx(Section, { title: "Primary Color", children: /* @__PURE__ */ jsxs(Box9, { sx: { display: "flex", gap: 1, flexWrap: "wrap" }, children: [
     COLOR_OPTIONS.map((option) => {
       const isSelected = settings.primaryColor === option.value;
       return /* @__PURE__ */ jsx(Tooltip2, { title: option.label, placement: "top", children: /* @__PURE__ */ jsx(
-        Box19,
+        Box9,
         {
           onClick: () => actions.setPrimaryColor(option.value),
           sx: {
@@ -4973,7 +2158,7 @@ function PrimaryColorSection() {
             }
           },
           children: isSelected && /* @__PURE__ */ jsx(
-            Box19,
+            Box9,
             {
               sx: {
                 width: 6,
@@ -4987,7 +2172,7 @@ function PrimaryColorSection() {
       ) }, option.value);
     }),
     settings.primaryColor && /* @__PURE__ */ jsx(Tooltip2, { title: "Reset to default", placement: "top", children: /* @__PURE__ */ jsx(
-      Box19,
+      Box9,
       {
         onClick: () => actions.setPrimaryColor(null),
         sx: {
@@ -5012,7 +2197,7 @@ function PrimaryColorSection() {
 }
 function FontSizeSection() {
   const { settings, actions } = useSettings();
-  return /* @__PURE__ */ jsx(Section, { title: "Font Size", children: /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 2, sx: {
+  return /* @__PURE__ */ jsx(Section, { title: "Font Size", children: /* @__PURE__ */ jsxs(Stack2, { direction: "row", spacing: 2, sx: {
     alignItems: "center"
   }, children: [
     /* @__PURE__ */ jsx(Typography5, { variant: "body2", sx: { minWidth: 24, color: "text.secondary" }, children: "A" }),
@@ -5077,10 +2262,10 @@ function NavLayoutSection() {
     { value: "horizontal", label: "Horizontal", icon: "\u25AC" },
     { value: "mini", label: "Mini", icon: "\u2502" }
   ];
-  return /* @__PURE__ */ jsx(Section, { title: "Navigation Layout", children: /* @__PURE__ */ jsx(Box19, { sx: { display: "flex", gap: 1.5 }, children: layoutOptions.map((option) => {
+  return /* @__PURE__ */ jsx(Section, { title: "Navigation Layout", children: /* @__PURE__ */ jsx(Box9, { sx: { display: "flex", gap: 1.5 }, children: layoutOptions.map((option) => {
     const isSelected = settings.navLayout === option.value;
     return /* @__PURE__ */ jsxs(
-      Box19,
+      Box9,
       {
         onClick: () => actions.setNavLayout(option.value),
         sx: {
@@ -5114,375 +2299,96 @@ function StretchSection() {
       control: /* @__PURE__ */ jsx(Switch, { checked: settings.stretch, onChange: (e) => actions.setStretch(e.target.checked) }),
       label: "Stretch to full width",
       sx: { ml: 0 }
-    }
-  ) });
-}
-var SECTION_COMPONENTS = {
-  mode: ModeSection,
-  contrast: ContrastSection,
-  direction: DirectionSection,
-  presets: PresetsSection,
-  primaryColor: PrimaryColorSection,
-  fontSize: FontSizeSection,
-  density: DensitySection,
-  navLayout: NavLayoutSection,
-  stretch: StretchSection
-};
-var DEFAULT_SECTIONS = ["mode", "presets", "primaryColor", "density", "navLayout", "stretch"];
-function SettingsDrawer({ width = 300, sections = DEFAULT_SECTIONS }) {
-  const { drawer, canReset, actions } = useSettings();
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs(
-    Drawer,
-    {
-      anchor: "right",
-      open: drawer.open,
-      onClose: drawer.onClose,
-      slotProps: {
-        paper: {
-          sx: {
-            width,
-            backgroundImage: "none"
-          }
-        }
-      },
-      children: [
-        /* @__PURE__ */ jsxs(
-          Box19,
-          {
-            sx: {
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "space-between",
-              p: 2,
-              borderBottom: `1px solid ${theme.palette.divider}`
-            },
-            children: [
-              /* @__PURE__ */ jsx(Typography5, { variant: "h6", sx: { fontWeight: 600 }, children: "Settings" }),
-              /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 0.5, children: [
-                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, {}) })
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(Box19, { sx: { p: 2.5, flex: 1, overflowY: "auto" }, children: sections.map((section) => {
-          const SectionComponent = SECTION_COMPONENTS[section];
-          return SectionComponent ? /* @__PURE__ */ jsx(SectionComponent, {}, section) : null;
-        }) }),
-        /* @__PURE__ */ jsx(Box19, { sx: { p: 2, borderTop: `1px solid ${theme.palette.divider}` }, children: /* @__PURE__ */ jsx(Button, { fullWidth: true, variant: "soft", color: "primary", onClick: drawer.onClose, children: "Close" }) })
-      ]
-    }
-  );
-}
-function Tooltip3({
-  title,
-  children,
-  arrow = true,
-  placement = "top",
-  maxWidth = 300,
-  ...other
-}) {
-  if (!title) {
-    return children;
-  }
-  return /* @__PURE__ */ jsx(
-    Tooltip2,
-    {
-      title,
-      arrow,
-      placement,
-      slotProps: {
-        tooltip: {
-          sx: {
-            maxWidth
-          }
-        },
-        ...other.slotProps
-      },
-      ...other,
-      children
-    }
-  );
-}
-function mergeSx(own, sx) {
-  return [own, ...Array.isArray(sx) ? sx : sx ? [sx] : []];
-}
-function Alert2({
-  severity = "info",
-  variant = "standard",
-  title,
-  children,
-  onClose,
-  closable = false,
-  icon,
-  action,
-  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: 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
-      ),
-      children: [
-        title && /* @__PURE__ */ jsx(AlertTitle, { children: title }),
-        children
-      ]
-    }
-  );
-}
-function InlineAlert({ severity = "info", message, icon, sx, ref, ...other }) {
-  return /* @__PURE__ */ jsx(
-    MuiAlert,
-    {
-      ref,
-      ...other,
-      severity,
-      icon,
-      sx: mergeSx(
-        {
-          py: 0,
-          px: 1,
-          "& .MuiAlert-message": {
-            py: 0.5
-          }
-        },
-        sx
-      ),
-      children: message
-    }
-  );
-}
-function FormAlert({
-  severity = "error",
-  title,
-  children,
-  onClose,
-  autoScroll = true,
-  sx,
-  ref: outerRef,
-  ...other
-}) {
-  const ref = useRef(null);
-  const handleRef = useForkRef(ref, outerRef);
-  useEffect(() => {
-    if (!autoScroll) return void 0;
-    const id = requestAnimationFrame(() => {
-      ref.current?.scrollIntoView({ block: "nearest", behavior: "smooth" });
-    });
-    return () => cancelAnimationFrame(id);
-  }, [autoScroll]);
-  return /* @__PURE__ */ jsxs(
-    MuiAlert,
-    {
-      ref: handleRef,
-      ...other,
-      severity,
-      onClose,
-      role: "alert",
-      "aria-live": "assertive",
-      "aria-atomic": "true",
-      sx: mergeSx(
-        {
-          alignItems: "flex-start",
-          mb: 2
-        },
-        sx
-      ),
-      children: [
-        title && /* @__PURE__ */ jsx(AlertTitle, { sx: { mb: 0.5 }, children: title }),
-        children
-      ]
-    }
-  );
-}
-var BreadcrumbsRoot = styled("div")(({ theme }) => ({
-  display: "flex",
-  flexDirection: "column",
-  gap: theme.spacing(2)
-}));
-var BreadcrumbsHeading = styled("h6")(({ theme }) => ({
-  ...theme.typography.h4,
-  margin: 0,
-  padding: 0,
-  display: "inline-flex"
-}));
-var BreadcrumbsContainer = styled("div")(({ theme }) => ({
-  display: "flex",
-  flexWrap: "wrap",
-  gap: theme.spacing(2),
-  alignItems: "flex-start",
-  justifyContent: "flex-end"
-}));
-var BreadcrumbsContent = styled("div")(({ theme }) => ({
-  display: "flex",
-  flex: "1 1 auto",
-  gap: theme.spacing(2),
-  flexDirection: "column"
-}));
-var BreadcrumbsSeparator = styled("span")(({ theme }) => ({
-  width: 4,
-  height: 4,
-  borderRadius: "50%",
-  backgroundColor: theme.palette.text.disabled
-}));
-var ItemRoot = styled("div", {
-  shouldForwardProp: (prop) => prop !== "disabled"
-})(({ disabled, theme }) => ({
-  ...theme.typography.body2,
-  alignItems: "center",
-  gap: theme.spacing(0.5),
-  display: "inline-flex",
-  color: theme.palette.text.secondary,
-  ...disabled && {
-    cursor: "default",
-    pointerEvents: "none",
-    color: theme.palette.text.primary,
-    fontWeight: 600
-  }
-}));
-var ItemIcon = styled("span")({
-  display: "inherit",
-  // 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
-  }
-});
-var MoreLinksRoot = styled("ul")({
-  display: "flex",
-  flexDirection: "column",
-  "& > li": { display: "flex" }
-});
-function ArrowBackIcon() {
-  return /* @__PURE__ */ jsx(SvgIcon, { sx: { fontSize: 18 }, children: /* @__PURE__ */ jsx("path", { d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" }) });
+    }
+  ) });
 }
-function BackLink({
-  href,
-  label,
-  sx,
-  linkComponent
-}) {
-  const linkProps = linkComponent ? { component: linkComponent, to: href } : { href };
+var SECTION_COMPONENTS = {
+  mode: ModeSection,
+  contrast: ContrastSection,
+  direction: DirectionSection,
+  presets: PresetsSection,
+  primaryColor: PrimaryColorSection,
+  fontSize: FontSizeSection,
+  density: DensitySection,
+  navLayout: NavLayoutSection,
+  stretch: StretchSection
+};
+var DEFAULT_SECTIONS = ["mode", "presets", "primaryColor", "density", "navLayout", "stretch"];
+function SettingsDrawer({ width = 300, sections = DEFAULT_SECTIONS }) {
+  const { drawer, canReset, actions } = useSettings();
+  const theme = useTheme();
   return /* @__PURE__ */ jsxs(
-    Link,
+    Drawer,
     {
-      color: "inherit",
-      underline: "none",
-      sx: [
-        (theme) => ({
-          verticalAlign: "middle",
-          display: "inline-flex",
-          alignItems: "center",
-          "& .PrismBackLinkIcon": {
-            verticalAlign: "inherit",
-            transform: "translateY(-1px)",
-            ml: { xs: "-14px", md: "-18px" },
-            transition: theme.transitions.create("opacity", {
-              duration: theme.transitions.duration.shorter
-            })
-          },
-          "&:hover .PrismBackLinkIcon": { opacity: 0.48 }
-        }),
-        ...Array.isArray(sx) ? sx : [sx]
-      ],
-      ...linkProps,
+      anchor: "right",
+      open: drawer.open,
+      onClose: drawer.onClose,
+      slotProps: {
+        paper: {
+          sx: {
+            width,
+            backgroundImage: "none"
+          }
+        }
+      },
       children: [
-        /* @__PURE__ */ jsx("span", { className: "PrismBackLinkIcon", children: /* @__PURE__ */ jsx(ArrowBackIcon, {}) }),
-        label
+        /* @__PURE__ */ jsxs(
+          Box9,
+          {
+            sx: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              p: 2,
+              borderBottom: `1px solid ${theme.palette.divider}`
+            },
+            children: [
+              /* @__PURE__ */ jsx(Typography5, { variant: "h6", sx: { fontWeight: 600 }, children: "Settings" }),
+              /* @__PURE__ */ jsxs(Stack2, { direction: "row", spacing: 0.5, children: [
+                canReset && /* @__PURE__ */ jsx(Tooltip2, { title: "Reset to defaults", children: /* @__PURE__ */ jsx(IconButton2, { size: "small", onClick: actions.reset, "aria-label": "Reset settings to defaults", children: /* @__PURE__ */ jsx(RefreshIcon, {}) }) }),
+                /* @__PURE__ */ jsx(IconButton2, { size: "small", onClick: drawer.onClose, "aria-label": "Close settings", children: /* @__PURE__ */ jsx(CloseIcon2, {}) })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(Box9, { sx: { p: 2.5, flex: 1, overflowY: "auto" }, children: sections.map((section) => {
+          const SectionComponent = SECTION_COMPONENTS[section];
+          return SectionComponent ? /* @__PURE__ */ jsx(SectionComponent, {}, section) : null;
+        }) }),
+        /* @__PURE__ */ jsx(Box9, { sx: { p: 2, borderTop: `1px solid ${theme.palette.divider}` }, children: /* @__PURE__ */ jsx(Button, { fullWidth: true, variant: "soft", color: "primary", onClick: drawer.onClose, children: "Close" }) })
       ]
     }
   );
 }
-function BreadcrumbLink({
-  href,
-  icon,
-  name,
-  disabled,
-  linkComponent
-}) {
-  const content = /* @__PURE__ */ jsxs(ItemRoot, { disabled, children: [
-    icon && /* @__PURE__ */ jsx(ItemIcon, { children: icon }),
-    name
-  ] });
-  if (href && !disabled) {
-    const linkProps = linkComponent ? { component: linkComponent, to: href } : { href };
-    return /* @__PURE__ */ jsx(Link, { color: "inherit", sx: { display: "inline-flex" }, ...linkProps, children: content });
-  }
-  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?.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,
-  action,
-  backHref,
-  heading,
-  slots = {},
-  links = [],
-  moreLinks = [],
-  slotProps = {},
-  activeLast = false,
-  linkComponent,
+function Tooltip3({
+  title,
+  children,
+  arrow = true,
+  placement = "top",
+  maxWidth = 300,
   ...other
 }) {
-  const lastLink = links[links.length - 1]?.name;
-  const renderHeading = () => /* @__PURE__ */ jsx(BreadcrumbsHeading, { ...slotProps?.heading, children: backHref ? /* @__PURE__ */ jsx(BackLink, { href: backHref, label: heading, linkComponent }) : heading });
-  const renderLinks = () => slots?.breadcrumbs ?? /* @__PURE__ */ jsx(MuiBreadcrumbs, { separator: /* @__PURE__ */ jsx(BreadcrumbsSeparator, {}), ...slotProps?.breadcrumbs, children: links.map((link, index) => /* @__PURE__ */ jsx(
-    BreadcrumbLink,
+  if (!title) {
+    return children;
+  }
+  return /* @__PURE__ */ jsx(
+    Tooltip2,
     {
-      icon: link.icon,
-      href: link.href,
-      name: link.name,
-      disabled: link.name === lastLink && !activeLast,
-      linkComponent
-    },
-    link.name ?? index
-  )) });
-  const renderMoreLinks = () => /* @__PURE__ */ jsx(MoreLinks, { links: moreLinks, ...slotProps?.moreLinks });
-  return /* @__PURE__ */ jsxs(BreadcrumbsRoot, { sx, ...other, children: [
-    /* @__PURE__ */ jsxs(BreadcrumbsContainer, { ...slotProps?.container, children: [
-      /* @__PURE__ */ jsxs(BreadcrumbsContent, { ...slotProps?.content, children: [
-        (heading || backHref) && renderHeading(),
-        (!!links.length || slots?.breadcrumbs) && renderLinks()
-      ] }),
-      action
-    ] }),
-    !!moreLinks?.length && renderMoreLinks()
-  ] });
+      title,
+      arrow,
+      placement,
+      slotProps: {
+        tooltip: {
+          sx: {
+            maxWidth
+          }
+        },
+        ...other.slotProps
+      },
+      ...other,
+      children
+    }
+  );
 }
 function NavCard({
   title,
@@ -5506,7 +2412,7 @@ function NavCard({
   const label = ariaLabel ?? (typeof title === "string" && typeof description === "string" ? `${title} \u2014 ${description}` : void 0);
   const isVertical = orientation === "vertical";
   return /* @__PURE__ */ jsx(
-    Card2,
+    Card,
     {
       variant: "outlined",
       ...linkProps,
@@ -5576,7 +2482,7 @@ function NavCard({
             // arrow into a narrow tile just steals text space).
             /* @__PURE__ */ jsxs(Fragment, { children: [
               icon && /* @__PURE__ */ jsx(
-                Box19,
+                Box9,
                 {
                   sx: {
                     width: 40,
@@ -5592,7 +2498,7 @@ function NavCard({
                   children: icon
                 }
               ),
-              /* @__PURE__ */ jsxs(Box19, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
+              /* @__PURE__ */ jsxs(Box9, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
                 /* @__PURE__ */ jsx(
                   Typography5,
                   {
@@ -5605,7 +2511,7 @@ function NavCard({
                   }
                 ),
                 showBadge && /* @__PURE__ */ jsx(
-                  Chip,
+                  Chip2,
                   {
                     size: "small",
                     label: badge,
@@ -5632,10 +2538,10 @@ function NavCard({
                 }
               )
             ] })
-          ) : /* @__PURE__ */ jsxs(Box19, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%", gap: 1 }, children: [
-            /* @__PURE__ */ jsxs(Box19, { sx: { display: "flex", alignItems: "center", gap: 2, minWidth: 0 }, children: [
+          ) : /* @__PURE__ */ jsxs(Box9, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%", gap: 1 }, children: [
+            /* @__PURE__ */ jsxs(Box9, { sx: { display: "flex", alignItems: "center", gap: 2, minWidth: 0 }, children: [
               icon && /* @__PURE__ */ jsx(
-                Box19,
+                Box9,
                 {
                   sx: {
                     width: iconSize,
@@ -5651,8 +2557,8 @@ function NavCard({
                   children: icon
                 }
               ),
-              /* @__PURE__ */ jsxs(Box19, { sx: { minWidth: 0, flex: 1 }, children: [
-                /* @__PURE__ */ jsxs(Box19, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
+              /* @__PURE__ */ jsxs(Box9, { sx: { minWidth: 0, flex: 1 }, children: [
+                /* @__PURE__ */ jsxs(Box9, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
                   /* @__PURE__ */ jsx(
                     Typography5,
                     {
@@ -5665,7 +2571,7 @@ function NavCard({
                     }
                   ),
                   showBadge && /* @__PURE__ */ jsx(
-                    Chip,
+                    Chip2,
                     {
                       size: "small",
                       label: badge,
@@ -5687,7 +2593,7 @@ function NavCard({
                 )
               ] })
             ] }),
-            arrow !== false && /* @__PURE__ */ jsx(Box19, { sx: { display: "flex", alignItems: "center", flexShrink: 0, color: "text.secondary" }, children: arrow === true ? /* @__PURE__ */ jsx(ChevronRightIcon, {}) : arrow })
+            arrow !== false && /* @__PURE__ */ jsx(Box9, { sx: { display: "flex", alignItems: "center", flexShrink: 0, color: "text.secondary" }, children: arrow === true ? /* @__PURE__ */ jsx(ChevronRightIcon, {}) : arrow })
           ] })
         }
       )
@@ -5701,7 +2607,7 @@ function NavCardGrid({
   sx
 }) {
   return /* @__PURE__ */ jsx(
-    Box19,
+    Box9,
     {
       sx: {
         display: "grid",
@@ -5763,7 +2669,7 @@ function Drawer2({
       children: [
         (title || showCloseButton || headerActions) && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs(
-            Box19,
+            Box9,
             {
               sx: {
                 display: "flex",
@@ -5774,17 +2680,17 @@ function Drawer2({
               },
               children: [
                 title && /* @__PURE__ */ jsx(Typography5, { variant: "h6", component: "div", children: title }),
-                /* @__PURE__ */ jsxs(Box19, { sx: { display: "flex", alignItems: "center", gap: 1, ml: "auto" }, children: [
+                /* @__PURE__ */ jsxs(Box9, { sx: { display: "flex", alignItems: "center", gap: 1, ml: "auto" }, children: [
                   headerActions,
-                  showCloseButton && onClose && /* @__PURE__ */ jsx(IconButton4, { onClick: onClose, edge: "end", size: "small", "aria-label": "Close drawer", children: closeIcon ?? /* @__PURE__ */ jsx(DefaultCloseIcon, {}) })
+                  showCloseButton && onClose && /* @__PURE__ */ jsx(IconButton2, { onClick: onClose, edge: "end", size: "small", "aria-label": "Close drawer", children: closeIcon ?? /* @__PURE__ */ jsx(DefaultCloseIcon, {}) })
                 ] })
               ]
             }
           ),
-          /* @__PURE__ */ jsx(Divider3, {})
+          /* @__PURE__ */ jsx(Divider2, {})
         ] }),
         /* @__PURE__ */ jsx(
-          Box19,
+          Box9,
           {
             sx: {
               flex: 1,
@@ -5795,521 +2701,13 @@ function Drawer2({
           }
         ),
         footer && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Divider3, {}),
-          /* @__PURE__ */ jsx(Box19, { sx: { p: 2 }, children: footer })
+          /* @__PURE__ */ jsx(Divider2, {}),
+          /* @__PURE__ */ jsx(Box9, { sx: { p: 2 }, children: footer })
         ] })
       ]
     }
   );
 }
-function Stepper({
-  steps,
-  activeStep = 0,
-  onStepChange,
-  orientation = "horizontal",
-  nonLinear = false,
-  alternativeLabel = false,
-  showContent = false,
-  ...other
-}) {
-  const handleStepClick = (index) => {
-    if (nonLinear && onStepChange) {
-      onStepChange(index);
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    MuiStepper,
-    {
-      activeStep,
-      orientation,
-      nonLinear,
-      alternativeLabel,
-      ...other,
-      children: steps.map((step, index) => /* @__PURE__ */ jsxs(Step, { completed: step.completed ?? index < activeStep, children: [
-        /* @__PURE__ */ jsx(
-          StepLabel,
-          {
-            optional: step.optional ? /* @__PURE__ */ jsx("span", { style: { fontSize: "0.75rem", color: "text.secondary" }, children: "Optional" }) : step.description ? /* @__PURE__ */ jsx("span", { style: { fontSize: "0.75rem", color: "text.secondary" }, children: step.description }) : void 0,
-            error: step.error,
-            icon: step.icon,
-            sx: {
-              cursor: nonLinear ? "pointer" : "default"
-            },
-            onClick: () => handleStepClick(index),
-            children: step.label
-          }
-        ),
-        orientation === "vertical" && showContent && step.content && /* @__PURE__ */ jsx(StepContent, { children: step.content })
-      ] }, index))
-    }
-  );
-}
-function useStepper({
-  initialStep = 0,
-  totalSteps,
-  onStepChange,
-  onComplete
-}) {
-  const [activeStep, setActiveStep] = useState(initialStep);
-  const [isCompleted, setIsCompleted] = useState(false);
-  const goToStep = useCallback(
-    (step) => {
-      if (step >= 0 && step < totalSteps) {
-        setActiveStep(step);
-        onStepChange?.(step);
-      }
-    },
-    [totalSteps, onStepChange]
-  );
-  const nextStep = useCallback(() => {
-    if (activeStep === totalSteps - 1) {
-      setIsCompleted(true);
-      onComplete?.();
-    } else {
-      goToStep(activeStep + 1);
-    }
-  }, [activeStep, totalSteps, goToStep, onComplete]);
-  const prevStep = useCallback(() => {
-    goToStep(activeStep - 1);
-  }, [activeStep, goToStep]);
-  const reset = useCallback(() => {
-    setActiveStep(0);
-    setIsCompleted(false);
-    onStepChange?.(0);
-  }, [onStepChange]);
-  return {
-    activeStep,
-    nextStep,
-    prevStep,
-    goToStep,
-    reset,
-    isFirstStep: activeStep === 0,
-    isLastStep: activeStep === totalSteps - 1,
-    isCompleted
-  };
-}
-function StepperActions({
-  stepper,
-  backLabel = "Back",
-  nextLabel = "Next",
-  finishLabel = "Finish",
-  disableNext = false,
-  actions
-}) {
-  return /* @__PURE__ */ jsxs(Box19, { sx: { display: "flex", gap: 2, mt: 3 }, children: [
-    /* @__PURE__ */ jsx(Button, { variant: "outlined", onClick: stepper.prevStep, disabled: stepper.isFirstStep, children: backLabel }),
-    /* @__PURE__ */ jsx(Box19, { sx: { flex: 1 } }),
-    actions,
-    /* @__PURE__ */ jsx(Button, { variant: "contained", onClick: stepper.nextStep, disabled: disableNext, children: stepper.isLastStep ? finishLabel : nextLabel })
-  ] });
-}
-function cn(...inputs) {
-  return clsx(inputs);
-}
-function mergeClasses(className, state) {
-  const classList = className ? Array.isArray(className) ? className.filter(Boolean) : [className] : [];
-  if (!state) {
-    return classList.join(" ");
-  }
-  const stateClasses = Object.entries(state).filter(([, value]) => value !== void 0 && value !== false).map(([key, value]) => {
-    if (Array.isArray(value)) {
-      return value[0] ? value[1] : "";
-    }
-    return value ? key : "";
-  }).filter(Boolean);
-  return [...classList, ...stateClasses].join(" ");
-}
-
-// src/components/chart/classes.ts
-var chartClasses = {
-  root: createClasses("chart__root"),
-  loading: createClasses("chart__loading"),
-  legends: {
-    root: createClasses("chart__legends__root"),
-    item: {
-      wrap: createClasses("chart__legends__item__wrap"),
-      root: createClasses("chart__legends__item__root"),
-      dot: createClasses("chart__legends__item__dot"),
-      icon: createClasses("chart__legends__item__icon"),
-      label: createClasses("chart__legends__item__label"),
-      value: createClasses("chart__legends__item__value")
-    }
-  }
-};
-var CIRCULAR_TYPES = ["donut", "radialBar", "pie", "polarArea"];
-function ChartLoading({ sx, className, type, ...other }) {
-  const isCircular = type && CIRCULAR_TYPES.includes(type);
-  return /* @__PURE__ */ jsx(
-    Box19,
-    {
-      className: cn(chartClasses.loading, className),
-      sx: [
-        {
-          top: 0,
-          left: 0,
-          width: 1,
-          zIndex: 9,
-          height: 1,
-          p: "inherit",
-          overflow: "hidden",
-          alignItems: "center",
-          position: "absolute",
-          borderRadius: "inherit",
-          justifyContent: "center",
-          display: "flex"
-        },
-        ...Array.isArray(sx) ? sx : [sx]
-      ],
-      ...other,
-      children: /* @__PURE__ */ jsx(
-        Skeleton3,
-        {
-          variant: "circular",
-          sx: {
-            width: 1,
-            height: 1,
-            borderRadius: "inherit",
-            ...isCircular && { borderRadius: "50%" }
-          }
-        }
-      )
-    }
-  );
-}
-function ChartLegends({
-  sx,
-  className,
-  slotProps,
-  icons = [],
-  values = [],
-  labels = [],
-  colors = [],
-  sublabels = [],
-  ...other
-}) {
-  return /* @__PURE__ */ jsx(ListRoot, { className: cn(chartClasses.legends.root, className), sx, ...other, children: labels.map((series, index) => /* @__PURE__ */ jsxs(
-    ItemWrap,
-    {
-      className: chartClasses.legends.item.wrap,
-      sx: [
-        {
-          "--icon-color": colors[index]
-        },
-        ...Array.isArray(slotProps?.wrapper?.sx) ? slotProps.wrapper.sx : [slotProps?.wrapper?.sx]
-      ],
-      ...slotProps?.wrapper,
-      children: [
-        /* @__PURE__ */ jsxs(ItemRoot2, { className: chartClasses.legends.item.root, ...slotProps?.root, children: [
-          icons.length ? /* @__PURE__ */ jsx(ItemIcon2, { className: chartClasses.legends.item.icon, ...slotProps?.icon, children: icons[index] }) : /* @__PURE__ */ jsx(ItemDot, { className: chartClasses.legends.item.dot, ...slotProps?.dot }),
-          /* @__PURE__ */ jsxs(ItemLabel, { className: chartClasses.legends.item.label, ...slotProps?.label, children: [
-            series,
-            !!sublabels.length && /* @__PURE__ */ jsxs(Fragment, { children: [
-              " ",
-              ` (${sublabels[index]})`
-            ] })
-          ] })
-        ] }),
-        values.length > 0 && /* @__PURE__ */ jsx(ItemValue, { className: chartClasses.legends.item.value, ...slotProps?.value, children: values[index] })
-      ]
-    },
-    series
-  )) });
-}
-var ListRoot = styled("ul")(({ theme }) => ({
-  display: "flex",
-  flexWrap: "wrap",
-  gap: theme.spacing(2),
-  margin: 0,
-  padding: 0,
-  listStyle: "none"
-}));
-var ItemWrap = styled("li")({
-  display: "inline-flex",
-  flexDirection: "column"
-});
-var ItemRoot2 = styled("div")(({ theme }) => ({
-  gap: 6,
-  alignItems: "center",
-  display: "inline-flex",
-  justifyContent: "flex-start",
-  fontSize: theme.typography.pxToRem(13),
-  fontWeight: theme.typography.fontWeightMedium
-}));
-var ItemIcon2 = styled("span")({
-  display: "inline-flex",
-  color: "var(--icon-color)",
-  "& > svg": {
-    width: 20,
-    height: 20
-  }
-});
-var ItemDot = styled("span")({
-  width: 12,
-  height: 12,
-  flexShrink: 0,
-  display: "flex",
-  borderRadius: "50%",
-  position: "relative",
-  alignItems: "center",
-  justifyContent: "center",
-  color: "var(--icon-color)",
-  backgroundColor: "currentColor"
-});
-var ItemLabel = styled("span")({
-  flexShrink: 0
-});
-var ItemValue = styled("span")(({ theme }) => ({
-  ...theme.typography.h6,
-  marginTop: theme.spacing(1)
-}));
-var LazyApexChart = lazy(
-  () => import('react-apexcharts').then((module) => ({
-    default: module.default
-  }))
-);
-function Chart({
-  type,
-  series,
-  options,
-  width = "100%",
-  height = "100%",
-  slotProps,
-  className,
-  sx,
-  ...other
-}) {
-  const [isClient, setIsClient] = useState(false);
-  useEffect(() => {
-    setIsClient(true);
-  }, []);
-  const renderFallback = () => /* @__PURE__ */ jsx(ChartLoading, { type, sx: slotProps?.loading });
-  return /* @__PURE__ */ jsx(ChartRoot, { dir: "ltr", className: cn(chartClasses.root, className), sx, ...other, children: isClient ? /* @__PURE__ */ jsx(Suspense, { fallback: renderFallback(), children: /* @__PURE__ */ jsx(LazyApexChart, { type, series, options, width, height }) }) : renderFallback() });
-}
-var ChartRoot = styled("div")(({ theme }) => ({
-  width: "100%",
-  flexShrink: 0,
-  position: "relative",
-  borderRadius: Number(theme.shape.borderRadius) * 1.5
-}));
-function useChart(updatedOptions) {
-  const theme = useTheme();
-  const baseOptions = baseChartOptions(theme) ?? {};
-  return deepMerge(baseOptions, updatedOptions ?? {});
-}
-function baseChartOptions(theme) {
-  const vars = theme.vars?.palette;
-  const palette = theme.palette;
-  const LABEL_TOTAL = {
-    show: true,
-    label: "Total",
-    color: vars?.text.secondary ?? palette.text.secondary,
-    fontSize: theme.typography.subtitle2.fontSize,
-    fontWeight: theme.typography.subtitle2.fontWeight
-  };
-  const LABEL_VALUE = {
-    offsetY: 8,
-    color: vars?.text.primary ?? palette.text.primary,
-    fontSize: theme.typography.h4.fontSize,
-    fontWeight: theme.typography.h4.fontWeight
-  };
-  const greyChannel = getColorChannel(theme, "grey", "500");
-  const dividerColor = vars?.divider ?? palette.divider;
-  const paperColor = vars?.background.paper ?? palette.background.paper;
-  return {
-    // =========================================================================
-    // Chart
-    // https://apexcharts.com/docs/options/chart/animations/
-    // =========================================================================
-    chart: {
-      toolbar: { show: false },
-      zoom: { enabled: false },
-      parentHeightOffset: 0,
-      fontFamily: theme.typography.fontFamily,
-      foreColor: vars?.text.disabled ?? palette.text.disabled,
-      animations: {
-        enabled: true,
-        speed: 360,
-        animateGradually: { enabled: true, delay: 120 },
-        dynamicAnimation: { enabled: true, speed: 360 }
-      }
-    },
-    // =========================================================================
-    // Colors
-    // https://apexcharts.com/docs/options/colors/
-    // =========================================================================
-    colors: [
-      palette.primary.main,
-      palette.warning.main,
-      palette.info.main,
-      palette.error.main,
-      palette.success.main,
-      palette.warning.dark,
-      palette.success.dark,
-      palette.info.dark,
-      palette.primary.dark
-    ],
-    // =========================================================================
-    // States
-    // https://apexcharts.com/docs/options/states/
-    // =========================================================================
-    states: {
-      hover: { filter: { type: "darken" } },
-      active: { filter: { type: "darken" } }
-    },
-    // =========================================================================
-    // Fill
-    // https://apexcharts.com/docs/options/fill/
-    // =========================================================================
-    fill: {
-      opacity: 1,
-      gradient: {
-        type: "vertical",
-        shadeIntensity: 0,
-        opacityFrom: 0.4,
-        opacityTo: 0,
-        stops: [0, 100]
-      }
-    },
-    // =========================================================================
-    // Data Labels
-    // https://apexcharts.com/docs/options/datalabels/
-    // =========================================================================
-    dataLabels: { enabled: false },
-    // =========================================================================
-    // Stroke
-    // https://apexcharts.com/docs/options/stroke/
-    // =========================================================================
-    stroke: { width: 2.5, curve: "smooth", lineCap: "round" },
-    // =========================================================================
-    // Grid
-    // https://apexcharts.com/docs/options/grid/
-    // =========================================================================
-    grid: {
-      strokeDashArray: 3,
-      borderColor: dividerColor,
-      padding: { top: 0, right: 0, bottom: 0 },
-      xaxis: { lines: { show: false } }
-    },
-    // =========================================================================
-    // Axis
-    // https://apexcharts.com/docs/options/xaxis/
-    // https://apexcharts.com/docs/options/yaxis/
-    // =========================================================================
-    xaxis: { axisBorder: { show: false }, axisTicks: { show: false } },
-    yaxis: { tickAmount: 5 },
-    // =========================================================================
-    // Markers
-    // https://apexcharts.com/docs/options/markers/
-    // =========================================================================
-    markers: {
-      size: 0,
-      strokeColors: paperColor
-    },
-    // =========================================================================
-    // Tooltip
-    // =========================================================================
-    tooltip: { theme: "false", fillSeriesColor: false, x: { show: true } },
-    // =========================================================================
-    // Legend
-    // https://apexcharts.com/docs/options/legend/
-    // =========================================================================
-    legend: {
-      show: false,
-      position: "top",
-      fontWeight: 500,
-      fontSize: "13px",
-      horizontalAlign: "right",
-      markers: { shape: "circle" },
-      labels: { colors: vars?.text.primary ?? palette.text.primary },
-      itemMargin: { horizontal: 8, vertical: 8 }
-    },
-    // =========================================================================
-    // Plot Options
-    // =========================================================================
-    plotOptions: {
-      // Bar charts
-      // https://apexcharts.com/docs/options/plotoptions/bar/
-      bar: { borderRadius: 4, columnWidth: "48%", borderRadiusApplication: "end" },
-      // Pie & Donut charts
-      // https://apexcharts.com/docs/options/plotoptions/pie/
-      pie: {
-        donut: {
-          labels: {
-            show: true,
-            value: { ...LABEL_VALUE },
-            total: { ...LABEL_TOTAL }
-          }
-        }
-      },
-      // RadialBar charts
-      // https://apexcharts.com/docs/options/plotoptions/radialbar/
-      radialBar: {
-        hollow: { margin: -8, size: "100%" },
-        track: {
-          margin: -8,
-          strokeWidth: "50%",
-          background: `rgba(${greyChannel} / 0.16)`
-        },
-        dataLabels: { value: { ...LABEL_VALUE }, total: { ...LABEL_TOTAL } }
-      },
-      // Radar charts
-      // https://apexcharts.com/docs/options/plotoptions/radar/
-      radar: {
-        polygons: {
-          fill: { colors: ["transparent"] },
-          strokeColors: dividerColor,
-          connectorColors: dividerColor
-        }
-      },
-      // Polar Area charts
-      // https://apexcharts.com/docs/options/plotoptions/polararea/
-      polarArea: {
-        rings: { strokeColor: dividerColor },
-        spokes: { connectorColors: dividerColor }
-      },
-      // Heatmap charts
-      // https://apexcharts.com/docs/options/plotoptions/heatmap/
-      heatmap: { distributed: true }
-    },
-    // =========================================================================
-    // Responsive
-    // https://apexcharts.com/docs/options/responsive/
-    // =========================================================================
-    responsive: [
-      {
-        breakpoint: theme.breakpoints.values.sm,
-        options: { plotOptions: { bar: { borderRadius: 3, columnWidth: "80%" } } }
-      },
-      {
-        breakpoint: theme.breakpoints.values.md,
-        options: { plotOptions: { bar: { columnWidth: "60%" } } }
-      }
-    ]
-  };
-}
-function getColorChannel(theme, color, shade) {
-  const channelKey = `${shade}Channel` ;
-  const vars = theme.vars?.palette[color];
-  const fallbacks = {
-    "500Channel": "145 158 171",
-    "900Channel": "0 0 0",
-    mainChannel: "51 133 240"
-  };
-  return vars?.[channelKey] ?? fallbacks[channelKey] ?? "145 158 171";
-}
-function deepMerge(target, source) {
-  const output = { ...target };
-  for (const key of Object.keys(source)) {
-    const sourceValue = source[key];
-    const targetValue = target[key];
-    if (sourceValue !== null && typeof sourceValue === "object" && !Array.isArray(sourceValue) && targetValue !== null && typeof targetValue === "object" && !Array.isArray(targetValue)) {
-      output[key] = deepMerge(targetValue, sourceValue);
-    } else if (sourceValue !== void 0) {
-      output[key] = sourceValue;
-    }
-  }
-  return output;
-}
 
 // src/components/lightbox/types.ts
 var DEFAULT_LIGHTBOX_LABELS = {
@@ -6653,8 +3051,8 @@ function Lightbox({
                 /* @__PURE__ */ jsx(Typography5, { component: "span", sx: { mx: 0.5, opacity: 0.5 }, children: "/" }),
                 totalSlides
               ] }),
-              /* @__PURE__ */ jsx(Box19, { sx: { flex: 1 } }),
-              zoom && /* @__PURE__ */ jsxs(Box19, { sx: { display: "flex", alignItems: "center", gap: 0.25 }, children: [
+              /* @__PURE__ */ jsx(Box9, { sx: { flex: 1 } }),
+              zoom && /* @__PURE__ */ jsxs(Box9, { sx: { display: "flex", alignItems: "center", gap: 0.25 }, children: [
                 /* @__PURE__ */ jsx(
                   GlassButton,
                   {
@@ -6794,7 +3192,7 @@ function Lightbox({
                   },
                   children: [
                     isLoading && !isVideo && /* @__PURE__ */ jsx(LoadingOverlay, { className: lightboxClasses.loading, children: /* @__PURE__ */ jsx(
-                      CircularProgress,
+                      MuiCircularProgress,
                       {
                         size: 40,
                         thickness: 2.5,
@@ -6885,7 +3283,7 @@ function Lightbox({
                   }
                 ),
                 isThumbVideo && /* @__PURE__ */ jsx(
-                  Box19,
+                  Box9,
                   {
                     sx: {
                       position: "absolute",
@@ -6915,7 +3313,7 @@ function Lightbox({
                 /* @__PURE__ */ jsx(Typography5, { component: "span", sx: { mx: 0.5, opacity: 0.5 }, children: "/" }),
                 totalSlides
               ] }),
-              /* @__PURE__ */ jsx(Box19, { sx: { flex: 1 } }),
+              /* @__PURE__ */ jsx(Box9, { sx: { flex: 1 } }),
               /* @__PURE__ */ jsx(GlassButton, { onClick: onClose, "aria-label": labels.close, size: "small", children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "small" }) })
             ]
           }
@@ -6938,7 +3336,7 @@ var StyledDialog = styled(Dialog)(({ theme }) => ({
     backdropFilter: "blur(8px)"
   }
 }));
-var LightboxContainer = styled(Box19)({
+var LightboxContainer = styled(Box9)({
   display: "flex",
   flexDirection: "column",
   width: "100vw",
@@ -6947,7 +3345,7 @@ var LightboxContainer = styled(Box19)({
   overflow: "hidden",
   userSelect: "none"
 });
-var GlassToolbar = styled(Box19)(({ theme, placement }) => ({
+var GlassToolbar = styled(Box9)(({ theme, placement }) => ({
   display: "flex",
   alignItems: "center",
   gap: theme.spacing(0.5),
@@ -6961,7 +3359,7 @@ var GlassToolbar = styled(Box19)(({ 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(IconButton4)(({ theme }) => ({
+var GlassButton = styled(IconButton2)(({ theme }) => ({
   color: alpha(theme.palette.common.white, 0.85),
   borderRadius: Number(theme.shape.borderRadius) * 1.5,
   padding: 6,
@@ -6994,7 +3392,7 @@ var CounterChip = styled(Typography5)(({ theme }) => ({
   alignItems: "center",
   letterSpacing: "0.02em"
 }));
-var SlideContainer = styled(Box19)({
+var SlideContainer = styled(Box9)({
   flex: 1,
   display: "flex",
   alignItems: "center",
@@ -7002,7 +3400,7 @@ var SlideContainer = styled(Box19)({
   position: "relative",
   overflow: "hidden"
 });
-var SlideLayer = styled(Box19)({
+var SlideLayer = styled(Box9)({
   position: "absolute",
   inset: 0,
   display: "flex",
@@ -7010,7 +3408,7 @@ var SlideLayer = styled(Box19)({
   justifyContent: "center",
   willChange: "opacity, transform"
 });
-var LoadingOverlay = styled(Box19)({
+var LoadingOverlay = styled(Box9)({
   position: "absolute",
   top: "50%",
   left: "50%",
@@ -7024,7 +3422,7 @@ var StyledImage = styled("img")({
   willChange: "transform, opacity",
   borderRadius: 2
 });
-var VideoWrapper = styled(Box19)({
+var VideoWrapper = styled(Box9)({
   position: "relative",
   display: "flex",
   alignItems: "center",
@@ -7048,7 +3446,7 @@ var StyledVideo = styled("video")(({ theme }) => ({
     fontSize: 12
   }
 }));
-var GlassCaption = styled(Box19)(({ theme }) => ({
+var GlassCaption = styled(Box9)(({ theme }) => ({
   position: "absolute",
   bottom: theme.spacing(2.5),
   left: "50%",
@@ -7068,7 +3466,7 @@ var GlassCaption = styled(Box19)(({ theme }) => ({
     to: { opacity: 1, transform: "translateX(-50%) translateY(0)" }
   }
 }));
-var NavArrow = styled(IconButton4)(({ theme, side }) => ({
+var NavArrow = styled(IconButton2)(({ theme, side }) => ({
   position: "absolute",
   top: "50%",
   transform: "translateY(-50%)",
@@ -7095,7 +3493,7 @@ var NavArrow = styled(IconButton4)(({ theme, side }) => ({
     transform: "translateY(-50%) scale(0.95)"
   }
 }));
-var ThumbnailStrip = styled(Box19)(({ theme }) => ({
+var ThumbnailStrip = styled(Box9)(({ theme }) => ({
   display: "flex",
   gap: theme.spacing(0.75),
   padding: theme.spacing(1, 2),
@@ -7110,7 +3508,7 @@ var ThumbnailStrip = styled(Box19)(({ theme }) => ({
     display: "none"
   }
 }));
-var ThumbItem = styled(Box19)(({ theme, active }) => ({
+var ThumbItem = styled(Box9)(({ theme, active }) => ({
   flexShrink: 0,
   width: 56,
   height: 56,
@@ -7560,31 +3958,31 @@ function Carousel({
     }
   );
 }
-var CarouselRoot = styled(Box19)({
+var CarouselRoot = styled(Box9)({
   position: "relative",
   width: "100%",
   overflow: "hidden",
   outline: "none"
 });
-var CarouselContainer = styled(Box19)({
+var CarouselContainer = styled(Box9)({
   position: "relative",
   width: "100%",
   overflow: "hidden"
 });
-var CarouselTrack = styled(Box19)({
+var CarouselTrack = styled(Box9)({
   display: "flex",
   width: "100%",
   willChange: "transform",
   userSelect: "none"
 });
-var CarouselSlide = styled(Box19)({
+var CarouselSlide = styled(Box9)({
   flexShrink: 0,
   "& > *": {
     width: "100%",
     height: "100%"
   }
 });
-var ArrowButton = styled(IconButton4)(
+var ArrowButton = styled(IconButton2)(
   ({ theme, isHorizontal, direction }) => ({
     position: "absolute",
     zIndex: 10,
@@ -7607,7 +4005,7 @@ var ArrowButton = styled(IconButton4)(
     }
   })
 );
-var DotsContainer = styled(Box19)(({ theme, dotsPosition }) => ({
+var DotsContainer = styled(Box9)(({ theme, dotsPosition }) => ({
   display: "flex",
   gap: theme.spacing(1),
   position: "absolute",
@@ -7892,7 +4290,7 @@ function getNavCssVars(theme, variant) {
 }
 function Nav({ className, sx, ref, ...other }) {
   return /* @__PURE__ */ jsx(
-    Box19,
+    Box9,
     {
       component: "nav",
       ref,
@@ -7911,7 +4309,7 @@ function Nav({ className, sx, ref, ...other }) {
 }
 function NavUl({ className, sx, ref, ...other }) {
   return /* @__PURE__ */ jsx(
-    Box19,
+    Box9,
     {
       component: "ul",
       ref,
@@ -7932,7 +4330,7 @@ function NavUl({ className, sx, ref, ...other }) {
 }
 function NavLi({ className, ref, ...other }) {
   return /* @__PURE__ */ jsx(
-    Box19,
+    Box9,
     {
       component: "li",
       ref,
@@ -8292,7 +4690,7 @@ function resolveInfo(info, render) {
   if (!info) return void 0;
   if (Array.isArray(info) && render?.navInfo) {
     const infoComponents = info.map((key) => render.navInfo?.(key));
-    return /* @__PURE__ */ jsx(Fragment, { children: infoComponents.map((comp, idx) => /* @__PURE__ */ jsx(Box19, { component: "span", children: comp && Object.values(comp)[0] }, idx)) });
+    return /* @__PURE__ */ jsx(Fragment, { children: infoComponents.map((comp, idx) => /* @__PURE__ */ jsx(Box9, { component: "span", children: comp && Object.values(comp)[0] }, idx)) });
   }
   return info;
 }
@@ -8306,7 +4704,7 @@ function NavItem(props) {
     info,
     caption,
     disabled,
-    children,
+    children: _children,
     // State props
     open,
     active,
@@ -9087,7 +5485,7 @@ var SubItemLink = styled(Link, {
     color: theme.palette.text.primary
   }
 }));
-var TagsContainer = styled(Box19)(({ theme }) => ({
+var TagsContainer = styled(Box9)(({ theme }) => ({
   display: "flex",
   flexWrap: "wrap",
   gap: 8,
@@ -9204,7 +5602,7 @@ function MegaMenuList({ data, render, slotProps, slots, enabledRootRedirect }) {
           slots?.topArea,
           /* @__PURE__ */ jsx(DropdownContent, { elevation: 0, className: megaMenuClasses.dropdown, children: data.children?.map((section, idx) => /* @__PURE__ */ jsxs(SectionColumn, { children: [
             section.subheader && /* @__PURE__ */ jsx(SectionHeader, { className: megaMenuClasses.subheader, children: section.subheader }),
-            /* @__PURE__ */ jsx(Stack, { spacing: 0.5, children: section.items.map((item) => {
+            /* @__PURE__ */ jsx(Stack2, { spacing: 0.5, children: section.items.map((item) => {
               const itemActive = isActiveLink(pathname, item.path);
               const isExternal = isExternalLink(item.path);
               return /* @__PURE__ */ jsx(
@@ -9221,9 +5619,9 @@ function MegaMenuList({ data, render, slotProps, slots, enabledRootRedirect }) {
                 item.title
               );
             }) }),
-            idx === 0 && data.moreLink && /* @__PURE__ */ jsx(Box19, { sx: { mt: 2 }, children: /* @__PURE__ */ jsx(MoreLink, { href: data.moreLink.path, className: megaMenuClasses.moreLink, sx: slotProps?.moreLink, children: data.moreLink.title }) })
+            idx === 0 && data.moreLink && /* @__PURE__ */ jsx(Box9, { sx: { mt: 2 }, children: /* @__PURE__ */ jsx(MoreLink, { href: data.moreLink.path, className: megaMenuClasses.moreLink, sx: slotProps?.moreLink, children: data.moreLink.title }) })
           ] }, section.subheader ?? idx)) }),
-          data.tags && data.tags.length > 0 && /* @__PURE__ */ jsx(Box19, { sx: { px: "var(--nav-dropdown-padding)", pb: "var(--nav-dropdown-padding)" }, children: /* @__PURE__ */ jsx(TagsContainer, { className: megaMenuClasses.tags, sx: slotProps?.tags, children: data.tags.map((tag) => /* @__PURE__ */ jsx(Tag, { href: tag.path, children: tag.title }, tag.title)) }) }),
+          data.tags && data.tags.length > 0 && /* @__PURE__ */ jsx(Box9, { sx: { px: "var(--nav-dropdown-padding)", pb: "var(--nav-dropdown-padding)" }, children: /* @__PURE__ */ jsx(TagsContainer, { className: megaMenuClasses.tags, sx: slotProps?.tags, children: data.tags.map((tag) => /* @__PURE__ */ jsx(Tag, { href: tag.path, children: tag.title }, tag.title)) }) }),
           slots?.bottomArea
         ]
       }
@@ -9456,9 +5854,9 @@ function MegaMenuList2({ data, render, slotProps, slots, enabledRootRedirect })
         disableRestoreFocus: true,
         children: [
           slots?.topArea,
-          /* @__PURE__ */ jsx(DropdownContent2, { elevation: 0, className: megaMenuClasses.dropdown, children: data.children?.map((section, idx) => /* @__PURE__ */ jsxs(Box19, { children: [
+          /* @__PURE__ */ jsx(DropdownContent2, { elevation: 0, className: megaMenuClasses.dropdown, children: data.children?.map((section, idx) => /* @__PURE__ */ jsxs(Box9, { children: [
             section.subheader && /* @__PURE__ */ jsx(SectionHeader2, { className: megaMenuClasses.subheader, children: section.subheader }),
-            /* @__PURE__ */ jsx(Stack, { spacing: 0.5, children: section.items.map((item) => {
+            /* @__PURE__ */ jsx(Stack2, { spacing: 0.5, children: section.items.map((item) => {
               const itemActive = isActiveLink(pathname, item.path);
               const isExternal = isExternalLink(item.path);
               return /* @__PURE__ */ jsx(
@@ -9598,7 +5996,7 @@ var ArrowIcon4 = styled("span")(({ open }) => ({
     transform: "rotate(-45deg)"
   }
 }));
-var CollapseContent = styled(Box19)(({ theme }) => ({
+var CollapseContent = styled(Box9)(({ theme }) => ({
   padding: "8px 0",
   paddingLeft: 40,
   backgroundColor: theme.palette.background.neutral
@@ -9681,9 +6079,9 @@ function MegaMenuList3({ data, render, slotProps, enabledRootRedirect }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx(Collapse, { in: open, unmountOnExit: true, children: /* @__PURE__ */ jsx(CollapseContent, { children: data.children?.map((section, idx) => /* @__PURE__ */ jsxs(Box19, { children: [
+    /* @__PURE__ */ jsx(Collapse, { in: open, unmountOnExit: true, children: /* @__PURE__ */ jsx(CollapseContent, { children: data.children?.map((section, idx) => /* @__PURE__ */ jsxs(Box9, { children: [
       section.subheader && /* @__PURE__ */ jsx(SectionHeader3, { className: megaMenuClasses.subheader, children: section.subheader }),
-      /* @__PURE__ */ jsx(Stack, { children: section.items.map((item) => {
+      /* @__PURE__ */ jsx(Stack2, { children: section.items.map((item) => {
         const itemActive = isActiveLink(pathname, item.path);
         const isExternal = isExternalLink(item.path);
         return /* @__PURE__ */ jsx(
@@ -10220,7 +6618,7 @@ function DurationPicker({ value, onChange, size = "small", disabled = false, lab
       }
     }
   };
-  return /* @__PURE__ */ jsxs(Box19, { children: [
+  return /* @__PURE__ */ jsxs(Box9, { children: [
     /* @__PURE__ */ jsx(
       Typography5,
       {
@@ -10271,7 +6669,7 @@ function DurationPicker({ value, onChange, size = "small", disabled = false, lab
       }
     ),
     isCustom && /* @__PURE__ */ jsxs(
-      Box19,
+      Box9,
       {
         sx: {
           mt: 1.25,
@@ -10281,7 +6679,7 @@ function DurationPicker({ value, onChange, size = "small", disabled = false, lab
         },
         children: [
           /* @__PURE__ */ jsx(
-            TextField2,
+            TextField,
             {
               type: "number",
               value: customText,
@@ -10304,9 +6702,9 @@ function DurationPicker({ value, onChange, size = "small", disabled = false, lab
               size,
               sx: { minWidth: 100 },
               children: [
-                /* @__PURE__ */ jsx(MenuItem, { value: "hours", children: labels?.hours ?? "hours" }),
-                /* @__PURE__ */ jsx(MenuItem, { value: "days", children: labels?.days ?? "days" }),
-                /* @__PURE__ */ jsx(MenuItem, { value: "weeks", children: labels?.weeks ?? "weeks" })
+                /* @__PURE__ */ jsx(MenuItem2, { value: "hours", children: labels?.hours ?? "hours" }),
+                /* @__PURE__ */ jsx(MenuItem2, { value: "days", children: labels?.days ?? "days" }),
+                /* @__PURE__ */ jsx(MenuItem2, { value: "weeks", children: labels?.weeks ?? "weeks" })
               ]
             }
           )
@@ -10317,7 +6715,7 @@ function DurationPicker({ value, onChange, size = "small", disabled = false, lab
 }
 function ChangelogTimeline({ children, sx }) {
   return /* @__PURE__ */ jsx(
-    Box19,
+    Box9,
     {
       sx: {
         position: "relative",
@@ -10337,9 +6735,9 @@ function ChangelogTimeline({ children, sx }) {
   );
 }
 function ChangelogEntry({ version, date, badge, children }) {
-  return /* @__PURE__ */ jsxs(Box19, { sx: { position: "relative", pl: { xs: 5, sm: 7 }, pb: 4 }, children: [
+  return /* @__PURE__ */ jsxs(Box9, { sx: { position: "relative", pl: { xs: 5, sm: 7 }, pb: 4 }, children: [
     /* @__PURE__ */ jsx(
-      Box19,
+      Box9,
       {
         sx: {
           position: "absolute",
@@ -10355,9 +6753,9 @@ function ChangelogEntry({ version, date, badge, children }) {
         }
       }
     ),
-    /* @__PURE__ */ jsxs(Card2, { variant: "outlined", sx: { p: 3 }, children: [
+    /* @__PURE__ */ jsxs(Card, { variant: "outlined", sx: { p: 3 }, children: [
       /* @__PURE__ */ jsxs(
-        Stack,
+        Stack2,
         {
           direction: "row",
           spacing: 1.5,
@@ -10369,7 +6767,7 @@ function ChangelogEntry({ version, date, badge, children }) {
             /* @__PURE__ */ jsx(Typography5, { variant: "h6", sx: {
               fontWeight: 700
             }, children: version }),
-            badge && /* @__PURE__ */ jsx(Chip, { label: badge, size: "small", color: "primary", variant: "soft" }),
+            badge && /* @__PURE__ */ jsx(Chip2, { label: badge, size: "small", color: "primary", variant: "soft" }),
             /* @__PURE__ */ jsx(
               Typography5,
               {
@@ -10389,6 +6787,6 @@ function ChangelogEntry({ version, date, badge, children }) {
   ] });
 }
 
-export { Accordion, AdminDataTable, Alert2 as Alert, AmountCell, AnimateBorder, Avatar, Badge2 as Badge, BooleanLabel, Breadcrumbs, COIN_DISPLAY_DECIMALS, COIN_WIRE_DECIMALS, Card, CardGrid, CardSection, CardSkeleton, Carousel, ChangelogEntry, ChangelogTimeline, Chart, ChartLegends, ChartLoading, CircularProgress2 as CircularProgress, CommandPalette, ConfirmDialog, ContentRenderer, ContextMenu, CountBadge, CountdownRing, CountrySelect, CustomAvatarGroup, DEFAULT_CLASS_PREFIX, DEFAULT_LIGHTBOX_LABELS, DEFAULT_SPONSORED_SLOT_LABELS, DateRangeInput, DateRangePicker, DeadlineChip, DeleteDialog, Drawer2 as Drawer, DurationPicker, FilterToolbar, FlagIcon, FormAlert, Image, ImageWithDefault, InlineAlert, Label, Lightbox, LinearProgress3 as LinearProgress, LoadingScreen, Markdown, MegaMenuHorizontal, MegaMenuMobile, MegaMenuVertical, Menu, MotionLazy, Nav, NavArrow2 as NavArrow, NavCard, NavCardGrid, NavIcon, NavInfo, NavItem, NavItemBase, NavLi, NavList, NavSectionHorizontal, NavSectionMini, NavSectionVertical, NavSubList, NavSubheader, NavTexts, NavUl, NavigationProgress, PageContent, ProgressBar, Rail, ScrollToTop, SettingsDrawer, SettingsProvider, SimpleAccordion, SimpleSnackbar, Skeleton5 as Skeleton, SnackbarProvider, Spinner, SplashScreen, SponsoredSlot, StatCard, StatusChip, StatusDot, StatusLabel, Stepper, StepperActions, SvgColor, TabPanel, Table, TableSkeleton, Tabs, TagCloud, Tooltip3 as Tooltip, VirtualList, animateBorderClasses, buildUrl, carouselClasses, chartClasses, cn, createClasses, createClassesObject, createComponentClasses, createIconComponent, deadlineUrgency, formatCoinAmount, formatCoinAmountList, formatDateString, formatDecimalString, fromScaledInteger, getClassPrefix, getCoinDecimals, getCoinWireDecimals, getNavCssVars, getQueryParam, hasParams, htmlToMarkdown, isActiveLink, isEqualPath, isExternalLink, isExternalUrl, isMarkdownContent, lightboxClasses, megaMenuClasses, megaMenuCssVars, mergeClasses, navSectionClasses, navSectionCssVars, parseDateString, parseQueryParams, relativeTimeLeft, removeLastSlash, removeParams, safeReturnUrl, setClassPrefix, subtractDecimalStrings, sumDecimalStrings, toScaledInteger, useAccordion, useCarousel, useChart, useDateRangePicker, useLightbox, useMenu, useSettings, useSettingsDrawer, useSnackbar, useStepper, useTable, useTabs };
-//# sourceMappingURL=chunk-LSPFFEJT.js.map
-//# sourceMappingURL=chunk-LSPFFEJT.js.map
+export { Accordion, Avatar, Badge, Carousel, ChangelogEntry, ChangelogTimeline, CircularProgress, ContentRenderer, ContextMenu, CountBadge, CountdownRing, CountrySelect, CustomAvatarGroup, DEFAULT_LIGHTBOX_LABELS, DEFAULT_SPONSORED_SLOT_LABELS, DeadlineChip, Drawer2 as Drawer, DurationPicker, FlagIcon, Image, ImageWithDefault, Lightbox, LinearProgress, Markdown, MegaMenuHorizontal, MegaMenuMobile, MegaMenuVertical, Menu, Nav, NavArrow2 as NavArrow, NavCard, NavCardGrid, NavIcon, NavInfo, NavItem, NavItemBase, NavLi, NavList, NavSectionHorizontal, NavSectionMini, NavSectionVertical, NavSubList, NavSubheader, NavTexts, NavUl, ProgressBar, Rail, SettingsDrawer, SettingsProvider, SimpleAccordion, SponsoredSlot, StatusDot, SvgColor, TagCloud, Tooltip3 as Tooltip, VirtualList, buildUrl, carouselClasses, createIconComponent, deadlineUrgency, formatDateString, getNavCssVars, getQueryParam, hasParams, htmlToMarkdown, isActiveLink, isEqualPath, isExternalLink, isExternalUrl, isMarkdownContent, lightboxClasses, megaMenuClasses, megaMenuCssVars, navSectionClasses, navSectionCssVars, parseDateString, parseQueryParams, relativeTimeLeft, removeLastSlash, removeParams, safeReturnUrl, useAccordion, useCarousel, useDateRangePicker, useLightbox, useMenu, useSettings, useSettingsDrawer };
+//# sourceMappingURL=chunk-D4GFAJAZ.js.map
+//# sourceMappingURL=chunk-D4GFAJAZ.js.map