@proounce/shared-common 0.0.0-stage → 0.1.0

package/dist/index.js

@@ -0,0 +1,3371 @@
+import Button from '@mui/material/Button';
+import { forwardRef, useId, useRef, useEffect, useMemo, createElement, useState, Children, isValidElement } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import IconButton from '@mui/material/IconButton';
+import default2 from '@mui/icons-material/AccessibilityNew';
+export { default as AccessibilityNew } from '@mui/icons-material/AccessibilityNew';
+import default3 from '@mui/icons-material/AccountTree';
+export { default as AccountTree, default as AccountTreeIcon } from '@mui/icons-material/AccountTree';
+import default5 from '@mui/icons-material/AccountTreeOutlined';
+export { default as AccountTreeOutlined, default as AccountTreeOutlinedIcon } from '@mui/icons-material/AccountTreeOutlined';
+import default7 from '@mui/icons-material/Add';
+export { default as Add, default as AddIcon } from '@mui/icons-material/Add';
+import default9 from '@mui/icons-material/AddCircleOutline';
+export { default as AddCircleOutline, default as AddCircleOutlineIcon } from '@mui/icons-material/AddCircleOutline';
+import default11 from '@mui/icons-material/AdminPanelSettings';
+export { default as AdminPanelSettings, default as AdminPanelSettingsIcon } from '@mui/icons-material/AdminPanelSettings';
+import default13 from '@mui/icons-material/Archive';
+export { default as Archive } from '@mui/icons-material/Archive';
+import default14 from '@mui/icons-material/ArrowBack';
+export { default as ArrowBack, default as ArrowBackIcon } from '@mui/icons-material/ArrowBack';
+import default16 from '@mui/icons-material/ArrowForwardIosSharp';
+export { default as ArrowForwardIosSharp, default as ArrowForwardIosSharpIcon } from '@mui/icons-material/ArrowForwardIosSharp';
+import default18 from '@mui/icons-material/ArticleOutlined';
+export { default as ArticleOutlined, default as ArticleOutlinedIcon } from '@mui/icons-material/ArticleOutlined';
+import default20 from '@mui/icons-material/AssessmentOutlined';
+export { default as AssessmentOutlined } from '@mui/icons-material/AssessmentOutlined';
+import default21 from '@mui/icons-material/AssignmentOutlined';
+export { default as AssignmentOutlined, default as AssignmentOutlinedIcon } from '@mui/icons-material/AssignmentOutlined';
+import default23 from '@mui/icons-material/AssignmentTurnedIn';
+export { default as AssignmentTurnedIn } from '@mui/icons-material/AssignmentTurnedIn';
+import default24 from '@mui/icons-material/AttachMoney';
+export { default as AttachMoney } from '@mui/icons-material/AttachMoney';
+import default25 from '@mui/icons-material/Attachment';
+export { default as Attachment, default as AttachmentIcon } from '@mui/icons-material/Attachment';
+import default27 from '@mui/icons-material/AutoModeOutlined';
+export { default as AutoModeOutlined } from '@mui/icons-material/AutoModeOutlined';
+import default28 from '@mui/icons-material/BackupTable';
+export { default as BackupTable, default as BackupTableIcon } from '@mui/icons-material/BackupTable';
+import default30 from '@mui/icons-material/BookmarkAdded';
+export { default as BookmarkAdded } from '@mui/icons-material/BookmarkAdded';
+import default31 from '@mui/icons-material/BrightnessAuto';
+export { default as BrightnessAuto } from '@mui/icons-material/BrightnessAuto';
+import default32 from '@mui/icons-material/Business';
+export { default as Business } from '@mui/icons-material/Business';
+import default33 from '@mui/icons-material/BusinessCenterOutlined';
+export { default as BusinessCenterOutlined } from '@mui/icons-material/BusinessCenterOutlined';
+import default34 from '@mui/icons-material/CableOutlined';
+export { default as CableOutlined } from '@mui/icons-material/CableOutlined';
+import default35 from '@mui/icons-material/Cached';
+export { default as Cached } from '@mui/icons-material/Cached';
+import default36 from '@mui/icons-material/Cancel';
+export { default as Cancel, default as CancelIcon } from '@mui/icons-material/Cancel';
+import default38 from '@mui/icons-material/Check';
+export { default as Check, default as CheckIcon } from '@mui/icons-material/Check';
+import default40 from '@mui/icons-material/CheckCircle';
+export { default as CheckCircle, default as CheckCircleIcon } from '@mui/icons-material/CheckCircle';
+import default42 from '@mui/icons-material/CheckCircleOutline';
+export { default as CheckCircleOutline } from '@mui/icons-material/CheckCircleOutline';
+import default43 from '@mui/icons-material/Close';
+export { default as Close, default as CloseIcon } from '@mui/icons-material/Close';
+import default45 from '@mui/icons-material/Comment';
+export { default as Comment, default as CommentIcon } from '@mui/icons-material/Comment';
+import default47 from '@mui/icons-material/Compare';
+export { default as Compare, default as CompareIcon } from '@mui/icons-material/Compare';
+import default49 from '@mui/icons-material/CompareArrows';
+export { default as CompareArrows } from '@mui/icons-material/CompareArrows';
+import default50 from '@mui/icons-material/ContactEmergency';
+export { default as ContactEmergency } from '@mui/icons-material/ContactEmergency';
+import default51 from '@mui/icons-material/ContentCopy';
+export { default as ContentCopy, default as ContentCopyIcon } from '@mui/icons-material/ContentCopy';
+import default53 from '@mui/icons-material/ContentCopyOutlined';
+export { default as ContentCopyOutlined } from '@mui/icons-material/ContentCopyOutlined';
+import default54 from '@mui/icons-material/CorporateFare';
+export { default as CorporateFare, default as CorporateFareIcon } from '@mui/icons-material/CorporateFare';
+import default56 from '@mui/icons-material/CurrencyExchange';
+export { default as CurrencyExchange } from '@mui/icons-material/CurrencyExchange';
+import default57 from '@mui/icons-material/DeleteForever';
+export { default as DeleteForever } from '@mui/icons-material/DeleteForever';
+import default58 from '@mui/icons-material/DeleteForeverOutlined';
+export { default as DeleteForeverOutlined } from '@mui/icons-material/DeleteForeverOutlined';
+import default59 from '@mui/icons-material/DeleteOutline';
+export { default as DeleteOutline, default as DeleteOutlineIcon } from '@mui/icons-material/DeleteOutline';
+import default61 from '@mui/icons-material/DeleteOutlined';
+export { default as DeleteOutlined } from '@mui/icons-material/DeleteOutlined';
+import default62 from '@mui/icons-material/DescriptionOutlined';
+export { default as DescriptionOutlined } from '@mui/icons-material/DescriptionOutlined';
+import default63 from '@mui/icons-material/Difference';
+export { default as Difference } from '@mui/icons-material/Difference';
+import default64 from '@mui/icons-material/DoneAllOutlined';
+export { default as DoneAllOutlined } from '@mui/icons-material/DoneAllOutlined';
+import default65 from '@mui/icons-material/DoneOutline';
+export { default as DoneOutline } from '@mui/icons-material/DoneOutline';
+import default66 from '@mui/icons-material/Download';
+export { default as Download, default as DownloadIcon } from '@mui/icons-material/Download';
+import default68 from '@mui/icons-material/EditOutlined';
+export { default as EditOutlined, default as EditOutlinedIcon } from '@mui/icons-material/EditOutlined';
+import default70 from '@mui/icons-material/Email';
+export { default as Email, default as EmailIcon } from '@mui/icons-material/Email';
+import default72 from '@mui/icons-material/Equalizer';
+export { default as Equalizer } from '@mui/icons-material/Equalizer';
+import default74 from '@mui/icons-material/ErrorOutlineOutlined';
+export { default as ErrorIcon, default as ErrorOutlineOutlined } from '@mui/icons-material/ErrorOutlineOutlined';
+import default75 from '@mui/icons-material/EventSeat';
+export { default as EventSeat } from '@mui/icons-material/EventSeat';
+import default76 from '@mui/icons-material/FileCopy';
+export { default as FileCopy } from '@mui/icons-material/FileCopy';
+import default77 from '@mui/icons-material/FileCopyOutlined';
+export { default as FileCopyOutlined } from '@mui/icons-material/FileCopyOutlined';
+import default78 from '@mui/icons-material/FileUpload';
+export { default as FileUpload } from '@mui/icons-material/FileUpload';
+import default79 from '@mui/icons-material/FileUploadOutlined';
+export { default as FileUploadOutlined, default as FileUploadOutlinedIcon } from '@mui/icons-material/FileUploadOutlined';
+import default81 from '@mui/icons-material/FilterAlt';
+export { default as FilterAlt, default as FilterAltIcon } from '@mui/icons-material/FilterAlt';
+import default83 from '@mui/icons-material/FilterList';
+export { default as FilterList, default as FilterListIcon } from '@mui/icons-material/FilterList';
+import default85 from '@mui/icons-material/FilterListOff';
+export { default as FilterListOff } from '@mui/icons-material/FilterListOff';
+import default86 from '@mui/icons-material/Flag';
+export { default as Flag } from '@mui/icons-material/Flag';
+import default87 from '@mui/icons-material/FlagOutlined';
+export { default as FlagOutlined } from '@mui/icons-material/FlagOutlined';
+import default88 from '@mui/icons-material/FolderOpen';
+export { default as FolderOpen } from '@mui/icons-material/FolderOpen';
+import default89 from '@mui/icons-material/Functions';
+export { default as Functions, default as FunctionsIcon } from '@mui/icons-material/Functions';
+import default91 from '@mui/icons-material/GetApp';
+export { default as GetApp } from '@mui/icons-material/GetApp';
+import default92 from '@mui/icons-material/Group';
+export { default as Group, default as GroupIcon } from '@mui/icons-material/Group';
+import default94 from '@mui/icons-material/GroupAdd';
+export { default as GroupAdd } from '@mui/icons-material/GroupAdd';
+import default95 from '@mui/icons-material/GroupAddOutlined';
+export { default as GroupAddOutlined } from '@mui/icons-material/GroupAddOutlined';
+import default96 from '@mui/icons-material/GroupWorkOutlined';
+export { default as GroupWorkOutlined } from '@mui/icons-material/GroupWorkOutlined';
+import default97 from '@mui/icons-material/Handshake';
+export { default as Handshake } from '@mui/icons-material/Handshake';
+import default98 from '@mui/icons-material/HelpOutline';
+export { default as HelpOutline, default as HelpOutlineIcon } from '@mui/icons-material/HelpOutline';
+import default100 from '@mui/icons-material/History';
+export { default as History, default as HistoryIcon } from '@mui/icons-material/History';
+import default102 from '@mui/icons-material/HistoryOutlined';
+export { default as HistoryOutlined } from '@mui/icons-material/HistoryOutlined';
+import default103 from '@mui/icons-material/HorizontalSplitOutlined';
+export { default as HorizontalSplitOutlined } from '@mui/icons-material/HorizontalSplitOutlined';
+import default104 from '@mui/icons-material/HourglassEmpty';
+export { default as HourglassEmpty } from '@mui/icons-material/HourglassEmpty';
+import default105 from '@mui/icons-material/HowToVote';
+export { default as HowToVote } from '@mui/icons-material/HowToVote';
+import default106 from '@mui/icons-material/HttpOutlined';
+export { default as HttpOutlined } from '@mui/icons-material/HttpOutlined';
+import default107 from '@mui/icons-material/ImportContacts';
+export { default as ImportContacts } from '@mui/icons-material/ImportContacts';
+import default108 from '@mui/icons-material/ImportExport';
+export { default as ImportExport } from '@mui/icons-material/ImportExport';
+import InfoOutlined from '@mui/icons-material/InfoOutlined';
+export { default as InfoOutlined, default as InfoOutlinedIcon } from '@mui/icons-material/InfoOutlined';
+import default111 from '@mui/icons-material/InsertChartOutlined';
+export { default as InsertChartOutlined } from '@mui/icons-material/InsertChartOutlined';
+import default112 from '@mui/icons-material/IosShareOutlined';
+export { default as IosShareOutlined } from '@mui/icons-material/IosShareOutlined';
+import default113 from '@mui/icons-material/Link';
+export { default as Link } from '@mui/icons-material/Link';
+import default114 from '@mui/icons-material/List';
+export { default as List } from '@mui/icons-material/List';
+import default115 from '@mui/icons-material/MailOutline';
+export { default as MailOutline } from '@mui/icons-material/MailOutline';
+import default116 from '@mui/icons-material/ManageAccounts';
+export { default as ManageAccounts, default as ManageAccountsIcon } from '@mui/icons-material/ManageAccounts';
+import default118 from '@mui/icons-material/Menu';
+export { default as Menu, default as MenuIcon } from '@mui/icons-material/Menu';
+import default120 from '@mui/icons-material/MenuBook';
+export { default as MenuBook } from '@mui/icons-material/MenuBook';
+import default121 from '@mui/icons-material/MonetizationOn';
+export { default as MonetizationOn } from '@mui/icons-material/MonetizationOn';
+import default122 from '@mui/icons-material/MoreVert';
+export { default as MoreVert, default as MoreVertIcon } from '@mui/icons-material/MoreVert';
+import default124 from '@mui/icons-material/NextWeek';
+export { default as NextWeek } from '@mui/icons-material/NextWeek';
+import default125 from '@mui/icons-material/Nfc';
+export { default as Nfc } from '@mui/icons-material/Nfc';
+import default126 from '@mui/icons-material/OpenInNew';
+export { default as OpenInNew, default as OpenInNewIcon } from '@mui/icons-material/OpenInNew';
+import default128 from '@mui/icons-material/PanToolOutlined';
+export { default as PanToolOutlined } from '@mui/icons-material/PanToolOutlined';
+import default129 from '@mui/icons-material/PauseCircleOutline';
+export { default as PauseCircleOutline } from '@mui/icons-material/PauseCircleOutline';
+import default130 from '@mui/icons-material/PeopleAltOutlined';
+export { default as PeopleAltOutlined, default as PeopleAltOutlinedIcon } from '@mui/icons-material/PeopleAltOutlined';
+import default132 from '@mui/icons-material/Person';
+export { default as Person } from '@mui/icons-material/Person';
+import default133 from '@mui/icons-material/PersonOutlineOutlined';
+export { default as PersonOutlineOutlined } from '@mui/icons-material/PersonOutlineOutlined';
+import default134 from '@mui/icons-material/PlayCircle';
+export { default as PlayCircle } from '@mui/icons-material/PlayCircle';
+import default135 from '@mui/icons-material/PlayCircleOutlined';
+export { default as PlayCircleOutlined } from '@mui/icons-material/PlayCircleOutlined';
+import default136 from '@mui/icons-material/PlaylistAddCheck';
+export { default as PlaylistAddCheck } from '@mui/icons-material/PlaylistAddCheck';
+import default137 from '@mui/icons-material/PostAddOutlined';
+export { default as PostAddOutlined } from '@mui/icons-material/PostAddOutlined';
+import default138 from '@mui/icons-material/PreviewRounded';
+export { default as PreviewRounded, default as PreviewRoundedIcon } from '@mui/icons-material/PreviewRounded';
+import default140 from '@mui/icons-material/PriceChangeOutlined';
+export { default as PriceChangeOutlined } from '@mui/icons-material/PriceChangeOutlined';
+import default141 from '@mui/icons-material/Print';
+export { default as Print } from '@mui/icons-material/Print';
+import default142 from '@mui/icons-material/Publish';
+export { default as Publish, default as PublishIcon } from '@mui/icons-material/Publish';
+import default144 from '@mui/icons-material/PublishedWithChanges';
+export { default as PublishedWithChanges } from '@mui/icons-material/PublishedWithChanges';
+import default145 from '@mui/icons-material/RecentActorsOutlined';
+export { default as RecentActorsOutlined } from '@mui/icons-material/RecentActorsOutlined';
+import default146 from '@mui/icons-material/RecommendOutlined';
+export { default as RecommendOutlined } from '@mui/icons-material/RecommendOutlined';
+import default147 from '@mui/icons-material/Refresh';
+export { default as Refresh, default as RefreshIcon } from '@mui/icons-material/Refresh';
+import default149 from '@mui/icons-material/ReorderOutlined';
+export { default as ReorderOutlined } from '@mui/icons-material/ReorderOutlined';
+import default150 from '@mui/icons-material/Repeat';
+export { default as Repeat, default as RepeatIcon } from '@mui/icons-material/Repeat';
+import default152 from '@mui/icons-material/RequestQuoteOutlined';
+export { default as RequestQuoteOutlined } from '@mui/icons-material/RequestQuoteOutlined';
+import default153 from '@mui/icons-material/RestartAlt';
+export { default as RestartAlt } from '@mui/icons-material/RestartAlt';
+import default154 from '@mui/icons-material/Rule';
+export { default as Rule } from '@mui/icons-material/Rule';
+import default155 from '@mui/icons-material/RuleOutlined';
+export { default as RuleOutlined } from '@mui/icons-material/RuleOutlined';
+import default156 from '@mui/icons-material/SafetyDivider';
+export { default as SafetyDivider } from '@mui/icons-material/SafetyDivider';
+import default157 from '@mui/icons-material/Search';
+export { default as Search, default as SearchIcon } from '@mui/icons-material/Search';
+import default159 from '@mui/icons-material/Security';
+export { default as Security } from '@mui/icons-material/Security';
+import default160 from '@mui/icons-material/Send';
+export { default as Send, default as SendIcon } from '@mui/icons-material/Send';
+import default162 from '@mui/icons-material/Settings';
+export { default as Settings, default as SettingsIcon } from '@mui/icons-material/Settings';
+import default164 from '@mui/icons-material/SettingsEthernet';
+export { default as SettingsEthernet } from '@mui/icons-material/SettingsEthernet';
+import default165 from '@mui/icons-material/Share';
+export { default as Share } from '@mui/icons-material/Share';
+import default166 from '@mui/icons-material/SimCardDownload';
+export { default as SimCardDownload } from '@mui/icons-material/SimCardDownload';
+import default167 from '@mui/icons-material/SlowMotionVideoOutlined';
+export { default as SlowMotionVideoOutlined } from '@mui/icons-material/SlowMotionVideoOutlined';
+import default168 from '@mui/icons-material/Sort';
+export { default as Sort } from '@mui/icons-material/Sort';
+import default169 from '@mui/icons-material/SpaceDashboardOutlined';
+export { default as SpaceDashboardOutlined } from '@mui/icons-material/SpaceDashboardOutlined';
+import default170 from '@mui/icons-material/Speed';
+export { default as Speed } from '@mui/icons-material/Speed';
+import default171 from '@mui/icons-material/Star';
+export { default as Star, default as StarIcon } from '@mui/icons-material/Star';
+import default173 from '@mui/icons-material/StarBorder';
+export { default as StarBorder, default as StarBorderIcon } from '@mui/icons-material/StarBorder';
+import default175 from '@mui/icons-material/Stop';
+export { default as Stop } from '@mui/icons-material/Stop';
+import default176 from '@mui/icons-material/SupervisedUserCircleOutlined';
+export { default as SupervisedUserCircleOutlined } from '@mui/icons-material/SupervisedUserCircleOutlined';
+import default177 from '@mui/icons-material/SupervisorAccountOutlined';
+export { default as SupervisorAccountOutlined } from '@mui/icons-material/SupervisorAccountOutlined';
+import default178 from '@mui/icons-material/SwapCalls';
+export { default as SwapCalls } from '@mui/icons-material/SwapCalls';
+import default179 from '@mui/icons-material/Sync';
+export { default as Sync } from '@mui/icons-material/Sync';
+import default180 from '@mui/icons-material/SyncAlt';
+export { default as SyncAlt } from '@mui/icons-material/SyncAlt';
+import default181 from '@mui/icons-material/TableChartOutlined';
+export { default as TableChartOutlined } from '@mui/icons-material/TableChartOutlined';
+import default182 from '@mui/icons-material/Tag';
+export { default as Tag } from '@mui/icons-material/Tag';
+import default183 from '@mui/icons-material/TaskAlt';
+export { default as TaskAlt } from '@mui/icons-material/TaskAlt';
+import default184 from '@mui/icons-material/ThumbDownOutlined';
+export { default as ThumbDownOutlined } from '@mui/icons-material/ThumbDownOutlined';
+import default185 from '@mui/icons-material/ThumbUpOutlined';
+export { default as ThumbUpOutlined } from '@mui/icons-material/ThumbUpOutlined';
+import default186 from '@mui/icons-material/TimerOutlined';
+export { default as TimerOutlined } from '@mui/icons-material/TimerOutlined';
+import default187 from '@mui/icons-material/Toc';
+export { default as Toc } from '@mui/icons-material/Toc';
+import default188 from '@mui/icons-material/TornadoOutlined';
+export { default as TornadoOutlined } from '@mui/icons-material/TornadoOutlined';
+import default189 from '@mui/icons-material/TrackChanges';
+export { default as TrackChanges } from '@mui/icons-material/TrackChanges';
+import default190 from '@mui/icons-material/UploadFileOutlined';
+export { default as UploadFileOutlined, default as UploadFileOutlinedIcon } from '@mui/icons-material/UploadFileOutlined';
+import default192 from '@mui/icons-material/VerifiedUser';
+export { default as VerifiedUser } from '@mui/icons-material/VerifiedUser';
+import default193 from '@mui/icons-material/VerifiedUserOutlined';
+export { default as VerifiedUserOutlined } from '@mui/icons-material/VerifiedUserOutlined';
+import default194 from '@mui/icons-material/VerticalSplit';
+export { default as VerticalSplit } from '@mui/icons-material/VerticalSplit';
+import default195 from '@mui/icons-material/ViewComfy';
+export { default as ViewComfy } from '@mui/icons-material/ViewComfy';
+import default196 from '@mui/icons-material/ViewHeadline';
+export { default as ViewHeadline } from '@mui/icons-material/ViewHeadline';
+import default197 from '@mui/icons-material/Visibility';
+export { default as Visibility, default as VisibilityIcon } from '@mui/icons-material/Visibility';
+import default199 from '@mui/icons-material/WarningOutlined';
+export { default as WarningOutlined, default as WarningOutlinedIcon } from '@mui/icons-material/WarningOutlined';
+import Badge from '@mui/material/Badge';
+import CircularProgress from '@mui/material/CircularProgress';
+import Tooltip from '@mui/material/Tooltip';
+import Stack6 from '@mui/material/Stack';
+import TextField from '@mui/material/TextField';
+import InputAdornment2 from '@mui/material/InputAdornment';
+import FormControl from '@mui/material/FormControl';
+import FormHelperText from '@mui/material/FormHelperText';
+import InputLabel from '@mui/material/InputLabel';
+import MenuItem2 from '@mui/material/MenuItem';
+import Select from '@mui/material/Select';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+import { DatePicker } from '@mui/x-date-pickers/DatePicker';
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
+import { DateTimePicker as DateTimePicker$1 } from '@mui/x-date-pickers/DateTimePicker';
+import Autocomplete from '@mui/material/Autocomplete';
+import Chip from '@mui/material/Chip';
+import UploadFileIcon from '@mui/icons-material/UploadFile';
+import Typography20 from '@mui/material/Typography';
+import Avatar from '@mui/material/Avatar';
+import AttachFileIcon from '@mui/icons-material/AttachFile';
+import Box14 from '@mui/material/Box';
+import List from '@mui/material/List';
+import ListItem from '@mui/material/ListItem';
+import ListItemIcon from '@mui/material/ListItemIcon';
+import ListItemText from '@mui/material/ListItemText';
+import Checkbox from '@mui/material/Checkbox';
+import Paper from '@mui/material/Paper';
+import Skeleton from '@mui/material/Skeleton';
+import Table from '@mui/material/Table';
+import TableBody from '@mui/material/TableBody';
+import TableCell, { tableCellClasses } from '@mui/material/TableCell';
+import TableContainer from '@mui/material/TableContainer';
+import TableHead from '@mui/material/TableHead';
+import TablePagination from '@mui/material/TablePagination';
+import TableRow from '@mui/material/TableRow';
+import TableSortLabel from '@mui/material/TableSortLabel';
+import { styled } from '@mui/material/styles';
+import Alert from '@mui/material/Alert';
+import ConfirmationNumberOutlinedIcon from '@mui/icons-material/ConfirmationNumberOutlined';
+import Popover2 from '@mui/material/Popover';
+import FormControlLabel2 from '@mui/material/FormControlLabel';
+import ToggleButton from '@mui/material/ToggleButton';
+import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
+import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';
+import Switch from '@mui/material/Switch';
+import Tab from '@mui/material/Tab';
+import Tabs from '@mui/material/Tabs';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogContentText from '@mui/material/DialogContentText';
+import DialogTitle from '@mui/material/DialogTitle';
+import WarningAmberIcon from '@mui/icons-material/WarningAmber';
+import Slide from '@mui/material/Slide';
+import Container from '@mui/material/Container';
+import Accordion from '@mui/material/Accordion';
+import AccordionDetails from '@mui/material/AccordionDetails';
+import AccordionSummary from '@mui/material/AccordionSummary';
+import Card2 from '@mui/material/Card';
+import CardContent2 from '@mui/material/CardContent';
+import Divider from '@mui/material/Divider';
+import CallMadeIcon from '@mui/icons-material/CallMade';
+import CardActions from '@mui/material/CardActions';
+import Breadcrumbs from '@mui/material/Breadcrumbs';
+import Link from '@mui/material/Link';
+import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
+import Menu from '@mui/material/Menu';
+import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
+import KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp';
+import Slider from '@mui/material/Slider';
+import Radio from '@mui/material/Radio';
+import OpenInFullOutlinedIcon from '@mui/icons-material/OpenInFullOutlined';
+import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';
+import CardHeader from '@mui/material/CardHeader';
+import CardActionArea from '@mui/material/CardActionArea';
+import Grid from '@mui/material/Grid';
+import CheckCircleOutlinedIcon from '@mui/icons-material/CheckCircleOutlined';
+import SkipNextIcon from '@mui/icons-material/SkipNext';
+
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+function accessibleText(children) {
+  let text = "";
+  Children.forEach(children, (child) => {
+    if (typeof child === "string" || typeof child === "number") {
+      text += String(child);
+    } else if (isValidElement(child)) {
+      text += accessibleText(child.props.children);
+    }
+  });
+  return text.trim() || "Button";
+}
+function SharedButton({
+  children,
+  sx,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      "aria-label": props["aria-label"] ?? accessibleText(children),
+      sx: {
+        minWidth: 40,
+        minHeight: 40,
+        borderRadius: 1,
+        px: 1.5,
+        textTransform: "none",
+        ...sx
+      },
+      ...props,
+      children
+    }
+  );
+}
+function SharedIconButton({ sx, ...props }) {
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      sx: { width: 40, height: 40, borderRadius: 1, ...sx },
+      ...props
+    }
+  );
+}
+function CustomButton({ icon, title, handle, align = "left", ...props }) {
+  return /* @__PURE__ */ jsx(
+    SharedButton,
+    {
+      onClick: handle,
+      ...align === "left" ? { startIcon: icon } : { endIcon: icon },
+      ...props,
+      children: title
+    }
+  );
+}
+
+// src/icons/mui.ts
+var mui_exports = {};
+__export(mui_exports, {
+  AccessibilityNew: () => default2,
+  AccountTree: () => default3,
+  AccountTreeIcon: () => default3,
+  AccountTreeOutlined: () => default5,
+  AccountTreeOutlinedIcon: () => default5,
+  Add: () => default7,
+  AddCircleOutline: () => default9,
+  AddCircleOutlineIcon: () => default9,
+  AddIcon: () => default7,
+  AdminPanelSettings: () => default11,
+  AdminPanelSettingsIcon: () => default11,
+  Archive: () => default13,
+  ArrowBack: () => default14,
+  ArrowBackIcon: () => default14,
+  ArrowForwardIosSharp: () => default16,
+  ArrowForwardIosSharpIcon: () => default16,
+  ArticleOutlined: () => default18,
+  ArticleOutlinedIcon: () => default18,
+  AssessmentOutlined: () => default20,
+  AssignmentOutlined: () => default21,
+  AssignmentOutlinedIcon: () => default21,
+  AssignmentTurnedIn: () => default23,
+  AttachMoney: () => default24,
+  Attachment: () => default25,
+  AttachmentIcon: () => default25,
+  AutoModeOutlined: () => default27,
+  BackupTable: () => default28,
+  BackupTableIcon: () => default28,
+  BookmarkAdded: () => default30,
+  BrightnessAuto: () => default31,
+  Business: () => default32,
+  BusinessCenterOutlined: () => default33,
+  CableOutlined: () => default34,
+  Cached: () => default35,
+  Cancel: () => default36,
+  CancelIcon: () => default36,
+  Check: () => default38,
+  CheckCircle: () => default40,
+  CheckCircleIcon: () => default40,
+  CheckCircleOutline: () => default42,
+  CheckIcon: () => default38,
+  Close: () => default43,
+  CloseIcon: () => default43,
+  Comment: () => default45,
+  CommentIcon: () => default45,
+  Compare: () => default47,
+  CompareArrows: () => default49,
+  CompareIcon: () => default47,
+  ContactEmergency: () => default50,
+  ContentCopy: () => default51,
+  ContentCopyIcon: () => default51,
+  ContentCopyOutlined: () => default53,
+  CorporateFare: () => default54,
+  CorporateFareIcon: () => default54,
+  CurrencyExchange: () => default56,
+  DeleteForever: () => default57,
+  DeleteForeverOutlined: () => default58,
+  DeleteOutline: () => default59,
+  DeleteOutlineIcon: () => default59,
+  DeleteOutlined: () => default61,
+  DescriptionOutlined: () => default62,
+  Difference: () => default63,
+  DoneAllOutlined: () => default64,
+  DoneOutline: () => default65,
+  Download: () => default66,
+  DownloadIcon: () => default66,
+  EditOutlined: () => default68,
+  EditOutlinedIcon: () => default68,
+  Email: () => default70,
+  EmailIcon: () => default70,
+  Equalizer: () => default72,
+  ErrorIcon: () => default74,
+  ErrorOutlineOutlined: () => default74,
+  EventSeat: () => default75,
+  FileCopy: () => default76,
+  FileCopyOutlined: () => default77,
+  FileUpload: () => default78,
+  FileUploadOutlined: () => default79,
+  FileUploadOutlinedIcon: () => default79,
+  FilterAlt: () => default81,
+  FilterAltIcon: () => default81,
+  FilterList: () => default83,
+  FilterListIcon: () => default83,
+  FilterListOff: () => default85,
+  Flag: () => default86,
+  FlagOutlined: () => default87,
+  FolderOpen: () => default88,
+  Functions: () => default89,
+  FunctionsIcon: () => default89,
+  GetApp: () => default91,
+  Group: () => default92,
+  GroupAdd: () => default94,
+  GroupAddOutlined: () => default95,
+  GroupIcon: () => default92,
+  GroupWorkOutlined: () => default96,
+  Handshake: () => default97,
+  HelpOutline: () => default98,
+  HelpOutlineIcon: () => default98,
+  History: () => default100,
+  HistoryIcon: () => default100,
+  HistoryOutlined: () => default102,
+  HorizontalSplitOutlined: () => default103,
+  HourglassEmpty: () => default104,
+  HowToVote: () => default105,
+  HttpOutlined: () => default106,
+  ImportContacts: () => default107,
+  ImportExport: () => default108,
+  InfoOutlined: () => InfoOutlined,
+  InfoOutlinedIcon: () => InfoOutlined,
+  InsertChartOutlined: () => default111,
+  IosShareOutlined: () => default112,
+  Link: () => default113,
+  List: () => default114,
+  MailOutline: () => default115,
+  ManageAccounts: () => default116,
+  ManageAccountsIcon: () => default116,
+  Menu: () => default118,
+  MenuBook: () => default120,
+  MenuIcon: () => default118,
+  MonetizationOn: () => default121,
+  MoreVert: () => default122,
+  MoreVertIcon: () => default122,
+  NextWeek: () => default124,
+  Nfc: () => default125,
+  OpenInNew: () => default126,
+  OpenInNewIcon: () => default126,
+  PanToolOutlined: () => default128,
+  PauseCircleOutline: () => default129,
+  PeopleAltOutlined: () => default130,
+  PeopleAltOutlinedIcon: () => default130,
+  Person: () => default132,
+  PersonOutlineOutlined: () => default133,
+  PlayCircle: () => default134,
+  PlayCircleOutlined: () => default135,
+  PlaylistAddCheck: () => default136,
+  PostAddOutlined: () => default137,
+  PreviewRounded: () => default138,
+  PreviewRoundedIcon: () => default138,
+  PriceChangeOutlined: () => default140,
+  Print: () => default141,
+  Publish: () => default142,
+  PublishIcon: () => default142,
+  PublishedWithChanges: () => default144,
+  RecentActorsOutlined: () => default145,
+  RecommendOutlined: () => default146,
+  Refresh: () => default147,
+  RefreshIcon: () => default147,
+  ReorderOutlined: () => default149,
+  Repeat: () => default150,
+  RepeatIcon: () => default150,
+  RequestQuoteOutlined: () => default152,
+  RestartAlt: () => default153,
+  Rule: () => default154,
+  RuleOutlined: () => default155,
+  SafetyDivider: () => default156,
+  Search: () => default157,
+  SearchIcon: () => default157,
+  Security: () => default159,
+  Send: () => default160,
+  SendIcon: () => default160,
+  Settings: () => default162,
+  SettingsEthernet: () => default164,
+  SettingsIcon: () => default162,
+  Share: () => default165,
+  SimCardDownload: () => default166,
+  SlowMotionVideoOutlined: () => default167,
+  Sort: () => default168,
+  SpaceDashboardOutlined: () => default169,
+  Speed: () => default170,
+  Star: () => default171,
+  StarBorder: () => default173,
+  StarBorderIcon: () => default173,
+  StarIcon: () => default171,
+  Stop: () => default175,
+  SupervisedUserCircleOutlined: () => default176,
+  SupervisorAccountOutlined: () => default177,
+  SwapCalls: () => default178,
+  Sync: () => default179,
+  SyncAlt: () => default180,
+  TableChartOutlined: () => default181,
+  Tag: () => default182,
+  TaskAlt: () => default183,
+  ThumbDownOutlined: () => default184,
+  ThumbUpOutlined: () => default185,
+  TimerOutlined: () => default186,
+  Toc: () => default187,
+  TornadoOutlined: () => default188,
+  TrackChanges: () => default189,
+  UploadFileOutlined: () => default190,
+  UploadFileOutlinedIcon: () => default190,
+  VerifiedUser: () => default192,
+  VerifiedUserOutlined: () => default193,
+  VerticalSplit: () => default194,
+  ViewComfy: () => default195,
+  ViewHeadline: () => default196,
+  Visibility: () => default197,
+  VisibilityIcon: () => default197,
+  WarningOutlined: () => default199,
+  WarningOutlinedIcon: () => default199
+});
+
+// src/actions/actionIconData.ts
+var item = (icon, defaultColor = "primary") => ({ icon, defaultColor });
+var ActionIconData = {
+  default: item("HelpOutline", "secondary"),
+  add: item("AddCircleOutline"),
+  copy: item("ContentCopy", "error"),
+  download: item("Download", "warning"),
+  fileupload: item("UploadFileOutlined", "secondary"),
+  upload: item("FileUploadOutlined", "success"),
+  import: item("ImportContacts", "warning"),
+  export: item("ImportExport", "secondary"),
+  edit: item("EditOutlined"),
+  delete: item("DeleteOutline", "error"),
+  withdraw: item("DeleteForeverOutlined", "secondary"),
+  view: item("Visibility"),
+  viewDetails: item("Visibility"),
+  preview: item("PreviewRounded"),
+  info: item("InfoOutlined"),
+  search: item("Search"),
+  save: item("AssignmentTurnedIn", "success"),
+  send: item("Send"),
+  email: item("Email", "success"),
+  refresh: item("Refresh", "error"),
+  close: item("Close", "error"),
+  cancel: item("Cancel", "error"),
+  history: item("History", "warning"),
+  reschedule: item("HistoryOutlined", "secondary"),
+  attachment: item("Attachment"),
+  comment: item("Comment", "secondary"),
+  mom: item("Comment", "success"),
+  favourite: item("Star", "warning"),
+  unFavourite: item("StarBorder", "warning"),
+  success: item("ThumbUpOutlined", "success"),
+  error: item("ThumbDownOutlined", "error"),
+  warning: item("ErrorOutlineOutlined", "warning"),
+  compare: item("Compare", "secondary"),
+  compareArrows: item("CompareArrows", "secondary"),
+  showChanges: item("Difference", "secondary"),
+  validate: item("PublishedWithChanges", "warning"),
+  validateUser: item("VerifiedUser", "secondary"),
+  protect: item("VerifiedUser", "success"),
+  unProtect: item("VerifiedUserOutlined"),
+  resend: item("Repeat", "secondary"),
+  restart: item("RestartAlt", "warning"),
+  cached: item("Cached", "secondary"),
+  regenerate: item("Cached", "secondary"),
+  sync: item("Sync", "secondary"),
+  modifyAccounting: item("SyncAlt", "warning"),
+  config: item("Settings"),
+  details: item("ArticleOutlined"),
+  list: item("AssignmentOutlined"),
+  folder: item("FolderOpen"),
+  more: item("MoreVert", "inherit"),
+  share: item("IosShareOutlined", "warning"),
+  shareFilters: item("Share", "success"),
+  filterLists: item("List"),
+  filterOptions: item("Sort"),
+  addToFilterList: item("FilterList"),
+  removeFromFilterList: item("FilterListOff", "error"),
+  advanceFilter: item("FilterList"),
+  run: item("PlayCircleOutlined"),
+  play: item("PlayCircle"),
+  pause: item("PauseCircleOutline", "secondary"),
+  stop: item("Stop", "error"),
+  publish: item("Publish", "warning"),
+  generate: item("PostAddOutlined"),
+  generateTemplate: item("SimCardDownload", "secondary"),
+  viewTable: item("BackupTable"),
+  viewLogs: item("BackupTable"),
+  dashboard: item("SpaceDashboardOutlined", "secondary"),
+  chart: item("AssessmentOutlined", "secondary"),
+  viewDashboard: item("InsertChartOutlined", "secondary"),
+  rule: item("Rule"),
+  businessRuleGroups: item("RuleOutlined"),
+  ruleParameters: item("Menu"),
+  accounttree: item("AccountTree"),
+  collapse: item("AccountTree"),
+  expand: item("AccountTreeOutlined"),
+  user: item("Group"),
+  attendees: item("PeopleAltOutlined"),
+  goToUsers: item("GroupAdd"),
+  planningUsers: item("GroupAddOutlined"),
+  inquiryUsers: item("ManageAccounts"),
+  roles: item("AccessibilityNew", "secondary"),
+  administrator: item("AdminPanelSettings"),
+  divisions: item("CorporateFare"),
+  organization: item("NextWeek"),
+  businessOwner: item("BusinessCenterOutlined"),
+  pointOfContact: item("ContactEmergency"),
+  goToDivision: item("SafetyDivider"),
+  goToFunding: item("AttachMoney"),
+  goToTarget: item("Speed"),
+  goToRequest: item("HowToVote"),
+  goToBusiness: item("PlaylistAddCheck"),
+  goToDistribution: item("MailOutline"),
+  fund: item("Settings", "info"),
+  funds: item("Tag", "secondary"),
+  fundCodes: item("AssignmentOutlined"),
+  fundType: item("AssignmentOutlined"),
+  budgetApprover: item("CurrencyExchange", "error"),
+  budgetFacilitators: item("MonetizationOn"),
+  fmdDivisionDirector: item("SupervisedUserCircleOutlined", "secondary"),
+  cfo: item("SupervisorAccountOutlined"),
+  dcfo: item("SupervisorAccountOutlined", "secondary"),
+  submitPrism: item("TornadoOutlined", "secondary"),
+  showCostElement: item("RequestQuoteOutlined"),
+  connect: item("CableOutlined", "secondary"),
+  httpRequests: item("HttpOutlined"),
+  handshakeView: item("Handshake", "secondary"),
+  copyTemplate: item("FileCopyOutlined"),
+  fileCopy: item("FileCopy"),
+  templateMapping: item("Link", "secondary"),
+  template: item("Nfc"),
+  templateSection: item("EventSeat"),
+  sectionField: item("Toc"),
+  value: item("SettingsEthernet"),
+  processSuccess: item("CheckCircleOutline", "success"),
+  processError: item("ErrorOutlineOutlined", "error"),
+  processProcessing: item("HourglassEmpty", "secondary"),
+  terminated: item("WarningOutlined", "warning"),
+  terminate: item("PanToolOutlined"),
+  recommend: item("RecommendOutlined", "success"),
+  checkStatus: item("CheckCircle", "success"),
+  archive: item("Archive", "warning"),
+  acquisition: item("AssignmentOutlined"),
+  acquisitionUser: item("Group"),
+  acquisitionVehicles: item("CorporateFare"),
+  addAdvancedFilter: item("Add"),
+  addFavorite: item("PostAddOutlined", "secondary"),
+  additionalDetails: item("ViewComfy"),
+  addReminder: item("AddCircleOutline", "warning"),
+  addToFavorites: item("FlagOutlined", "warning"),
+  adminpanelsettings: item("AdminPanelSettings", "success"),
+  allocations: item("TrackChanges", "secondary"),
+  articleoutlined: item("ArticleOutlined"),
+  assignFundTypes: item("AutoModeOutlined", "secondary"),
+  assignmentoutlined: item("AssignmentOutlined"),
+  assingFundTypes: item("AutoModeOutlined", "secondary"),
+  automode: item("AutoModeOutlined", "secondary"),
+  backuptable: item("BackupTable"),
+  baselineChanges: item("Compare", "secondary"),
+  bmsCompPlan: item("DescriptionOutlined", "secondary"),
+  budgetAdministrator: item("AdminPanelSettings", "success"),
+  budgetLiaisons: item("Person"),
+  budgetReview: item("CurrencyExchange", "error"),
+  businessLines: item("AssignmentOutlined"),
+  BusinessRule: item("SwapCalls"),
+  businessRules: item("AssignmentOutlined"),
+  calColumn: item("Functions"),
+  changeOwner: item("PersonOutlineOutlined", "secondary"),
+  completeGovernce: item("AssignmentTurnedIn", "success"),
+  configDetails: item("Settings", "secondary"),
+  configRequestType: item("Settings", "secondary"),
+  copyFundType: item("FileCopyOutlined"),
+  copyRequestDetails: item("ContentCopy", "secondary"),
+  copySettings: item("Print"),
+  corporatefare: item("CorporateFare"),
+  currencyexchange: item("CurrencyExchange", "error"),
+  defer: item("ThumbDownOutlined", "error"),
+  deleteforever: item("DeleteForever", "secondary"),
+  deleteforeveroutlined: item("DeleteForeverOutlined", "secondary"),
+  deleteoutline: item("DeleteOutline", "error"),
+  descriptionoutlined: item("DescriptionOutlined", "secondary"),
+  difference: item("Difference", "secondary"),
+  distributionGroup: item("SwapCalls"),
+  downloadBaseline: item("DescriptionOutlined", "secondary"),
+  downloadBaselineMonthly: item("SimCardDownload"),
+  downloadDocument: item("Download", "secondary"),
+  downloadLogs: item("DescriptionOutlined"),
+  downloadMonthlyDetails: item("TableChartOutlined"),
+  downloadSpendLines: item("SimCardDownload"),
+  editoutlined: item("EditOutlined"),
+  equalizer: item("Equalizer"),
+  executive: item("Group"),
+  executivesApprover: item("Group"),
+  executiveUser: item("ManageAccounts", "secondary"),
+  executiveUsers: item("ManageAccounts", "secondary"),
+  filecopyoutlined: item("FileCopyOutlined"),
+  filter: item("FilterAlt"),
+  filterlist: item("FilterList"),
+  filterListValue: item("List"),
+  finalize: item("DoneAllOutlined", "success"),
+  finalizePublish: item("Publish", "success"),
+  financialAgents: item("Group"),
+  fundDetail: item("AssignmentOutlined"),
+  fundGroup: item("Group"),
+  getapp: item("GetApp"),
+  goToAttendess: item("PeopleAltOutlined"),
+  goToReminders: item("TimerOutlined"),
+  goToTag: item("AssignmentOutlined"),
+  goToUser: item("BrightnessAuto", "info"),
+  group: item("Group"),
+  groupadd: item("GroupAdd"),
+  groupaddoutlined: item("GroupAddOutlined"),
+  groupDetails: item("RecentActorsOutlined"),
+  groupEntities: item("List"),
+  infooutlined: item("InfoOutlined"),
+  initiateReview: item("BookmarkAdded"),
+  keyProjects: item("AssignmentOutlined"),
+  lookUps: item("AssignmentOutlined"),
+  manageaccounts: item("ManageAccounts", "secondary"),
+  menu: item("Menu"),
+  message: item("SwapCalls"),
+  monetizationon: item("MonetizationOn"),
+  moreDetails: item("GroupWorkOutlined"),
+  notificationEvent: item("SwapCalls"),
+  outYearsForecast: item("PriceChangeOutlined"),
+  pastSubmissions: item("ReorderOutlined"),
+  peoplealtoutlined: item("PeopleAltOutlined"),
+  pinDocument: item("FlagOutlined", "warning"),
+  planningApprovers: item("TaskAlt"),
+  planningFacilitators: item("PeopleAltOutlined"),
+  planningLiaisons: item("Group"),
+  playcircle: item("PlayCircle"),
+  previousLog: item("Archive", "warning"),
+  price: item("PriceChangeOutlined"),
+  privilege: item("PeopleAltOutlined"),
+  profileValue: item("Group"),
+  programs: item("AssignmentOutlined"),
+  publishedwithchanges: item("PublishedWithChanges", "warning"),
+  publishReview: item("Publish"),
+  recallDivision: item("AssignmentTurnedIn", "warning"),
+  recommendoutlined: item("RecommendOutlined", "success"),
+  removeFromFavorites: item("Flag", "warning"),
+  repeat: item("Repeat", "secondary"),
+  report: item("DescriptionOutlined"),
+  reportSet: item("HorizontalSplitOutlined"),
+  requestType: item("AssignmentOutlined"),
+  resendReview: item("Repeat", "secondary"),
+  resubmit: item("SlowMotionVideoOutlined"),
+  reviewApprove: item("AssignmentTurnedIn", "success"),
+  reviewComplete: item("AssignmentTurnedIn"),
+  reviewResend: item("AssignmentTurnedIn", "error"),
+  ruleoutlined: item("RuleOutlined"),
+  RuleOutlinedIcon: item("Group"),
+  saveDetail: item("Check", "success"),
+  scheduleApproval: item("RecommendOutlined", "success"),
+  selectDivisions: item("Business", "secondary"),
+  selectProgramOffice: item("Business", "secondary"),
+  settings: item("Settings"),
+  sharedRequest: item("VerticalSplit"),
+  shareSecurity: item("Security", "secondary"),
+  simcarddownload: item("SimCardDownload", "secondary"),
+  star: item("Star", "warning"),
+  starborder: item("StarBorder", "warning"),
+  subActivities: item("Group"),
+  tablechartoutlined: item("TableChartOutlined"),
+  tag: item("Tag", "secondary"),
+  target: item("TrackChanges", "secondary"),
+  taskalt: item("TaskAlt"),
+  terminateSession: item("Settings"),
+  thumbdownoutlined: item("ThumbDownOutlined", "error"),
+  thumbupoutlined: item("ThumbUpOutlined", "success"),
+  timeroutlined: item("TimerOutlined"),
+  tornadooutlined: item("TornadoOutlined", "secondary"),
+  unpinDocument: item("Flag", "warning"),
+  updateLog: item("Check", "success"),
+  uploadFile: item("FileUpload"),
+  userApplication: item("Settings", "success"),
+  usersAC: item("Business", "info"),
+  usersProgramOffices: item("Business"),
+  usersRoles: item("BrightnessAuto"),
+  validateConnection: item("DoneOutline"),
+  validationGroups: item("PlaylistAddCheck"),
+  validationRule: item("SwapCalls"),
+  validationRules: item("AssignmentOutlined"),
+  viewAdjustments: item("Equalizer"),
+  viewBudgetFacilitator: item("Group"),
+  viewBudgetLiaisons: item("Group"),
+  viewcomfy: item("ViewComfy"),
+  viewDocument: item("MenuBook", "disabled"),
+  viewheadline: item("ViewHeadline", "secondary"),
+  viewPrism: item("BackupTable"),
+  ViewSuppliers: item("DescriptionOutlined", "secondary"),
+  visibility: item("Visibility")
+};
+var actionIconRegistry = mui_exports;
+var ActionIconButtonData = ActionIconData;
+function ActionIcon({
+  purpose = "default",
+  type,
+  title,
+  icon,
+  iconSize = 18,
+  color,
+  loading = false,
+  count,
+  showBadge = false,
+  countColor = "secondary",
+  ...props
+}) {
+  const action = ActionIconData[type ?? purpose] ?? ActionIconData.default;
+  const Icon = icon ?? actionIconRegistry[action.icon];
+  const label = title || `${type ?? purpose} action`;
+  const renderedIcon = /* @__PURE__ */ jsx(Icon, { color: color ?? action.defaultColor, sx: { fontSize: iconSize } });
+  return /* @__PURE__ */ jsx(Tooltip, { title: label, children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsxs(
+    IconButton,
+    {
+      "aria-label": label,
+      disabled: loading || props.disabled,
+      ...props,
+      children: [
+        showBadge ? /* @__PURE__ */ jsx(Badge, { badgeContent: count, color: countColor, showZero: true, children: renderedIcon }) : renderedIcon,
+        loading ? /* @__PURE__ */ jsx(
+          CircularProgress,
+          {
+            color: "inherit",
+            size: 20,
+            sx: { position: "absolute" }
+          }
+        ) : null
+      ]
+    }
+  ) }) });
+}
+function ActionIconButton({
+  purpose = "default",
+  type,
+  title,
+  icon,
+  loading = false,
+  children,
+  ...props
+}) {
+  const action = ActionIconData[type ?? purpose] ?? ActionIconData.default;
+  const Icon = actionIconRegistry[action.icon];
+  const label = title || `${type ?? purpose} action`;
+  const buttonColor = action.defaultColor === "action" || action.defaultColor === "disabled" ? "inherit" : action.defaultColor;
+  return /* @__PURE__ */ jsx(Tooltip, { title: label, placement: "bottom", children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsxs(
+    SharedButton,
+    {
+      "aria-label": label,
+      color: buttonColor,
+      variant: "outlined",
+      disabled: loading || props.disabled,
+      ...props,
+      children: [
+        loading ? /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 20 }) : null,
+        icon ?? /* @__PURE__ */ jsx(Icon, { sx: { fontSize: 20 } }),
+        children
+      ]
+    }
+  ) }) });
+}
+function ActionsContainer(props) {
+  return /* @__PURE__ */ jsx(Stack6, { direction: "row", spacing: 0.5, alignItems: "center", ...props });
+}
+
+// src/accessibility/controlNames.ts
+function humanizeControlName(value) {
+  const normalized = value?.replace(/[_-]+/g, " ").replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/\s+/g, " ").trim();
+  return normalized ? normalized.charAt(0).toUpperCase() + normalized.slice(1) : void 0;
+}
+function resolveControlName({
+  label,
+  ariaLabel,
+  name,
+  id,
+  backupName
+}) {
+  if (typeof label === "string" && label.trim()) return label.trim();
+  if (typeof ariaLabel === "string" && ariaLabel.trim()) return ariaLabel.trim();
+  return humanizeControlName(name) ?? humanizeControlName(id) ?? backupName;
+}
+function SharedTextField({
+  size = "small",
+  variant = "outlined",
+  InputLabelProps,
+  inputProps,
+  id,
+  name,
+  label,
+  backupName = "Text input",
+  ...props
+}) {
+  const generatedId = useId().replace(/:/g, "");
+  const controlId = id ?? `shared-text-field-${generatedId}`;
+  const accessibleName = resolveControlName({
+    label,
+    ariaLabel: inputProps?.["aria-label"],
+    name,
+    id,
+    backupName
+  });
+  return /* @__PURE__ */ jsx(
+    TextField,
+    {
+      fullWidth: true,
+      size,
+      variant,
+      id: controlId,
+      name,
+      label,
+      InputLabelProps: { shrink: true, ...InputLabelProps },
+      inputProps: {
+        autoComplete: "off",
+        "data-gramm": "false",
+        ...!label && !inputProps?.["aria-labelledby"] ? { "aria-label": accessibleName } : {},
+        ...inputProps
+      },
+      ...props
+    }
+  );
+}
+function SearchInput({
+  label = "Search",
+  onSearch,
+  shortcut = true,
+  InputProps,
+  inputRef,
+  ...props
+}) {
+  const localRef = useRef(null);
+  useEffect(() => {
+    if (!shortcut) return void 0;
+    const focusSearch = (event) => {
+      const target = event.target;
+      const isEditing = target?.tagName === "INPUT" || target?.tagName === "TEXTAREA" || target?.isContentEditable;
+      if (event.shiftKey && event.key.toLowerCase() === "s" && !isEditing) {
+        event.preventDefault();
+        localRef.current?.focus();
+      }
+    };
+    document.addEventListener("keydown", focusSearch);
+    return () => document.removeEventListener("keydown", focusSearch);
+  }, [shortcut]);
+  const submit = () => onSearch?.(String(localRef.current?.value ?? ""));
+  return /* @__PURE__ */ jsx(
+    SharedTextField,
+    {
+      ...props,
+      label,
+      type: "search",
+      inputRef: (element) => {
+        localRef.current = element;
+        if (typeof inputRef === "function") inputRef(element);
+        else if (inputRef) inputRef.current = element;
+      },
+      onKeyDown: (event) => {
+        if (event.key === "Enter") submit();
+        props.onKeyDown?.(event);
+      },
+      InputProps: {
+        ...InputProps,
+        endAdornment: /* @__PURE__ */ jsx(InputAdornment2, { position: "end", children: /* @__PURE__ */ jsx(SharedIconButton, { "aria-label": "Search", size: "small", onClick: submit, children: /* @__PURE__ */ jsx(default157, { fontSize: "small" }) }) })
+      }
+    }
+  );
+}
+function SelectInput({
+  label,
+  options,
+  helperText,
+  formControlProps,
+  inputProps,
+  backupName = "Select option",
+  ...props
+}) {
+  const generatedId = useId();
+  const controlId = props.id ?? `shared-select-${generatedId.replace(/:/g, "")}`;
+  const labelId = `${controlId}-label`;
+  const helperId = `${controlId}-helper-text`;
+  const accessibleName = resolveControlName({
+    label,
+    ariaLabel: inputProps?.["aria-label"],
+    name: props.name,
+    id: props.id,
+    backupName
+  });
+  return /* @__PURE__ */ jsxs(FormControl, { fullWidth: true, size: "small", ...formControlProps, children: [
+    label ? /* @__PURE__ */ jsx(InputLabel, { id: labelId, children: label }) : null,
+    /* @__PURE__ */ jsx(
+      Select,
+      {
+        id: controlId,
+        labelId: label ? labelId : void 0,
+        label,
+        inputProps: {
+          ...inputProps,
+          ...!label ? { "aria-label": accessibleName } : {},
+          ...helperText ? { "aria-describedby": helperId } : {}
+        },
+        ...props,
+        children: options.map((option) => /* @__PURE__ */ jsx(
+          MenuItem2,
+          {
+            value: option.value,
+            disabled: option.disabled,
+            children: option.label
+          },
+          String(option.value)
+        ))
+      }
+    ),
+    helperText ? /* @__PURE__ */ jsx(FormHelperText, { id: helperId, children: helperText }) : null
+  ] });
+}
+function DateInput({ renderInput, id, name, label, backupName = "Choose date", ...props }) {
+  const generatedId = useId().replace(/:/g, "");
+  const controlId = id ?? `shared-date-${generatedId}`;
+  const accessibleName = resolveControlName({ label, name, id, backupName });
+  return /* @__PURE__ */ jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, children: /* @__PURE__ */ jsx(
+    DatePicker,
+    {
+      ...props,
+      label,
+      renderInput: (params) => {
+        const enhancedParams = {
+          ...params,
+          id: controlId,
+          name,
+          inputProps: {
+            ...params.inputProps,
+            id: controlId,
+            name,
+            "aria-label": accessibleName
+          }
+        };
+        return renderInput ? renderInput(enhancedParams) : /* @__PURE__ */ jsx(TextField, { ...enhancedParams, fullWidth: true, size: "small" });
+      }
+    }
+  ) });
+}
+function DateTimeInput({ renderInput, id, name, label, backupName = "Choose date and time", ...props }) {
+  const generatedId = useId().replace(/:/g, "");
+  const controlId = id ?? `shared-date-time-${generatedId}`;
+  const accessibleName = resolveControlName({ label, name, id, backupName });
+  return /* @__PURE__ */ jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, children: /* @__PURE__ */ jsx(
+    DateTimePicker$1,
+    {
+      ...props,
+      label,
+      renderInput: (params) => {
+        const enhancedParams = {
+          ...params,
+          id: controlId,
+          name,
+          inputProps: {
+            ...params.inputProps,
+            id: controlId,
+            name,
+            "aria-label": accessibleName
+          }
+        };
+        return renderInput ? renderInput(enhancedParams) : /* @__PURE__ */ jsx(TextField, { ...enhancedParams, fullWidth: true, size: "small" });
+      }
+    }
+  ) });
+}
+var DateTimePicker = DateTimeInput;
+function AdvancedDropDownList({
+  id,
+  name,
+  label = "",
+  backupName = "Select option",
+  value,
+  onChange,
+  options = [],
+  errorMessage,
+  disableClearable = false,
+  disabled = false,
+  loading = false,
+  required = false,
+  defaultSorting = true,
+  noDataMsg = "No options",
+  size = "small",
+  variant = "outlined",
+  renderOption,
+  getOptionDisabled
+}) {
+  const generatedId = useId();
+  const controlId = id ?? `shared-dropdown-${generatedId.replace(/:/g, "")}`;
+  const accessibleName = resolveControlName({ label, name, id, backupName });
+  const sortedOptions = useMemo(
+    () => defaultSorting ? [...options].sort(
+      (a, b) => a.value.localeCompare(b.value, void 0, {
+        numeric: true,
+        sensitivity: "base"
+      })
+    ) : [...options],
+    [defaultSorting, options]
+  );
+  const selected = options.find((option) => option.id === value) ?? null;
+  return /* @__PURE__ */ jsx(
+    Autocomplete,
+    {
+      id: controlId,
+      fullWidth: true,
+      size,
+      options: sortedOptions,
+      value: selected,
+      disabled: disabled || loading,
+      loading,
+      disableClearable,
+      noOptionsText: noDataMsg,
+      getOptionLabel: (option) => option.value || option.label || "",
+      getOptionDisabled: getOptionDisabled ?? ((option) => Boolean(option.disabled)),
+      isOptionEqualToValue: (option, selectedOption) => option.id === selectedOption.id,
+      renderOption,
+      onChange: (_, nextValue) => onChange?.({ target: { name: name ?? id ?? controlId, value: nextValue?.id ?? "" } }),
+      popupIcon: loading ? /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 18 }) : void 0,
+      renderInput: (params) => /* @__PURE__ */ jsx(
+        TextField,
+        {
+          ...params,
+          label,
+          required,
+          variant,
+          size,
+          error: Boolean(errorMessage),
+          helperText: errorMessage,
+          InputLabelProps: { shrink: true },
+          inputProps: {
+            ...params.inputProps,
+            autoComplete: "new-password",
+            "aria-label": accessibleName,
+            name
+          }
+        }
+      )
+    }
+  );
+}
+var MuiAdvancedDropDownList = AdvancedDropDownList;
+var StyledAdvanceDropDownList = AdvancedDropDownList;
+var CustomMuiAdvancedDropDownList = AdvancedDropDownList;
+var GenericAdvanceDropDownList = AdvancedDropDownList;
+var GenericAdvancedSelect = AdvancedDropDownList;
+var GenericStyledAdvancedDropdown = AdvancedDropDownList;
+var NormalAdvancedDropDownList = AdvancedDropDownList;
+var FloatingAdvanceDropDownList = AdvancedDropDownList;
+var AdvancedDropDownWithMsg = AdvancedDropDownList;
+function MultiSelectDropDownList({
+  id,
+  name,
+  label,
+  backupName = "Select options",
+  value = [],
+  options = [],
+  onChange,
+  errorMessage,
+  disabled = false,
+  disableChip = false,
+  loading = false,
+  groupBy,
+  highlightedOptionIds = [],
+  highlightedChipTitle,
+  getOptionDisabled,
+  variant = "outlined",
+  size = "small"
+}) {
+  const generatedId = useId();
+  const controlId = id ?? `shared-multi-select-${generatedId.replace(/:/g, "")}`;
+  const accessibleName = resolveControlName({ label, name, id, backupName });
+  const highlighted = new Set(highlightedOptionIds);
+  return /* @__PURE__ */ jsx(
+    Autocomplete,
+    {
+      multiple: true,
+      id: controlId,
+      fullWidth: true,
+      size,
+      disabled,
+      loading,
+      options: [...options],
+      value: [...value],
+      groupBy,
+      filterSelectedOptions: true,
+      getOptionLabel: (option) => option.value || option.label || "",
+      getOptionDisabled: getOptionDisabled ?? ((option) => Boolean(option.disabled)),
+      isOptionEqualToValue: (option, selected) => option.id === selected.id,
+      onChange: (_, nextValue) => {
+        const unique = Array.from(
+          new Map(nextValue.map((option) => [option.id, option])).values()
+        );
+        onChange?.({ target: { name: name ?? id ?? controlId, value: unique } });
+      },
+      renderTags: (tagValue, getTagProps) => tagValue.map((option, index) => {
+        const tagProps = getTagProps({ index });
+        return /* @__PURE__ */ createElement(
+          Chip,
+          {
+            ...tagProps,
+            key: String(option.id),
+            label: option.value,
+            title: highlighted.has(option.id) ? highlightedChipTitle : void 0,
+            onDelete: disableChip ? void 0 : tagProps.onDelete,
+            sx: highlighted.has(option.id) ? { bgcolor: "error.50", border: 1, borderColor: "error.main" } : void 0
+          }
+        );
+      }),
+      renderInput: (params) => /* @__PURE__ */ jsx(
+        TextField,
+        {
+          ...params,
+          label,
+          variant,
+          error: Boolean(errorMessage),
+          helperText: errorMessage,
+          InputLabelProps: { shrink: true },
+          inputProps: {
+            ...params.inputProps,
+            name,
+            "aria-label": accessibleName
+          }
+        }
+      )
+    }
+  );
+}
+var GroupedMultiSelectDropDown = MultiSelectDropDownList;
+var MuiGroupedMultiSelectDropDown = MultiSelectDropDownList;
+var FloatingMultiSelectDropDownList = MultiSelectDropDownList;
+function DropDownList({
+  value = "",
+  options = [],
+  errorMessage,
+  noDataMsg = "No options",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SharedTextField,
+    {
+      select: true,
+      value,
+      error: Boolean(errorMessage),
+      helperText: errorMessage,
+      ...props,
+      children: options.length ? options.map((option) => /* @__PURE__ */ jsx(MenuItem2, { value: option.id, disabled: option.disabled, children: option.value || option.label }, String(option.id))) : /* @__PURE__ */ jsx(MenuItem2, { disabled: true, value: "", children: noDataMsg })
+    }
+  );
+}
+var DropDownWithMessage = DropDownList;
+var DropDownListWithMessage = DropDownList;
+function TextFieldWithIcon({
+  startIcon,
+  endIcon,
+  InputProps,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SharedTextField,
+    {
+      InputProps: {
+        ...InputProps,
+        ...startIcon ? {
+          startAdornment: /* @__PURE__ */ jsx(InputAdornment2, { position: "start", children: startIcon })
+        } : {},
+        ...endIcon ? {
+          endAdornment: /* @__PURE__ */ jsx(InputAdornment2, { position: "end", children: endIcon })
+        } : {}
+      },
+      ...props
+    }
+  );
+}
+function CurrencyInput({
+  currencySymbol = "$",
+  inputProps,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TextFieldWithIcon,
+    {
+      startIcon: currencySymbol,
+      inputProps: {
+        inputMode: "decimal",
+        pattern: "^-?[0-9]*[.,]?[0-9]*$",
+        ...inputProps
+      },
+      ...props
+    }
+  );
+}
+var CurrencyTextField = CurrencyInput;
+var GenericCurrencyTextBox = CurrencyInput;
+var GenericStyledCurrencyTextField = CurrencyInput;
+var TextfieldWithIcon = TextFieldWithIcon;
+function StyledReadOnlyTextField({
+  type,
+  value,
+  currencySymbol = "$",
+  InputProps,
+  inputProps,
+  ...props
+}) {
+  const amount = type === "amount";
+  const numericValue = Number(value);
+  const displayValue = amount && value !== "" && value != null && Number.isFinite(numericValue) ? numericValue.toLocaleString("en-US", {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  }) : value;
+  return /* @__PURE__ */ jsx(
+    SharedTextField,
+    {
+      value: displayValue,
+      type: amount ? "text" : type,
+      InputProps: {
+        readOnly: true,
+        ...amount ? {
+          startAdornment: /* @__PURE__ */ jsx(InputAdornment2, { position: "start", children: currencySymbol })
+        } : {},
+        ...InputProps
+      },
+      inputProps: {
+        tabIndex: -1,
+        ...inputProps
+      },
+      ...props
+    }
+  );
+}
+function FileInput({
+  id,
+  label = "Choose file",
+  accept,
+  multiple,
+  disabled,
+  required,
+  helperText,
+  errorMessage,
+  onFiles
+}) {
+  const generatedId = useId();
+  const inputRef = useRef(null);
+  const [selection, setSelection] = useState("");
+  const controlId = id ?? `shared-file-${generatedId.replace(/:/g, "")}`;
+  const descriptionId = `${controlId}-description`;
+  const handleChange = (event) => {
+    const files = Array.from(event.target.files ?? []);
+    setSelection(files.map((file) => file.name).join(", "));
+    onFiles(files);
+  };
+  return /* @__PURE__ */ jsxs(Stack6, { spacing: 0.5, alignItems: "flex-start", children: [
+    /* @__PURE__ */ jsxs(
+      SharedButton,
+      {
+        variant: "outlined",
+        disabled,
+        startIcon: /* @__PURE__ */ jsx(UploadFileIcon, {}),
+        onClick: () => inputRef.current?.click(),
+        "aria-describedby": helperText || errorMessage ? descriptionId : void 0,
+        children: [
+          label,
+          required ? " (required)" : ""
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: inputRef,
+        id: controlId,
+        type: "file",
+        accept,
+        multiple,
+        disabled,
+        required,
+        hidden: true,
+        onChange: handleChange
+      }
+    ),
+    helperText || errorMessage ? /* @__PURE__ */ jsx(
+      FormHelperText,
+      {
+        id: descriptionId,
+        error: Boolean(errorMessage),
+        role: errorMessage ? "alert" : void 0,
+        children: errorMessage ?? helperText
+      }
+    ) : null,
+    accept ? /* @__PURE__ */ jsxs(Typography20, { variant: "caption", color: "text.secondary", children: [
+      "Accepted file types: ",
+      accept
+    ] }) : null,
+    /* @__PURE__ */ jsx(Typography20, { variant: "caption", "aria-live": "polite", children: selection ? `Selected: ${selection}` : "" })
+  ] });
+}
+function DropDownListWithImage({
+  options,
+  errorMessage,
+  onChange,
+  size = "small",
+  variant = "outlined",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SharedTextField,
+    {
+      select: true,
+      size,
+      variant,
+      error: Boolean(errorMessage),
+      helperText: errorMessage,
+      onChange,
+      InputLabelProps: { shrink: true, ...props.InputLabelProps },
+      ...props,
+      children: options.map((option) => /* @__PURE__ */ jsx(MenuItem2, { value: option.id, disabled: option.disabled, children: /* @__PURE__ */ jsxs(Stack6, { direction: "row", spacing: 1, alignItems: "center", children: [
+        /* @__PURE__ */ jsx(Avatar, { src: option.image, alt: option.imageAlt ?? "", variant: "rounded", sx: { width: 20, height: 20 } }),
+        /* @__PURE__ */ jsx("span", { children: option.value })
+      ] }) }, String(option.id)))
+    }
+  );
+}
+var emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function EmailSuggestionInput({
+  label,
+  backupName = "Email addresses",
+  options = [],
+  helperText,
+  onChange,
+  value = [],
+  inputValue,
+  setInputValue,
+  textFieldProps,
+  ...props
+}) {
+  const generatedId = useId().replace(/:/g, "");
+  const controlId = props.id ?? `email-suggestions-${generatedId}`;
+  const accessibleName = resolveControlName({
+    label,
+    ariaLabel: textFieldProps?.inputProps?.["aria-label"],
+    name: textFieldProps?.name,
+    id: props.id,
+    backupName
+  });
+  const [draft, setDraft] = useState("");
+  const activeDraft = inputValue ?? draft;
+  const updateDraft = (nextDraft) => {
+    setDraft(nextDraft);
+    setInputValue?.(nextDraft);
+  };
+  const commitDraft = () => {
+    const email = activeDraft.trim().replace(/,$/, "");
+    if (email && !value.includes(email)) onChange([...value, email]);
+    updateDraft("");
+  };
+  const handleKeyDown = (event) => {
+    if (["Enter", ",", " "].includes(event.key) && activeDraft.trim()) {
+      event.preventDefault();
+      commitDraft();
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Autocomplete,
+    {
+      multiple: true,
+      freeSolo: true,
+      filterSelectedOptions: true,
+      id: controlId,
+      options: [...options],
+      value,
+      inputValue: activeDraft,
+      onInputChange: (_, nextDraft) => updateDraft(nextDraft),
+      onChange: (_, emails) => onChange(emails),
+      onBlur: commitDraft,
+      onKeyDown: handleKeyDown,
+      renderTags: (emails, getTagProps) => emails.map((email, index) => /* @__PURE__ */ createElement(
+        Chip,
+        {
+          label: email,
+          color: emailPattern.test(email) ? "primary" : "error",
+          variant: "outlined",
+          ...getTagProps({ index }),
+          key: email
+        }
+      )),
+      renderInput: (params) => /* @__PURE__ */ jsx(
+        TextField,
+        {
+          ...params,
+          ...textFieldProps,
+          label,
+          helperText,
+          size: textFieldProps?.size ?? "small",
+          inputProps: {
+            ...params.inputProps,
+            ...textFieldProps?.inputProps,
+            ...!label ? { "aria-label": accessibleName } : {}
+          }
+        }
+      ),
+      ...props
+    }
+  );
+}
+var EmailSuggestionMuiTextBox = EmailSuggestionInput;
+var EmailSuggestionTextBox = EmailSuggestionInput;
+function CustomDropZone({ id, files, setFiles, onSave, acceptedFileTypes, multiple = false, maxFiles, maxFileSize, label = "Upload files", disabled = false }) {
+  const generatedId = useId().replace(/:/g, "");
+  const inputId = id ?? `drop-zone-${generatedId}`;
+  const inputRef = useRef(null);
+  const [error, setError] = useState("");
+  const applyFiles = (incoming) => {
+    setError("");
+    const accepted = acceptedFileTypes?.split(",").map((item2) => item2.trim().toLowerCase()).filter(Boolean) ?? [];
+    const valid = incoming.filter((file) => {
+      if (!file.size) {
+        setError(`File is empty: ${file.name}`);
+        return false;
+      }
+      if (maxFileSize && file.size > maxFileSize * 1024 * 1024) {
+        setError(`File is too large: ${file.name}`);
+        return false;
+      }
+      if (accepted.length) {
+        const extension = `.${file.name.split(".").pop()?.toLowerCase()}`;
+        if (!accepted.some((type) => type === extension || type === file.type.toLowerCase() || type.endsWith("/*") && file.type.startsWith(type.slice(0, -1)))) {
+          setError(`File type is not allowed: ${file.name}`);
+          return false;
+        }
+      }
+      return true;
+    });
+    let next = multiple ? [...files, ...valid] : valid.slice(0, 1);
+    if (maxFiles) next = next.slice(0, maxFiles);
+    setFiles(next);
+    onSave?.(next);
+  };
+  const handleInput = (event) => {
+    applyFiles(Array.from(event.target.files ?? []));
+    event.target.value = "";
+  };
+  const handleDrop = (event) => {
+    event.preventDefault();
+    if (!disabled) applyFiles(Array.from(event.dataTransfer.files));
+  };
+  const remove = (index) => {
+    const next = files.filter((_, fileIndex) => fileIndex !== index);
+    setFiles(next);
+    onSave?.(next);
+  };
+  return /* @__PURE__ */ jsxs(Box14, { children: [
+    /* @__PURE__ */ jsxs(Box14, { onDragOver: (event) => event.preventDefault(), onDrop: handleDrop, sx: { border: "2px dashed", borderColor: error ? "error.main" : "divider", borderRadius: 1, p: 2, textAlign: "center" }, children: [
+      /* @__PURE__ */ jsx("input", { ref: inputRef, id: inputId, type: "file", hidden: true, multiple, accept: acceptedFileTypes, disabled, onChange: handleInput }),
+      /* @__PURE__ */ jsx(SharedButton, { startIcon: /* @__PURE__ */ jsx(AttachFileIcon, {}), disabled, onClick: () => inputRef.current?.click(), children: label }),
+      /* @__PURE__ */ jsx(Typography20, { variant: "body2", color: "text.secondary", sx: { mt: 1 }, children: "Drag and drop files here, or use the upload button." }),
+      error ? /* @__PURE__ */ jsx(Typography20, { role: "alert", color: "error.main", variant: "body2", children: error }) : null
+    ] }),
+    files.length ? /* @__PURE__ */ jsx(List, { dense: true, "aria-label": "Selected files", children: files.map((file, index) => /* @__PURE__ */ jsxs(ListItem, { secondaryAction: /* @__PURE__ */ jsx(SharedIconButton, { "aria-label": `Remove ${file.name}`, onClick: () => remove(index), children: /* @__PURE__ */ jsx(default59, {}) }), children: [
+      /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(AttachFileIcon, {}) }),
+      /* @__PURE__ */ jsx(ListItemText, { primary: file.name, secondary: `${Math.ceil(file.size / 1024)} KB` })
+    ] }, `${file.name}-${file.lastModified}`)) }) : null
+  ] });
+}
+function defaultCompare(left, right) {
+  if (left == null && right == null) return 0;
+  if (left == null) return -1;
+  if (right == null) return 1;
+  if (typeof left === "number" && typeof right === "number") return left - right;
+  return String(left).localeCompare(String(right), void 0, {
+    numeric: true,
+    sensitivity: "base"
+  });
+}
+function DataTable({
+  columns,
+  rows,
+  getRowKey = (row, index) => row["id"] ?? index,
+  loading = false,
+  emptyMessage = "No records found",
+  initialSort,
+  initialRowsPerPage = 10,
+  rowsPerPageOptions = [5, 10, 25, 50],
+  maxHeight,
+  stickyHeader = true,
+  onRowClick,
+  getRowAriaLabel,
+  getRowSx,
+  selectedRowKeys,
+  onSelectedRowKeysChange,
+  isRowSelectable = () => true,
+  selectionLabel = "Select rows",
+  pagination,
+  showPagination = true,
+  caption,
+  "aria-label": ariaLabel = "Data table"
+}) {
+  const [sortField, setSortField] = useState(initialSort?.field);
+  const [direction, setDirection] = useState(
+    initialSort?.direction ?? "asc"
+  );
+  const [page, setPage] = useState(0);
+  const [rowsPerPage, setRowsPerPage] = useState(initialRowsPerPage);
+  const visibleColumns = useMemo(
+    () => columns.filter((column) => !column.hidden),
+    [columns]
+  );
+  const selectable = Boolean(selectedRowKeys && onSelectedRowKeysChange);
+  const sortedRows = useMemo(() => {
+    if (!sortField) return [...rows];
+    const column = visibleColumns.find((item2) => item2.field === sortField);
+    if (!column) return [...rows];
+    return rows.map((row, index) => ({ row, index })).sort((left, right) => {
+      const result = column.compare ? column.compare(left.row, right.row) : defaultCompare(left.row[column.field], right.row[column.field]);
+      const stableResult = result || left.index - right.index;
+      return direction === "asc" ? stableResult : -stableResult;
+    }).map(({ row }) => row);
+  }, [direction, rows, sortField, visibleColumns]);
+  const activeRowsPerPage = pagination?.rowsPerPage ?? rowsPerPage;
+  const activePage = pagination?.page ?? page;
+  const effectivePage = Math.min(
+    activePage,
+    Math.max(
+      0,
+      Math.ceil((pagination?.count ?? rows.length) / activeRowsPerPage) - 1
+    )
+  );
+  const visibleRows = pagination ? sortedRows : sortedRows.slice(
+    effectivePage * activeRowsPerPage,
+    effectivePage * activeRowsPerPage + activeRowsPerPage
+  );
+  const selectedKeySet = new Set(selectedRowKeys ?? []);
+  const selectableKeys = rows.map((row, index) => ({ row, key: getRowKey(row, index) })).filter(({ row }) => isRowSelectable(row)).map(({ key }) => key);
+  const allSelected = selectableKeys.length > 0 && selectableKeys.every((key) => selectedKeySet.has(key));
+  const someSelected = selectableKeys.some((key) => selectedKeySet.has(key)) && !allSelected;
+  const requestSort = (field) => {
+    setDirection(sortField === field && direction === "asc" ? "desc" : "asc");
+    setSortField(field);
+    setPage(0);
+  };
+  return /* @__PURE__ */ jsxs(Paper, { variant: "outlined", children: [
+    /* @__PURE__ */ jsx(TableContainer, { sx: { maxHeight }, children: /* @__PURE__ */ jsxs(Table, { size: "small", stickyHeader, "aria-label": ariaLabel, children: [
+      caption ? /* @__PURE__ */ jsx("caption", { children: caption }) : null,
+      /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+        selectable ? /* @__PURE__ */ jsx(TableCell, { padding: "checkbox", children: /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            inputProps: { "aria-label": `${selectionLabel}: select all` },
+            checked: allSelected,
+            indeterminate: someSelected,
+            onChange: (_, checked) => onSelectedRowKeysChange?.(checked ? selectableKeys : [])
+          }
+        ) }) : null,
+        visibleColumns.map((column) => /* @__PURE__ */ jsx(
+          TableCell,
+          {
+            align: column.align,
+            sortDirection: sortField === column.field ? direction : false,
+            padding: column.disablePadding ? "none" : "normal",
+            sx: {
+              width: column.width,
+              minWidth: column.minWidth,
+              maxWidth: column.maxWidth,
+              whiteSpace: column.noWrapHeader ? "nowrap" : void 0,
+              fontWeight: 600
+            },
+            children: column.sortable === false ? column.header ?? column.title : /* @__PURE__ */ jsx(
+              TableSortLabel,
+              {
+                active: sortField === column.field,
+                direction: sortField === column.field ? direction : "asc",
+                onClick: () => requestSort(column.field),
+                children: column.header ?? column.title
+              }
+            )
+          },
+          column.field
+        ))
+      ] }) }),
+      /* @__PURE__ */ jsxs(TableBody, { children: [
+        loading ? Array.from({ length: Math.min(activeRowsPerPage, 5) }, (_, rowIndex) => /* @__PURE__ */ jsxs(TableRow, { children: [
+          selectable ? /* @__PURE__ */ jsx(TableCell, { padding: "checkbox", children: /* @__PURE__ */ jsx(Skeleton, { variant: "circular", width: 24, height: 24 }) }) : null,
+          visibleColumns.map((column) => /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Skeleton, { animation: "wave" }) }, column.field))
+        ] }, `skeleton-${rowIndex}`)) : visibleRows.map((row, rowIndex) => {
+          const absoluteIndex = pagination ? effectivePage * activeRowsPerPage + rowIndex : effectivePage * activeRowsPerPage + rowIndex;
+          const rowKey = getRowKey(row, absoluteIndex);
+          const rowSelected = selectedKeySet.has(rowKey);
+          const rowSelectable = isRowSelectable(row);
+          return /* @__PURE__ */ jsxs(
+            TableRow,
+            {
+              hover: Boolean(onRowClick),
+              selected: rowSelected,
+              onClick: () => onRowClick?.(row),
+              onKeyDown: (event) => {
+                if (onRowClick && (event.key === "Enter" || event.key === " ")) {
+                  event.preventDefault();
+                  onRowClick(row);
+                }
+              },
+              tabIndex: onRowClick ? 0 : void 0,
+              "aria-label": onRowClick ? getRowAriaLabel?.(
+                row,
+                absoluteIndex
+              ) ?? "Open row" : void 0,
+              sx: {
+                ...onRowClick ? { cursor: "pointer" } : {},
+                ...getRowSx?.(row, absoluteIndex)
+              },
+              children: [
+                selectable ? /* @__PURE__ */ jsx(TableCell, { padding: "checkbox", children: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    checked: rowSelected,
+                    disabled: !rowSelectable,
+                    inputProps: {
+                      "aria-label": `${selectionLabel}: ${getRowAriaLabel?.(row, absoluteIndex) ?? String(rowKey)}`
+                    },
+                    onClick: (event) => event.stopPropagation(),
+                    onChange: (_, checked) => {
+                      const next = checked ? [...selectedKeySet, rowKey] : [...selectedKeySet].filter((key) => key !== rowKey);
+                      onSelectedRowKeysChange?.(next);
+                    }
+                  }
+                ) }) : null,
+                visibleColumns.map((column) => {
+                  const value = row[column.field];
+                  return /* @__PURE__ */ jsx(
+                    TableCell,
+                    {
+                      align: column.align,
+                      padding: column.disablePadding ? "none" : "normal",
+                      sx: {
+                        width: column.width,
+                        minWidth: column.minWidth,
+                        maxWidth: column.maxWidth,
+                        whiteSpace: column.noWrapBody ? "nowrap" : void 0
+                      },
+                      children: column.render ? column.render(value, row, rowIndex) : value
+                    },
+                    column.field
+                  );
+                })
+              ]
+            },
+            rowKey
+          );
+        }),
+        !loading && rows.length === 0 ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: Math.max(visibleColumns.length + (selectable ? 1 : 0), 1), children: /* @__PURE__ */ jsx(Box14, { sx: { py: 4, textAlign: "center" }, children: /* @__PURE__ */ jsx(Typography20, { color: "text.secondary", children: emptyMessage }) }) }) }) : null
+      ] })
+    ] }) }),
+    showPagination ? /* @__PURE__ */ jsx(
+      TablePagination,
+      {
+        component: "div",
+        count: pagination?.count ?? rows.length,
+        page: effectivePage,
+        rowsPerPage: activeRowsPerPage,
+        rowsPerPageOptions: [...rowsPerPageOptions],
+        onPageChange: (_, nextPage) => pagination ? pagination.onPageChange(nextPage) : setPage(nextPage),
+        onRowsPerPageChange: (event) => {
+          const next = Number(event.target.value);
+          if (pagination) {
+            pagination.onRowsPerPageChange?.(next);
+          } else {
+            setRowsPerPage(next);
+            setPage(0);
+          }
+        }
+      }
+    ) : null
+  ] });
+}
+var LightTooltip = styled(({ className, ...props }) => /* @__PURE__ */ jsx(Tooltip, { ...props, classes: className ? { popper: className } : void 0 }))(({ theme }) => ({
+  [`& .MuiTooltip-tooltip`]: {
+    backgroundColor: theme.palette.background.paper,
+    color: theme.palette.text.primary,
+    boxShadow: theme.shadows[2],
+    border: `1px solid ${theme.palette.divider}`
+  }
+}));
+function Spinner({
+  centered = true,
+  label = "Loading",
+  ...props
+}) {
+  const spinner = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(CircularProgress, { size: 28, "aria-label": label, ...props }),
+    /* @__PURE__ */ jsx(
+      Box14,
+      {
+        component: "span",
+        sx: {
+          position: "absolute",
+          width: 1,
+          height: 1,
+          p: 0,
+          m: -1,
+          overflow: "hidden",
+          clip: "rect(0 0 0 0)",
+          whiteSpace: "nowrap",
+          border: 0
+        },
+        children: label
+      }
+    )
+  ] });
+  return centered ? /* @__PURE__ */ jsx(Box14, { role: "status", sx: { display: "grid", placeItems: "center", p: 2 }, children: spinner }) : spinner;
+}
+function SuccessAlert(props) {
+  return /* @__PURE__ */ jsx(Alert, { severity: "success", ...props });
+}
+function ErrorAlert(props) {
+  return /* @__PURE__ */ jsx(Alert, { severity: "error", ...props });
+}
+var SharedTooltip = LightTooltip;
+function InfoTooltip({
+  title,
+  label = "More information",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(LightTooltip, { title, arrow: true, children: /* @__PURE__ */ jsx(SharedIconButton, { "aria-label": label, size: "small", ...props, children: /* @__PURE__ */ jsx(InfoOutlined, { fontSize: "small" }) }) });
+}
+var InformationIcon = InfoTooltip;
+var InfoLabelIcon = InfoTooltip;
+var TicketLabelInfoIcon = InfoTooltip;
+function LabelsIcons({
+  title,
+  mandatory = false,
+  onClick,
+  onCreateTicket,
+  onClickDocument
+}) {
+  const [anchor, setAnchor] = useState(null);
+  const dialogId = useId();
+  const titleId = `${dialogId}-title`;
+  const open = (event) => setAnchor(event.currentTarget);
+  return /* @__PURE__ */ jsxs(Stack6, { component: "span", direction: "row", spacing: 0.25, alignItems: "center", children: [
+    /* @__PURE__ */ jsx(
+      SharedIconButton,
+      {
+        "aria-label": "More information",
+        "aria-haspopup": "dialog",
+        "aria-expanded": Boolean(anchor),
+        "aria-controls": anchor ? dialogId : void 0,
+        size: "small",
+        onClick: open,
+        children: /* @__PURE__ */ jsx(InfoOutlined, { fontSize: "small" })
+      }
+    ),
+    mandatory ? /* @__PURE__ */ jsx(Typography20, { component: "span", color: "error.main", "aria-label": "required", children: "*" }) : null,
+    /* @__PURE__ */ jsx(
+      Popover2,
+      {
+        open: Boolean(anchor),
+        anchorEl: anchor,
+        onClose: () => setAnchor(null),
+        anchorOrigin: { vertical: "bottom", horizontal: "left" },
+        slotProps: { paper: { id: dialogId, role: "dialog", "aria-labelledby": titleId } },
+        children: /* @__PURE__ */ jsxs(Box14, { sx: { maxWidth: 320, p: 1.5, borderLeft: 5, borderColor: "primary.main" }, children: [
+          /* @__PURE__ */ jsxs(Stack6, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [
+            /* @__PURE__ */ jsx(Typography20, { id: titleId, fontWeight: 700, children: "More information" }),
+            /* @__PURE__ */ jsxs("span", { children: [
+              onClick || onCreateTicket ? /* @__PURE__ */ jsx(SharedIconButton, { "aria-label": "Create ticket", size: "small", onClick: onCreateTicket ?? onClick, children: /* @__PURE__ */ jsx(ConfirmationNumberOutlinedIcon, {}) }) : null,
+              onClickDocument ? /* @__PURE__ */ jsx(SharedIconButton, { "aria-label": "Open documentation", size: "small", onClick: onClickDocument, children: /* @__PURE__ */ jsx(default62, {}) }) : null
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(Typography20, { variant: "body2", children: title })
+        ] })
+      }
+    )
+  ] });
+}
+var TicketLabelInfoIcons = LabelsIcons;
+var StyledTableCell = styled(TableCell)(({ theme }) => ({
+  [`&.${tableCellClasses.head}`]: {
+    backgroundColor: theme.palette.primary.main,
+    color: theme.palette.primary.contrastText,
+    fontWeight: 600
+  }
+}));
+var StyledBorderedTableCell = styled(StyledTableCell)(({ theme }) => ({
+  border: `1px solid ${theme.palette.divider}`
+}));
+var StyledLinesBorderedTableCell = styled(TableCell)(({ theme }) => ({
+  borderBottom: `1px solid ${theme.palette.divider}`,
+  borderRight: `1px solid ${theme.palette.divider}`
+}));
+var StyledTableSortLabel = styled(TableSortLabel)(({ theme }) => ({
+  color: theme.palette.primary.contrastText,
+  "&:hover, &.Mui-active": {
+    color: theme.palette.primary.contrastText
+  },
+  "&.Mui-active .MuiTableSortLabel-icon": {
+    color: theme.palette.primary.contrastText
+  }
+}));
+var StickyTableCell = styled(TableCell, {
+  shouldForwardProp: (property) => !["stickyLeft", "stickyTop", "noWrap", "compact"].includes(
+    property
+  )
+})(
+  ({ theme, stickyLeft, stickyTop, noWrap, compact }) => ({
+    position: "sticky",
+    left: stickyLeft,
+    top: stickyTop,
+    zIndex: stickyTop !== void 0 && stickyLeft !== void 0 ? 3 : 2,
+    backgroundColor: theme.palette.background.paper,
+    whiteSpace: noWrap ? "nowrap" : void 0,
+    padding: compact ? theme.spacing(0.5, 1) : void 0,
+    [`&.${tableCellClasses.head}`]: {
+      backgroundColor: theme.palette.primary.main,
+      color: theme.palette.primary.contrastText,
+      fontWeight: 600
+    }
+  })
+);
+var StickyFooterTableCell = styled(StickyTableCell)(({ theme }) => ({
+  fontWeight: 700,
+  textAlign: "right",
+  border: `1px solid ${theme.palette.divider}`,
+  backgroundColor: theme.palette.background.paper
+}));
+var HighlightedTableCell = styled(TableCell)(({ theme }) => ({
+  padding: theme.spacing(0.5, 1),
+  border: `1px solid ${theme.palette.background.paper}`,
+  [`&.${tableCellClasses.head}, &.${tableCellClasses.footer}`]: {
+    color: theme.palette.primary.contrastText,
+    backgroundColor: theme.palette.info.main,
+    fontWeight: 700
+  }
+}));
+var YellowTableCell = HighlightedTableCell;
+var StyledTableRow = styled(TableRow)(({ theme }) => ({
+  "&:nth-of-type(even)": { backgroundColor: theme.palette.action.hover },
+  "&:last-child td, &:last-child th": { borderBottom: 0 }
+}));
+var StyledBorderedTableRow = styled(StyledTableRow)({
+  "& td, & th": { borderCollapse: "collapse" }
+});
+function TableCellWithInfo({
+  title,
+  info,
+  infoLabel = "More information",
+  formula,
+  formulaLabel = "View formula",
+  bordered = false,
+  ...cellProps
+}) {
+  const Cell = bordered ? StyledBorderedTableCell : StyledTableCell;
+  return /* @__PURE__ */ jsxs(Cell, { ...cellProps, children: [
+    info ? /* @__PURE__ */ jsx(InfoTooltip, { title: info, label: infoLabel }) : null,
+    title,
+    formula ? /* @__PURE__ */ jsx(LightTooltip, { title: formula, arrow: true, children: /* @__PURE__ */ jsx(SharedIconButton, { "aria-label": formulaLabel, size: "small", children: /* @__PURE__ */ jsx(default89, { fontSize: "small" }) }) }) : null
+  ] });
+}
+var CustomTableCellWithInfo = TableCellWithInfo;
+function StyledBorderedTableCellWithInfo(props) {
+  return /* @__PURE__ */ jsx(TableCellWithInfo, { ...props, bordered: true });
+}
+function SkeletonTableBody({
+  columns = 1,
+  rows = 4,
+  bordered = false
+}) {
+  const Cell = bordered ? StyledBorderedTableCell : TableCell;
+  return /* @__PURE__ */ jsx(TableBody, { children: Array.from({ length: rows }, (_, row) => /* @__PURE__ */ jsx(TableRow, { children: Array.from({ length: columns }, (__, column) => /* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx(Skeleton, { animation: "wave" }) }, column)) }, row)) });
+}
+function SkeletonBorderedTableBody(props) {
+  return /* @__PURE__ */ jsx(SkeletonTableBody, { ...props, bordered: true });
+}
+function MandatoryIndicator() {
+  return /* @__PURE__ */ jsx(Typography20, { component: "span", color: "error.main", "aria-hidden": "true", children: "*" });
+}
+function GenericLabel({ required, children, ...props }) {
+  return /* @__PURE__ */ jsxs(Typography20, { component: "label", variant: "body2", ...props, children: [
+    children,
+    " ",
+    required ? /* @__PURE__ */ jsx(MandatoryIndicator, {}) : null
+  ] });
+}
+function GenericCheckBox({
+  label,
+  errorMessage,
+  backupName = "Select option",
+  inputProps,
+  ...props
+}) {
+  const accessibleName = resolveControlName({
+    label,
+    ariaLabel: inputProps?.["aria-label"],
+    name: props.name,
+    id: props.id,
+    backupName
+  });
+  const checkbox = /* @__PURE__ */ jsx(
+    Checkbox,
+    {
+      ...props,
+      inputProps: {
+        ...!label ? { "aria-label": accessibleName } : {},
+        ...inputProps
+      }
+    }
+  );
+  return /* @__PURE__ */ jsxs(Stack6, { children: [
+    label ? /* @__PURE__ */ jsx(FormControlLabel2, { control: checkbox, label }) : checkbox,
+    errorMessage ? /* @__PURE__ */ jsx(FormHelperText, { error: true, children: errorMessage }) : null
+  ] });
+}
+function GenericTextBox(props) {
+  return /* @__PURE__ */ jsx(SharedTextField, { ...props });
+}
+function GenericTextArea(props) {
+  return /* @__PURE__ */ jsx(SharedTextField, { multiline: true, minRows: 3, ...props });
+}
+function ReadOnlyLabel({
+  label,
+  value,
+  emptyValue = "\u2014",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(Stack6, { spacing: 0.25, children: [
+    label ? /* @__PURE__ */ jsx(Typography20, { variant: "caption", color: "text.secondary", children: label }) : null,
+    /* @__PURE__ */ jsx(Typography20, { variant: "body2", ...props, children: value === null || value === void 0 || value === "" ? emptyValue : value })
+  ] });
+}
+var GenericOutlinedCheckBox = GenericCheckBox;
+var MuiTextBox = GenericTextBox;
+var CustomMuiTextBox = GenericTextBox;
+var NormalMuiTextBox = GenericTextBox;
+var TextBox = GenericTextBox;
+function BlueHeaderText(props) {
+  return /* @__PURE__ */ jsx(Typography20, { component: "span", color: "primary.dark", ...props });
+}
+function BoldText(props) {
+  return /* @__PURE__ */ jsx(Typography20, { component: "strong", fontWeight: 700, ...props });
+}
+function ContentWrapper({ status, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Paper,
+    {
+      variant: "outlined",
+      ...props,
+      sx: {
+        width: "100%",
+        overflow: "hidden",
+        borderWidth: 2,
+        borderColor: status === "error" ? "error.main" : status === "success" || status === "c" ? "success.main" : "divider",
+        boxShadow: 2,
+        ...props.sx
+      }
+    }
+  );
+}
+function QuestionTextWrapper(props) {
+  return /* @__PURE__ */ jsx(Typography20, { component: "p", variant: "body1", ...props });
+}
+function PercentageInput({ value, label, ...props }) {
+  return /* @__PURE__ */ jsx(
+    SharedTextField,
+    {
+      type: "number",
+      label,
+      value: value ?? "",
+      InputProps: { startAdornment: /* @__PURE__ */ jsx(InputAdornment2, { position: "start", children: "%" }), ...props.InputProps },
+      ...props
+    }
+  );
+}
+function TextInputWithLabel({ label, containerProps, id, ...props }) {
+  const generatedId = useId().replace(/:/g, "");
+  const controlId = id ?? `text-input-with-label-${generatedId}`;
+  const labelId = `${controlId}-label`;
+  return /* @__PURE__ */ jsxs(Box14, { ...containerProps, sx: { display: "grid", gridTemplateColumns: { sm: "minmax(8rem, 1fr) 2fr" }, gap: 1, alignItems: "center", ...containerProps?.sx }, children: [
+    /* @__PURE__ */ jsx(Typography20, { id: labelId, component: "label", htmlFor: controlId, variant: "body2", fontWeight: 700, children: label }),
+    /* @__PURE__ */ jsx(
+      SharedTextField,
+      {
+        id: controlId,
+        ...props,
+        inputProps: { "aria-labelledby": labelId, ...props.inputProps }
+      }
+    )
+  ] });
+}
+var TextInput = SharedTextField;
+function MandatoryIndicatorWithText({ children }) {
+  return /* @__PURE__ */ jsxs(Typography20, { component: "span", children: [
+    children,
+    /* @__PURE__ */ jsx(Typography20, { component: "span", color: "error.main", "aria-label": "required", children: " *" })
+  ] });
+}
+function RequestModalGridItem(props) {
+  return /* @__PURE__ */ jsx(Box14, { ...props, sx: { px: { xs: 2, md: 6 }, py: 1, ...props.sx } });
+}
+function TextInputWithLabelIcon({ helperTitle, icon, label, InputProps, ...props }) {
+  return /* @__PURE__ */ jsx(SharedTextField, { label, InputProps: { startAdornment: icon, endAdornment: helperTitle ? /* @__PURE__ */ jsx(InfoTooltip, { title: helperTitle }) : void 0, ...InputProps }, ...props });
+}
+function CurrencyInputWithLabelIcon({ helperTitle, icon, label, InputProps, ...props }) {
+  return /* @__PURE__ */ jsx(CurrencyInput, { label, InputProps: { startAdornment: icon, endAdornment: helperTitle ? /* @__PURE__ */ jsx(InfoTooltip, { title: helperTitle }) : void 0, ...InputProps }, ...props });
+}
+function HeaderToggles({ showInfo, setShowInfo, showFormula = false, setShowFormula }) {
+  return /* @__PURE__ */ jsxs(Stack6, { direction: "row", justifyContent: "flex-end", children: [
+    /* @__PURE__ */ jsx(
+      FormControlLabel2,
+      {
+        control: /* @__PURE__ */ jsx(Checkbox, { size: "small", checked: showInfo, onChange: (_, checked) => setShowInfo(checked) }),
+        label: /* @__PURE__ */ jsxs(Stack6, { component: "span", direction: "row", spacing: 0.5, alignItems: "center", children: [
+          "Show information",
+          /* @__PURE__ */ jsx(LightTooltip, { title: "Show additional information", children: /* @__PURE__ */ jsx(InfoOutlined, { color: "primary", fontSize: "small" }) })
+        ] })
+      }
+    ),
+    setShowFormula ? /* @__PURE__ */ jsx(
+      FormControlLabel2,
+      {
+        control: /* @__PURE__ */ jsx(Checkbox, { size: "small", checked: showFormula, onChange: (_, checked) => setShowFormula(checked) }),
+        label: /* @__PURE__ */ jsxs(Stack6, { component: "span", direction: "row", spacing: 0.5, alignItems: "center", children: [
+          "Show formulas",
+          /* @__PURE__ */ jsx(LightTooltip, { title: "Show formula details", children: /* @__PURE__ */ jsx(default89, { color: "primary", fontSize: "small" }) })
+        ] })
+      }
+    ) : null
+  ] });
+}
+function ChoiceGroupLabel({ label, helperLabel, helperInfo, required }) {
+  return /* @__PURE__ */ jsxs(Box14, { sx: { display: "flex", alignItems: "center", gap: 0.5, mb: 1 }, children: [
+    /* @__PURE__ */ jsxs(Typography20, { component: "span", fontWeight: 600, children: [
+      label,
+      required ? /* @__PURE__ */ jsx(Typography20, { component: "span", color: "error.main", children: " *" }) : null
+    ] }),
+    helperInfo || helperLabel ? /* @__PURE__ */ jsx(InfoTooltip, { title: helperInfo ?? `Help selecting ${helperLabel}` }) : null
+  ] });
+}
+function OptionSelectorWithLabel({ label, helperLabel, helperInfo, options = [], value, onChange, disabled = false, isMandatory, loading = false }) {
+  return /* @__PURE__ */ jsxs(Box14, { component: "fieldset", sx: { border: 0, m: 0, p: 1.5 }, disabled, children: [
+    /* @__PURE__ */ jsx(ChoiceGroupLabel, { label, helperLabel, helperInfo, required: isMandatory }),
+    loading ? /* @__PURE__ */ jsx(Skeleton, { variant: "rectangular", height: 40 }) : /* @__PURE__ */ jsx(ToggleButtonGroup, { exclusive: true, value: value ?? null, onChange: (_, next) => {
+      if (next != null) onChange(next);
+    }, "aria-label": typeof label === "string" ? label : "Options", sx: { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(9rem, 1fr))", gap: 1 }, children: options.map((option) => /* @__PURE__ */ jsx(ToggleButton, { value: option.id, disabled: disabled || option.disabled || option.isAdjusting === "Y", children: option.value }, String(option.id))) })
+  ] });
+}
+function OptionMultiSelectorWithLabel({ label, helperLabel, helperInfo, options = [], value = [], onChange, disabled = false, isMandatory, loading = false }) {
+  return /* @__PURE__ */ jsxs(Box14, { component: "fieldset", sx: { border: 0, m: 0, p: 1.5 }, disabled, children: [
+    /* @__PURE__ */ jsx(ChoiceGroupLabel, { label, helperLabel, helperInfo, required: isMandatory }),
+    loading ? /* @__PURE__ */ jsx(Skeleton, { variant: "rectangular", height: 40 }) : /* @__PURE__ */ jsx(ToggleButtonGroup, { value: [...value], onChange: (_, next) => onChange(next), "aria-label": typeof label === "string" ? label : "Options", sx: { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(9rem, 1fr))", gap: 1 }, children: options.map((option) => /* @__PURE__ */ jsx(ToggleButton, { value: option.id, disabled: disabled || option.disabled, children: option.value }, String(option.id))) })
+  ] });
+}
+function StatusIndicator({
+  label,
+  tone = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Chip, { size: "small", label, color: tone, ...props });
+}
+var StatusIcon = StatusIndicator;
+var BudgetStatusIcon = StatusIndicator;
+function EmptyState({
+  title,
+  description,
+  icon,
+  action,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(Box14, { role: "status", textAlign: "center", p: 4, ...props, children: [
+    icon ? /* @__PURE__ */ jsx(Box14, { "aria-hidden": "true", children: icon }) : null,
+    /* @__PURE__ */ jsx(Typography20, { component: "h2", variant: "h6", children: title }),
+    description ? /* @__PURE__ */ jsx(Typography20, { color: "text.secondary", children: description }) : null,
+    action ? /* @__PURE__ */ jsx(Box14, { mt: 2, children: action }) : null
+  ] });
+}
+function ErrorState({ announce = true, ...props }) {
+  return /* @__PURE__ */ jsx(EmptyState, { role: announce ? "alert" : "status", ...props });
+}
+function AccessError({ error, errorType, title = "Unable to load this content" }) {
+  return /* @__PURE__ */ jsx(Paper, { role: "alert", variant: "outlined", sx: { maxWidth: 560, mx: "auto", my: 4, p: 3 }, children: /* @__PURE__ */ jsxs(Stack6, { spacing: 1.5, alignItems: "center", textAlign: "center", children: [
+    /* @__PURE__ */ jsx(ErrorOutlineIcon, { color: "error", fontSize: "large", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx(Typography20, { component: "h1", variant: "h5", children: title }),
+    errorType ? /* @__PURE__ */ jsx(Typography20, { variant: "overline", children: errorType }) : null,
+    error ? /* @__PURE__ */ jsx(Typography20, { children: error }) : null
+  ] }) });
+}
+function AccessLoader({ title = "Please wait\u2026", message = "Getting data ready." }) {
+  return /* @__PURE__ */ jsxs(Stack6, { role: "status", spacing: 1, alignItems: "center", justifyContent: "center", sx: { minHeight: 240 }, children: [
+    /* @__PURE__ */ jsx(Spinner, { centered: false, label: "Loading" }),
+    /* @__PURE__ */ jsx(Typography20, { component: "h2", variant: "h6", children: title }),
+    /* @__PURE__ */ jsx(Typography20, { color: "text.secondary", children: message })
+  ] });
+}
+function ErrorPage({
+  code,
+  title,
+  message,
+  onBack,
+  onHome,
+  backLabel = "Go back",
+  homeLabel = "Return home",
+  footer
+}) {
+  return /* @__PURE__ */ jsxs(Stack6, { component: "main", alignItems: "center", justifyContent: "center", spacing: 2, sx: { minHeight: "60vh", p: 2 }, children: [
+    /* @__PURE__ */ jsx(Paper, { variant: "outlined", sx: { width: "100%", maxWidth: 480, p: 4, textAlign: "center", borderTop: 6, borderTopColor: "primary.main" }, children: /* @__PURE__ */ jsxs(Stack6, { spacing: 2, alignItems: "center", children: [
+      /* @__PURE__ */ jsx(Typography20, { "aria-hidden": "true", variant: "h2", color: "primary.main", fontWeight: 700, children: code }),
+      /* @__PURE__ */ jsx(Typography20, { component: "h1", variant: "h5", children: title }),
+      /* @__PURE__ */ jsx(Typography20, { color: "text.secondary", children: message }),
+      onBack || onHome ? /* @__PURE__ */ jsxs(Stack6, { direction: { xs: "column", sm: "row" }, spacing: 1, children: [
+        onBack ? /* @__PURE__ */ jsx(SharedButton, { variant: "outlined", onClick: onBack, children: backLabel }) : null,
+        onHome ? /* @__PURE__ */ jsx(SharedButton, { onClick: onHome, children: homeLabel }) : null
+      ] }) : null
+    ] }) }),
+    footer
+  ] });
+}
+function PageNotFound(props) {
+  return /* @__PURE__ */ jsx(ErrorPage, { code: 404, title: "Page not found", message: "The requested page is unavailable.", ...props });
+}
+function MenuNotFoundPage(props) {
+  return /* @__PURE__ */ jsx(ErrorPage, { code: 404, title: "Menu not found", message: "The requested menu is unavailable.", ...props });
+}
+function ForbiddenPage(props) {
+  return /* @__PURE__ */ jsx(ErrorPage, { code: 403, title: "Access forbidden", message: "You do not have permission to access this resource.", ...props });
+}
+function UnauthorizedPage(props) {
+  return /* @__PURE__ */ jsx(ErrorPage, { code: 401, title: "Authentication required", message: "Sign in to access this resource.", ...props });
+}
+function ServerErrorPage(props) {
+  return /* @__PURE__ */ jsx(ErrorPage, { code: 500, title: "Something went wrong", message: "The server could not complete the request.", ...props });
+}
+var StyledTabs = styled((props) => /* @__PURE__ */ jsx(Tabs, { ...props }))({
+  minHeight: 40,
+  "& .MuiTabs-indicator": { height: 3 }
+});
+var StyledTab = styled((props) => /* @__PURE__ */ jsx(Tab, { ...props }))({
+  minHeight: 40,
+  textTransform: "none"
+});
+var WhiteStyledTab = styled(StyledTab)(({ theme }) => ({
+  color: theme.palette.common.white,
+  "&.Mui-selected": { color: theme.palette.common.white }
+}));
+function TabPanel({
+  value,
+  index,
+  children,
+  keepMounted,
+  id,
+  "aria-labelledby": ariaLabelledBy,
+  tabIndex = 0
+}) {
+  const active = value === index;
+  if (!active && !keepMounted) return null;
+  return /* @__PURE__ */ jsx(
+    Box14,
+    {
+      role: "tabpanel",
+      hidden: !active,
+      id,
+      "aria-labelledby": ariaLabelledBy,
+      tabIndex: active ? tabIndex : void 0,
+      sx: { p: 2 },
+      children
+    }
+  );
+}
+function SharedToggleButton(props) {
+  return /* @__PURE__ */ jsx(ToggleButton, { size: "small", ...props });
+}
+function CustomSwitch(props) {
+  return /* @__PURE__ */ jsx(Switch, { size: "small", ...props });
+}
+var StyledSwitch = CustomSwitch;
+function tabA11yProps(baseId, index) {
+  return {
+    id: `${baseId}-tab-${index}`,
+    "aria-controls": `${baseId}-panel-${index}`
+  };
+}
+function tabPanelA11yProps(baseId, index) {
+  return {
+    id: `${baseId}-panel-${index}`,
+    "aria-labelledby": `${baseId}-tab-${index}`
+  };
+}
+function ConfirmDialog({
+  title,
+  message,
+  confirmLabel = "Confirm",
+  cancelLabel = "Cancel",
+  onConfirm,
+  onClose,
+  confirmDisabled,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(Dialog, { onClose, ...props, children: [
+    /* @__PURE__ */ jsx(DialogTitle, { children: title }),
+    /* @__PURE__ */ jsxs(DialogContent, { children: [
+      message ? /* @__PURE__ */ jsx(DialogContentText, { children: message }) : null,
+      children
+    ] }),
+    /* @__PURE__ */ jsxs(DialogActions, { children: [
+      /* @__PURE__ */ jsx(SharedButton, { onClick: onClose, children: cancelLabel }),
+      /* @__PURE__ */ jsx(
+        SharedButton,
+        {
+          variant: "contained",
+          onClick: onConfirm,
+          disabled: confirmDisabled,
+          children: confirmLabel
+        }
+      )
+    ] })
+  ] });
+}
+function Modal({
+  title,
+  onClose,
+  closeLabel = "Close dialog",
+  closeOnBackdrop = true,
+  children,
+  ...props
+}) {
+  const generatedId = useId();
+  const titleId = `shared-modal-title-${generatedId.replace(/:/g, "")}`;
+  return /* @__PURE__ */ jsxs(
+    Dialog,
+    {
+      "aria-labelledby": titleId,
+      onClose: (_, reason) => {
+        if (reason !== "backdropClick" || closeOnBackdrop) onClose();
+      },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(DialogTitle, { id: titleId, component: "div", children: /* @__PURE__ */ jsxs(Stack6, { direction: "row", alignItems: "center", justifyContent: "space-between", children: [
+          /* @__PURE__ */ jsx("span", { children: title }),
+          /* @__PURE__ */ jsx(SharedIconButton, { "aria-label": closeLabel, onClick: onClose, size: "small", children: /* @__PURE__ */ jsx(default43, {}) })
+        ] }) }),
+        /* @__PURE__ */ jsx(DialogContent, { children })
+      ]
+    }
+  );
+}
+var ContentModal = Modal;
+var PreviewContentModal = Modal;
+var statusDefaults = {
+  processing: { label: "Processing", color: "primary.main", icon: /* @__PURE__ */ jsx(CircularProgress, {}) },
+  success: { label: "Success", color: "success.main", icon: /* @__PURE__ */ jsx(default42, {}) },
+  error: { label: "Error", color: "error.main", icon: /* @__PURE__ */ jsx(ErrorOutlineIcon, {}) },
+  warning: { label: "Warning", color: "warning.main", icon: /* @__PURE__ */ jsx(WarningAmberIcon, {}) }
+};
+function StatusDialog({
+  severity,
+  label,
+  title,
+  message,
+  content,
+  icon,
+  htmlIcon,
+  buttonText,
+  onClose,
+  onCancel,
+  open = true,
+  ...props
+}) {
+  const generatedId = useId().replace(/:/g, "");
+  const titleId = `status-dialog-title-${generatedId}`;
+  const descriptionId = `status-dialog-description-${generatedId}`;
+  const defaults = statusDefaults[severity];
+  const canDismiss = severity !== "processing" && Boolean(onClose || onCancel);
+  return /* @__PURE__ */ jsxs(
+    Dialog,
+    {
+      open,
+      "aria-labelledby": titleId,
+      "aria-describedby": message || title ? descriptionId : void 0,
+      onClose: (_, reason) => {
+        if (canDismiss && reason !== "backdropClick") (onCancel ?? onClose)?.();
+      },
+      disableEscapeKeyDown: !canDismiss,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(DialogContent, { sx: { minWidth: { sm: 360 }, textAlign: "center", pt: 4 }, children: /* @__PURE__ */ jsxs(Stack6, { spacing: 2, alignItems: "center", children: [
+          htmlIcon ?? (icon ? /* @__PURE__ */ jsx(Box14, { component: "img", src: icon, alt: "", sx: { maxWidth: 192, maxHeight: 128 } }) : /* @__PURE__ */ jsx(Box14, { "aria-hidden": "true", sx: { color: defaults.color, display: "grid", placeItems: "center", "& svg": { fontSize: 56 } }, children: defaults.icon })),
+          /* @__PURE__ */ jsx(Typography20, { id: titleId, component: "h2", variant: "h6", children: label ?? defaults.label }),
+          title || message ? /* @__PURE__ */ jsxs(DialogContentText, { id: descriptionId, component: "div", children: [
+            title ? /* @__PURE__ */ jsx(Typography20, { component: "p", fontWeight: 600, children: title }) : null,
+            message ? /* @__PURE__ */ jsx(Typography20, { component: "p", variant: "body2", children: message }) : null
+          ] }) : null,
+          content
+        ] }) }),
+        severity !== "processing" && onClose ? /* @__PURE__ */ jsx(DialogActions, { sx: { justifyContent: "center", pb: 3 }, children: /* @__PURE__ */ jsx(SharedButton, { color: severity === "error" ? "error" : severity === "warning" ? "warning" : "success", onClick: onClose, children: buttonText ?? (severity === "warning" ? "Close" : "Continue") }) }) : null
+      ]
+    }
+  );
+}
+function ProcessingModal(props) {
+  return /* @__PURE__ */ jsx(StatusDialog, { severity: "processing", ...props });
+}
+function SuccessModal(props) {
+  return /* @__PURE__ */ jsx(StatusDialog, { severity: "success", ...props });
+}
+function ErrorModal(props) {
+  return /* @__PURE__ */ jsx(StatusDialog, { severity: "error", ...props });
+}
+function WarningModal(props) {
+  return /* @__PURE__ */ jsx(StatusDialog, { severity: "warning", ...props });
+}
+var CustomTransition = forwardRef(function CustomTransition2(props, ref) {
+  return /* @__PURE__ */ jsx(Slide, { direction: "up", ref, ...props });
+});
+function DialogAction(props) {
+  return /* @__PURE__ */ jsx(
+    DialogActions,
+    {
+      ...props,
+      sx: {
+        position: "relative",
+        boxShadow: (theme) => `0 -6px 12px -10px ${theme.palette.text.primary}`,
+        ...props.sx
+      }
+    }
+  );
+}
+var Transition = CustomTransition;
+var StyledDialogActions = DialogAction;
+function Page({
+  title,
+  subtitle,
+  actions,
+  maxWidth = false,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Box14, { component: "main", ...props, children: /* @__PURE__ */ jsxs(Container, { maxWidth, children: [
+    title || subtitle || actions ? /* @__PURE__ */ jsxs(
+      Stack6,
+      {
+        direction: { xs: "column", sm: "row" },
+        justifyContent: "space-between",
+        alignItems: { xs: "stretch", sm: "center" },
+        gap: 2,
+        mb: 2,
+        children: [
+          /* @__PURE__ */ jsxs(Box14, { children: [
+            title ? /* @__PURE__ */ jsx(Typography20, { component: "h1", variant: "h5", children: title }) : null,
+            subtitle ? /* @__PURE__ */ jsx(Typography20, { color: "text.secondary", children: subtitle }) : null
+          ] }),
+          actions
+        ]
+      }
+    ) : null,
+    children
+  ] }) });
+}
+function PanelWrapper({ label, children, ...props }) {
+  return /* @__PURE__ */ jsx(Box14, { component: "section", "aria-label": label, ...props, children });
+}
+var StyledCard = styled(Card2)(({ theme }) => ({
+  border: `1px solid ${theme.palette.divider}`,
+  borderRadius: 2,
+  boxShadow: theme.shadows[1],
+  transition: theme.transitions.create("box-shadow"),
+  "&:hover": { boxShadow: theme.shadows[3] }
+}));
+function StyledKpiCard({
+  title,
+  description,
+  count = 0,
+  onInfo,
+  onClick,
+  onRedirect,
+  infoLabel = "More information",
+  redirectLabel = "Open details",
+  ...props
+}) {
+  const infoAction = onInfo ?? onClick;
+  return /* @__PURE__ */ jsx(StyledCard, { ...props, children: /* @__PURE__ */ jsx(CardContent2, { children: /* @__PURE__ */ jsxs(Stack6, { spacing: 2, children: [
+    /* @__PURE__ */ jsxs(Stack6, { direction: "row", alignItems: "center", justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsx(Typography20, { component: "h2", variant: "h6", children: title }),
+      infoAction ? /* @__PURE__ */ jsx(SharedIconButton, { "aria-label": infoLabel, onClick: infoAction, children: /* @__PURE__ */ jsx(InfoOutlined, {}) }) : null
+    ] }),
+    description ? /* @__PURE__ */ jsx(Typography20, { color: "text.secondary", children: description }) : null,
+    /* @__PURE__ */ jsxs(Stack6, { direction: "row", alignItems: "center", justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsx(Typography20, { component: "p", variant: "h3", children: count }),
+      onRedirect ? /* @__PURE__ */ jsx(SharedIconButton, { "aria-label": redirectLabel, onClick: onRedirect, children: /* @__PURE__ */ jsx(default126, {}) }) : null
+    ] })
+  ] }) }) });
+}
+var CustomAccordion = styled((props) => /* @__PURE__ */ jsx(Accordion, { disableGutters: true, elevation: 0, ...props }))(({ theme }) => ({
+  border: `1px solid ${theme.palette.divider}`,
+  "&:before": { display: "none" }
+}));
+var CustomAccordionSummary = styled(
+  (props) => /* @__PURE__ */ jsx(
+    AccordionSummary,
+    {
+      expandIcon: /* @__PURE__ */ jsx(default16, { fontSize: "small" }),
+      ...props
+    }
+  )
+)(({ theme }) => ({
+  flexDirection: "row-reverse",
+  "& .MuiAccordionSummary-expandIconWrapper.Mui-expanded": {
+    transform: "rotate(90deg)"
+  },
+  "& .MuiAccordionSummary-content": { marginLeft: theme.spacing(1) }
+}));
+var CustomAccordionDetails = styled(AccordionDetails)(({ theme }) => ({
+  padding: theme.spacing(2),
+  borderTop: `1px solid ${theme.palette.divider}`
+}));
+function Pipe(props) {
+  return /* @__PURE__ */ jsx(Divider, { orientation: "vertical", flexItem: true, ...props });
+}
+function ExecutionKpiCard({ title, body, primaryAction, footer }) {
+  return /* @__PURE__ */ jsx(Card2, { variant: "outlined", children: /* @__PURE__ */ jsxs(CardContent2, { children: [
+    /* @__PURE__ */ jsxs(Stack6, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [
+      /* @__PURE__ */ jsx(Typography20, { component: "h2", variant: "h6", children: title }),
+      primaryAction ? /* @__PURE__ */ jsx(SharedIconButton, { "aria-label": "Open KPI details", onClick: primaryAction, children: /* @__PURE__ */ jsx(CallMadeIcon, {}) }) : null
+    ] }),
+    /* @__PURE__ */ jsx(Typography20, { component: "div", variant: "h4", children: body }),
+    footer
+  ] }) });
+}
+function ReportRunKPICard({ title, body, primaryAction, secondaryAction }) {
+  return /* @__PURE__ */ jsxs(Card2, { variant: "outlined", children: [
+    /* @__PURE__ */ jsx(CardContent2, { children: /* @__PURE__ */ jsx(Typography20, { component: "h2", variant: "h6", children: title }) }),
+    /* @__PURE__ */ jsxs(CardActions, { children: [
+      /* @__PURE__ */ jsx(SharedButton, { onClick: primaryAction, children: body }),
+      secondaryAction ? /* @__PURE__ */ jsx(SharedIconButton, { "aria-label": "Open KPI details", onClick: secondaryAction, children: /* @__PURE__ */ jsx(CallMadeIcon, {}) }) : null
+    ] })
+  ] });
+}
+function BackButton({
+  onClick,
+  label = "Back",
+  disabled
+}) {
+  return /* @__PURE__ */ jsx(SharedButton, { onClick, disabled, startIcon: /* @__PURE__ */ jsx(default14, {}), children: label });
+}
+function BreadcrumbNavigation({
+  items,
+  label = "Breadcrumb"
+}) {
+  return /* @__PURE__ */ jsx(Breadcrumbs, { component: "nav", "aria-label": label, children: items.map((item2, index) => {
+    const current = index === items.length - 1;
+    const itemKey = item2.id ?? item2.href ?? (typeof item2.label === "string" ? item2.label : index);
+    return current ? /* @__PURE__ */ jsx(Typography20, { color: "text.primary", "aria-current": "page", children: item2.label }, itemKey) : /* @__PURE__ */ jsx(
+      Link,
+      {
+        href: item2.href ?? "#",
+        onClick: (event) => {
+          if (item2.onClick) {
+            event.preventDefault();
+            item2.onClick();
+          }
+        },
+        children: item2.label
+      },
+      itemKey
+    );
+  }) });
+}
+var BreadCrumbList = BreadcrumbNavigation;
+function MainSelector({ label, options = [], onSelect }) {
+  const [anchor, setAnchor] = useState(null);
+  const [selected, setSelected] = useState(null);
+  const menuId = `main-selector-${useId().replace(/:/g, "")}`;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Button, { "aria-haspopup": "menu", "aria-expanded": Boolean(anchor), "aria-controls": anchor ? menuId : void 0, endIcon: /* @__PURE__ */ jsx(ArrowDropDownIcon, {}), onClick: (event) => setAnchor(event.currentTarget), children: selected?.label ?? label }),
+    /* @__PURE__ */ jsx(Menu, { id: menuId, anchorEl: anchor, open: Boolean(anchor), onClose: () => setAnchor(null), children: options.map((option) => /* @__PURE__ */ jsx(MenuItem2, { disabled: option.disabled, onClick: () => {
+      setSelected(option);
+      setAnchor(null);
+      onSelect(option);
+    }, children: option.label }, `${option.label}-${String(option.value)}`)) })
+  ] });
+}
+function TeslaStyleScrollIndicator({ scrollRef, onUpClick, onDownClick, currentPage = 1, totalPages = 1, label = "Scroll position" }) {
+  const [progress, setProgress] = useState(0);
+  useEffect(() => {
+    const element = scrollRef.current;
+    if (!element) return void 0;
+    const update = () => {
+      const max = element.scrollHeight - element.clientHeight;
+      setProgress(max > 0 ? Math.round(element.scrollTop / max * 100) : 0);
+    };
+    update();
+    element.addEventListener("scroll", update, { passive: true });
+    return () => element.removeEventListener("scroll", update);
+  }, [scrollRef]);
+  const move = (next) => {
+    const element = scrollRef.current;
+    if (element) element.scrollTop = (element.scrollHeight - element.clientHeight) * next / 100;
+    setProgress(next);
+  };
+  return /* @__PURE__ */ jsxs(Box14, { sx: { display: "flex", flexDirection: "column", alignItems: "center", gap: 0.5 }, children: [
+    /* @__PURE__ */ jsx(SharedIconButton, { "aria-label": "Scroll up", onClick: () => {
+      onUpClick?.();
+      move(Math.max(0, progress - 10));
+    }, children: /* @__PURE__ */ jsx(KeyboardArrowUpIcon, {}) }),
+    /* @__PURE__ */ jsx(Slider, { orientation: "vertical", value: progress, onChange: (_, value) => move(value), "aria-label": label, valueLabelDisplay: "auto", sx: { minHeight: 120 } }),
+    /* @__PURE__ */ jsx(SharedIconButton, { "aria-label": "Scroll down", onClick: () => {
+      onDownClick?.();
+      move(Math.min(100, progress + 10));
+    }, children: /* @__PURE__ */ jsx(KeyboardArrowDownIcon, {}) }),
+    /* @__PURE__ */ jsxs(Box14, { component: "span", sx: { typography: "caption" }, children: [
+      currentPage,
+      "/",
+      Math.max(totalPages, 1)
+    ] })
+  ] });
+}
+function TableWrapper({
+  title,
+  actions,
+  maxHeight,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(Paper, { variant: "outlined", ...props, children: [
+    title || actions ? /* @__PURE__ */ jsxs(Stack6, { direction: "row", justifyContent: "space-between", alignItems: "center", p: 2, children: [
+      title ? /* @__PURE__ */ jsx(Typography20, { component: "h2", variant: "h6", children: title }) : null,
+      actions
+    ] }) : null,
+    /* @__PURE__ */ jsx(TableContainer, { sx: { maxHeight }, children })
+  ] });
+}
+var CustomGridTableWrapper = TableWrapper;
+function SearchableDataTable({
+  searchLabel = "Search table",
+  searchFields,
+  getSearchText,
+  rows,
+  ...props
+}) {
+  const [query, setQuery] = useState("");
+  const filteredRows = useMemo(() => {
+    const normalized = query.trim().toLocaleLowerCase();
+    if (!normalized) return rows;
+    return rows.filter((row) => {
+      const text = getSearchText ? getSearchText(row) : (searchFields ?? Object.keys(row)).map((field) => String(row[field] ?? "")).join(" ");
+      return text.toLocaleLowerCase().includes(normalized);
+    });
+  }, [getSearchText, query, rows, searchFields]);
+  return /* @__PURE__ */ jsxs(Stack6, { spacing: 1.5, children: [
+    /* @__PURE__ */ jsx(
+      SearchInput,
+      {
+        label: searchLabel,
+        value: query,
+        onChange: (event) => setQuery(event.target.value)
+      }
+    ),
+    /* @__PURE__ */ jsxs(Typography20, { component: "p", variant: "caption", "aria-live": "polite", children: [
+      filteredRows.length,
+      " ",
+      filteredRows.length === 1 ? "result" : "results"
+    ] }),
+    /* @__PURE__ */ jsx(DataTable, { rows: filteredRows, ...props })
+  ] });
+}
+function normalizeColumns(columns) {
+  return columns.map((column) => ({
+    field: column.field,
+    header: column.header ?? column.title,
+    ...column.align !== void 0 ? { align: column.align } : {},
+    ...column.sorting !== void 0 ? { sortable: column.sorting } : {},
+    ...column.hidden !== void 0 ? { hidden: column.hidden } : {},
+    ...column.width !== void 0 ? { width: column.width } : {},
+    ...column.minWidth !== void 0 ? { minWidth: column.minWidth } : {},
+    ...column.maxWidth !== void 0 ? { maxWidth: column.maxWidth } : {},
+    ...column.disablePadding !== void 0 ? { disablePadding: column.disablePadding } : {},
+    ...column.noWrapHeader !== void 0 ? { noWrapHeader: column.noWrapHeader } : {},
+    ...column.noWrapBody !== void 0 ? { noWrapBody: column.noWrapBody } : {},
+    ...column.compare ? { compare: column.compare } : {},
+    ...column.render ? { render: (_value, row) => column.render?.(row) } : {}
+  }));
+}
+function CommonTable({
+  data,
+  columns,
+  title,
+  rowsInPage = 10,
+  height,
+  minHeight: _minHeight,
+  skeletonColumns: _skeletonColumns,
+  skeletonRows: _skeletonRows,
+  maxHeight,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DataTable,
+    {
+      rows: data,
+      columns: normalizeColumns(columns),
+      caption: title,
+      initialRowsPerPage: rowsInPage,
+      ...(maxHeight ?? height) !== void 0 ? { maxHeight: maxHeight ?? height } : {},
+      ...props
+    }
+  );
+}
+var CustomTable = CommonTable;
+var CustomStickyTable = CommonTable;
+function CommonSearchTable({
+  data,
+  columns,
+  title,
+  rowsInPage = 10,
+  searchLabel,
+  searchFields,
+  getSearchText,
+  height,
+  minHeight: _minHeight,
+  skeletonColumns: _skeletonColumns,
+  skeletonRows: _skeletonRows,
+  maxHeight,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SearchableDataTable,
+    {
+      rows: data,
+      columns: normalizeColumns(columns),
+      caption: title,
+      initialRowsPerPage: rowsInPage,
+      ...searchLabel !== void 0 ? { searchLabel } : {},
+      ...searchFields !== void 0 ? { searchFields } : {},
+      ...getSearchText !== void 0 ? { getSearchText } : {},
+      ...(maxHeight ?? height) !== void 0 ? { maxHeight: maxHeight ?? height } : {},
+      ...props
+    }
+  );
+}
+function PaginationTable({
+  totalRecords,
+  currentPageNumber,
+  setCurrentPageNumber,
+  handlePageChange,
+  handleChangeRows,
+  rowsInPage = 10,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    CommonTable,
+    {
+      ...props,
+      rowsInPage,
+      pagination: {
+        count: totalRecords,
+        page: Math.max(0, currentPageNumber - 1),
+        rowsPerPage: rowsInPage,
+        onPageChange: (page) => {
+          setCurrentPageNumber?.(page + 1);
+          handlePageChange?.(void 0, page + 1);
+        },
+        onRowsPerPageChange: (next) => {
+          setCurrentPageNumber?.(1);
+          handleChangeRows?.(next);
+        }
+      }
+    }
+  );
+}
+function CommonSelectionTable({
+  primaryColId,
+  selected,
+  setSelected,
+  hideCheckBoxes,
+  isRowSelectable,
+  getSelectionLabel,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    CommonTable,
+    {
+      ...props,
+      getRowKey: (row) => row[primaryColId],
+      getRowAriaLabel: (row) => getSelectionLabel?.(row) ?? String(row[primaryColId]),
+      ...hideCheckBoxes ? {} : { selectedRowKeys: selected, onSelectedRowKeysChange: setSelected },
+      ...isRowSelectable ? { isRowSelectable } : {}
+    }
+  );
+}
+function CommonSelectionValidateTable({
+  validationError = [],
+  isRowInvalid,
+  ...props
+}) {
+  const errorKeys = new Set(validationError.map((error) => error.requestId));
+  return /* @__PURE__ */ jsx(
+    CommonSelectionTable,
+    {
+      ...props,
+      getRowSx: (row) => {
+        const invalid = isRowInvalid ? isRowInvalid(row) : errorKeys.has(row.requestId);
+        return invalid ? { backgroundColor: "error.light", "& td": { color: "error.contrastText" } } : {};
+      }
+    }
+  );
+}
+var CommonSelectionStickyTable = CommonSelectionTable;
+function flattenAdvancedColumns(columns) {
+  return columns.flatMap(
+    (column) => column.columns?.length ? flattenAdvancedColumns(column.columns) : [column]
+  );
+}
+function GenericCustomTable({
+  advancedColumns = [],
+  selection,
+  primaryColId,
+  selected = [],
+  setSelected,
+  disableCheckBox,
+  showPagination = true,
+  renderTableActions,
+  columns,
+  ...props
+}) {
+  const activeColumns = advancedColumns.length ? flattenAdvancedColumns(advancedColumns) : columns;
+  const table = selection && primaryColId && setSelected ? /* @__PURE__ */ jsx(
+    CommonSelectionTable,
+    {
+      ...props,
+      columns: activeColumns,
+      primaryColId,
+      selected,
+      setSelected,
+      ...disableCheckBox !== void 0 ? { hideCheckBoxes: disableCheckBox } : {},
+      showPagination
+    }
+  ) : /* @__PURE__ */ jsx(
+    CommonTable,
+    {
+      ...props,
+      columns: activeColumns,
+      showPagination
+    }
+  );
+  return renderTableActions ? /* @__PURE__ */ jsxs(Stack6, { spacing: 1, children: [
+    /* @__PURE__ */ jsx(Stack6, { direction: "row", justifyContent: "flex-end", children: renderTableActions() }),
+    table
+  ] }) : table;
+}
+function CustomTableCell({
+  rowData,
+  columnObject,
+  bordered = true,
+  ...props
+}) {
+  const Cell = bordered ? StyledBorderedTableCell : TableCell;
+  return /* @__PURE__ */ jsx(Cell, { ...props, children: columnObject.render ? columnObject.render(rowData) : rowData[columnObject.field] });
+}
+function SelectWithTable({ columns, data = [], onChange, id, setOpenDetails, loading = false, label = "Select a row" }) {
+  return /* @__PURE__ */ jsxs(Table, { size: "small", "aria-label": label, children: [
+    /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+      /* @__PURE__ */ jsx(TableCell, { padding: "checkbox", children: "Select" }),
+      columns.map((column) => /* @__PURE__ */ jsx(TableCell, { children: column.title }, column.field))
+    ] }) }),
+    /* @__PURE__ */ jsx(TableBody, { children: loading ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: columns.length + 1, children: /* @__PURE__ */ jsx(Skeleton, {}) }) }) : data.length ? data.map((row) => /* @__PURE__ */ jsxs(TableRow, { hover: true, selected: row.id === id, onClick: () => onChange(row.id), onDoubleClick: () => setOpenDetails?.(false), children: [
+      /* @__PURE__ */ jsx(TableCell, { padding: "checkbox", children: /* @__PURE__ */ jsx(Radio, { checked: row.id === id, onChange: () => onChange(row.id), inputProps: { "aria-label": `Select row ${String(row.id)}` } }) }),
+      columns.map((column) => /* @__PURE__ */ jsx(TableCell, { children: column.render ? column.render(row) : row[column.field] }, column.field))
+    ] }, row.id)) : /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: columns.length + 1, children: "No data found." }) }) })
+  ] });
+}
+function DateDisplay({
+  value,
+  locale,
+  emptyValue = "\u2014",
+  options = { dateStyle: "medium" },
+  ...props
+}) {
+  const date = value == null || value === "" ? null : new Date(value);
+  const valid = date && !Number.isNaN(date.getTime());
+  return /* @__PURE__ */ jsx("time", { dateTime: valid ? date.toISOString() : void 0, ...props, children: valid ? new Intl.DateTimeFormat(locale, options).format(date) : emptyValue });
+}
+function DateTimeDisplay(props) {
+  return /* @__PURE__ */ jsx(DateDisplay, { options: { dateStyle: "medium", timeStyle: "medium" }, ...props });
+}
+function SignedValue({
+  value,
+  locale,
+  decimals = 2,
+  zeroAsDash = false,
+  kind = "number",
+  currency = "USD",
+  style,
+  ...props
+}) {
+  const numeric = value === "" || value == null ? Number.NaN : Number(value);
+  if (Number.isNaN(numeric) || zeroAsDash && numeric === 0) {
+    return /* @__PURE__ */ jsx("span", { ...props, children: "\u2014" });
+  }
+  const formatter = new Intl.NumberFormat(locale, {
+    style: kind === "currency" ? "currency" : kind === "percent" ? "percent" : "decimal",
+    ...kind === "currency" ? { currency } : {},
+    minimumFractionDigits: decimals,
+    maximumFractionDigits: decimals
+  });
+  const formatted = formatter.format(kind === "percent" ? Math.abs(numeric) / 100 : Math.abs(numeric));
+  return /* @__PURE__ */ jsx(
+    "data",
+    {
+      value: numeric,
+      "aria-label": `${numeric < 0 ? "Negative " : ""}${formatted}`,
+      style: { color: numeric < 0 ? "#a30000" : "inherit", ...style },
+      ...props,
+      children: numeric < 0 ? `(${formatted})` : formatted
+    }
+  );
+}
+function SignedAmountValue(props) {
+  return /* @__PURE__ */ jsx(SignedValue, { kind: "currency", zeroAsDash: true, ...props });
+}
+function SignedAmountWithZero(props) {
+  return /* @__PURE__ */ jsx(SignedValue, { kind: "currency", ...props });
+}
+function SignedPercentage(props) {
+  return /* @__PURE__ */ jsx(SignedValue, { kind: "percent", zeroAsDash: true, ...props });
+}
+function SignedPercentageWithZero(props) {
+  return /* @__PURE__ */ jsx(SignedValue, { kind: "percent", ...props });
+}
+function ProfitDirectionIcon({ value, style, ...props }) {
+  const label = value == null || value === 0 ? "No change" : value > 0 ? "Increase" : "Decrease";
+  const symbol = value == null || value === 0 ? "\u2014" : value > 0 ? "\u2191" : "\u2193";
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      role: "img",
+      "aria-label": label,
+      style: {
+        color: value != null && value < 0 ? "#a30000" : value ? "#2e7d32" : "inherit",
+        ...style
+      },
+      ...props,
+      children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: symbol })
+    }
+  );
+}
+function FormulaIcon({ formula, label = "View formula", color = "primary.main", fontSize = 18 }) {
+  const [anchor, setAnchor] = useState(null);
+  const id = useId().replace(/:/g, "");
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(LightTooltip, { title: label, children: /* @__PURE__ */ jsx(SharedIconButton, { "aria-label": label, size: "small", onClick: (event) => setAnchor(event.currentTarget), sx: { color }, children: /* @__PURE__ */ jsx(default89, { sx: { fontSize } }) }) }),
+    /* @__PURE__ */ jsx(
+      Popover2,
+      {
+        id: `formula-${id}`,
+        open: Boolean(anchor),
+        anchorEl: anchor,
+        onClose: () => setAnchor(null),
+        anchorOrigin: { vertical: "bottom", horizontal: "left" },
+        children: /* @__PURE__ */ jsx(Typography20, { component: "pre", sx: { p: 2, m: 0, maxWidth: "min(90vw, 40rem)", whiteSpace: "pre-wrap" }, children: formula })
+      }
+    )
+  ] });
+}
+function FormulaInfoIcon({ formulaData, label = "View formula details" }) {
+  const [anchor, setAnchor] = useState(null);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(SharedIconButton, { "aria-label": label, size: "small", onClick: (event) => setAnchor(event.currentTarget), children: /* @__PURE__ */ jsx(InfoOutlined, { fontSize: "small" }) }),
+    /* @__PURE__ */ jsx(Popover2, { open: Boolean(anchor), anchorEl: anchor, onClose: () => setAnchor(null), anchorOrigin: { vertical: "bottom", horizontal: "left" }, children: /* @__PURE__ */ jsxs(Table, { size: "small", "aria-label": "Formula details", children: [
+      /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+        /* @__PURE__ */ jsx(TableCell, { children: "Formula name" }),
+        /* @__PURE__ */ jsx(TableCell, { children: "Formula description" })
+      ] }) }),
+      /* @__PURE__ */ jsx(TableBody, { children: Object.entries(formulaData).map(([name, description]) => /* @__PURE__ */ jsxs(TableRow, { children: [
+        /* @__PURE__ */ jsx(TableCell, { component: "th", scope: "row", children: name }),
+        /* @__PURE__ */ jsx(TableCell, { children: description })
+      ] }, name)) })
+    ] }) })
+  ] });
+}
+function NameDescriptionPopover({ value, name, description, label = "More information" }) {
+  const [anchor, setAnchor] = useState(null);
+  return /* @__PURE__ */ jsxs(Stack6, { component: "span", direction: "row", spacing: 0.5, alignItems: "center", children: [
+    /* @__PURE__ */ jsx("span", { children: value }),
+    /* @__PURE__ */ jsx(SharedIconButton, { "aria-label": label, size: "small", onClick: (event) => setAnchor(event.currentTarget), children: /* @__PURE__ */ jsx(InfoOutlined, { fontSize: "small" }) }),
+    /* @__PURE__ */ jsx(Popover2, { open: Boolean(anchor), anchorEl: anchor, onClose: () => setAnchor(null), anchorOrigin: { vertical: "bottom", horizontal: "left" }, children: /* @__PURE__ */ jsxs(Box14, { sx: { p: 1.5, maxWidth: 360 }, children: [
+      name ? /* @__PURE__ */ jsx(Typography20, { fontWeight: 700, children: name }) : null,
+      description ? /* @__PURE__ */ jsx(Typography20, { variant: "body2", children: description }) : null
+    ] }) })
+  ] });
+}
+var NameDescPopover = NameDescriptionPopover;
+function ExpandableComment({ title = "Comment", value = "", handleChange, disabled = false, label = "Expand comment" }) {
+  const [open, setOpen] = useState(false);
+  const field = (rows) => /* @__PURE__ */ jsx(SharedTextField, { multiline: true, minRows: rows, label: title, value, disabled, onChange: (event) => handleChange?.(event.target.value) });
+  return /* @__PURE__ */ jsxs(Stack6, { spacing: 0.5, children: [
+    /* @__PURE__ */ jsx(Stack6, { direction: "row", justifyContent: "flex-end", children: /* @__PURE__ */ jsx(SharedIconButton, { "aria-label": label, size: "small", onClick: () => setOpen(true), children: /* @__PURE__ */ jsx(OpenInFullOutlinedIcon, { fontSize: "small" }) }) }),
+    field(4),
+    /* @__PURE__ */ jsxs(Modal, { open, title, onClose: () => setOpen(false), fullWidth: true, maxWidth: "md", children: [
+      field(16),
+      /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(SharedButton, { variant: "outlined", onClick: () => setOpen(false), children: "Close" }) })
+    ] })
+  ] });
+}
+var CommentExpand = ExpandableComment;
+function StatusBlinker({ status = "info", label = status }) {
+  return /* @__PURE__ */ jsx(Box14, { component: "span", role: "status", "aria-label": label, sx: { display: "inline-block", width: 12, height: 12, borderRadius: "50%", bgcolor: `${status}.main` } });
+}
+function ErrorBlinker(props) {
+  return /* @__PURE__ */ jsx(StatusBlinker, { status: "error", label: "Error", ...props });
+}
+function SuccessBlinker(props) {
+  return /* @__PURE__ */ jsx(StatusBlinker, { status: "success", label: "Success", ...props });
+}
+var FormulaInfoWithIcon = FormulaInfoIcon;
+function DocumentationCard({ data, openDocument, viewLoading = false, setViewDocumentLoadingId }) {
+  const open = () => {
+    setViewDocumentLoadingId?.(data.helpDocumentId);
+    openDocument(data.helpDocumentId, data.startFileName);
+  };
+  return /* @__PURE__ */ jsxs(Card2, { variant: "outlined", children: [
+    /* @__PURE__ */ jsx(CardHeader, { avatar: /* @__PURE__ */ jsx(default62, { color: "primary" }), title: data.name ?? "Documentation guide", subheader: "Training resource" }),
+    /* @__PURE__ */ jsx(CardContent2, { children: /* @__PURE__ */ jsx(Typography20, { color: "text.secondary", children: data.description ?? "Documentation and training materials." }) }),
+    /* @__PURE__ */ jsx(CardActions, { children: /* @__PURE__ */ jsx(SharedButton, { fullWidth: true, disabled: viewLoading, endIcon: viewLoading ? /* @__PURE__ */ jsx(CircularProgress, { size: 18 }) : /* @__PURE__ */ jsx(ArrowForwardIosIcon, {}), onClick: open, children: viewLoading ? "Loading\u2026" : "Read documentation" }) })
+  ] });
+}
+function AppHelp({ documentData = [], openDocument, viewLoading = false, viewDocumentLoadingId, setViewDocumentLoadingId }) {
+  return /* @__PURE__ */ jsx(Box14, { sx: { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(min(100%, 18rem), 1fr))", gap: 2 }, children: documentData.map((data) => /* @__PURE__ */ jsx(DocumentationCard, { data, openDocument, viewLoading: viewLoading && data.helpDocumentId === viewDocumentLoadingId, setViewDocumentLoadingId }, data.helpDocumentId)) });
+}
+function CardComponent({
+  data,
+  name,
+  description,
+  owner,
+  type,
+  icon,
+  imageSrc,
+  imageAlt = "",
+  onClick,
+  handleCardClick
+}) {
+  const content = /* @__PURE__ */ jsxs(Stack6, { direction: "row", alignItems: "center", spacing: 2, sx: { p: 2 }, children: [
+    imageSrc ? /* @__PURE__ */ jsx(Box14, { component: "img", src: imageSrc, alt: imageAlt, sx: { width: 64, height: 64, objectFit: "contain" } }) : icon,
+    /* @__PURE__ */ jsxs(CardContent2, { sx: { minWidth: 0, p: 0, "&:last-child": { pb: 0 } }, children: [
+      /* @__PURE__ */ jsx(Typography20, { fontWeight: 700, noWrap: true, children: name }),
+      owner != null ? /* @__PURE__ */ jsx(Typography20, { variant: "body2", noWrap: true, children: owner }) : null,
+      description != null ? /* @__PURE__ */ jsx(Typography20, { variant: "body2", color: "text.secondary", noWrap: true, children: description }) : null,
+      type != null ? /* @__PURE__ */ jsx(Typography20, { variant: "caption", color: "text.secondary", children: type }) : null
+    ] })
+  ] });
+  const activate = (event) => {
+    handleCardClick?.(event, data);
+    onClick?.(data);
+  };
+  return /* @__PURE__ */ jsx(Card2, { variant: "outlined", sx: { height: "100%" }, children: onClick || handleCardClick ? /* @__PURE__ */ jsx(CardActionArea, { onClick: activate, sx: { height: "100%" }, children: content }) : content });
+}
+function CardComponentWithActions({
+  data,
+  columns,
+  getRowKey,
+  icon,
+  ariaLabel = "Cards",
+  pageSizeOptions = [6, 12, 18],
+  initialRowsPerPage = 6,
+  maxHeight,
+  minHeight,
+  height
+}) {
+  const [page, setPage] = useState(0);
+  const [rowsPerPage, setRowsPerPage] = useState(initialRowsPerPage);
+  const headingId = useId();
+  const visibleRows = data.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage);
+  const contentColumns = columns.filter((column) => !column.action && column.title !== "Actions");
+  const actionColumns = columns.filter((column) => column.action || column.title === "Actions");
+  const valueFor = (row, column) => column.render?.(row) ?? (column.field ? row[column.field] : null);
+  return /* @__PURE__ */ jsxs(Box14, { component: "section", "aria-labelledby": headingId, children: [
+    /* @__PURE__ */ jsx(Typography20, { id: headingId, sx: { position: "absolute", width: 1, height: 1, overflow: "hidden", clip: "rect(0 0 0 0)" }, children: ariaLabel }),
+    /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, sx: { maxHeight, minHeight, height, overflow: maxHeight || height ? "auto" : void 0, p: 1 }, children: visibleRows.map((row, index) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 6, md: 4, children: /* @__PURE__ */ jsxs(Card2, { variant: "outlined", sx: { height: "100%" }, children: [
+      /* @__PURE__ */ jsxs(Stack6, { direction: "row", alignItems: "center", children: [
+        icon ? /* @__PURE__ */ jsx(Box14, { sx: { display: "grid", placeItems: "center", minWidth: 88, p: 2 }, children: typeof icon === "function" ? icon(row) : icon }) : null,
+        /* @__PURE__ */ jsx(CardContent2, { sx: { minWidth: 0, flex: 1 }, children: contentColumns.map((column, columnIndex) => /* @__PURE__ */ jsxs(Box14, { sx: { mb: 0.5 }, children: [
+          /* @__PURE__ */ jsx(Typography20, { variant: "caption", color: "text.secondary", children: column.title }),
+          /* @__PURE__ */ jsx(Typography20, { component: "div", variant: columnIndex === 0 ? "subtitle1" : "body2", children: valueFor(row, column) ?? "\u2014" })
+        ] }, column.field ?? columnIndex)) })
+      ] }),
+      actionColumns.length ? /* @__PURE__ */ jsx(CardActions, { children: actionColumns.map((column, index2) => /* @__PURE__ */ jsx(Box14, { children: valueFor(row, column) }, column.field ?? index2)) }) : null
+    ] }) }, getRowKey?.(row, page * rowsPerPage + index) ?? page * rowsPerPage + index)) }),
+    /* @__PURE__ */ jsx(
+      TablePagination,
+      {
+        component: "div",
+        count: data.length,
+        page: Math.min(page, Math.max(0, Math.ceil(data.length / rowsPerPage) - 1)),
+        rowsPerPage,
+        rowsPerPageOptions: [...pageSizeOptions],
+        onPageChange: (_, nextPage) => setPage(nextPage),
+        onRowsPerPageChange: (event) => {
+          setRowsPerPage(Number(event.target.value));
+          setPage(0);
+        }
+      }
+    )
+  ] });
+}
+function defaultFormatDateTime(value) {
+  const date = value instanceof Date ? value : new Date(String(value));
+  return Number.isNaN(date.getTime()) ? String(value) : new Intl.DateTimeFormat(void 0, {
+    dateStyle: "medium",
+    timeStyle: "short"
+  }).format(date);
+}
+function OperationsInfo({
+  data,
+  title,
+  reviewedBy,
+  reviewedOn,
+  disabled = false,
+  type = "Reviewed",
+  formatDateTime = defaultFormatDateTime
+}) {
+  const [anchor, setAnchor] = useState(null);
+  const dialogId = useId();
+  const headingId = `${dialogId}-heading`;
+  const reviewer = data?.[reviewedBy];
+  const reviewDate = data?.[reviewedOn];
+  const isSkipped = title.toLowerCase() === "skipped";
+  const open = (event) => {
+    event.stopPropagation();
+    setAnchor(event.currentTarget);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(LightTooltip, { title, children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+      SharedIconButton,
+      {
+        "aria-label": title,
+        "aria-haspopup": "dialog",
+        "aria-expanded": Boolean(anchor),
+        "aria-controls": anchor ? dialogId : void 0,
+        disabled,
+        color: isSkipped ? "secondary" : "success",
+        onClick: open,
+        children: isSkipped ? /* @__PURE__ */ jsx(SkipNextIcon, {}) : /* @__PURE__ */ jsx(CheckCircleOutlinedIcon, {})
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx(
+      Popover2,
+      {
+        open: Boolean(anchor),
+        anchorEl: anchor,
+        onClose: () => setAnchor(null),
+        anchorOrigin: { vertical: "bottom", horizontal: "left" },
+        slotProps: { paper: { id: dialogId, role: "dialog", "aria-labelledby": headingId } },
+        children: /* @__PURE__ */ jsxs(Box14, { sx: { minWidth: 250, p: 2 }, children: [
+          /* @__PURE__ */ jsxs(Typography20, { id: headingId, fontWeight: 700, children: [
+            title,
+            " details"
+          ] }),
+          /* @__PURE__ */ jsxs(Stack6, { spacing: 0.5, sx: { mt: 1 }, children: [
+            /* @__PURE__ */ jsxs(Typography20, { variant: "caption", color: "text.secondary", children: [
+              type,
+              " by"
+            ] }),
+            /* @__PURE__ */ jsx(Typography20, { variant: "body2", children: reviewer == null || reviewer === "" ? "Not generated" : String(reviewer) }),
+            /* @__PURE__ */ jsx(Divider, {}),
+            /* @__PURE__ */ jsxs(Typography20, { variant: "caption", color: "text.secondary", children: [
+              type,
+              " on"
+            ] }),
+            /* @__PURE__ */ jsx(Typography20, { variant: "body2", children: reviewDate == null || reviewDate === "" ? "Not finalized" : formatDateTime(reviewDate) })
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+function VisuallyHidden({ children }) {
+  return /* @__PURE__ */ jsx(
+    Box14,
+    {
+      component: "span",
+      sx: {
+        border: 0,
+        clip: "rect(0 0 0 0)",
+        height: 1,
+        margin: -1,
+        overflow: "hidden",
+        padding: 0,
+        position: "absolute",
+        whiteSpace: "nowrap",
+        width: 1
+      },
+      children
+    }
+  );
+}
+function LiveRegion({
+  children,
+  priority = "polite",
+  atomic = true,
+  visuallyHidden = true
+}) {
+  const content = /* @__PURE__ */ jsx(Box14, { component: "span", role: "status", "aria-live": priority, "aria-atomic": atomic, children });
+  return visuallyHidden ? /* @__PURE__ */ jsx(VisuallyHidden, { children: content }) : content;
+}
+function SkipLink({
+  href = "#main-content",
+  children = "Skip to main content"
+}) {
+  return /* @__PURE__ */ jsx(
+    Link,
+    {
+      href,
+      sx: {
+        position: "fixed",
+        top: 8,
+        left: 8,
+        zIndex: "tooltip",
+        transform: "translateY(-200%)",
+        bgcolor: "background.paper",
+        color: "text.primary",
+        p: 1,
+        "&:focus": { transform: "translateY(0)" }
+      },
+      children
+    }
+  );
+}
+
+// src/hooks/useDisplayOrder.ts
+function useDisplayOrder({
+  data = [],
+  value,
+  orderKey = "displayOrder",
+  idKey = "id",
+  currentId = null
+}) {
+  const highestDisplayOrder = data.reduce(
+    (highest, item2) => Math.max(highest, Number(item2[orderKey]) || 0),
+    0
+  );
+  const isDuplicate = data.some(
+    (item2) => Number(item2[orderKey]) === Number(value) && (currentId == null || String(item2[idKey]) !== String(currentId))
+  );
+  return { isDuplicate, highestDisplayOrder };
+}
+
+export { AccessError, AccessLoader, ActionIcon, ActionIconButton, ActionIconButtonData, ActionIconData, ActionsContainer, AdvancedDropDownList, AdvancedDropDownWithMsg, ConfirmDialog as AlertDialogBox, AppHelp, BackButton, BlueHeaderText, BoldText, BreadCrumbList, BreadcrumbNavigation, BudgetStatusIcon, SharedButton as Button, CardComponent, CardComponentWithActions, CommentExpand, CommonSearchTable, SearchInput as CommonSearchTextField, CommonSelectionStickyTable, CommonSelectionTable, CommonSelectionValidateTable, CommonTable, ConfirmDialog, ContentModal, ContentWrapper, CurrencyInput, CurrencyInputWithLabelIcon, CurrencyTextField, CustomAccordion, CustomAccordionDetails, CustomAccordionSummary, CustomButton, CurrencyInput as CustomCurrencyInput, CurrencyInput as CustomCurrencyInputWithNegative, CustomDropZone, CustomGridTableWrapper, CustomMuiAdvancedDropDownList, CustomMuiTextBox, CommonTable as CustomRequestTable, CommonSelectionTable as CustomSelectionTable, CustomStickyTable, StyledTab as CustomStyledTab, StyledTabs as CustomStyledTabs, CustomSwitch, CustomTable, CustomTableCell, CustomTableCellWithInfo, CustomTransition, DataTable, DateDisplay, DateInput, DateInput as DatePicker, DateTimeDisplay, DateTimeInput, DateTimePicker, DialogAction, DialogAction as DialogActions, DocumentationCard, DropDownList, DropDownListWithImage, DropDownListWithMessage, DropDownWithMessage, DropDownList as DropdownList, EmailSuggestionInput, EmailSuggestionMuiTextBox, EmailSuggestionTextBox, EmptyState, ErrorAlert, ErrorBlinker, ErrorModal, ErrorPage, ErrorState, ExecutionKpiCard, ExpandableComment, FileInput, FloatingAdvanceDropDownList, SharedTextField as FloatingInput, FloatingMultiSelectDropDownList, ForbiddenPage, FormulaIcon, FormulaInfoIcon, FormulaInfoWithIcon, GenericAdvanceDropDownList, GenericAdvancedSelect, GenericCheckBox, GenericCurrencyTextBox, GenericCustomTable, GenericLabel, GenericOutlinedCheckBox, SelectInput as GenericSelect, GenericStyledAdvancedDropdown, GenericStyledCurrencyTextField, DateInput as GenericStyledDatePicker, SharedTextField as GenericStyledFloatingTextField, SharedTextField as GenericStyledInput, StyledReadOnlyTextField as GenericStyledReadOnlyCurrencyInput, StyledReadOnlyTextField as GenericStyledReadOnlyTextField, SharedTextField as GenericStyledTextField, GenericTextArea, GenericTextBox, BackButton as GoBack, GroupedMultiSelectDropDown, HeaderToggles, HighlightedTableCell, SharedIconButton as IconButton, InfoLabelIcon, InfoTooltip, InformationIcon, StyledKpiCard as KPICard, LabelsIcons, LightTooltip, LiveRegion, MainSelector, MandatoryIndicator, MandatoryIndicatorWithText, MenuNotFoundPage, Modal, MuiAdvancedDropDownList, MuiGroupedMultiSelectDropDown, MuiTextBox, MultiSelectDropDownList, NameDescPopover, NameDescriptionPopover, NormalAdvancedDropDownList, DateInput as NormalDatePicker, NormalMuiTextBox, OperationsInfo, OptionMultiSelectorWithLabel, OptionSelectorWithLabel, Page, PageNotFound, PaginationTable, PanelWrapper, PercentageInput, Pipe, SharedTextField as PlaceHolderTextbox, PreviewContentModal, ProcessingModal, ProfitDirectionIcon, QuestionTextWrapper, ReadOnlyLabel, ReportRunKPICard, StyledBorderedTableCell as ReqDetailsBorderedTableCell, RequestModalGridItem, SearchInput, SearchInput as SearchTextField, SearchableDataTable, SelectInput, SelectWithTable, ServerErrorPage, SharedButton, SharedIconButton, SharedTextField, SharedToggleButton, SharedTooltip, SignedAmountValue, SignedAmountWithZero, SignedPercentage, SignedPercentageWithZero, SignedValue, SkeletonBorderedTableBody, SkeletonTableBody, SkipLink, Spinner, StatusBlinker, StatusDialog, StatusIcon, StatusIndicator, StickyFooterTableCell, StickyTableCell, StyledAdvanceDropDownList, StyledBorderedTableCell, StyledBorderedTableCellWithInfo, StyledBorderedTableRow, SharedButton as StyledButton, StyledCard, StyledDialogActions, StyledKpiCard, StyledLinesBorderedTableCell, StyledReadOnlyTextField, StyledSwitch, StyledTab, StyledTableCell, StyledTableRow, StyledTableSortLabel, StyledTabs, SharedTextField as StyledTextField, SuccessAlert, SuccessBlinker, SuccessModal, TabPanel, TableCellWithInfo, TableWrapper, TeslaStyleScrollIndicator, TextBox, SharedTextField as TextField, TextFieldWithIcon, TextInput, TextInputWithLabel, TextInputWithLabelIcon, TextfieldWithIcon, TicketLabelInfoIcon, TicketLabelInfoIcons, SharedToggleButton as ToggleButton, Transition, UnauthorizedPage, VisuallyHidden, WarningModal, WhiteStyledTab, YellowTableCell, actionIconRegistry, humanizeControlName, resolveControlName, tabA11yProps, tabPanelA11yProps, useDisplayOrder };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map