@startdownnotez404/ui 1.0.0 → 1.3.5

package/dist/list.d.ts

@@ -0,0 +1,83 @@
+export { default as List } from '@mui/material/List';
+export { default as ListSubheader } from '@mui/material/ListSubheader';
+export { default as ListItemIcon } from '@mui/material/ListItemIcon';
+export { default as ListItemText } from '@mui/material/ListItemText';
+export { default as ListItemButton } from '@mui/material/ListItemButton';
+export { default as ListItem } from '@mui/material/ListItem';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+
+type Item<T = unknown> = {
+    value: T;
+    id: string;
+};
+/**
+ * Mui Transfer List
+ *
+ * [Doc](https://mui.com/material-ui/react-transfer-list/)
+ *
+ * @param addLeft - function to add item to left list from right list by passing the selected ids
+ * @param minusLeft - function to add item to right list from left list by passing the selected ids
+ */
+declare function TransferList<T>(props: {
+    leftProps: {
+        left: Item<T>[];
+        addLeft: (rightSelectedIds: string[]) => void;
+        minusLeft: (leftSelectedIds: string[]) => void;
+    };
+    rightProps: {
+        right: Item<T>[];
+    };
+    RenderLeft: React.ComponentType<{
+        value: Item<T>;
+    }>;
+    RenderRight: React.ComponentType<{
+        value: Item<T>;
+    }>;
+    leftTitle: string;
+    rightTitle: string;
+    disabled?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+declare const listItemIconTheme: {
+    readonly styleOverrides: {
+        readonly root: () => {
+            '--list-item-icon-color': string;
+            color: "var(--list-item-icon-color)";
+        };
+    };
+};
+declare const listItemTextTheme: {
+    readonly styleOverrides: {
+        readonly root: () => {};
+    };
+};
+declare const listItemButtonTheme: {
+    readonly styleOverrides: {
+        readonly root: {
+            readonly '--list-item-button-bg-hover': "var(--mui-palette-background-hover-1)";
+            readonly '--list-item-button-bg-ripple': "color-mix(in lab, var(--list-item-button-bg-hover) 50%, var(--mui-palette-focus-1))";
+            readonly "&.MuiButtonBase-root.MuiListItemButton-root": {
+                readonly transition: "none";
+                readonly "&:hover": {
+                    readonly background: "var(--list-item-button-bg-hover)";
+                };
+                readonly "& .MuiTouchRipple-root": {
+                    readonly color: "var(--list-item-button-bg-ripple)";
+                };
+            };
+        };
+    };
+};
+declare const listItemTheme: {
+    readonly styleOverrides: {
+        readonly root: {};
+    };
+};
+declare const listItemSubheaderTheme: {
+    readonly styleOverrides: {
+        readonly root: {};
+    };
+};
+
+export { TransferList, listItemButtonTheme, listItemIconTheme, listItemSubheaderTheme, listItemTextTheme, listItemTheme };

package/dist/list.js

@@ -0,0 +1,564 @@
+"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/List/index.ts
+var List_exports = {};
+__export(List_exports, {
+  List: () => import_List3.default,
+  ListItem: () => import_ListItem.default,
+  ListItemButton: () => import_ListItemButton.default,
+  ListItemIcon: () => import_ListItemIcon.default,
+  ListItemText: () => import_ListItemText.default,
+  ListSubheader: () => import_ListSubheader.default,
+  TransferList: () => TransferList,
+  listItemButtonTheme: () => listItemButtonTheme,
+  listItemIconTheme: () => listItemIconTheme,
+  listItemSubheaderTheme: () => listItemSubheaderTheme,
+  listItemTextTheme: () => listItemTextTheme,
+  listItemTheme: () => listItemTheme
+});
+module.exports = __toCommonJS(List_exports);
+
+// src/components/elemental/List/src/List/index.ts
+var import_List3 = __toESM(require("@mui/material/List"));
+var import_ListSubheader = __toESM(require("@mui/material/ListSubheader"));
+var import_ListItemIcon = __toESM(require("@mui/material/ListItemIcon"));
+var import_ListItemText = __toESM(require("@mui/material/ListItemText"));
+var import_ListItemButton = __toESM(require("@mui/material/ListItemButton"));
+var import_ListItem = __toESM(require("@mui/material/ListItem"));
+
+// src/components/elemental/List/src/List/TransferList.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/Card/src/Card/index.ts
+var import_Card = __toESM(require("@mui/material/Card"));
+var import_CardContent = __toESM(require("@mui/material/CardContent"));
+var import_CardHeader = __toESM(require("@mui/material/CardHeader"));
+var import_CardActions = __toESM(require("@mui/material/CardActions"));
+
+// src/components/elemental/Divider/src/index.ts
+var import_Divider = __toESM(require("@mui/material/Divider"));
+
+// src/components/elemental/Checkbox/src/Checkbox/index.ts
+var import_Checkbox = __toESM(require("@mui/material/Checkbox"));
+
+// src/components/elemental/Button/src/Button/Button.tsx
+var import_Button = __toESM(require("@mui/material/Button"));
+var import_jsx_runtime = require("react/jsx-runtime");
+function Button(p) {
+  const { children, slotProps, ...rest } = p;
+  const { sx, ...boxRest } = slotProps?.innerBox ?? {};
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.default, { ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_Box.default,
+    {
+      ...boxRest,
+      sx: mergeSx(
+        {
+          textOverflow: "ellipsis",
+          overflow: "hidden",
+          whiteSpace: "pre"
+        },
+        sx
+      ),
+      children
+    }
+  ) });
+}
+
+// src/components/Icons/MuiIcon/index.ts
+var import_ArrowRightAlt = __toESM(require("@mui/icons-material/ArrowRightAlt"));
+var import_DescriptionOutlined = __toESM(require("@mui/icons-material/DescriptionOutlined"));
+var import_Description = __toESM(require("@mui/icons-material/Description"));
+var import_PictureAsPdf = __toESM(require("@mui/icons-material/PictureAsPdf"));
+var import_AudioFile = __toESM(require("@mui/icons-material/AudioFile"));
+var import_VideoFile = __toESM(require("@mui/icons-material/VideoFile"));
+var import_TableChart = __toESM(require("@mui/icons-material/TableChart"));
+var import_FolderZip = __toESM(require("@mui/icons-material/FolderZip"));
+var import_InsertDriveFile = __toESM(require("@mui/icons-material/InsertDriveFile"));
+var import_ImageOutlined = __toESM(require("@mui/icons-material/ImageOutlined"));
+var import_LayersOutlined = __toESM(require("@mui/icons-material/LayersOutlined"));
+var import_TextFormat = __toESM(require("@mui/icons-material/TextFormat"));
+var import_Remove = __toESM(require("@mui/icons-material/Remove"));
+var import_PostAdd = __toESM(require("@mui/icons-material/PostAdd"));
+var import_ErrorOutline = __toESM(require("@mui/icons-material/ErrorOutline"));
+var import_QuestionMarkOutlined = __toESM(require("@mui/icons-material/QuestionMarkOutlined"));
+var import_MeetingRoomOutlined = __toESM(require("@mui/icons-material/MeetingRoomOutlined"));
+var import_PlaylistRemove = __toESM(require("@mui/icons-material/PlaylistRemove"));
+var import_ChecklistRtl = __toESM(require("@mui/icons-material/ChecklistRtl"));
+var import_HideImageOutlined = __toESM(require("@mui/icons-material/HideImageOutlined"));
+var import_RemoveRedEyeTwoTone = __toESM(require("@mui/icons-material/RemoveRedEyeTwoTone"));
+var import_PhotoSizeSelectLarge = __toESM(require("@mui/icons-material/PhotoSizeSelectLarge"));
+var import_LockPersonOutlined = __toESM(require("@mui/icons-material/LockPersonOutlined"));
+var import_Person = __toESM(require("@mui/icons-material/Person"));
+var import_InsertEmoticon = __toESM(require("@mui/icons-material/InsertEmoticon"));
+var import_RemoveDoneOutlined = __toESM(require("@mui/icons-material/RemoveDoneOutlined"));
+var import_Tag = __toESM(require("@mui/icons-material/Tag"));
+var import_Audiotrack = __toESM(require("@mui/icons-material/Audiotrack"));
+var import_Videocam = __toESM(require("@mui/icons-material/Videocam"));
+var import_Code = __toESM(require("@mui/icons-material/Code"));
+var import_Equalizer = __toESM(require("@mui/icons-material/Equalizer"));
+var import_PivotTableChart = __toESM(require("@mui/icons-material/PivotTableChart"));
+var import_Search = __toESM(require("@mui/icons-material/Search"));
+var import_DataObject = __toESM(require("@mui/icons-material/DataObject"));
+var import_SortByAlpha = __toESM(require("@mui/icons-material/SortByAlpha"));
+var import_ThumbUp = __toESM(require("@mui/icons-material/ThumbUp"));
+var import_AttachMoneyOutlined = __toESM(require("@mui/icons-material/AttachMoneyOutlined"));
+var import_Storage = __toESM(require("@mui/icons-material/Storage"));
+var import_WorkspacePremium = __toESM(require("@mui/icons-material/WorkspacePremium"));
+var import_Numbers = __toESM(require("@mui/icons-material/Numbers"));
+var import_Functions = __toESM(require("@mui/icons-material/Functions"));
+var import_Lightbulb = __toESM(require("@mui/icons-material/Lightbulb"));
+var import_CropRotate = __toESM(require("@mui/icons-material/CropRotate"));
+var import_PhotoSizeSelectLarge2 = __toESM(require("@mui/icons-material/PhotoSizeSelectLarge"));
+var import_CollectionsBookmark = __toESM(require("@mui/icons-material/CollectionsBookmark"));
+var import_Schedule = __toESM(require("@mui/icons-material/Schedule"));
+var import_Style = __toESM(require("@mui/icons-material/Style"));
+var import_Crop169 = __toESM(require("@mui/icons-material/Crop169"));
+var import_CropSquare = __toESM(require("@mui/icons-material/CropSquare"));
+var import_GraphicEqRounded = __toESM(require("@mui/icons-material/GraphicEqRounded"));
+var import_MemoryRounded = __toESM(require("@mui/icons-material/MemoryRounded"));
+var import_AddCircleOutlineRounded = __toESM(require("@mui/icons-material/AddCircleOutlineRounded"));
+var import_Add = __toESM(require("@mui/icons-material/Add"));
+var import_Close = __toESM(require("@mui/icons-material/Close"));
+var import_ExpandMore = __toESM(require("@mui/icons-material/ExpandMore"));
+var import_Autorenew = __toESM(require("@mui/icons-material/Autorenew"));
+var import_CheckCircle = __toESM(require("@mui/icons-material/CheckCircle"));
+var import_Menu = __toESM(require("@mui/icons-material/Menu"));
+var import_MoreVert = __toESM(require("@mui/icons-material/MoreVert"));
+var import_MoreHoriz = __toESM(require("@mui/icons-material/MoreHoriz"));
+var import_ContentCopy = __toESM(require("@mui/icons-material/ContentCopy"));
+var import_ContentPaste = __toESM(require("@mui/icons-material/ContentPaste"));
+var import_Cloud = __toESM(require("@mui/icons-material/Cloud"));
+var import_DownloadOutlined = __toESM(require("@mui/icons-material/DownloadOutlined"));
+var import_DownloadDoneOutlined = __toESM(require("@mui/icons-material/DownloadDoneOutlined"));
+var import_StarBorderOutlined = __toESM(require("@mui/icons-material/StarBorderOutlined"));
+var import_DeleteForever = __toESM(require("@mui/icons-material/DeleteForever"));
+var import_LayersClear = __toESM(require("@mui/icons-material/LayersClear"));
+var import_Check = __toESM(require("@mui/icons-material/Check"));
+var import_DoneAll = __toESM(require("@mui/icons-material/DoneAll"));
+var import_PowerSettingsNew = __toESM(require("@mui/icons-material/PowerSettingsNew"));
+var import_Send = __toESM(require("@mui/icons-material/Send"));
+var import_ZoomInMap = __toESM(require("@mui/icons-material/ZoomInMap"));
+var import_ZoomOutMap = __toESM(require("@mui/icons-material/ZoomOutMap"));
+var import_HomeRepairService = __toESM(require("@mui/icons-material/HomeRepairService"));
+var import_Construction = __toESM(require("@mui/icons-material/Construction"));
+var import_Help = __toESM(require("@mui/icons-material/Help"));
+var import_EmojiFlags = __toESM(require("@mui/icons-material/EmojiFlags"));
+var import_Edit = __toESM(require("@mui/icons-material/Edit"));
+var import_ForkRight = __toESM(require("@mui/icons-material/ForkRight"));
+var import_Settings = __toESM(require("@mui/icons-material/Settings"));
+var import_Restore = __toESM(require("@mui/icons-material/Restore"));
+var import_EditNote = __toESM(require("@mui/icons-material/EditNote"));
+var import_HomeOutlined = __toESM(require("@mui/icons-material/HomeOutlined"));
+var import_ExitToAppOutlined = __toESM(require("@mui/icons-material/ExitToAppOutlined"));
+var import_WbSunnyOutlined = __toESM(require("@mui/icons-material/WbSunnyOutlined"));
+var import_DarkModeOutlined = __toESM(require("@mui/icons-material/DarkModeOutlined"));
+var import_AttachFileOutlined = __toESM(require("@mui/icons-material/AttachFileOutlined"));
+var import_NoteAdd = __toESM(require("@mui/icons-material/NoteAdd"));
+var import_CloudUpload = __toESM(require("@mui/icons-material/CloudUpload"));
+var import_KeyboardDoubleArrowRight = __toESM(require("@mui/icons-material/KeyboardDoubleArrowRight"));
+var import_KeyboardDoubleArrowLeft = __toESM(require("@mui/icons-material/KeyboardDoubleArrowLeft"));
+var import_KeyboardDoubleArrowRightRounded = __toESM(require("@mui/icons-material/KeyboardDoubleArrowRightRounded"));
+var import_FitScreen = __toESM(require("@mui/icons-material/FitScreen"));
+var import_Fullscreen = __toESM(require("@mui/icons-material/Fullscreen"));
+var import_Biotech = __toESM(require("@mui/icons-material/Biotech"));
+var import_Share = __toESM(require("@mui/icons-material/Share"));
+var import_FilterAlt = __toESM(require("@mui/icons-material/FilterAlt"));
+var import_Sync = __toESM(require("@mui/icons-material/Sync"));
+var import_PlayArrow = __toESM(require("@mui/icons-material/PlayArrow"));
+var import_PauseOutlined = __toESM(require("@mui/icons-material/PauseOutlined"));
+var import_Casino = __toESM(require("@mui/icons-material/Casino"));
+var import_Paid = __toESM(require("@mui/icons-material/Paid"));
+var import_Save = __toESM(require("@mui/icons-material/Save"));
+var import_StopRounded = __toESM(require("@mui/icons-material/StopRounded"));
+var import_Replay = __toESM(require("@mui/icons-material/Replay"));
+var import_AccountTree = __toESM(require("@mui/icons-material/AccountTree"));
+var import_Close2 = __toESM(require("@mui/icons-material/Close"));
+var import_KeyboardArrowDown = __toESM(require("@mui/icons-material/KeyboardArrowDown"));
+var import_KeyboardArrowRight = __toESM(require("@mui/icons-material/KeyboardArrowRight"));
+var import_SearchRounded = __toESM(require("@mui/icons-material/SearchRounded"));
+var import_CloseRounded = __toESM(require("@mui/icons-material/CloseRounded"));
+var import_SortByAlphaRounded = __toESM(require("@mui/icons-material/SortByAlphaRounded"));
+var import_FilterAltOutlined = __toESM(require("@mui/icons-material/FilterAltOutlined"));
+var import_InboxOutlined = __toESM(require("@mui/icons-material/InboxOutlined"));
+var import_SearchOff = __toESM(require("@mui/icons-material/SearchOff"));
+var import_ClearRounded = __toESM(require("@mui/icons-material/ClearRounded"));
+var import_ArrowDropDownRounded = __toESM(require("@mui/icons-material/ArrowDropDownRounded"));
+var import_AccountBox = __toESM(require("@mui/icons-material/AccountBox"));
+var import_Logout = __toESM(require("@mui/icons-material/Logout"));
+var import_Login = __toESM(require("@mui/icons-material/Login"));
+var import_Dashboard = __toESM(require("@mui/icons-material/Dashboard"));
+var import_AccountTreeOutlined = __toESM(require("@mui/icons-material/AccountTreeOutlined"));
+var import_HelpOutline = __toESM(require("@mui/icons-material/HelpOutline"));
+var import_NavigateBefore = __toESM(require("@mui/icons-material/NavigateBefore"));
+var import_NavigateNext = __toESM(require("@mui/icons-material/NavigateNext"));
+var import_Person2 = __toESM(require("@mui/icons-material/Person"));
+var import_CalendarToday = __toESM(require("@mui/icons-material/CalendarToday"));
+var import_QuestionAnswerOutlined = __toESM(require("@mui/icons-material/QuestionAnswerOutlined"));
+var import_Today = __toESM(require("@mui/icons-material/Today"));
+var import_DeleteForever2 = __toESM(require("@mui/icons-material/DeleteForever"));
+var import_AdsClick = __toESM(require("@mui/icons-material/AdsClick"));
+var import_Fingerprint = __toESM(require("@mui/icons-material/Fingerprint"));
+var import_SportsEsportsOutlined = __toESM(require("@mui/icons-material/SportsEsportsOutlined"));
+var import_HelpOutlineRounded = __toESM(require("@mui/icons-material/HelpOutlineRounded"));
+var import_AccountTreeOutlined2 = __toESM(require("@mui/icons-material/AccountTreeOutlined"));
+var import_SmartToyOutlined = __toESM(require("@mui/icons-material/SmartToyOutlined"));
+var import_AcUnit = __toESM(require("@mui/icons-material/AcUnit"));
+var import_Loop = __toESM(require("@mui/icons-material/Loop"));
+var import_Pending = __toESM(require("@mui/icons-material/Pending"));
+var import_AllInclusive = __toESM(require("@mui/icons-material/AllInclusive"));
+var import_WarningOutlined = __toESM(require("@mui/icons-material/WarningOutlined"));
+var import_InfoOutlined = __toESM(require("@mui/icons-material/InfoOutlined"));
+var import_AutoAwesomeRounded = __toESM(require("@mui/icons-material/AutoAwesomeRounded"));
+var import_ErrorOutlineOutlined = __toESM(require("@mui/icons-material/ErrorOutlineOutlined"));
+var import_Download = __toESM(require("@mui/icons-material/Download"));
+
+// src/components/elemental/List/src/List/CheckList.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function CheckList({
+  children,
+  onClick,
+  checked,
+  labelId,
+  value,
+  tabIndex = -1,
+  disabled = false,
+  disableOpacity = 0.38
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    import_ListItemButton.default,
+    {
+      role: "listitem",
+      onClick: onClick ? () => onClick(value) : void 0,
+      disabled,
+      style: {
+        "--op": disableOpacity
+      },
+      sx: {
+        "&.MuiButtonBase-root.Mui-disabled": {
+          opacity: "var(--op)"
+        }
+      },
+      children: [
+        !disabled && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ListItemIcon.default, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_Checkbox.default,
+          {
+            checked,
+            tabIndex,
+            disableRipple: true,
+            sx: { padding: "0px" },
+            slotProps: {
+              input: {
+                "aria-labelledby": labelId
+              }
+            }
+          }
+        ) }),
+        children
+      ]
+    },
+    value
+  );
+}
+var CheckList_default = CheckList;
+
+// src/components/elemental/List/src/List/TransferList.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var indexKey = "id";
+function TransferList(props) {
+  const {
+    leftProps,
+    rightProps,
+    RenderLeft,
+    RenderRight,
+    leftTitle = "Left",
+    rightTitle = "Right",
+    disabled = false
+  } = props;
+  const [checked, setChecked] = (0, import_react.useState)([]);
+  const { left, addLeft, minusLeft } = leftProps;
+  const { right } = rightProps;
+  const leftChecked = intersection(checked, left);
+  const rightChecked = intersection(checked, right);
+  const handleToggle = (value) => () => {
+    const id = value[indexKey];
+    const currentIndex = checked.indexOf(id);
+    const newChecked = [...checked];
+    if (currentIndex === -1) {
+      newChecked.push(id);
+    } else {
+      newChecked.splice(currentIndex, 1);
+    }
+    setChecked(newChecked);
+  };
+  const numberOfChecked = (items) => intersection(checked, items).length;
+  const handleToggleAll = (items) => () => {
+    if (numberOfChecked(items) === items.length) {
+      setChecked(not(checked, items));
+    } else {
+      setChecked(union(checked, items));
+    }
+  };
+  const handleCheckedRight = () => {
+    minusLeft(leftChecked);
+    setChecked(not(checked, leftChecked.map((id) => left.find((item) => item.id === id))));
+  };
+  const handleCheckedLeft = () => {
+    addLeft(rightChecked);
+    setChecked(not(checked, rightChecked.map((id) => right.find((item) => item.id === id))));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_Grid.default, { container: true, spacing: 2, justifyContent: "center", alignItems: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_Grid.default, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      CustomList,
+      {
+        title: leftTitle,
+        items: left,
+        Renderer: RenderLeft,
+        handleToggleAll,
+        handleToggle,
+        numberOfChecked,
+        disabled,
+        checked
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      TransferButton,
+      {
+        disabled,
+        leftChecked,
+        rightChecked,
+        handleCheckedLeft,
+        handleCheckedRight
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_Grid.default, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      CustomList,
+      {
+        title: rightTitle,
+        items: right,
+        Renderer: RenderRight,
+        handleToggleAll,
+        handleToggle,
+        numberOfChecked,
+        disabled,
+        checked
+      }
+    ) })
+  ] });
+}
+function not(a, b) {
+  const aIds = [...a];
+  const bIds = b.map((value) => value.id);
+  return aIds.filter((value) => bIds.indexOf(value) === -1);
+}
+function intersection(a, b) {
+  const aIds = [...a];
+  const bIds = b.map((value) => value.id);
+  return aIds.filter((value) => bIds.indexOf(value) !== -1);
+}
+function union(a, b) {
+  const aIds = [...a];
+  const bIds = b.map((value) => value.id);
+  return [.../* @__PURE__ */ new Set([...aIds, ...bIds])];
+}
+function TransferButton({
+  handleCheckedLeft,
+  handleCheckedRight,
+  leftChecked,
+  rightChecked,
+  disabled
+}) {
+  if (disabled) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_Grid.default, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_Grid.default, { container: true, direction: "column", alignItems: "center", sx: { gap: 1 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Button, { size: "small", onClick: handleCheckedRight, disabled: leftChecked.length === 0, endIcon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_KeyboardDoubleArrowRightRounded.default, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Button, { size: "small", onClick: handleCheckedLeft, disabled: rightChecked.length === 0, startIcon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_KeyboardDoubleArrowRightRounded.default, { sx: { transform: "rotate(180deg)" } }) })
+  ] }) });
+}
+function CustomList(props) {
+  const {
+    title,
+    items,
+    Renderer,
+    handleToggleAll,
+    handleToggle,
+    numberOfChecked,
+    disabled,
+    checked
+  } = props;
+  const cardHeaderAvatar = disabled ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_Checkbox.default,
+    {
+      onClick: handleToggleAll(items),
+      checked: numberOfChecked(items) === items.length && items.length !== 0,
+      indeterminate: numberOfChecked(items) !== items.length && numberOfChecked(items) !== 0,
+      disabled: items.length === 0,
+      slotProps: {
+        input: {
+          "aria-label": "all items selected"
+        }
+      }
+    }
+  );
+  const subheader = disabled ? "" : `${numberOfChecked(items)}/${items.length} selected`;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_Card.default, { sx: {
+    "&.MuiCard-root": { backgroundColor: "transparent" }
+  }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_CardHeader.default,
+      {
+        sx: {
+          px: 2,
+          py: 1
+        },
+        avatar: cardHeaderAvatar,
+        title,
+        subheader
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_Divider.default, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_List3.default,
+      {
+        sx: {
+          width: 200,
+          height: 230,
+          backgroundColor: "transparent",
+          overflow: "auto"
+        },
+        dense: true,
+        component: "div",
+        role: "list",
+        children: items.map((value) => {
+          const labelId = `transfer-list-all-item-${value}-label`;
+          return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            CheckList_default,
+            {
+              disabled,
+              disableOpacity: 1,
+              checked: checked.indexOf(value[indexKey]) !== -1,
+              labelId,
+              value: value[indexKey],
+              onClick: handleToggle(value),
+              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Renderer, { value })
+            },
+            value[indexKey]
+          );
+        })
+      }
+    )
+  ] });
+}
+
+// src/components/elemental/List/src/List/theme.ts
+var listItemIconTheme = {
+  styleOverrides: {
+    root: () => ({
+      "--list-item-icon-color": "var(--mui-palette-text-primary)",
+      color: "var(--list-item-icon-color)"
+    })
+  }
+};
+var listItemTextTheme = {
+  styleOverrides: {
+    root: () => ({})
+  }
+};
+var listItemButtonTheme = {
+  styleOverrides: {
+    root: {
+      "--list-item-button-bg-hover": "var(--mui-palette-background-hover-1)",
+      "--list-item-button-bg-ripple": "color-mix(in lab, var(--list-item-button-bg-hover) 50%, var(--mui-palette-focus-1))",
+      "&.MuiButtonBase-root.MuiListItemButton-root": {
+        transition: "none",
+        // background:"var(--mui-palette-background-hover-1)",
+        "&:hover": {
+          background: "var(--list-item-button-bg-hover)"
+        },
+        "& .MuiTouchRipple-root": {
+          color: "var(--list-item-button-bg-ripple)"
+        }
+      }
+    }
+  }
+};
+var listItemTheme = {
+  styleOverrides: {
+    root: {}
+  }
+};
+var listItemSubheaderTheme = {
+  styleOverrides: {
+    root: {}
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  List,
+  ListItem,
+  ListItemButton,
+  ListItemIcon,
+  ListItemText,
+  ListSubheader,
+  TransferList,
+  listItemButtonTheme,
+  listItemIconTheme,
+  listItemSubheaderTheme,
+  listItemTextTheme,
+  listItemTheme
+});
+//# sourceMappingURL=list.js.map