@startdownnotez404/ui 1.0.0 → 1.3.5

package/dist/list.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/elemental/List/index.ts","../src/components/elemental/List/src/List/index.ts","../src/components/elemental/List/src/List/TransferList.tsx","../src/_utils/_func/sx.ts","../src/components/elemental/Box/src/index.ts","../src/components/elemental/Card/src/Card/index.ts","../src/components/elemental/Divider/src/index.ts","../src/components/elemental/Checkbox/src/Checkbox/index.ts","../src/components/elemental/Button/src/Button/Button.tsx","../src/components/Icons/MuiIcon/index.ts","../src/components/elemental/List/src/List/CheckList.tsx","../src/components/elemental/List/src/List/theme.ts"],"sourcesContent":["export * from './src'","export {default as List} from '@mui/material/List'\nexport {default as ListSubheader} from '@mui/material/ListSubheader'\nexport {default as ListItemIcon} from '@mui/material/ListItemIcon'\nexport {default as ListItemText} from '@mui/material/ListItemText'\nexport {default as ListItemButton} from '@mui/material/ListItemButton'\nexport {default as ListItem} from '@mui/material/ListItem'\n\nexport {default as TransferList} from './TransferList'\nexport * from './theme'","'use client'\nimport React, { useState } from 'react'\nimport { Grid } from '@/ele/Box'\nimport { List } from '@/ele/List'\nimport { Card, CardHeader } from '@/ele/Card'\nimport { Divider } from '@/ele/Divider'\nimport { Checkbox as MuiCheckBox } from '@/ele/Checkbox'\nimport { Button as LabelButtonOutline } from '@/ele/Button'\nimport { DoubleArrowIcon } from '@/icons/MuiIcon'\n\nimport CheckList from './CheckList'\n\nconst indexKey = 'id'\ntype Item<T = unknown> = {\n  value: T;\n  id: string;\n}\n/**\n * Mui Transfer List\n * \n * [Doc](https://mui.com/material-ui/react-transfer-list/)\n * \n * @param addLeft - function to add item to left list from right list by passing the selected ids\n * @param minusLeft - function to add item to right list from left list by passing the selected ids\n */\nexport default function TransferList<T>(props: {\n\tleftProps: {\n\t\tleft: Item<T>[];\n\t\taddLeft: (rightSelectedIds:string[])=> void;\n\t\tminusLeft: (leftSelectedIds:string[])=>void;\n\t};\n\trightProps: { right: Item<T>[]; };\n\tRenderLeft: React.ComponentType<{value:Item<T>}>;\n\tRenderRight: React.ComponentType<{value:Item<T>}>;\n\tleftTitle: string;\n\trightTitle: string;\n\tdisabled?: boolean;\n}){\n  const {\n    leftProps, rightProps,\n    RenderLeft, RenderRight,\n    leftTitle=\"Left\", rightTitle=\"Right\",\n    disabled=false,\n  } = props  \n\n\tconst [checked, setChecked] = useState<Item['id'][]>([])\n\tconst { left, addLeft, minusLeft } = leftProps\n\tconst { right } = rightProps\n\n\tconst leftChecked = intersection(checked, left,)\n\tconst rightChecked = intersection(checked, right,)\n\n\tconst handleToggle:React.ComponentProps<typeof CustomList>[\"handleToggle\"] = (value) => () => {\n\t\tconst id = value[indexKey] // operate with id\n\t\tconst currentIndex = checked.indexOf(id)\n\t\tconst newChecked = [...checked]\n\n\t\tif (currentIndex === -1) {\n\t\t\tnewChecked.push(id)\n\t\t} else {\n\t\t\tnewChecked.splice(currentIndex, 1)\n\t\t}\n\n\t\tsetChecked(newChecked)\n\t}\n\n\tconst numberOfChecked:React.ComponentProps<typeof CustomList>[\"numberOfChecked\"] = (items) => intersection(checked, items,).length\n\n\tconst handleToggleAll:React.ComponentProps<typeof CustomList>[\"handleToggleAll\"] = (items) => () => {\n\t\tif (numberOfChecked(items) === items.length) {\n\t\t\tsetChecked(not(checked, items,))\n\t\t} else {\n\t\t\tsetChecked(union(checked, items,))\n\t\t}\n\t}\n\n\tconst handleCheckedRight = () => {\n\t\tminusLeft(leftChecked)    \n\t\tsetChecked(not(checked, leftChecked.map(id=>left.find(item => item.id === id)!),))\n\t}\n\n\tconst handleCheckedLeft = () => {\n\t\taddLeft(rightChecked)\n\t\tsetChecked(not(checked, rightChecked.map(id=>right.find(item => item.id === id)!),))\n\t}\n\n\n\treturn (\n\t\t<Grid container spacing={2} justifyContent=\"center\" alignItems=\"center\">\n\t\t\t<Grid>        \n\t\t\t\t<CustomList title={leftTitle} items={left} Renderer={RenderLeft}\n\t\t\t\thandleToggleAll={handleToggleAll}\n\t\t\t\thandleToggle={handleToggle}\n\t\t\t\tnumberOfChecked={numberOfChecked}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tchecked={checked}/>\n\t\t\t</Grid>\n\t\t\t<TransferButton disabled={disabled}\n\t\t\tleftChecked={leftChecked} rightChecked={rightChecked}\n\t\t\thandleCheckedLeft={handleCheckedLeft} handleCheckedRight={handleCheckedRight}\n\t\t\t/>\n\t\t\t<Grid>\n\t\t\t\t<CustomList title={rightTitle} items={right} Renderer={RenderRight}\n\t\t\t\thandleToggleAll={handleToggleAll}\n\t\t\t\thandleToggle={handleToggle}\n\t\t\t\tnumberOfChecked={numberOfChecked}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tchecked={checked}/>\n\t\t\t</Grid>\n\t\t</Grid>\n\t)\n}\n\nfunction not(a:Item['id'][], b:Item[],) {\n  const aIds = [...a] // original\n  const bIds = b.map((value:Item) => value.id)\n  return aIds.filter((value) => bIds.indexOf(value) === -1)\n}\n\nfunction intersection(a:Item['id'][], b:Item[],) {\n  const aIds = [...a] // original\n  const bIds = b.map((value:Item) => value.id)\n  return aIds.filter((value) => bIds.indexOf(value) !== -1)\n}\n\nfunction union(a:Item['id'][], b:Item[],) {\n  const aIds = [...a] // original\n  const bIds = b.map((value:Item) => value.id)\n  return [... new Set([...aIds, ...bIds])]\n}\n\n\nfunction TransferButton({\n\t\thandleCheckedLeft,\n\t\thandleCheckedRight,\n\t\tleftChecked,\n\t\trightChecked,\n\t\tdisabled,\n}: {\n\t\thandleCheckedLeft: React.ComponentProps<typeof LabelButtonOutline>[\"onClick\"];\n\t\thandleCheckedRight: React.ComponentProps<typeof LabelButtonOutline>[\"onClick\"];\n\t\tleftChecked: Item['id'][];\n\t\trightChecked: Item['id'][];\n\t\tdisabled: boolean;\n}) {\n\tif (disabled) return null\n\treturn (\n\t\t<Grid>\n\t\t\t<Grid container direction=\"column\" alignItems=\"center\" sx={{gap:1}}>\n\t\t\t\t<LabelButtonOutline size=\"small\" onClick={handleCheckedRight} disabled={leftChecked.length === 0} endIcon={<DoubleArrowIcon/>} />\n\t\t\t\t<LabelButtonOutline size=\"small\" onClick={handleCheckedLeft} disabled={rightChecked.length === 0} startIcon={<DoubleArrowIcon sx={{transform: \"rotate(180deg)\"}}/>} />\n\t\t\t</Grid>\n\t\t</Grid>\n\t)\n}\n\nfunction CustomList<T = unknown>(props: {\n\ttitle: string;\n\titems: Item<T>[];\n\tRenderer: React.ComponentType<{value:Item<T>}>;\n\thandleToggleAll: (items:Item<T>[])=>()=>void;\n\thandleToggle: (value:Item<T>)=>()=>void;\n\tnumberOfChecked: (items:Item<T>[])=>number;\n\tdisabled: boolean;\n\tchecked: Item['id'][];\n}) {\n\tconst {\n\t\ttitle, items, Renderer, \n\t\thandleToggleAll, handleToggle, \n\t\tnumberOfChecked, disabled, checked,\n\t} = props;\n\n\tconst cardHeaderAvatar = disabled ? null : (\n\t\t\t<MuiCheckBox\n\t\t\tonClick={handleToggleAll(items)}\n\t\t\tchecked={numberOfChecked(items) === items.length && items.length !== 0}\n\t\t\tindeterminate={\n\t\t\t\tnumberOfChecked(items) !== items.length && numberOfChecked(items) !== 0\n\t\t\t}\n\t\t\tdisabled={items.length === 0}\n      slotProps={{\n        input: {\n          'aria-label': 'all items selected',\n        }\n      }}\n\t\t\t/>\n\t\t)\n\n\tconst subheader = disabled?\"\":`${numberOfChecked(items)}/${items.length} selected`\n\treturn (\n\t\t<Card sx={{\n\t\t\t\"&.MuiCard-root\":{backgroundColor:\"transparent\"}\n\t\t}}>\n\t\t\t<CardHeader\n\t\t\t\tsx={{ \n\t\t\t\t\tpx: 2, py: 1,\n\t\t\t\t}}\n\t\t\t\tavatar={cardHeaderAvatar}\n\t\t\t\ttitle={title}\n\t\t\t\tsubheader={subheader}\n\t\t\t/>\n\t\t\t<Divider />\n\t\t\t<List\n\t\t\tsx={{\n\t\t\t\twidth: 200,\n\t\t\t\theight: 230,\n\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\toverflow: 'auto',\n\t\t\t}}\n\t\t\tdense\n\t\t\tcomponent=\"div\"\n\t\t\trole=\"list\"\n\t\t\t>\n\t\t\t\t{items.map((value) => {\n\t\t\t\tconst labelId = `transfer-list-all-item-${value}-label`\n\t\t\t\treturn (\n\t\t\t\t\t<CheckList \n\t\t\t\t\tkey={value[indexKey]}\n\t\t\t\t\tdisabled={disabled} disableOpacity={1}\n\t\t\t\t\tchecked={checked.indexOf(value[indexKey]) !== -1}\n\t\t\t\t\tlabelId={labelId} value={value[indexKey]}\n\t\t\t\t\tonClick={handleToggle(value)}>\n\t\t\t\t\t\t<Renderer value={value} />\n\t\t\t\t\t</CheckList>\n\t\t\t\t)\n\t\t\t\t})}\n\t\t\t</List>\n\t\t</Card>\n)}","import type { SxProps, Theme } from '@mui/material/styles'\n\n/** Values accepted by {@link mergeSx}: objects, callbacks, arrays (nested ok), or omitted. */\nexport type SxMergePart =\n  | SxProps<Theme>\n  | Record<string, unknown>\n  | ReadonlyArray<SxMergePart>\n  | false\n  | null\n  | undefined\n\nfunction flattenSx(part: unknown): unknown[] {\n  if (part == null || typeof part === 'boolean') {\n    return []\n  }\n  if (Array.isArray(part)) {\n    return part.flatMap(flattenSx)\n  }\n  if (typeof part === 'function' || typeof part === 'object') {\n    return [part]\n  }\n  return []\n}\n\n/**\n * Combine MUI `sx` values into one prop.\n *\n * Nested arrays are flattened (`[base, [a, b]]` → `[base, a, b]`).\n * `null` / `undefined` / `false` entries are dropped. Later parts win,\n * same as MUI's `sx` array merge.\n */\nexport function mergeSx(...parts: SxMergePart[]): SxProps<Theme> | undefined {\n  const list = parts.flatMap(flattenSx)\n  if (list.length === 0) {\n    return undefined\n  }\n  if (list.length === 1) {\n    return list[0] as SxProps<Theme>\n  }\n  return list as SxProps<Theme>\n}\n","export * from './BorderBox'\nexport {default as Box} from '@mui/material/Box'\nexport {default as Stack} from '@mui/material/Stack'\nexport {default as Grid} from '@mui/material/Grid'\n","export { default as Card } from '@mui/material/Card'\nexport {default as CardContainer} from './Card'\nexport * from './theme'\nexport {default as SpotlightCard} from './SpotlightCard'\nexport {default as CardContent} from '@mui/material/CardContent'\nexport {default as CardHeader} from '@mui/material/CardHeader'\nexport {default as CardActions} from '@mui/material/CardActions'","export {default as Divider} from '@mui/material/Divider'\nexport * from './theme'\nexport * from './theme'","export {default as Checkbox} from '@mui/material/Checkbox'\nexport * from './theme'","import React from 'react';\n\nimport MuiButton from '@mui/material/Button';\nimport { Box } from '@/ele/Box';\nimport { mergeSx } from '@/_utils/_func';\n\n/**\n * A modified MUI Button that truncates long text with ellipsis.\n * \n * [Doc](https://mui.com/material-ui/react-button/)\n * [API](https://mui.com/material-ui/api/button/)\n */\nexport default function Button(p:\n  React.ComponentProps<typeof MuiButton> & {\n    slotProps?: {\n      innerBox?: React.ComponentProps<typeof Box>\n    }\n  }) {\n  const {children, slotProps, ...rest} = p\n  const {sx, ...boxRest} = slotProps?.innerBox ?? {}\n  return <MuiButton {...rest}>\n    <Box \n    {...boxRest}\n    sx={mergeSx(\n      {\n        textOverflow: 'ellipsis',\n        overflow: 'hidden',\n        whiteSpace: 'pre',\n      },\n      sx,\n    )}>\n      {children}\n    </Box>\n  </MuiButton>\n}","// display\nexport {default as ArrowIcon} from '@mui/icons-material/ArrowRightAlt'\nexport {default as FileIcon} from '@mui/icons-material/DescriptionOutlined'\nexport {default as DescriptionIcon} from '@mui/icons-material/Description'\nexport {default as PictureAsPdfIcon} from '@mui/icons-material/PictureAsPdf'\nexport {default as AudioFileIcon} from '@mui/icons-material/AudioFile'\nexport {default as VideoFileIcon} from '@mui/icons-material/VideoFile'\nexport {default as TableChartIcon} from '@mui/icons-material/TableChart'\nexport {default as FolderZipIcon} from '@mui/icons-material/FolderZip'\nexport {default as InsertDriveFileIcon} from '@mui/icons-material/InsertDriveFile'\nexport {default as ImageIcon} from '@mui/icons-material/ImageOutlined'\nexport {default as LayersIcon} from '@mui/icons-material/LayersOutlined'\nexport {default as TextIcon} from '@mui/icons-material/TextFormat'\nexport {default as RemoveIcon} from '@mui/icons-material/Remove'\nexport {default as AddFileIcon} from '@mui/icons-material/PostAdd'\nexport {default as ErrorIcon} from '@mui/icons-material/ErrorOutline'\nexport {default as QuestionIcon} from '@mui/icons-material/QuestionMarkOutlined'\nexport {default as RoomIcon} from '@mui/icons-material/MeetingRoomOutlined'\nexport {default as BlacklistIcon} from '@mui/icons-material/PlaylistRemove'\nexport {default as WhitelistIcon} from '@mui/icons-material/ChecklistRtl'\nexport {default as NoImageIcon} from '@mui/icons-material/HideImageOutlined'\nexport {default as EyeIcon} from '@mui/icons-material/RemoveRedEyeTwoTone'\nexport {default as CropSizeIcon} from '@mui/icons-material/PhotoSizeSelectLarge'\nexport {default as AdminIcon} from '@mui/icons-material/LockPersonOutlined'\nexport {default as UserIcon} from '@mui/icons-material/Person'\nexport {default as EmoticonIcon} from '@mui/icons-material/InsertEmoticon'\nexport {default as DisabledSelectionIcon} from '@mui/icons-material/RemoveDoneOutlined'\nexport {default as TagIcon} from '@mui/icons-material/Tag'\nexport {default as AudioIcon} from '@mui/icons-material/Audiotrack'\nexport {default as VideoIcon} from '@mui/icons-material/Videocam'\nexport {default as CodeIcon} from '@mui/icons-material/Code'\nexport {default as ChartIcon} from '@mui/icons-material/Equalizer'\nexport {default as TableIcon} from '@mui/icons-material/PivotTableChart'\nexport {default as SearchIcon} from '@mui/icons-material/Search'\nexport {default as DataObjectIcon} from '@mui/icons-material/DataObject'\nexport {default as A2ZIcon} from '@mui/icons-material/SortByAlpha'\nexport {default as ThumbUpIcon} from '@mui/icons-material/ThumbUp'\nexport {default as MoneyIcon} from '@mui/icons-material/AttachMoneyOutlined'\nexport {default as ServerIcon} from '@mui/icons-material/Storage'\nexport {default as CerticateIcon} from '@mui/icons-material/WorkspacePremium'\nexport {default as NumberIcon} from '@mui/icons-material/Numbers'\nexport {default as SumIcon} from '@mui/icons-material/Functions'\nexport {default as LightBulbIcon} from '@mui/icons-material/Lightbulb'\nexport {default as RotateIcon} from '@mui/icons-material/CropRotate'\nexport {default as ImageSzieScaleIcon} from '@mui/icons-material/PhotoSizeSelectLarge'\nexport {default as CollectionIcon} from '@mui/icons-material/CollectionsBookmark'\nexport {default as HistoryIcon} from '@mui/icons-material/Schedule'\nexport {default as StyleIcon} from '@mui/icons-material/Style'\nexport {default as ARHorizontalIcon} from '@mui/icons-material/Crop169'\nexport {default as ARSquareIcon} from '@mui/icons-material/CropSquare'\nexport {default as VoiceIcon} from '@mui/icons-material/GraphicEqRounded'\nexport {default as MemoryIcon} from '@mui/icons-material/MemoryRounded'\n\n// button\nexport {default as AddCircleIcon} from '@mui/icons-material/AddCircleOutlineRounded'\nexport {default as AddIcon} from '@mui/icons-material/Add'\nexport {default as CloseIcon} from '@mui/icons-material/Close'\nexport {default as ExpandMoreIcon} from '@mui/icons-material/ExpandMore'\nexport {default as AutorenewIcon} from '@mui/icons-material/Autorenew'\nexport {default as CheckCircleIcon} from '@mui/icons-material/CheckCircle'\nexport {default as MenuIcon} from '@mui/icons-material/Menu'\nexport {default as MoreIcon} from '@mui/icons-material/MoreVert'\nexport {default as MoreHorizIcon} from '@mui/icons-material/MoreHoriz'\nexport {default as CopyIcon} from '@mui/icons-material/ContentCopy'\nexport {default as PasteIcon} from '@mui/icons-material/ContentPaste'\nexport {default as CloudIcon} from '@mui/icons-material/Cloud'\nexport {default as DownloadIcon} from '@mui/icons-material/DownloadOutlined'\nexport {default as DownloadDoneIcon} from '@mui/icons-material/DownloadDoneOutlined'\nexport {default as StartIcon} from '@mui/icons-material/StarBorderOutlined'\nexport {default as DeleteIcon} from '@mui/icons-material/DeleteForever'\nexport {default as LayerClearIcon } from '@mui/icons-material/LayersClear'\nexport {default as CheckIcon } from '@mui/icons-material/Check'\nexport {default as CheckAllIcon } from '@mui/icons-material/DoneAll'\nexport {default as PowerIcon } from '@mui/icons-material/PowerSettingsNew'\nexport {default as SendIcon } from '@mui/icons-material/Send'\nexport {default as ZoomInIcon } from '@mui/icons-material/ZoomInMap'\nexport {default as ZoomOutIcon } from '@mui/icons-material/ZoomOutMap'\nexport {default as ToolIcon } from '@mui/icons-material/HomeRepairService'\nexport {default as ConstructionIcon } from '@mui/icons-material/Construction'\nexport {default as HelpIcon } from '@mui/icons-material/Help'\nexport {default as ReportIcon } from '@mui/icons-material/EmojiFlags'\nexport {default as EditIcon } from '@mui/icons-material/Edit'\nexport {default as ForkIcon } from '@mui/icons-material/ForkRight'\nexport {default as SettingIcon } from '@mui/icons-material/Settings'\nexport {default as RestoreIcon } from '@mui/icons-material/Restore'\nexport {default as EditListIcon } from '@mui/icons-material/EditNote'\nexport {default as HomeIcon } from '@mui/icons-material/HomeOutlined'\nexport {default as EnterRoomIcon } from '@mui/icons-material/ExitToAppOutlined'\nexport {default as SunIcon} from '@mui/icons-material/WbSunnyOutlined'\nexport {default as MoonIcon} from '@mui/icons-material/DarkModeOutlined'\nexport {default as AttachFileIcon} from '@mui/icons-material/AttachFileOutlined'\nexport {default as NoteAddIcon} from '@mui/icons-material/NoteAdd'\nexport {default as CloudUploadIcon} from '@mui/icons-material/CloudUpload'\nexport {default as DoubleRightArrowIcon} from '@mui/icons-material/KeyboardDoubleArrowRight'\nexport {default as DoubleLeftArrowIcon} from '@mui/icons-material/KeyboardDoubleArrowLeft'\nexport {default as DoubleArrowIcon} from '@mui/icons-material/KeyboardDoubleArrowRightRounded'\nexport {default as FitScreenIcon} from '@mui/icons-material/FitScreen'\nexport {default as FullscreenIcon} from '@mui/icons-material/Fullscreen'\nexport {default as TestIcon} from '@mui/icons-material/Biotech'\nexport {default as ShareIcon} from '@mui/icons-material/Share'\nexport {default as FilterIcon}  from '@mui/icons-material/FilterAlt'\nexport {default as SyncIcon} from '@mui/icons-material/Sync'\nexport {default as PlayIcon} from '@mui/icons-material/PlayArrow'\nexport {default as PauseIcon} from '@mui/icons-material/PauseOutlined'\nexport {default as RandomIcon} from '@mui/icons-material/Casino'\nexport {default as CoinIcon} from '@mui/icons-material/Paid'\nexport {default as SaveChangesIcon} from '@mui/icons-material/Save'\nexport {default as StopIcon} from '@mui/icons-material/StopRounded'\nexport {default as ReplayIcon}  from '@mui/icons-material/Replay'\nexport {default as TreeIcon} from '@mui/icons-material/AccountTree'\nexport {default as ClearIcon} from '@mui/icons-material/Close'\nexport {default as KeyboardArrowDownIcon} from '@mui/icons-material/KeyboardArrowDown'\nexport {default as KeyboardArrowRightIcon} from '@mui/icons-material/KeyboardArrowRight'\nexport {default as SearchRoundedIcon} from '@mui/icons-material/SearchRounded'\nexport {default as CloseRoundedIcon} from '@mui/icons-material/CloseRounded'\nexport {default as SortByAlphaRoundedIcon} from '@mui/icons-material/SortByAlphaRounded'\nexport {default as FilterAltOutlinedIcon} from '@mui/icons-material/FilterAltOutlined'\nexport {default as InboxOutlinedIcon} from '@mui/icons-material/InboxOutlined'\nexport {default as SearchOffIcon} from '@mui/icons-material/SearchOff'\nexport {default as ClearRoundedIcon} from '@mui/icons-material/ClearRounded'\nexport {default as ArrowDropDownRoundedIcon} from '@mui/icons-material/ArrowDropDownRounded'\n\n// login\nexport {default as AccountIcon} from '@mui/icons-material/AccountBox'\nexport {default as LogoutIcon} from '@mui/icons-material/Logout'\nexport {default as LoginIcon} from '@mui/icons-material/Login'\nexport {default as DashboardIcon} from '@mui/icons-material/Dashboard'\n\n//logo\nexport {default as WorkFlowIcon} from '@mui/icons-material/AccountTreeOutlined'\nexport {default as HelpOutlineIcon} from '@mui/icons-material/HelpOutline'\nexport {default as NavigateBeforeIcon} from '@mui/icons-material/NavigateBefore'\nexport {default as NavigateNextIcon} from '@mui/icons-material/NavigateNext'\nexport {default as PersonIcon} from '@mui/icons-material/Person'\nexport {default as CalendarTodayIcon} from '@mui/icons-material/CalendarToday'\nexport {default as ChatIcon} from '@mui/icons-material/QuestionAnswerOutlined'\nexport {default as TodayIcon} from '@mui/icons-material/Today'\nexport {default as DeleteForeverIcon} from '@mui/icons-material/DeleteForever'\n\nexport {default as AdsClickIcon} from '@mui/icons-material/AdsClick'\nexport {default as FingerprintIcon} from '@mui/icons-material/Fingerprint'\nexport {default as SportsEsportsOutlinedIcon} from '@mui/icons-material/SportsEsportsOutlined'\nexport {default as HelpOutlineRoundedIcon} from '@mui/icons-material/HelpOutlineRounded'\nexport {default as AccountTreeOutlinedIcon} from '@mui/icons-material/AccountTreeOutlined'\nexport {default as SmartToyOutlinedIcon} from '@mui/icons-material/SmartToyOutlined'\nexport {default as AcUnitIcon} from '@mui/icons-material/AcUnit'\nexport {default as LoopIcon} from '@mui/icons-material/Loop'\nexport {default as PendingIcon} from '@mui/icons-material/Pending'\nexport {default as AllInclusiveIcon} from '@mui/icons-material/AllInclusive'\nexport {default as WarningOutlinedIcon} from '@mui/icons-material/WarningOutlined'\nexport {default as InfoOutlinedIcon} from '@mui/icons-material/InfoOutlined'\nexport {default as AutoAwesomeRoundedIcon} from '@mui/icons-material/AutoAwesomeRounded'\nexport {default as ErrorOutlineOutlinedIcon} from '@mui/icons-material/ErrorOutlineOutlined'\nexport {default as DownloadFilledIcon} from '@mui/icons-material/Download'","import React from 'react'\nimport { ListItemButton, ListItemIcon } from '@/ele/List'\nimport { Checkbox } from '@/ele/Checkbox'\n\ntype value = string | number | undefined\n/**\n * This is a component of Mui TransferList\n */\nfunction CheckList({\n\tchildren,\n\tonClick,\n\tchecked,\n\tlabelId,\n\tvalue,\n\ttabIndex = -1,\n\tdisabled = false,\n\tdisableOpacity = 0.38,\n}: {\n\tchildren?: React.ReactNode;\n\tonClick?: React.Dispatch<React.SetStateAction<value>>;\n\tchecked?: boolean;\n\tlabelId?: string;\n\tvalue?: value;\n\ttabIndex?: number;\n\tdisabled?: boolean;\n\tdisableOpacity?: number;\n}) {\n\treturn (\n\t\t<ListItemButton\n\t\t\tkey={value}\n\t\t\trole=\"listitem\"\n\t\t\tonClick={onClick ? () => onClick(value) : undefined}\n\t\t\tdisabled={disabled}\n\t\t\tstyle={{\n\t\t\t\t'--op': disableOpacity,\n\t\t\t} as React.CSSProperties}\n\t\t\tsx={{\n\t\t\t\t\"&.MuiButtonBase-root.Mui-disabled\": {\n\t\t\t\t\topacity: \"var(--op)\",\n\t\t\t\t}\n\t\t\t}}\n\t\t>\n\t\t\t{!disabled && (\n\t\t\t\t<ListItemIcon>\n\t\t\t\t\t<Checkbox\n\t\t\t\t\t\tchecked={checked}\n\t\t\t\t\t\ttabIndex={tabIndex}\n\t\t\t\t\t\tdisableRipple\n\t\t\t\t\t\tsx={{ padding: \"0px\" }}\n\t\t\t\t\t\tslotProps={{\n\t\t\t\t\t\t\tinput: {\n\t\t\t\t\t\t\t\t'aria-labelledby': labelId,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</ListItemIcon>\n\t\t\t)}\n\t\t\t{children}\n\t\t</ListItemButton>\n\t)\n}\n\nexport default CheckList","import type { MuiComponentTheme } from '@/_utils/_types'\n\nexport const listItemIconTheme = {\n  styleOverrides: {\n    root: ()=>({\n      '--list-item-icon-color': 'var(--mui-palette-text-primary)',\n      color: 'var(--list-item-icon-color)',\n    }),\n  }\n\n} as const satisfies MuiComponentTheme<\"MuiListItemIcon\">\n\nexport const listItemTextTheme = {\n  styleOverrides: {\n    root: ()=>({\n    }),\n  }\n\n} as const satisfies MuiComponentTheme<\"MuiListItemText\">\n\nexport const listItemButtonTheme = {\n  styleOverrides: {\n    root: {\n      '--list-item-button-bg-hover': 'var(--mui-palette-background-hover-1)',\n      '--list-item-button-bg-ripple': 'color-mix(in lab, var(--list-item-button-bg-hover) 50%, var(--mui-palette-focus-1))',\n\n      \"&.MuiButtonBase-root.MuiListItemButton-root\":{\n        transition:\"none\",\n        // background:\"var(--mui-palette-background-hover-1)\",\n        \n        \"&:hover\":{\n          background:\"var(--list-item-button-bg-hover)\",\n        },\n        \"& .MuiTouchRipple-root\":{\n          color:\"var(--list-item-button-bg-ripple)\",\n        },\n      },\n    },\n  }\n\n} as const satisfies MuiComponentTheme<\"MuiListItemButton\">\n\nexport const listItemTheme = {\n  styleOverrides: {\n    root: {\n    },\n  }\n\n} as const satisfies MuiComponentTheme<\"MuiListItem\">\n\nexport const listItemSubheaderTheme = {\n  styleOverrides: {\n    root: {},\n  }\n\n} as const satisfies MuiComponentTheme<\"MuiListSubheader\">"],"mappings":"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","names":["import_List","MuiButton","import_PhotoSizeSelectLarge","import_Close","import_Person","import_DeleteForever","import_AccountTreeOutlined","import_jsx_runtime","import_jsx_runtime"]}

package/dist/list.mjs

@@ -0,0 +1,39 @@
+import {
+  TransferList,
+  default as default2,
+  default2 as default3,
+  default3 as default4,
+  default4 as default5,
+  default5 as default6,
+  default6 as default7,
+  listItemButtonTheme,
+  listItemIconTheme,
+  listItemSubheaderTheme,
+  listItemTextTheme,
+  listItemTheme
+} from "./chunk-TDRA5EZI.mjs";
+import "./chunk-3DQINB57.mjs";
+import "./chunk-BGB7JHIU.mjs";
+import "./chunk-T4X375IG.mjs";
+import "./chunk-I5JWS4Z7.mjs";
+import "./chunk-JIU5GVM7.mjs";
+import "./chunk-4Q54P737.mjs";
+import "./chunk-OP6LKXPA.mjs";
+import "./chunk-ZVFYOXDE.mjs";
+import "./chunk-S6EZVRZC.mjs";
+import "./chunk-FJ6ZGZIA.mjs";
+export {
+  default2 as List,
+  default7 as ListItem,
+  default6 as ListItemButton,
+  default4 as ListItemIcon,
+  default5 as ListItemText,
+  default3 as ListSubheader,
+  TransferList,
+  listItemButtonTheme,
+  listItemIconTheme,
+  listItemSubheaderTheme,
+  listItemTextTheme,
+  listItemTheme
+};
+//# sourceMappingURL=list.mjs.map

package/dist/list.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/loading.d.mts

@@ -0,0 +1,48 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps, CSSProperties } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+import Typography from '@mui/material/Typography';
+import Modal from '@mui/material/Modal';
+
+type LoadingTextColor = 'text' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | 'system' | 'insight';
+
+type LoadingTextProps = {
+    /** Single phrase, or a list that cycles. Default: "Loading". */
+    text?: string | readonly string[];
+    /** Milliseconds between phrase changes when `text` is a list. Default: 2200. */
+    interval?: number;
+    /** Trailing animated dots. Default: true. */
+    dots?: boolean;
+    /**
+     * When false, animation and dots stop and `readyText` (or the current
+     * phrase) is shown as settled copy. Default: true.
+     */
+    loading?: boolean;
+    /** Copy shown when `loading` is false. Falls back to the current phrase. */
+    readyText?: string;
+    /** Palette token. Recolor with `--text-hue`; optionally pin `--text-color` / `--text-pulse-color`. */
+    color?: LoadingTextColor;
+    variant?: ComponentProps<typeof Typography>['variant'];
+    sx?: SxProps<Theme>;
+};
+/**
+ * Animated status copy with a lighting shimmer.
+ * Phrase lists cycle while `loading` is true. Honors `prefers-reduced-motion`.
+ */
+declare function LoadingText({ text, interval, dots, loading, readyText, color, variant, sx, }: LoadingTextProps): react_jsx_runtime.JSX.Element;
+
+type LoadingVariant = 'circle' | 'hash' | 'text';
+type LoadingProps = {
+    variant?: LoadingVariant;
+    size?: CSSProperties['width'];
+} & Omit<LoadingTextProps, 'variant'>;
+declare function Loading(p: LoadingProps): react_jsx_runtime.JSX.Element;
+
+declare function LoadingModal({ open, slotProps, }: {
+    open: React.ComponentProps<typeof Modal>['open'];
+    slotProps?: {
+        loading?: React.ComponentProps<typeof Loading>;
+    };
+}): react_jsx_runtime.JSX.Element;
+
+export { Loading, LoadingModal, type LoadingProps, LoadingText, type LoadingTextColor, type LoadingTextProps, type LoadingVariant };

package/dist/loading.d.ts

@@ -0,0 +1,48 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps, CSSProperties } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+import Typography from '@mui/material/Typography';
+import Modal from '@mui/material/Modal';
+
+type LoadingTextColor = 'text' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | 'system' | 'insight';
+
+type LoadingTextProps = {
+    /** Single phrase, or a list that cycles. Default: "Loading". */
+    text?: string | readonly string[];
+    /** Milliseconds between phrase changes when `text` is a list. Default: 2200. */
+    interval?: number;
+    /** Trailing animated dots. Default: true. */
+    dots?: boolean;
+    /**
+     * When false, animation and dots stop and `readyText` (or the current
+     * phrase) is shown as settled copy. Default: true.
+     */
+    loading?: boolean;
+    /** Copy shown when `loading` is false. Falls back to the current phrase. */
+    readyText?: string;
+    /** Palette token. Recolor with `--text-hue`; optionally pin `--text-color` / `--text-pulse-color`. */
+    color?: LoadingTextColor;
+    variant?: ComponentProps<typeof Typography>['variant'];
+    sx?: SxProps<Theme>;
+};
+/**
+ * Animated status copy with a lighting shimmer.
+ * Phrase lists cycle while `loading` is true. Honors `prefers-reduced-motion`.
+ */
+declare function LoadingText({ text, interval, dots, loading, readyText, color, variant, sx, }: LoadingTextProps): react_jsx_runtime.JSX.Element;
+
+type LoadingVariant = 'circle' | 'hash' | 'text';
+type LoadingProps = {
+    variant?: LoadingVariant;
+    size?: CSSProperties['width'];
+} & Omit<LoadingTextProps, 'variant'>;
+declare function Loading(p: LoadingProps): react_jsx_runtime.JSX.Element;
+
+declare function LoadingModal({ open, slotProps, }: {
+    open: React.ComponentProps<typeof Modal>['open'];
+    slotProps?: {
+        loading?: React.ComponentProps<typeof Loading>;
+    };
+}): react_jsx_runtime.JSX.Element;
+
+export { Loading, LoadingModal, type LoadingProps, LoadingText, type LoadingTextColor, type LoadingTextProps, type LoadingVariant };

package/dist/loading.js

@@ -0,0 +1,383 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/elemental/Loading/index.ts
+var Loading_exports = {};
+__export(Loading_exports, {
+  Loading: () => Loading,
+  LoadingModal: () => LoadingModal,
+  LoadingText: () => LoadingText
+});
+module.exports = __toCommonJS(Loading_exports);
+
+// src/components/Icons/AnimatedIcon/AnimatedLoading/Icon.tsx
+var import_SvgIcon = __toESM(require("@mui/material/SvgIcon"));
+
+// src/components/Icons/AnimatedIcon/AnimatedLoading/loading.svg?react
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var SvgLoading = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeWidth: 2, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { strokeDasharray: 60, strokeDashoffset: 60, strokeOpacity: 0.3, d: "M12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3Z", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("animate", { fill: "freeze", attributeName: "stroke-dashoffset", dur: "1.3s", values: "60;0" }) }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("path", { strokeDasharray: 15, strokeDashoffset: 15, d: "M12 3C16.9706 3 21 7.02944 21 12", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("animate", { fill: "freeze", attributeName: "stroke-dashoffset", dur: "0.3s", values: "15;0" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("animateTransform", { attributeName: "transform", dur: "1.5s", repeatCount: "indefinite", type: "rotate", values: "0 12 12;360 12 12" })
+  ] })
+] }) });
+var loading_default = SvgLoading;
+
+// src/components/Icons/AnimatedIcon/AnimatedLoading/Icon.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Icon = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_SvgIcon.default, { ...props, component: loading_default, inheritViewBox: true });
+};
+var Icon_default = Icon;
+
+// src/components/Icons/AnimatedIcon/AnimatedPending/Icon.tsx
+var import_react_spinners = require("react-spinners");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function AnimatedPending({
+  color = "#ff2f7a",
+  size = 20,
+  loading = true
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_spinners.HashLoader, { color, loading, size });
+}
+
+// src/components/elemental/Loading/src/LoadingText.tsx
+var import_react = require("react");
+
+// src/_utils/_func/sx.ts
+function flattenSx(part) {
+  if (part == null || typeof part === "boolean") {
+    return [];
+  }
+  if (Array.isArray(part)) {
+    return part.flatMap(flattenSx);
+  }
+  if (typeof part === "function" || typeof part === "object") {
+    return [part];
+  }
+  return [];
+}
+function mergeSx(...parts) {
+  const list = parts.flatMap(flattenSx);
+  if (list.length === 0) {
+    return void 0;
+  }
+  if (list.length === 1) {
+    return list[0];
+  }
+  return list;
+}
+
+// src/components/elemental/Box/src/index.ts
+var import_Box = __toESM(require("@mui/material/Box"));
+var import_Stack = __toESM(require("@mui/material/Stack"));
+var import_Grid = __toESM(require("@mui/material/Grid"));
+
+// src/components/elemental/Typography/src/Typography.ts
+var import_Typography = __toESM(require("@mui/material/Typography"));
+
+// src/components/elemental/Loading/src/theme.ts
+var loadingTextToneVars = {
+  "--text-color": "color-mix(in lab, var(--text-hue) 72%, var(--mui-palette-text-secondary))",
+  "--text-pulse-color": "color-mix(in lab, var(--text-hue) 55%, var(--mui-palette-text-primary))"
+};
+var loadingTextColorVars = {
+  text: {
+    "--text-hue": "var(--mui-palette-text-secondary)"
+  },
+  primary: {
+    "--text-hue": "var(--mui-palette-primary-main)",
+    "--text-color": "var(--mui-palette-primary-dark)",
+    "--text-pulse-color": "var(--mui-palette-primary-light)"
+  },
+  secondary: {
+    "--text-hue": "var(--mui-palette-secondary-main)",
+    "--text-color": "var(--mui-palette-secondary-dark)",
+    "--text-pulse-color": "var(--mui-palette-secondary-light)"
+  },
+  error: {
+    "--text-hue": "var(--mui-palette-error-main)",
+    "--text-color": "var(--mui-palette-error-dark)",
+    "--text-pulse-color": "var(--mui-palette-error-light)"
+  },
+  info: {
+    "--text-hue": "var(--mui-palette-info-main)",
+    "--text-color": "var(--mui-palette-info-dark)",
+    "--text-pulse-color": "var(--mui-palette-info-light)"
+  },
+  success: {
+    "--text-hue": "var(--mui-palette-success-main)",
+    "--text-color": "var(--mui-palette-success-dark)",
+    "--text-pulse-color": "var(--mui-palette-success-light)"
+  },
+  warning: {
+    "--text-hue": "var(--mui-palette-warning-main)",
+    "--text-color": "var(--mui-palette-warning-dark)",
+    "--text-pulse-color": "var(--mui-palette-warning-light)"
+  },
+  system: {
+    "--text-hue": "var(--mui-palette-system-main)",
+    "--text-color": "var(--mui-palette-system-dark)",
+    "--text-pulse-color": "var(--mui-palette-system-light)"
+  },
+  insight: {
+    "--text-hue": "var(--mui-palette-insight-main)",
+    "--text-color": "var(--mui-palette-insight-dark)",
+    "--text-pulse-color": "var(--mui-palette-insight-light)"
+  }
+};
+
+// src/components/elemental/Loading/src/LoadingText.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var DEFAULT_TEXT = "Loading";
+function toPhrases(text) {
+  if (typeof text === "string") {
+    return [text];
+  }
+  return text.length > 0 ? [...text] : [DEFAULT_TEXT];
+}
+function phraseListKey(text) {
+  return typeof text === "string" ? text : text.join("\0");
+}
+var inheritTypeSx = {
+  font: "inherit",
+  fontSize: "inherit",
+  fontWeight: "inherit",
+  fontFamily: "inherit",
+  fontStyle: "inherit",
+  letterSpacing: "inherit",
+  lineHeight: "inherit"
+};
+function LoadingText({
+  text = DEFAULT_TEXT,
+  interval = 2200,
+  dots = true,
+  loading = true,
+  readyText,
+  color = "text",
+  variant = "body1",
+  sx
+}) {
+  const listKey = phraseListKey(text);
+  const phrases = (0, import_react.useMemo)(() => toPhrases(text), [text]);
+  const [index, setIndex] = (0, import_react.useState)(0);
+  const phraseIndex = phrases.length > 0 ? index % phrases.length : 0;
+  const phrase = loading ? phrases[phraseIndex] ?? DEFAULT_TEXT : readyText ?? phrases[phraseIndex] ?? DEFAULT_TEXT;
+  (0, import_react.useEffect)(() => {
+    setIndex(0);
+  }, [listKey]);
+  (0, import_react.useEffect)(() => {
+    if (!loading || phrases.length < 2) {
+      return;
+    }
+    const count = phrases.length;
+    const id = window.setInterval(() => {
+      setIndex((current) => (current + 1) % count);
+    }, Math.max(800, interval));
+    return () => window.clearInterval(id);
+  }, [interval, loading, listKey, phrases.length]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    import_Typography.default,
+    {
+      component: "span",
+      variant,
+      role: "status",
+      "aria-live": "polite",
+      "aria-busy": loading,
+      sx: mergeSx(
+        {
+          display: "inline-flex",
+          alignItems: "baseline",
+          gap: "0.08em",
+          ...loadingTextToneVars,
+          ...loadingTextColorVars[color] ?? loadingTextColorVars.text,
+          color: "var(--text-color)",
+          m: 0,
+          "@media (prefers-reduced-motion: reduce)": {
+            "& [data-loading-highlight]": {
+              display: "none"
+            }
+          }
+        },
+        sx
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(LoadingPhrase, { phrase, loading }),
+        loading && dots ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(LoadingDots, {}) : null
+      ]
+    }
+  );
+}
+function LoadingPhrase({ phrase, loading }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    import_Box.default,
+    {
+      component: "span",
+      "data-loading-text": "",
+      sx: {
+        ...inheritTypeSx,
+        display: "inline-block",
+        position: "relative",
+        color: "inherit"
+      },
+      children: [
+        phrase,
+        loading ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          import_Box.default,
+          {
+            component: "span",
+            "aria-hidden": true,
+            "data-loading-highlight": "",
+            sx: {
+              ...inheritTypeSx,
+              position: "absolute",
+              left: 0,
+              top: 0,
+              color: "var(--text-pulse-color)",
+              pointerEvents: "none",
+              maskImage: "linear-gradient(90deg, transparent 32%, #000 50%, transparent 68%)",
+              WebkitMaskImage: "linear-gradient(90deg, transparent 32%, #000 50%, transparent 68%)",
+              maskSize: "220% 100%",
+              WebkitMaskSize: "220% 100%",
+              maskRepeat: "no-repeat",
+              WebkitMaskRepeat: "no-repeat",
+              animation: "sduiLoadingTextShimmer 1.7s ease-in-out infinite",
+              "@keyframes sduiLoadingTextShimmer": {
+                "0%": {
+                  maskPosition: "120% 0",
+                  WebkitMaskPosition: "120% 0"
+                },
+                "100%": {
+                  maskPosition: "-20% 0",
+                  WebkitMaskPosition: "-20% 0"
+                }
+              }
+            },
+            children: phrase
+          }
+        ) : null
+      ]
+    },
+    `${loading}-${phrase}`
+  );
+}
+function LoadingDots() {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_Box.default,
+    {
+      component: "span",
+      "aria-hidden": true,
+      sx: {
+        ...inheritTypeSx,
+        display: "inline-flex",
+        width: "1.35em",
+        justifyContent: "flex-start",
+        letterSpacing: 0,
+        color: "var(--text-color)"
+      },
+      children: [0, 1, 2].map((dot) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        import_Box.default,
+        {
+          component: "span",
+          "data-loading-dot": "",
+          sx: {
+            ...inheritTypeSx,
+            animation: "sduiLoadingTextDot 1.05s ease-in-out infinite",
+            animationDelay: `${dot * 0.16}s`,
+            "@keyframes sduiLoadingTextDot": {
+              "0%, 80%, 100%": { opacity: 0.25, color: "var(--text-color)" },
+              "40%": { opacity: 1, color: "var(--text-pulse-color)" }
+            }
+          },
+          children: "."
+        },
+        dot
+      ))
+    }
+  );
+}
+var LoadingText_default = LoadingText;
+
+// src/components/elemental/Loading/src/Loading.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function Loading(p) {
+  const { variant = "circle", size = "50px", ...textProps } = p;
+  if (variant === "text") {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LoadingText_default, { ...textProps });
+  }
+  if (variant === "hash") {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AnimatedPending, { size });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    Icon_default,
+    {
+      sx: {
+        fontSize: size
+      }
+    }
+  );
+}
+
+// src/components/elemental/Modal/src/index.ts
+var import_Modal = __toESM(require("@mui/material/Modal"));
+
+// src/components/elemental/Loading/src/LoadingModal.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function LoadingModal({
+  open,
+  slotProps
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_Modal.default,
+    {
+      open,
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Box.default, { sx: {}, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        Loading,
+        {
+          size: "100px",
+          ...slotProps?.loading
+        }
+      ) })
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Loading,
+  LoadingModal,
+  LoadingText
+});
+//# sourceMappingURL=loading.js.map