@startdownnotez404/ui 1.0.0 → 1.3.5

package/dist/autocomplete.js

@@ -0,0 +1,2052 @@
+"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 __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+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/_utils/_func/array.ts
+function sortByCondi(array, key, condition, reverse = false) {
+  const anchor = reverse ? -1 : 1;
+  const sorted = [...array];
+  sorted.sort((a, b) => {
+    if (condition(a[key], b[key])) {
+      return -anchor;
+    } else {
+      return anchor;
+    }
+  });
+  return sorted;
+}
+function sortByKey(array, key, reverse = false) {
+  const condi = (a, b) => {
+    return a < b;
+  };
+  const sorted = sortByCondi(array, key, condi, reverse);
+  return sorted;
+}
+var init_array = __esm({
+  "src/_utils/_func/array.ts"() {
+    "use strict";
+  }
+});
+
+// src/_utils/_func/random.ts
+function randomStrGenerator(length = 20) {
+  let result = "";
+  const characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+  for (let i = 0; i < length; i++) {
+    result += characters.charAt(Math.floor(Math.random() * characters.length));
+  }
+  return result;
+}
+var init_random = __esm({
+  "src/_utils/_func/random.ts"() {
+    "use strict";
+  }
+});
+
+// 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;
+}
+var init_sx = __esm({
+  "src/_utils/_func/sx.ts"() {
+    "use strict";
+  }
+});
+
+// src/_utils/_func/index.ts
+var init_func = __esm({
+  "src/_utils/_func/index.ts"() {
+    "use strict";
+    init_array();
+    init_random();
+    init_sx();
+  }
+});
+
+// src/components/elemental/Box/src/BorderBox/index.ts
+var init_BorderBox = __esm({
+  "src/components/elemental/Box/src/BorderBox/index.ts"() {
+    "use strict";
+  }
+});
+
+// src/components/elemental/Box/src/index.ts
+var import_Box, import_Stack, import_Grid;
+var init_src = __esm({
+  "src/components/elemental/Box/src/index.ts"() {
+    "use strict";
+    init_BorderBox();
+    import_Box = __toESM(require("@mui/material/Box"));
+    import_Stack = __toESM(require("@mui/material/Stack"));
+    import_Grid = __toESM(require("@mui/material/Grid"));
+  }
+});
+
+// src/components/elemental/Box/index.ts
+var init_Box = __esm({
+  "src/components/elemental/Box/index.ts"() {
+    "use strict";
+    init_src();
+  }
+});
+
+// src/components/elemental/Typography/src/Typography.ts
+var import_Typography;
+var init_Typography = __esm({
+  "src/components/elemental/Typography/src/Typography.ts"() {
+    "use strict";
+    import_Typography = __toESM(require("@mui/material/Typography"));
+  }
+});
+
+// src/components/elemental/Typography/src/Variants.tsx
+var import_Typography2, import_jsx_runtime;
+var init_Variants = __esm({
+  "src/components/elemental/Typography/src/Variants.tsx"() {
+    "use strict";
+    import_Typography2 = __toESM(require("@mui/material/Typography"));
+    import_jsx_runtime = require("react/jsx-runtime");
+  }
+});
+
+// src/components/elemental/Typography/src/theme.ts
+var init_theme = __esm({
+  "src/components/elemental/Typography/src/theme.ts"() {
+    "use strict";
+  }
+});
+
+// src/components/elemental/Typography/src/index.ts
+var init_src2 = __esm({
+  "src/components/elemental/Typography/src/index.ts"() {
+    "use strict";
+    init_Typography();
+    init_Variants();
+    init_theme();
+  }
+});
+
+// src/components/elemental/Typography/index.ts
+var init_Typography2 = __esm({
+  "src/components/elemental/Typography/index.ts"() {
+    "use strict";
+    init_src2();
+  }
+});
+
+// src/components/elemental/Button/src/Button/Button.tsx
+function Button(p) {
+  const { children, slotProps, ...rest } = p;
+  const { sx, ...boxRest } = slotProps?.innerBox ?? {};
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Button.default, { ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_Box.default,
+    {
+      ...boxRest,
+      sx: mergeSx(
+        {
+          textOverflow: "ellipsis",
+          overflow: "hidden",
+          whiteSpace: "pre"
+        },
+        sx
+      ),
+      children
+    }
+  ) });
+}
+var import_Button, import_jsx_runtime2;
+var init_Button = __esm({
+  "src/components/elemental/Button/src/Button/Button.tsx"() {
+    "use strict";
+    import_Button = __toESM(require("@mui/material/Button"));
+    init_Box();
+    init_func();
+    import_jsx_runtime2 = require("react/jsx-runtime");
+  }
+});
+
+// src/components/elemental/Button/src/Button/themes.ts
+var init_themes = __esm({
+  "src/components/elemental/Button/src/Button/themes.ts"() {
+    "use strict";
+  }
+});
+
+// src/components/elemental/Button/src/Button/index.ts
+var init_Button2 = __esm({
+  "src/components/elemental/Button/src/Button/index.ts"() {
+    "use strict";
+    init_Button();
+    init_themes();
+  }
+});
+
+// src/components/elemental/Tooltip/src/Tooltip/theme.tsx
+var init_theme2 = __esm({
+  "src/components/elemental/Tooltip/src/Tooltip/theme.tsx"() {
+    "use strict";
+  }
+});
+
+// src/components/elemental/Tooltip/src/Tooltip/index.ts
+var import_Tooltip;
+var init_Tooltip = __esm({
+  "src/components/elemental/Tooltip/src/Tooltip/index.ts"() {
+    "use strict";
+    import_Tooltip = __toESM(require("@mui/material/Tooltip"));
+    init_theme2();
+  }
+});
+
+// src/components/elemental/Tooltip/src/index.ts
+var init_src3 = __esm({
+  "src/components/elemental/Tooltip/src/index.ts"() {
+    "use strict";
+    init_Tooltip();
+  }
+});
+
+// src/components/elemental/Tooltip/index.ts
+var init_Tooltip2 = __esm({
+  "src/components/elemental/Tooltip/index.ts"() {
+    "use strict";
+    init_src3();
+  }
+});
+
+// src/components/elemental/Button/src/IconButton/IconButton.tsx
+var import_react, import_IconButton, import_jsx_runtime3, IconButton, IconButton_default;
+var init_IconButton = __esm({
+  "src/components/elemental/Button/src/IconButton/IconButton.tsx"() {
+    "use strict";
+    "use client";
+    import_react = require("react");
+    import_IconButton = __toESM(require("@mui/material/IconButton"));
+    init_Tooltip2();
+    init_Box();
+    import_jsx_runtime3 = require("react/jsx-runtime");
+    IconButton = (0, import_react.forwardRef)(({
+      title = "",
+      children,
+      color,
+      size,
+      slotProps,
+      selected,
+      className,
+      ...props
+    }, ref) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_Tooltip.default,
+        {
+          title,
+          slotProps: {
+            popper: {
+              sx: {
+                textTransform: "capitalize"
+              }
+            },
+            ...slotProps?.tooltip
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_Box.default, { component: "span", sx: { width: "fit-content" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            import_IconButton.default,
+            {
+              ref,
+              color,
+              size,
+              className: [className, selected ? "Mui-selected" : ""].filter(Boolean).join(" "),
+              ...props,
+              children
+            }
+          ) })
+        }
+      );
+    });
+    IconButton_default = IconButton;
+  }
+});
+
+// src/components/elemental/Button/src/IconButton/theme.ts
+var init_theme3 = __esm({
+  "src/components/elemental/Button/src/IconButton/theme.ts"() {
+    "use strict";
+  }
+});
+
+// src/components/elemental/Button/src/IconButton/index.ts
+var init_IconButton2 = __esm({
+  "src/components/elemental/Button/src/IconButton/index.ts"() {
+    "use strict";
+    init_IconButton();
+    init_theme3();
+  }
+});
+
+// src/components/elemental/Chip/src/Chip/Chip.tsx
+function Chip({ color = "default", ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_Chip.default, { ...props, color });
+}
+var import_Chip, import_jsx_runtime4;
+var init_Chip = __esm({
+  "src/components/elemental/Chip/src/Chip/Chip.tsx"() {
+    "use strict";
+    import_Chip = __toESM(require("@mui/material/Chip"));
+    import_jsx_runtime4 = require("react/jsx-runtime");
+  }
+});
+
+// src/components/elemental/Chip/src/Chip/themes.ts
+var init_themes2 = __esm({
+  "src/components/elemental/Chip/src/Chip/themes.ts"() {
+    "use strict";
+  }
+});
+
+// src/components/elemental/Chip/src/Chip/index.ts
+var init_Chip2 = __esm({
+  "src/components/elemental/Chip/src/Chip/index.ts"() {
+    "use strict";
+    init_Chip();
+    init_themes2();
+  }
+});
+
+// src/components/elemental/Chip/src/index.ts
+var init_src4 = __esm({
+  "src/components/elemental/Chip/src/index.ts"() {
+    "use strict";
+    init_Chip2();
+  }
+});
+
+// src/components/elemental/Chip/index.ts
+var init_Chip3 = __esm({
+  "src/components/elemental/Chip/index.ts"() {
+    "use strict";
+    init_src4();
+  }
+});
+
+// src/components/elemental/Button/src/TagButton/theme.ts
+var tagButtonVars;
+var init_theme4 = __esm({
+  "src/components/elemental/Button/src/TagButton/theme.ts"() {
+    "use strict";
+    tagButtonVars = {
+      "--tag-color": "var(--mui-palette-text-grey-1)",
+      "--tag-bg": "var(--mui-palette-background-grey-1)",
+      "--tag-bg-hover": "var(--mui-palette-focus-soft-1)"
+    };
+  }
+});
+
+// src/components/elemental/Button/src/TagButton/TagButton.tsx
+var import_styles, TagButton, TagButton_default;
+var init_TagButton = __esm({
+  "src/components/elemental/Button/src/TagButton/TagButton.tsx"() {
+    "use strict";
+    "use client";
+    init_Chip3();
+    import_styles = require("@mui/material/styles");
+    init_theme4();
+    TagButton = (0, import_styles.styled)(Chip, {})(() => ({
+      ...tagButtonVars,
+      "&.MuiChip-root": {
+        maxWidth: "fit-content",
+        textTransform: "lowercase",
+        color: "var(--tag-color)",
+        fontStyle: "italic",
+        padding: "2px 4px",
+        border: "none",
+        borderRadius: "var(--mui-shape-borderRadius)",
+        // use theme shape token
+        fontSize: "12px",
+        lineHeight: "16px",
+        height: "auto",
+        width: "auto",
+        boxShadow: "none",
+        gap: "2px",
+        background: "var(--tag-bg)",
+        transition: "none",
+        borderWidth: "0px",
+        "&.MuiChip-clickable:hover": {
+          background: "var(--tag-bg-hover)",
+          boxShadow: "none"
+        },
+        "& .MuiChip-icon": {
+          color: "var(--tag-color)",
+          fontSize: "1rem",
+          margin: "0",
+          padding: "0"
+        },
+        "& .MuiChip-label": {
+          padding: "0 1px",
+          margin: "0",
+          marginRight: "4px"
+        },
+        "& .MuiChip-deleteIcon": {
+          fontSize: "1rem",
+          borderRadius: "50%",
+          color: "var(--tag-color)",
+          margin: "0"
+        },
+        "& .MuiSvgIcon-root": {
+          fontSize: "1em"
+        }
+      }
+    }));
+    TagButton_default = TagButton;
+  }
+});
+
+// src/components/elemental/Button/src/TagButton/index.ts
+var init_TagButton2 = __esm({
+  "src/components/elemental/Button/src/TagButton/index.ts"() {
+    "use strict";
+    init_TagButton();
+  }
+});
+
+// src/components/elemental/Button/src/index.ts
+var init_src5 = __esm({
+  "src/components/elemental/Button/src/index.ts"() {
+    "use strict";
+    init_Button2();
+    init_IconButton2();
+    init_TagButton2();
+  }
+});
+
+// src/components/elemental/Button/index.ts
+var init_Button3 = __esm({
+  "src/components/elemental/Button/index.ts"() {
+    "use strict";
+    init_src5();
+  }
+});
+
+// src/components/elemental/Overlay/src/index.ts
+var import_ClickAwayListener, import_Popper;
+var init_src6 = __esm({
+  "src/components/elemental/Overlay/src/index.ts"() {
+    "use strict";
+    import_ClickAwayListener = __toESM(require("@mui/material/ClickAwayListener"));
+    import_Popper = __toESM(require("@mui/material/Popper"));
+  }
+});
+
+// src/components/elemental/Overlay/index.ts
+var init_Overlay = __esm({
+  "src/components/elemental/Overlay/index.ts"() {
+    "use strict";
+    init_src6();
+  }
+});
+
+// src/components/Icons/MuiIcon/index.ts
+var import_ArrowRightAlt, import_DescriptionOutlined, import_Description, import_PictureAsPdf, import_AudioFile, import_VideoFile, import_TableChart, import_FolderZip, import_InsertDriveFile, import_ImageOutlined, import_LayersOutlined, import_TextFormat, import_Remove, import_PostAdd, import_ErrorOutline, import_QuestionMarkOutlined, import_MeetingRoomOutlined, import_PlaylistRemove, import_ChecklistRtl, import_HideImageOutlined, import_RemoveRedEyeTwoTone, import_PhotoSizeSelectLarge, import_LockPersonOutlined, import_Person, import_InsertEmoticon, import_RemoveDoneOutlined, import_Tag, import_Audiotrack, import_Videocam, import_Code, import_Equalizer, import_PivotTableChart, import_Search, import_DataObject, import_SortByAlpha, import_ThumbUp, import_AttachMoneyOutlined, import_Storage, import_WorkspacePremium, import_Numbers, import_Functions, import_Lightbulb, import_CropRotate, import_PhotoSizeSelectLarge2, import_CollectionsBookmark, import_Schedule, import_Style, import_Crop169, import_CropSquare, import_GraphicEqRounded, import_MemoryRounded, import_AddCircleOutlineRounded, import_Add, import_Close, import_ExpandMore, import_Autorenew, import_CheckCircle, import_Menu, import_MoreVert, import_MoreHoriz, import_ContentCopy, import_ContentPaste, import_Cloud, import_DownloadOutlined, import_DownloadDoneOutlined, import_StarBorderOutlined, import_DeleteForever, import_LayersClear, import_Check, import_DoneAll, import_PowerSettingsNew, import_Send, import_ZoomInMap, import_ZoomOutMap, import_HomeRepairService, import_Construction, import_Help, import_EmojiFlags, import_Edit, import_ForkRight, import_Settings, import_Restore, import_EditNote, import_HomeOutlined, import_ExitToAppOutlined, import_WbSunnyOutlined, import_DarkModeOutlined, import_AttachFileOutlined, import_NoteAdd, import_CloudUpload, import_KeyboardDoubleArrowRight, import_KeyboardDoubleArrowLeft, import_KeyboardDoubleArrowRightRounded, import_FitScreen, import_Fullscreen, import_Biotech, import_Share, import_FilterAlt, import_Sync, import_PlayArrow, import_PauseOutlined, import_Casino, import_Paid, import_Save, import_StopRounded, import_Replay, import_AccountTree, import_Close2, import_KeyboardArrowDown, import_KeyboardArrowRight, import_SearchRounded, import_CloseRounded, import_SortByAlphaRounded, import_FilterAltOutlined, import_InboxOutlined, import_SearchOff, import_ClearRounded, import_ArrowDropDownRounded, import_AccountBox, import_Logout, import_Login, import_Dashboard, import_AccountTreeOutlined, import_HelpOutline, import_NavigateBefore, import_NavigateNext, import_Person2, import_CalendarToday, import_QuestionAnswerOutlined, import_Today, import_DeleteForever2, import_AdsClick, import_Fingerprint, import_SportsEsportsOutlined, import_HelpOutlineRounded, import_AccountTreeOutlined2, import_SmartToyOutlined, import_AcUnit, import_Loop, import_Pending, import_AllInclusive, import_WarningOutlined, import_InfoOutlined, import_AutoAwesomeRounded, import_ErrorOutlineOutlined, import_Download;
+var init_MuiIcon = __esm({
+  "src/components/Icons/MuiIcon/index.ts"() {
+    "use strict";
+    import_ArrowRightAlt = __toESM(require("@mui/icons-material/ArrowRightAlt"));
+    import_DescriptionOutlined = __toESM(require("@mui/icons-material/DescriptionOutlined"));
+    import_Description = __toESM(require("@mui/icons-material/Description"));
+    import_PictureAsPdf = __toESM(require("@mui/icons-material/PictureAsPdf"));
+    import_AudioFile = __toESM(require("@mui/icons-material/AudioFile"));
+    import_VideoFile = __toESM(require("@mui/icons-material/VideoFile"));
+    import_TableChart = __toESM(require("@mui/icons-material/TableChart"));
+    import_FolderZip = __toESM(require("@mui/icons-material/FolderZip"));
+    import_InsertDriveFile = __toESM(require("@mui/icons-material/InsertDriveFile"));
+    import_ImageOutlined = __toESM(require("@mui/icons-material/ImageOutlined"));
+    import_LayersOutlined = __toESM(require("@mui/icons-material/LayersOutlined"));
+    import_TextFormat = __toESM(require("@mui/icons-material/TextFormat"));
+    import_Remove = __toESM(require("@mui/icons-material/Remove"));
+    import_PostAdd = __toESM(require("@mui/icons-material/PostAdd"));
+    import_ErrorOutline = __toESM(require("@mui/icons-material/ErrorOutline"));
+    import_QuestionMarkOutlined = __toESM(require("@mui/icons-material/QuestionMarkOutlined"));
+    import_MeetingRoomOutlined = __toESM(require("@mui/icons-material/MeetingRoomOutlined"));
+    import_PlaylistRemove = __toESM(require("@mui/icons-material/PlaylistRemove"));
+    import_ChecklistRtl = __toESM(require("@mui/icons-material/ChecklistRtl"));
+    import_HideImageOutlined = __toESM(require("@mui/icons-material/HideImageOutlined"));
+    import_RemoveRedEyeTwoTone = __toESM(require("@mui/icons-material/RemoveRedEyeTwoTone"));
+    import_PhotoSizeSelectLarge = __toESM(require("@mui/icons-material/PhotoSizeSelectLarge"));
+    import_LockPersonOutlined = __toESM(require("@mui/icons-material/LockPersonOutlined"));
+    import_Person = __toESM(require("@mui/icons-material/Person"));
+    import_InsertEmoticon = __toESM(require("@mui/icons-material/InsertEmoticon"));
+    import_RemoveDoneOutlined = __toESM(require("@mui/icons-material/RemoveDoneOutlined"));
+    import_Tag = __toESM(require("@mui/icons-material/Tag"));
+    import_Audiotrack = __toESM(require("@mui/icons-material/Audiotrack"));
+    import_Videocam = __toESM(require("@mui/icons-material/Videocam"));
+    import_Code = __toESM(require("@mui/icons-material/Code"));
+    import_Equalizer = __toESM(require("@mui/icons-material/Equalizer"));
+    import_PivotTableChart = __toESM(require("@mui/icons-material/PivotTableChart"));
+    import_Search = __toESM(require("@mui/icons-material/Search"));
+    import_DataObject = __toESM(require("@mui/icons-material/DataObject"));
+    import_SortByAlpha = __toESM(require("@mui/icons-material/SortByAlpha"));
+    import_ThumbUp = __toESM(require("@mui/icons-material/ThumbUp"));
+    import_AttachMoneyOutlined = __toESM(require("@mui/icons-material/AttachMoneyOutlined"));
+    import_Storage = __toESM(require("@mui/icons-material/Storage"));
+    import_WorkspacePremium = __toESM(require("@mui/icons-material/WorkspacePremium"));
+    import_Numbers = __toESM(require("@mui/icons-material/Numbers"));
+    import_Functions = __toESM(require("@mui/icons-material/Functions"));
+    import_Lightbulb = __toESM(require("@mui/icons-material/Lightbulb"));
+    import_CropRotate = __toESM(require("@mui/icons-material/CropRotate"));
+    import_PhotoSizeSelectLarge2 = __toESM(require("@mui/icons-material/PhotoSizeSelectLarge"));
+    import_CollectionsBookmark = __toESM(require("@mui/icons-material/CollectionsBookmark"));
+    import_Schedule = __toESM(require("@mui/icons-material/Schedule"));
+    import_Style = __toESM(require("@mui/icons-material/Style"));
+    import_Crop169 = __toESM(require("@mui/icons-material/Crop169"));
+    import_CropSquare = __toESM(require("@mui/icons-material/CropSquare"));
+    import_GraphicEqRounded = __toESM(require("@mui/icons-material/GraphicEqRounded"));
+    import_MemoryRounded = __toESM(require("@mui/icons-material/MemoryRounded"));
+    import_AddCircleOutlineRounded = __toESM(require("@mui/icons-material/AddCircleOutlineRounded"));
+    import_Add = __toESM(require("@mui/icons-material/Add"));
+    import_Close = __toESM(require("@mui/icons-material/Close"));
+    import_ExpandMore = __toESM(require("@mui/icons-material/ExpandMore"));
+    import_Autorenew = __toESM(require("@mui/icons-material/Autorenew"));
+    import_CheckCircle = __toESM(require("@mui/icons-material/CheckCircle"));
+    import_Menu = __toESM(require("@mui/icons-material/Menu"));
+    import_MoreVert = __toESM(require("@mui/icons-material/MoreVert"));
+    import_MoreHoriz = __toESM(require("@mui/icons-material/MoreHoriz"));
+    import_ContentCopy = __toESM(require("@mui/icons-material/ContentCopy"));
+    import_ContentPaste = __toESM(require("@mui/icons-material/ContentPaste"));
+    import_Cloud = __toESM(require("@mui/icons-material/Cloud"));
+    import_DownloadOutlined = __toESM(require("@mui/icons-material/DownloadOutlined"));
+    import_DownloadDoneOutlined = __toESM(require("@mui/icons-material/DownloadDoneOutlined"));
+    import_StarBorderOutlined = __toESM(require("@mui/icons-material/StarBorderOutlined"));
+    import_DeleteForever = __toESM(require("@mui/icons-material/DeleteForever"));
+    import_LayersClear = __toESM(require("@mui/icons-material/LayersClear"));
+    import_Check = __toESM(require("@mui/icons-material/Check"));
+    import_DoneAll = __toESM(require("@mui/icons-material/DoneAll"));
+    import_PowerSettingsNew = __toESM(require("@mui/icons-material/PowerSettingsNew"));
+    import_Send = __toESM(require("@mui/icons-material/Send"));
+    import_ZoomInMap = __toESM(require("@mui/icons-material/ZoomInMap"));
+    import_ZoomOutMap = __toESM(require("@mui/icons-material/ZoomOutMap"));
+    import_HomeRepairService = __toESM(require("@mui/icons-material/HomeRepairService"));
+    import_Construction = __toESM(require("@mui/icons-material/Construction"));
+    import_Help = __toESM(require("@mui/icons-material/Help"));
+    import_EmojiFlags = __toESM(require("@mui/icons-material/EmojiFlags"));
+    import_Edit = __toESM(require("@mui/icons-material/Edit"));
+    import_ForkRight = __toESM(require("@mui/icons-material/ForkRight"));
+    import_Settings = __toESM(require("@mui/icons-material/Settings"));
+    import_Restore = __toESM(require("@mui/icons-material/Restore"));
+    import_EditNote = __toESM(require("@mui/icons-material/EditNote"));
+    import_HomeOutlined = __toESM(require("@mui/icons-material/HomeOutlined"));
+    import_ExitToAppOutlined = __toESM(require("@mui/icons-material/ExitToAppOutlined"));
+    import_WbSunnyOutlined = __toESM(require("@mui/icons-material/WbSunnyOutlined"));
+    import_DarkModeOutlined = __toESM(require("@mui/icons-material/DarkModeOutlined"));
+    import_AttachFileOutlined = __toESM(require("@mui/icons-material/AttachFileOutlined"));
+    import_NoteAdd = __toESM(require("@mui/icons-material/NoteAdd"));
+    import_CloudUpload = __toESM(require("@mui/icons-material/CloudUpload"));
+    import_KeyboardDoubleArrowRight = __toESM(require("@mui/icons-material/KeyboardDoubleArrowRight"));
+    import_KeyboardDoubleArrowLeft = __toESM(require("@mui/icons-material/KeyboardDoubleArrowLeft"));
+    import_KeyboardDoubleArrowRightRounded = __toESM(require("@mui/icons-material/KeyboardDoubleArrowRightRounded"));
+    import_FitScreen = __toESM(require("@mui/icons-material/FitScreen"));
+    import_Fullscreen = __toESM(require("@mui/icons-material/Fullscreen"));
+    import_Biotech = __toESM(require("@mui/icons-material/Biotech"));
+    import_Share = __toESM(require("@mui/icons-material/Share"));
+    import_FilterAlt = __toESM(require("@mui/icons-material/FilterAlt"));
+    import_Sync = __toESM(require("@mui/icons-material/Sync"));
+    import_PlayArrow = __toESM(require("@mui/icons-material/PlayArrow"));
+    import_PauseOutlined = __toESM(require("@mui/icons-material/PauseOutlined"));
+    import_Casino = __toESM(require("@mui/icons-material/Casino"));
+    import_Paid = __toESM(require("@mui/icons-material/Paid"));
+    import_Save = __toESM(require("@mui/icons-material/Save"));
+    import_StopRounded = __toESM(require("@mui/icons-material/StopRounded"));
+    import_Replay = __toESM(require("@mui/icons-material/Replay"));
+    import_AccountTree = __toESM(require("@mui/icons-material/AccountTree"));
+    import_Close2 = __toESM(require("@mui/icons-material/Close"));
+    import_KeyboardArrowDown = __toESM(require("@mui/icons-material/KeyboardArrowDown"));
+    import_KeyboardArrowRight = __toESM(require("@mui/icons-material/KeyboardArrowRight"));
+    import_SearchRounded = __toESM(require("@mui/icons-material/SearchRounded"));
+    import_CloseRounded = __toESM(require("@mui/icons-material/CloseRounded"));
+    import_SortByAlphaRounded = __toESM(require("@mui/icons-material/SortByAlphaRounded"));
+    import_FilterAltOutlined = __toESM(require("@mui/icons-material/FilterAltOutlined"));
+    import_InboxOutlined = __toESM(require("@mui/icons-material/InboxOutlined"));
+    import_SearchOff = __toESM(require("@mui/icons-material/SearchOff"));
+    import_ClearRounded = __toESM(require("@mui/icons-material/ClearRounded"));
+    import_ArrowDropDownRounded = __toESM(require("@mui/icons-material/ArrowDropDownRounded"));
+    import_AccountBox = __toESM(require("@mui/icons-material/AccountBox"));
+    import_Logout = __toESM(require("@mui/icons-material/Logout"));
+    import_Login = __toESM(require("@mui/icons-material/Login"));
+    import_Dashboard = __toESM(require("@mui/icons-material/Dashboard"));
+    import_AccountTreeOutlined = __toESM(require("@mui/icons-material/AccountTreeOutlined"));
+    import_HelpOutline = __toESM(require("@mui/icons-material/HelpOutline"));
+    import_NavigateBefore = __toESM(require("@mui/icons-material/NavigateBefore"));
+    import_NavigateNext = __toESM(require("@mui/icons-material/NavigateNext"));
+    import_Person2 = __toESM(require("@mui/icons-material/Person"));
+    import_CalendarToday = __toESM(require("@mui/icons-material/CalendarToday"));
+    import_QuestionAnswerOutlined = __toESM(require("@mui/icons-material/QuestionAnswerOutlined"));
+    import_Today = __toESM(require("@mui/icons-material/Today"));
+    import_DeleteForever2 = __toESM(require("@mui/icons-material/DeleteForever"));
+    import_AdsClick = __toESM(require("@mui/icons-material/AdsClick"));
+    import_Fingerprint = __toESM(require("@mui/icons-material/Fingerprint"));
+    import_SportsEsportsOutlined = __toESM(require("@mui/icons-material/SportsEsportsOutlined"));
+    import_HelpOutlineRounded = __toESM(require("@mui/icons-material/HelpOutlineRounded"));
+    import_AccountTreeOutlined2 = __toESM(require("@mui/icons-material/AccountTreeOutlined"));
+    import_SmartToyOutlined = __toESM(require("@mui/icons-material/SmartToyOutlined"));
+    import_AcUnit = __toESM(require("@mui/icons-material/AcUnit"));
+    import_Loop = __toESM(require("@mui/icons-material/Loop"));
+    import_Pending = __toESM(require("@mui/icons-material/Pending"));
+    import_AllInclusive = __toESM(require("@mui/icons-material/AllInclusive"));
+    import_WarningOutlined = __toESM(require("@mui/icons-material/WarningOutlined"));
+    import_InfoOutlined = __toESM(require("@mui/icons-material/InfoOutlined"));
+    import_AutoAwesomeRounded = __toESM(require("@mui/icons-material/AutoAwesomeRounded"));
+    import_ErrorOutlineOutlined = __toESM(require("@mui/icons-material/ErrorOutlineOutlined"));
+    import_Download = __toESM(require("@mui/icons-material/Download"));
+  }
+});
+
+// src/components/elemental/Autocomplete/src/GitHubPicker/theme.ts
+var import_styles2, gitHubPickerRootStyle, gitHubPickerRootSx, PickerField, OptionBox;
+var init_theme5 = __esm({
+  "src/components/elemental/Autocomplete/src/GitHubPicker/theme.ts"() {
+    "use strict";
+    import_styles2 = require("@mui/material/styles");
+    init_Box();
+    gitHubPickerRootStyle = {
+      "--option-subscript": "var(--mui-palette-text-subscript)",
+      "--picker-focus-soft": "color-mix(in lab, var(--mui-palette-focus-soft-1), transparent 18%)",
+      "--picker-focus": "var(--mui-palette-focus-1)",
+      "--picker-border": "color-mix(in lab, var(--mui-palette-common-white), transparent 94%)",
+      "--picker-border-hover": "var(--mui-palette-border-hover-1)",
+      "--picker-border-emphasis": "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 50%)",
+      "--picker-text": "var(--mui-palette-text-primary)",
+      "--picker-text-secondary": "var(--mui-palette-text-secondary)",
+      "--picker-text-disabled": "var(--mui-palette-text-disabled)",
+      "--picker-surface": "color-mix(in lab, var(--mui-palette-common-black), transparent 68%)",
+      "--picker-paper-bg": "color-mix(in lab, var(--mui-palette-background-paper), transparent 30%)",
+      "--picker-hover-bg": "var(--mui-palette-background-hover-1)",
+      "--picker-chip-bg": "color-mix(in lab, var(--mui-palette-secondary-main), transparent 88%)",
+      "--picker-chip-border": "color-mix(in lab, var(--mui-palette-common-white), transparent 94%)",
+      "--picker-chip-shadow": "inset 0 1px 0 color-mix(in lab, var(--mui-palette-common-white), transparent 88%), inset 0 0 0 1px color-mix(in lab, var(--mui-palette-common-white), transparent 91%)",
+      "--picker-error": "var(--mui-palette-error-main)",
+      // Dark closed field: true mid glass — between washed and dim.
+      "--picker-highlight": "color-mix(in lab, var(--mui-palette-common-white), transparent 92%)",
+      "--picker-sheen": "none",
+      "--picker-shadow": [
+        "0 18px 48px color-mix(in srgb, var(--mui-palette-common-black), transparent 72%)",
+        "0 0 0 1px color-mix(in srgb, var(--mui-palette-common-black), transparent 88%)"
+      ].join(", "),
+      "--picker-focus-ring": "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 82%)",
+      "--picker-check": "var(--mui-palette-primary-emphasis)",
+      "--picker-search-bg": "var(--mui-palette-background-hover-1)",
+      "--picker-search-shadow": "inset 0 1px 0 var(--picker-highlight)",
+      "--picker-search-border": "color-mix(in lab, var(--picker-highlight), transparent 40%)",
+      "--picker-divider": "var(--mui-palette-divider)",
+      "--picker-icon-well": "color-mix(in lab, var(--mui-palette-background-hover-1), transparent 20%)",
+      "--picker-blur": "8px",
+      "--picker-glass": "saturate(1.15) blur(var(--picker-blur))",
+      "[color-scheme=light] &": {
+        "--picker-blur": "10px",
+        "--picker-glass": "saturate(1.08) blur(var(--picker-blur))",
+        "--picker-surface": "color-mix(in lab, var(--mui-palette-common-white), transparent 46%)",
+        "--picker-paper-bg": "color-mix(in lab, var(--mui-palette-common-white), transparent 48%)",
+        "--picker-highlight": "color-mix(in lab, var(--mui-palette-common-white), transparent 55%)",
+        "--picker-sheen": "none",
+        "--picker-border": "color-mix(in lab, var(--mui-palette-border-1), transparent 95%)",
+        "--picker-chip-bg": "color-mix(in lab, var(--mui-palette-common-white), transparent 32%)",
+        "--picker-chip-border": "color-mix(in lab, var(--mui-palette-common-black), transparent 94%)",
+        "--picker-chip-shadow": "inset 0 1px 0 color-mix(in lab, var(--mui-palette-common-white), transparent 40%), inset 0 0 0 1px color-mix(in lab, var(--mui-palette-common-black), transparent 92%)",
+        "--picker-search-bg": "color-mix(in lab, var(--mui-palette-common-black), transparent 95%)",
+        "--picker-search-shadow": "inset 0 1px 1px color-mix(in lab, var(--mui-palette-common-black), transparent 92%)",
+        "--picker-search-border": "color-mix(in lab, var(--mui-palette-common-black), transparent 93%)",
+        "--picker-focus-soft": "color-mix(in lab, var(--mui-palette-common-black), transparent 95%)",
+        "--picker-hover-bg": "color-mix(in lab, var(--mui-palette-common-black), transparent 96%)",
+        "--picker-shadow": [
+          "inset 0 1px 0 color-mix(in lab, var(--mui-palette-common-white), transparent 28%)",
+          "0 1px 2px color-mix(in srgb, var(--mui-palette-common-black), transparent 90%)",
+          "0 10px 28px color-mix(in srgb, var(--mui-palette-common-black), transparent 86%)"
+        ].join(", "),
+        "--picker-field-shadow": [
+          "inset 0 1px 0 color-mix(in lab, var(--mui-palette-common-white), transparent 28%)",
+          "0 8px 22px color-mix(in srgb, var(--mui-palette-common-black), transparent 88%)"
+        ].join(", "),
+        "--picker-icon-well": "color-mix(in lab, var(--mui-palette-common-black), transparent 96%)"
+      }
+    };
+    gitHubPickerRootSx = {
+      ...gitHubPickerRootStyle
+    };
+    PickerField = (0, import_styles2.styled)(import_Box.default, {
+      shouldForwardProp: (prop) => prop !== "open" && prop !== "error" && prop !== "disabled"
+    })({
+      ...gitHubPickerRootStyle,
+      boxSizing: "border-box",
+      width: "100%",
+      minWidth: 240,
+      display: "flex",
+      flexDirection: "column",
+      gap: 8,
+      padding: "12px 14px 14px",
+      borderRadius: 12,
+      border: "1px solid var(--picker-field-border)",
+      backgroundColor: "var(--picker-surface)",
+      backgroundImage: "var(--picker-sheen)",
+      backdropFilter: "saturate(1.2) blur(12px)",
+      WebkitBackdropFilter: "saturate(1.2) blur(12px)",
+      cursor: "var(--picker-field-cursor)",
+      outline: "none",
+      boxShadow: "var(--picker-field-shadow)",
+      transition: "border-color 160ms ease, box-shadow 160ms ease",
+      "& *": {
+        cursor: "inherit"
+      },
+      "--picker-field-border": "var(--picker-border)",
+      "--picker-field-shadow": "inset 0 1px 0 color-mix(in lab, var(--mui-palette-common-white), transparent 88%), inset 0 0 0 1px color-mix(in lab, var(--mui-palette-common-white), transparent 91%), 0 0 20px color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 93%), 0 9px 22px color-mix(in srgb, var(--mui-palette-common-black), transparent 77%)",
+      "--picker-field-cursor": "pointer",
+      "&:hover": {
+        "--picker-field-border": "color-mix(in lab, var(--mui-palette-common-white), transparent 92%)"
+      },
+      "&:focus-visible": {
+        "--picker-field-border": "color-mix(in lab, var(--mui-palette-common-white), transparent 92%)",
+        "--picker-field-shadow": "inset 0 1px 0 color-mix(in lab, var(--mui-palette-common-white), transparent 88%), inset 0 0 0 1px color-mix(in lab, var(--mui-palette-common-white), transparent 91%), 0 0 20px color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 93%), 0 9px 22px color-mix(in srgb, var(--mui-palette-common-black), transparent 77%)"
+      },
+      variants: [
+        {
+          props: { open: true },
+          style: {
+            "--picker-field-border": "color-mix(in lab, var(--mui-palette-common-white), transparent 92%)",
+            "--picker-field-shadow": "inset 0 1px 0 color-mix(in lab, var(--mui-palette-common-white), transparent 88%), inset 0 0 0 1px color-mix(in lab, var(--mui-palette-common-white), transparent 91%), 0 0 20px color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 93%), 0 9px 22px color-mix(in srgb, var(--mui-palette-common-black), transparent 77%)"
+          }
+        },
+        {
+          props: { error: true },
+          style: {
+            "--picker-field-border": "var(--picker-error)"
+          }
+        },
+        {
+          props: { disabled: true },
+          style: {
+            "--picker-field-cursor": "default",
+            opacity: 0.58,
+            pointerEvents: "none"
+          }
+        }
+      ]
+    });
+    OptionBox = (0, import_styles2.styled)(import_Box.default, {
+      shouldForwardProp: (prop) => prop !== "selected" && prop !== "isIconClickable" && prop !== "disabled" && prop !== "disableBR"
+    })({
+      ...gitHubPickerRootStyle,
+      width: "100%",
+      padding: 0,
+      backgroundColor: "var(--bg)",
+      border: "1px solid var(--bd)",
+      borderRadius: "var(--br)",
+      boxShadow: "var(--chip-shadow)",
+      cursor: "var(--curosr)",
+      "--bg": "transparent",
+      "--bd": "transparent",
+      "--br": "10px",
+      "--chip-shadow": "none",
+      "--ai": "flex-start",
+      "--curosr": "pointer",
+      "& *": {
+        cursor: "inherit"
+      },
+      variants: [
+        {
+          props: { isIconClickable: true },
+          style: {
+            width: "auto",
+            maxWidth: "100%",
+            "--bg": "var(--picker-chip-bg)",
+            "--bd": "var(--picker-chip-border)",
+            "--br": "999px",
+            "--chip-shadow": "var(--picker-chip-shadow)",
+            "--ai": "center",
+            "--curosr": "pointer"
+          }
+        },
+        {
+          props: { isIconClickable: false },
+          style: {
+            "--bg": "transparent",
+            "--bd": "transparent",
+            "--ai": "flex-start"
+          }
+        },
+        {
+          props: { disabled: true },
+          style: {
+            "--curosr": "default"
+          }
+        },
+        {
+          props: { disabled: false },
+          style: {
+            "--curosr": "pointer"
+          }
+        },
+        {
+          props: { disableBR: true },
+          style: {
+            "--br": 0
+          }
+        }
+      ]
+    });
+  }
+});
+
+// src/components/elemental/Autocomplete/src/GitHubPicker/OptionRenderer.tsx
+function OptionRenderer({
+  option,
+  isIconClickable = false,
+  selected,
+  disabled,
+  disableBR = false,
+  removeItemHandler,
+  slotProps = {}
+}) {
+  if (!option) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Wrapper, { selected, isIconClickable, disabled, disableBR, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_Box.default,
+    {
+      sx: {
+        "&.MuiBox-root": {
+          width: "100%",
+          display: "flex",
+          alignItems: "var(--ai)",
+          gap: isIconClickable ? "6px" : "10px",
+          cursor: "var(--curosr)",
+          padding: isIconClickable ? "3px 6px 3px 8px" : "8px 10px"
+        }
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        DM,
+        {
+          option,
+          onDelete: removeItemHandler ? () => removeItemHandler(option.id) : void 0,
+          isIconClickable,
+          selected,
+          disabled,
+          ...slotProps.DM
+        }
+      )
+    }
+  ) });
+}
+function Wrapper({
+  children,
+  selected = false,
+  isIconClickable = false,
+  disabled = false,
+  disableBR = false
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(OptionBox, { selected, isIconClickable, disabled, disableBR, children });
+}
+function ItemIcon({ option, compact }) {
+  if (!option.icon) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_Box.default,
+    {
+      component: "span",
+      sx: {
+        flexShrink: 0,
+        width: compact ? 18 : 28,
+        height: compact ? 18 : 28,
+        borderRadius: compact ? "50%" : "8px",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        alignSelf: "center",
+        backgroundColor: compact ? "transparent" : "var(--picker-icon-well)",
+        color: "var(--picker-text-secondary)",
+        "& svg": ICON_STYLE
+      },
+      children: option.icon
+    }
+  );
+}
+function ItemLabel({
+  option,
+  isShowDescription = false,
+  compact = false
+}) {
+  const isUseTag = option.tags.length > 0;
+  const description = option.description?.trim();
+  const showSecondary = isShowDescription && (isUseTag || Boolean(description));
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    import_Box.default,
+    {
+      sx: {
+        flexGrow: 1,
+        minWidth: 0,
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "center",
+        gap: showSecondary ? "2px" : 0
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          import_Typography.default,
+          {
+            component: "span",
+            sx: {
+              display: "block",
+              fontSize: compact ? "0.8125rem" : "0.875rem",
+              fontWeight: compact ? 500 : 600,
+              lineHeight: 1.3,
+              letterSpacing: compact ? 0 : "0.01em",
+              color: "var(--picker-text)",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap",
+              overflow: "hidden",
+              m: 0
+            },
+            children: option.label
+          }
+        ),
+        showSecondary ? isUseTag ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Box.default, { sx: { display: "flex", gap: "4px", flexWrap: "wrap", pt: 0.25 }, children: option.tags.map((tag, i) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          TagButton_default,
+          {
+            label: (tag?.tagIcon ? "" : "# ") + tag.tagName,
+            icon: tag?.tagIcon ?? void 0
+          },
+          i
+        )) }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          import_Typography.default,
+          {
+            component: "span",
+            sx: {
+              display: "block",
+              fontSize: "0.75rem",
+              lineHeight: 1.35,
+              color: "var(--option-subscript)",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap",
+              overflow: "hidden",
+              m: 0
+            },
+            children: description
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function DM({
+  option,
+  selected,
+  onDelete,
+  alwaysShowEndIcon = false,
+  isIconClickable = false,
+  disabled = false,
+  endIcon = null,
+  isShowEndIcon = true,
+  isShowDescription = true
+}) {
+  const showClose = Boolean(isShowEndIcon && isIconClickable && (selected || alwaysShowEndIcon));
+  const showCheck = Boolean(isShowEndIcon && !isIconClickable && selected);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ItemIcon, { option, compact: isIconClickable }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ItemLabel, { option, isShowDescription, compact: isIconClickable }),
+    showClose ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      IconButton_default,
+      {
+        size: "small",
+        disabled,
+        "aria-label": `Remove ${option.label}`,
+        onClick: (event) => {
+          event.stopPropagation();
+          onDelete?.(event);
+        },
+        sx: {
+          padding: "2px",
+          flexShrink: 0,
+          cursor: disabled ? "default" : "pointer",
+          backgroundColor: "transparent",
+          border: "none",
+          color: "var(--picker-text-secondary)",
+          "&:hover": {
+            backgroundColor: "var(--picker-hover-bg)",
+            border: "none",
+            color: "var(--picker-text)"
+          }
+        },
+        children: endIcon ?? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Close.default, { sx: { fontSize: "0.95rem" } })
+      }
+    ) : null,
+    showCheck ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      import_Box.default,
+      {
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          alignSelf: "center",
+          flexShrink: 0,
+          color: "var(--picker-check)",
+          pl: 0.5
+        },
+        children: endIcon ?? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Check.default, { sx: { fontSize: "1.05rem" } })
+      }
+    ) : null
+  ] });
+}
+var import_jsx_runtime6, ICON_STYLE;
+var init_OptionRenderer = __esm({
+  "src/components/elemental/Autocomplete/src/GitHubPicker/OptionRenderer.tsx"() {
+    "use strict";
+    "use client";
+    init_Box();
+    init_MuiIcon();
+    init_Button3();
+    init_Typography2();
+    init_Button3();
+    init_theme5();
+    import_jsx_runtime6 = require("react/jsx-runtime");
+    ICON_STYLE = {
+      height: 16,
+      width: 16,
+      opacity: 0.85
+    };
+  }
+});
+
+// src/components/elemental/Autocomplete/src/GitHubPicker/states/states.tsx
+function init({
+  selectedIds,
+  options,
+  isMultiple
+}) {
+  return {
+    ids: isMultiple ? selectedIds : selectedIds[0] ?? null,
+    minimal: isMultiple ? options.filter((o) => selectedIds.includes(o.id)).map((o) => o.minimal()) : options.find((o) => o.id === selectedIds[0])?.minimal() ?? null,
+    isMultiple
+  };
+}
+function equalIds(a, b) {
+  if (a === b) return true;
+  if (Array.isArray(a) && Array.isArray(b)) {
+    return a.length === b.length && a.every((id, i) => id === b[i]);
+  }
+  return false;
+}
+function equalMinimalOption(a, b) {
+  return a.id === b.id && a.label === b.label && a.filterKey === b.filterKey && a.disabled === b.disabled && a.group === b.group && a.value === b.value;
+}
+function equalMinimal(a, b) {
+  if (a === b) return true;
+  if (a == null || b == null) return false;
+  if (Array.isArray(a) && Array.isArray(b)) {
+    return a.length === b.length && a.every((opt, i) => equalMinimalOption(opt, b[i]));
+  }
+  if (!Array.isArray(a) && !Array.isArray(b)) {
+    return equalMinimalOption(a, b);
+  }
+  return false;
+}
+function equalState(a, b) {
+  return a.isMultiple === b.isMultiple && equalIds(a.ids, b.ids) && equalMinimal(a.minimal, b.minimal);
+}
+var import_react2, import_jsx_runtime7, Context, useStateContext, Provider, useSelector;
+var init_states = __esm({
+  "src/components/elemental/Autocomplete/src/GitHubPicker/states/states.tsx"() {
+    "use strict";
+    "use client";
+    import_react2 = require("react");
+    import_jsx_runtime7 = require("react/jsx-runtime");
+    Context = (0, import_react2.createContext)(null);
+    useStateContext = () => {
+      const ctx = (0, import_react2.useContext)(Context);
+      if (!ctx) throw new Error("useStateContext must be used within LocalSelectedProvider");
+      return ctx;
+    };
+    Provider = ({ children, selectedIds, options, isMultiple, open = false }) => {
+      const [state, setState] = (0, import_react2.useState)(() => init({ selectedIds, options, isMultiple }));
+      const stateRef = (0, import_react2.useRef)(state);
+      stateRef.current = state;
+      (0, import_react2.useEffect)(() => {
+        const next = init({ selectedIds, options, isMultiple });
+        if (equalState(stateRef.current, next)) return;
+        if (open) return;
+        stateRef.current = next;
+        setState(next);
+      }, [selectedIds, options, isMultiple, open]);
+      const computeNextState = (0, import_react2.useCallback)((prev, option) => {
+        if (prev.isMultiple) {
+          const newOptions = Array.isArray(option) ? option : [];
+          return { ...prev, ids: newOptions.map((o) => o.id), minimal: newOptions };
+        }
+        const newOption = option && !Array.isArray(option) ? option : null;
+        return { ...prev, ids: newOption?.id ?? null, minimal: newOption };
+      }, []);
+      const select = (0, import_react2.useCallback)((option) => {
+        let produced;
+        setState((prev) => {
+          produced = computeNextState(prev, option);
+          stateRef.current = produced;
+          return produced;
+        });
+        if (produced === void 0) {
+          produced = computeNextState(stateRef.current, option);
+          stateRef.current = produced;
+        }
+        return produced;
+      }, [computeNextState]);
+      const value = (0, import_react2.useMemo)(() => ({ state, select }), [state, select]);
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Context.Provider, { value, children });
+    };
+    useSelector = () => {
+      const { state } = useStateContext();
+      return (key) => {
+        return state[key];
+      };
+    };
+  }
+});
+
+// src/components/elemental/Autocomplete/src/GitHubPicker/states/index.ts
+var init_states2 = __esm({
+  "src/components/elemental/Autocomplete/src/GitHubPicker/states/index.ts"() {
+    "use strict";
+    init_states();
+  }
+});
+
+// src/components/elemental/Paper/src/Paper/Paper.tsx
+function MuiPaper(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_Paper.default, { ...props });
+}
+var import_Paper, import_jsx_runtime8;
+var init_Paper = __esm({
+  "src/components/elemental/Paper/src/Paper/Paper.tsx"() {
+    "use strict";
+    import_Paper = __toESM(require("@mui/material/Paper"));
+    import_jsx_runtime8 = require("react/jsx-runtime");
+  }
+});
+
+// src/components/elemental/Paper/src/Paper/themes.ts
+var init_themes3 = __esm({
+  "src/components/elemental/Paper/src/Paper/themes.ts"() {
+    "use strict";
+  }
+});
+
+// src/components/elemental/Paper/src/Paper/index.ts
+var init_Paper2 = __esm({
+  "src/components/elemental/Paper/src/Paper/index.ts"() {
+    "use strict";
+    init_Paper();
+    init_themes3();
+  }
+});
+
+// src/components/elemental/Paper/src/index.ts
+var init_src7 = __esm({
+  "src/components/elemental/Paper/src/index.ts"() {
+    "use strict";
+    init_Paper2();
+  }
+});
+
+// src/components/elemental/Paper/index.ts
+var init_Paper3 = __esm({
+  "src/components/elemental/Paper/index.ts"() {
+    "use strict";
+    init_src7();
+  }
+});
+
+// src/components/elemental/Autocomplete/src/GitHubPicker/popperTheme.ts
+var import_styles3, import_Autocomplete, PickerPopper, PickerOptionLi, PickerPaper, pickerSearchSx, pickerGroupLabelSx;
+var init_popperTheme = __esm({
+  "src/components/elemental/Autocomplete/src/GitHubPicker/popperTheme.ts"() {
+    "use strict";
+    import_styles3 = require("@mui/material/styles");
+    init_Overlay();
+    import_Autocomplete = require("@mui/material/Autocomplete");
+    init_Paper3();
+    init_theme5();
+    PickerPopper = (0, import_styles3.styled)(import_Popper.default)(({ theme }) => ({
+      ...gitHubPickerRootStyle,
+      width: "var(--w)",
+      minWidth: 280,
+      zIndex: theme.zIndex.modal,
+      fontSize: 13,
+      overflow: "hidden",
+      borderRadius: 14,
+      border: "1px solid var(--picker-border)",
+      backgroundColor: "var(--mui-palette-background-paper)",
+      backgroundImage: "none",
+      boxShadow: "var(--picker-shadow)",
+      backdropFilter: "none",
+      WebkitBackdropFilter: "none",
+      "--picker-blur": "0px",
+      "--picker-glass": "none"
+    }));
+    PickerOptionLi = (0, import_styles3.styled)("li")(() => ({
+      ...gitHubPickerRootStyle,
+      [`.${import_Autocomplete.autocompleteClasses.listbox} &.${import_Autocomplete.autocompleteClasses.option}`]: {
+        padding: 0,
+        margin: "2px 6px",
+        borderRadius: 10,
+        minHeight: 0
+      },
+      [`
+		&.${import_Autocomplete.autocompleteClasses.option},
+		&.${import_Autocomplete.autocompleteClasses.option}[aria-selected="true"],
+	`]: {
+        backgroundColor: "transparent"
+      },
+      [`
+		&.${import_Autocomplete.autocompleteClasses.option}:hover,
+		&.${import_Autocomplete.autocompleteClasses.option}[aria-selected="true"]:hover,
+	`]: {
+        backgroundColor: "var(--picker-hover-bg)"
+      },
+      [`
+		&.${import_Autocomplete.autocompleteClasses.option}.${import_Autocomplete.autocompleteClasses.focused},
+		&.${import_Autocomplete.autocompleteClasses.option}.${import_Autocomplete.autocompleteClasses.focused}[aria-selected="true"]
+	`]: {
+        backgroundColor: "var(--picker-focus-soft)"
+      },
+      [`&.${import_Autocomplete.autocompleteClasses.option}[aria-selected="true"]`]: {
+        backgroundColor: "var(--picker-focus-soft)",
+        boxShadow: "inset 0 1px 0 var(--picker-highlight)"
+      }
+    }));
+    PickerPaper = (0, import_styles3.styled)(MuiPaper)({
+      ...gitHubPickerRootStyle,
+      borderRadius: 14,
+      border: "none",
+      "--paper-bg": "transparent",
+      backgroundColor: "transparent",
+      backgroundImage: "none",
+      boxShadow: "none",
+      "&.MuiPaper-root": {
+        "--paper-bg": "transparent",
+        backgroundColor: "transparent",
+        backgroundImage: "none",
+        boxShadow: "none",
+        border: "none"
+      }
+    });
+    pickerSearchSx = {
+      display: "flex",
+      alignItems: "center",
+      gap: 1,
+      mx: 1,
+      mt: 0.5,
+      mb: 0.75,
+      px: 1.25,
+      py: 0.5,
+      borderRadius: 2,
+      backgroundColor: "var(--picker-search-bg)",
+      border: "1px solid var(--picker-search-border)",
+      boxShadow: "var(--picker-search-shadow)",
+      "& .MuiInputBase-root": {
+        fontSize: "0.875rem",
+        color: "var(--picker-text)"
+      },
+      "& .MuiInputBase-input": {
+        py: 0.6,
+        "&::placeholder": {
+          color: "var(--picker-text-secondary)",
+          opacity: 0.8
+        }
+      }
+    };
+    pickerGroupLabelSx = {
+      px: 1.75,
+      pt: 1.25,
+      pb: 0.5,
+      fontSize: "0.66rem",
+      fontWeight: 700,
+      letterSpacing: "0.08em",
+      textTransform: "uppercase",
+      lineHeight: 1.4,
+      color: "var(--picker-text-secondary)"
+    };
+  }
+});
+
+// src/components/elemental/Autocomplete/src/GitHubPicker/_utils/_const.ts
+var MY_LOCAL_DISABLE_GROUP, DISABLED_GROUP;
+var init_const = __esm({
+  "src/components/elemental/Autocomplete/src/GitHubPicker/_utils/_const.ts"() {
+    "use strict";
+    MY_LOCAL_DISABLE_GROUP = "My Local Disable Group - c7EgCbQ9T1";
+    DISABLED_GROUP = "Disabled";
+  }
+});
+
+// src/components/elemental/Autocomplete/src/GitHubPicker/_utils/OptionClass.ts
+function defaultGetFilterKey(p) {
+  const tagsStr = p.tags?.map((t) => t.tagName).join(" ") ?? "";
+  return `${p.group ?? ""} ${p.label ?? ""} ${p.description ?? ""} ${p.value ?? ""} ${p.disabled ? DISABLED_GROUP : ""} ${tagsStr}`;
+}
+var Option;
+var init_OptionClass = __esm({
+  "src/components/elemental/Autocomplete/src/GitHubPicker/_utils/OptionClass.ts"() {
+    "use strict";
+    init_func();
+    init_const();
+    Option = class {
+      id;
+      label;
+      description;
+      disabled;
+      group;
+      icon;
+      filterKey;
+      value;
+      defaultSelected;
+      otherProps;
+      tags;
+      constructor(p) {
+        this.id = p.id ?? randomStrGenerator();
+        this.label = p.label ?? "label";
+        this.description = p.description ?? "description";
+        this.disabled = p.disabled ?? false;
+        this.group = p.group ?? "group";
+        this.icon = p.icon ?? null;
+        this.filterKey = p.filterKey || defaultGetFilterKey(p);
+        this.defaultSelected = p.defaultSelected ?? false;
+        this.value = p.value ?? "";
+        this.otherProps = p.otherProps ?? {};
+        this.tags = p.tags ?? [];
+      }
+      minimal() {
+        return {
+          id: this.id,
+          label: this.label,
+          filterKey: this.filterKey,
+          disabled: this.disabled,
+          group: this.group,
+          value: this.value
+        };
+      }
+    };
+  }
+});
+
+// src/components/elemental/Autocomplete/src/GitHubPicker/_utils/index.ts
+var init_utils = __esm({
+  "src/components/elemental/Autocomplete/src/GitHubPicker/_utils/index.ts"() {
+    "use strict";
+    init_const();
+    init_OptionClass();
+  }
+});
+
+// src/components/elemental/Autocomplete/src/GitHubPicker/PopperMenu.tsx
+var PopperMenu_exports = {};
+__export(PopperMenu_exports, {
+  default: () => MyPopper
+});
+function MyPopper({
+  id,
+  listboxId,
+  anchorEl,
+  allMinimalOptions,
+  options,
+  closeHandler,
+  title,
+  placement = "bottom-start",
+  multiple = true,
+  disabled = false,
+  useGroup,
+  isAddOptionEnabled,
+  addOptionHandler,
+  isPopperFreezed
+}) {
+  const minimal = useSelector()("minimal");
+  const { select } = useStateContext();
+  const [query, setQuery] = (0, import_react3.useState)("");
+  const open = Boolean(anchorEl);
+  const listboxRef = (0, import_react3.useRef)(null);
+  const pinnedScrollTop = (0, import_react3.useRef)(null);
+  (0, import_react3.useEffect)(() => {
+    if (open) setQuery("");
+  }, [open]);
+  (0, import_react3.useLayoutEffect)(() => {
+    if (!open) {
+      pinnedScrollTop.current = null;
+      return;
+    }
+    const list = listboxRef.current;
+    const top = pinnedScrollTop.current;
+    if (list == null || top == null) return;
+    list.scrollTop = top;
+    const id2 = window.requestAnimationFrame(() => {
+      if (listboxRef.current) listboxRef.current.scrollTop = top;
+      pinnedScrollTop.current = null;
+    });
+    return () => window.cancelAnimationFrame(id2);
+  }, [open, minimal]);
+  (0, import_react3.useEffect)(() => {
+    if (!open) return;
+    const id2 = window.setTimeout(() => {
+      if (listboxRef.current) listboxRef.current.scrollTop = 0;
+    }, 30);
+    return () => window.clearTimeout(id2);
+  }, [open]);
+  const handleChange = (event, newValue, reason) => {
+    if (event.type === "keydown" && reason === "removeOption") {
+      return;
+    }
+    if (listboxRef.current) {
+      pinnedScrollTop.current = listboxRef.current.scrollTop;
+    }
+    if (!multiple && (newValue == null || newValue === "")) {
+      const cleared = select(null);
+      if (!isPopperFreezed) closeHandler?.(cleared);
+      return;
+    }
+    const currentId = !multiple && minimal && !Array.isArray(minimal) ? minimal.id : null;
+    const nextOption = Array.isArray(newValue) ? newValue[0] : newValue;
+    if (!multiple && currentId && nextOption && nextOption.id === currentId) {
+      const cleared = select(null);
+      if (!isPopperFreezed) closeHandler?.(cleared);
+      return;
+    }
+    const newState = select(newValue);
+    if (!multiple && !isPopperFreezed) {
+      closeHandler?.(newState);
+    }
+  };
+  const popperId = open ? id : void 0;
+  const popperWidth = Math.max(anchorEl?.offsetWidth ?? 320, 320);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    PickerPopper,
+    {
+      id: popperId,
+      open,
+      anchorEl,
+      disablePortal: true,
+      placement,
+      style: { "--w": `${popperWidth}px` },
+      modifiers: [
+        { name: "offset", options: { offset: [0, 8] } },
+        { name: "preventOverflow", options: { padding: 8 } }
+      ],
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(PickerPaper, { elevation: 0, variant: "outlined", children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_Box.default, { sx: { px: 1.75, pt: 1.5, pb: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          import_Typography.default,
+          {
+            sx: {
+              fontSize: "0.78rem",
+              fontWeight: 600,
+              letterSpacing: "0.02em",
+              color: "var(--picker-text-secondary)",
+              m: 0
+            },
+            children: title
+          }
+        ) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          import_Autocomplete2.default,
+          {
+            open,
+            disabled,
+            multiple,
+            onClose: (_event, reason) => {
+              if (reason === "escape" && !isPopperFreezed) {
+                closeHandler?.();
+              }
+            },
+            value: multiple ? Array.isArray(minimal) ? minimal : [] : minimal && !Array.isArray(minimal) ? minimal : null,
+            inputValue: query,
+            onInputChange: (_, value, reason) => {
+              if (reason === "reset") return;
+              setQuery(value);
+            },
+            onChange: handleChange,
+            disableCloseOnSelect: Boolean(multiple),
+            selectOnFocus: false,
+            clearOnBlur: false,
+            slots: {
+              popper: PopperComponent,
+              paper: ListSurface
+            },
+            slotProps: {
+              listbox: {
+                id: listboxId,
+                sx: {
+                  maxHeight: 320,
+                  py: 0.5,
+                  overflowX: "hidden",
+                  overflowAnchor: "none"
+                },
+                ref: listboxRef
+              }
+            },
+            noOptionsText: "No matches",
+            renderOption: (liProps, option, { selected }, ownerState) => {
+              const { key, onClick, ...optionProps } = liProps;
+              const fullOption = options.find((o) => o.id === option.id);
+              return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                PickerOptionLi,
+                {
+                  ...optionProps,
+                  onClick: (event) => {
+                    if (!multiple && selected) {
+                      event.preventDefault();
+                      event.stopPropagation();
+                      if (listboxRef.current) {
+                        pinnedScrollTop.current = listboxRef.current.scrollTop;
+                      }
+                      const cleared = select(null);
+                      if (!isPopperFreezed) closeHandler?.(cleared);
+                      return;
+                    }
+                    onClick?.(event);
+                  },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                    OptionRenderer,
+                    {
+                      disableBR: true,
+                      option: fullOption ?? null,
+                      selected,
+                      disabled: ownerState.disabled || option.disabled,
+                      slotProps: {
+                        DM: {
+                          isShowEndIcon: true,
+                          isShowDescription: true
+                        }
+                      }
+                    }
+                  )
+                },
+                key
+              );
+            },
+            options: allMinimalOptions,
+            groupBy: useGroup ? ((option) => option.disabled ? MY_LOCAL_DISABLE_GROUP : option.group) : void 0,
+            getOptionLabel: (option) => option.label,
+            getOptionKey: (option) => option.id,
+            getOptionDisabled: (option) => option.disabled ?? false,
+            isOptionEqualToValue: (option, value) => option.id === value?.id,
+            filterOptions: (options2, { inputValue }) => {
+              return options2.filter((option) => {
+                const filterKey = option.filterKey.toLowerCase();
+                const inputVal = inputValue.toLowerCase().split(" ");
+                return inputVal.every((val) => filterKey.includes(val));
+              });
+            },
+            renderInput: (params) => {
+              return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_Box.default, { ref: params.InputProps.ref, sx: pickerSearchSx, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_Search.default, { sx: { fontSize: 18, color: "var(--picker-text-secondary)", flexShrink: 0 } }),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                  import_InputBase.default,
+                  {
+                    fullWidth: true,
+                    autoFocus: true,
+                    placeholder: "Search",
+                    value: query,
+                    onChange: (event) => setQuery(event.target.value),
+                    inputProps: {
+                      ...params.inputProps,
+                      value: query,
+                      onBlur: (e) => {
+                        e.preventDefault();
+                      }
+                    }
+                  }
+                )
+              ] });
+            },
+            renderGroup: (p) => {
+              return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("li", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_Box.default, { className: `${import_Autocomplete2.autocompleteClasses.groupLabel}`, sx: pickerGroupLabelSx, children: p.group === MY_LOCAL_DISABLE_GROUP ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_Box.default, { component: "span", sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_RemoveDoneOutlined.default, { sx: { fontSize: 14 } }),
+                  DISABLED_GROUP
+                ] }) : p.group }),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_Box.default, { component: "ul", sx: { padding: 0, margin: 0 }, className: `${import_Autocomplete2.autocompleteClasses.groupUl}`, children: p.children })
+              ] }, p.key);
+            }
+          }
+        ),
+        isAddOptionEnabled ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          import_Box.default,
+          {
+            sx: {
+              borderTop: "1px solid var(--picker-divider)",
+              px: 0.75,
+              py: 0.5
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              Button,
+              {
+                variant: "text",
+                size: "small",
+                startIcon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_Add.default, {}),
+                onClick: addOptionHandler,
+                sx: {
+                  width: "100%",
+                  justifyContent: "flex-start",
+                  px: 1,
+                  color: "var(--picker-text-secondary)",
+                  fontWeight: 600,
+                  letterSpacing: "0.02em"
+                },
+                children: "New option"
+              }
+            )
+          }
+        ) : null
+      ] })
+    }
+  );
+}
+function ListSurface({
+  children,
+  ...other
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_Box.default, { ...other, sx: { boxShadow: "none", backgroundColor: "transparent" }, children });
+}
+function PopperComponent(props) {
+  const { children, sx, ...other } = props;
+  const evaluatedSx = typeof sx === "function" ? {} : sx;
+  const content = typeof children === "function" ? children() : children;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_Box.default, { ...other, sx: evaluatedSx, children: content });
+}
+var import_react3, import_Autocomplete2, import_InputBase, import_jsx_runtime9;
+var init_PopperMenu = __esm({
+  "src/components/elemental/Autocomplete/src/GitHubPicker/PopperMenu.tsx"() {
+    "use strict";
+    "use client";
+    import_react3 = require("react");
+    import_Autocomplete2 = __toESM(require("@mui/material/Autocomplete"));
+    import_InputBase = __toESM(require("@mui/material/InputBase"));
+    init_Box();
+    init_Typography2();
+    init_Button3();
+    init_MuiIcon();
+    init_OptionRenderer();
+    init_popperTheme();
+    init_utils();
+    init_states2();
+    import_jsx_runtime9 = require("react/jsx-runtime");
+  }
+});
+
+// src/components/elemental/Autocomplete/index.ts
+var Autocomplete_exports = {};
+__export(Autocomplete_exports, {
+  GitHubPicker: () => GitHubPicker,
+  OptionClass: () => Option
+});
+module.exports = __toCommonJS(Autocomplete_exports);
+
+// src/components/elemental/Autocomplete/src/GitHubPicker/GitHubPicker.tsx
+var import_react4 = require("react");
+init_Box();
+init_Typography2();
+init_Button3();
+
+// src/components/elemental/Badge/src/Badge/Badge.tsx
+var import_Badge = __toESM(require("@mui/material/Badge"));
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function Badge(p) {
+  const { style_variant, variant, className, ...rest } = p;
+  const badge_var_class = style_variant === "outlined" ? "badge-outlined" : style_variant === "filled" ? "badge-filled" : "badge-outlined";
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_Badge.default, { ...rest, variant, className: badge_var_class + (className ? ` ${className}` : "") });
+}
+
+// src/components/elemental/Autocomplete/src/GitHubPicker/GitHubPicker.tsx
+init_Overlay();
+init_MuiIcon();
+init_func();
+init_OptionRenderer();
+init_theme5();
+init_states2();
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var PopperMenu = (0, import_react4.lazy)(() => Promise.resolve().then(() => (init_PopperMenu(), PopperMenu_exports)));
+var PICKER_ACCENT = {
+  primary: "var(--mui-palette-primary-emphasis)",
+  secondary: "var(--mui-palette-secondary-main)",
+  error: "var(--mui-palette-error-main)",
+  info: "var(--mui-palette-info-main)",
+  success: "var(--mui-palette-success-main)",
+  warning: "var(--mui-palette-warning-main)",
+  system: "var(--mui-palette-system-main)",
+  insight: "var(--mui-palette-insight-main)"
+};
+function GitHubPicker({
+  multiple = true,
+  ...p
+}) {
+  const _selectedIdProps = p.selectedIdProps[0];
+  const [anchorEl, setAnchorEl] = (0, import_react4.useState)(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Provider, { selectedIds: _selectedIdProps, options: p.options, isMultiple: multiple, open: Boolean(anchorEl), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Picker, { ...p, multiple, anchorEl, setAnchorEl }) });
+}
+function Picker(p) {
+  const {
+    selectedIdProps,
+    options = [],
+    // options for rendering and autocomplete
+    additionSort,
+    title,
+    subtitle,
+    titleIcon,
+    onChange,
+    onDelete,
+    error = false,
+    multiple,
+    // default value set in Parent
+    disabled = false,
+    useGroup = true,
+    isAddOptionEnabled = false,
+    addOptionHandler,
+    isPopperFreezed,
+    variant = "field",
+    color = "secondary",
+    anchorEl,
+    setAnchorEl
+  } = p;
+  const tone = error ? "error" : color;
+  const accent = PICKER_ACCENT[tone];
+  const pickerId = (0, import_react4.useId)();
+  const menuId = `${pickerId}-menu`;
+  const listboxId = `${pickerId}-listbox`;
+  const [selectedIds, sIds] = selectedIdProps;
+  const allMinimalOptions = (0, import_react4.useMemo)(() => getMinimalOptions(options, additionSort), [options, additionSort]);
+  const selectedOpt = allMinimalOptions.filter((itm) => selectedIds.includes(itm.id));
+  const { state, select } = useStateContext();
+  const open = Boolean(anchorEl);
+  const closeHandler = (passedState) => {
+    const newValue = passedState === void 0 ? state.minimal : passedState.minimal;
+    const nextIds = idsFromSelection(Boolean(multiple), newValue);
+    sIds(nextIds);
+    onChange(nextIds);
+    if (anchorEl) {
+      anchorEl.focus();
+    }
+    setAnchorEl(null);
+  };
+  const removeItemHandler = (id) => () => {
+    onDelete(id);
+    sIds((old) => old.filter((itm) => itm !== id));
+    if (multiple) {
+      const current = Array.isArray(state.minimal) ? state.minimal : [];
+      select(current.filter((opt) => opt.id !== id));
+    } else if (!Array.isArray(state.minimal) && state.minimal?.id === id) {
+      select(null);
+    } else if (Array.isArray(state.minimal)) {
+      select(state.minimal.filter((opt) => opt.id !== id));
+    }
+  };
+  const togglePicker = (element) => {
+    if (disabled) return;
+    if (open) {
+      if (isPopperFreezed) return;
+      closeHandler();
+      return;
+    }
+    setAnchorEl(element);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_ClickAwayListener.default,
+    {
+      onClickAway: () => {
+        if (!open || isPopperFreezed) return;
+        closeHandler();
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_Box.default, { children: [
+        variant === "icon" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          IconTrigger,
+          {
+            id: pickerId,
+            menuId,
+            open,
+            color: tone,
+            disabled,
+            title,
+            titleIcon,
+            selectedCount: selectedOpt.length,
+            selectedLabels: selectedOpt.map((opt) => opt.label),
+            onToggle: togglePicker
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          FieldTrigger,
+          {
+            id: pickerId,
+            menuId,
+            open,
+            error,
+            accent,
+            disabled,
+            title,
+            titleIcon,
+            selectedOpt,
+            options,
+            removeItemHandler,
+            multiple: Boolean(multiple),
+            onToggle: togglePicker
+          }
+        ),
+        anchorEl ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react4.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          PopperMenu,
+          {
+            id: menuId,
+            listboxId,
+            anchorEl,
+            allMinimalOptions,
+            options,
+            closeHandler,
+            multiple,
+            disabled,
+            title: subtitle ?? title,
+            useGroup,
+            isAddOptionEnabled,
+            addOptionHandler,
+            isPopperFreezed
+          }
+        ) }) : null
+      ] })
+    }
+  );
+}
+function idsFromSelection(multiple, newValue) {
+  if (multiple) {
+    const list = Array.isArray(newValue) ? newValue : [];
+    return sortByKey(list, "filterKey").map((item) => item.id);
+  }
+  const single = Array.isArray(newValue) ? newValue[0] : newValue;
+  return single?.id ? [single.id] : [];
+}
+function getMinimalOptions(options, additionSort) {
+  const minimal = options.map((itm) => itm.minimal());
+  const sortedByFilterKey = sortByKey(minimal, "filterKey");
+  const afterAdditionSort = additionSort ? sortedByFilterKey.sort(additionSort) : sortedByFilterKey;
+  const sortedByGroup = sortByKey(afterAdditionSort, "group");
+  const sortedByDisabled = sortByKey(sortedByGroup, "disabled");
+  return sortedByDisabled;
+}
+function FieldTrigger(p) {
+  const { id, menuId, open, error, accent, disabled, title, titleIcon, selectedOpt, options, removeItemHandler, multiple, onToggle } = p;
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    PickerField,
+    {
+      id,
+      open,
+      error,
+      disabled,
+      role: "combobox",
+      tabIndex: disabled ? -1 : 0,
+      "aria-expanded": open,
+      "aria-haspopup": "listbox",
+      "aria-controls": open ? menuId : void 0,
+      "aria-disabled": disabled,
+      style: {
+        "--picker-border-emphasis": accent,
+        "--picker-check": accent,
+        "--picker-focus-ring": `color-mix(in lab, ${accent}, transparent 82%)`
+      },
+      onClick: (event) => onToggle(event.currentTarget),
+      onKeyDown: (event) => {
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          onToggle(event.currentTarget);
+        }
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+          import_Box.default,
+          {
+            sx: {
+              display: "flex",
+              alignItems: "center",
+              gap: 1,
+              minHeight: 20
+            },
+            children: [
+              titleIcon ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                import_Box.default,
+                {
+                  sx: {
+                    display: "inline-flex",
+                    color: "var(--picker-check)",
+                    "& svg": { fontSize: "1.05rem" }
+                  },
+                  children: titleIcon
+                }
+              ) : null,
+              title ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                import_Typography.default,
+                {
+                  component: "span",
+                  sx: {
+                    flex: 1,
+                    minWidth: 0,
+                    fontSize: "0.68rem",
+                    fontWeight: 700,
+                    letterSpacing: "0.08em",
+                    textTransform: "uppercase",
+                    color: "var(--picker-text-secondary)",
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap",
+                    m: 0
+                  },
+                  children: title
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_Box.default, { sx: { flex: 1 } }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                import_KeyboardArrowDown.default,
+                {
+                  sx: {
+                    fontSize: 20,
+                    color: "var(--picker-text-secondary)",
+                    flexShrink: 0,
+                    transform: open ? "rotate(180deg)" : "rotate(0deg)",
+                    transition: "transform 180ms ease"
+                  }
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          DisplaySelected,
+          {
+            selectedOpt,
+            options,
+            removeItemHandler,
+            disabled,
+            multiple
+          }
+        )
+      ]
+    }
+  );
+}
+function IconTrigger(p) {
+  const { id, menuId, open, color, disabled, title, titleIcon, selectedCount, selectedLabels, onToggle } = p;
+  const tooltip = selectedLabels.length > 0 ? selectedLabels.join(", ") : title ?? "Select";
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    Badge,
+    {
+      badgeContent: selectedCount,
+      invisible: selectedCount === 0,
+      color,
+      style_variant: "filled",
+      overlap: "circular",
+      sx: gitHubPickerRootSx,
+      max: 99,
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_Box.default, { sx: { display: "inline-flex" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        IconButton_default,
+        {
+          id,
+          title: open ? "" : tooltip,
+          disabled,
+          selected: open,
+          color,
+          "aria-label": title ?? "Select",
+          "aria-expanded": open,
+          "aria-haspopup": "listbox",
+          "aria-controls": open ? menuId : void 0,
+          onClick: (event) => onToggle(event.currentTarget),
+          children: titleIcon ?? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_FilterAlt.default, {})
+        }
+      ) })
+    }
+  );
+}
+function DisplaySelected(p) {
+  const { selectedOpt, options, removeItemHandler, disabled, multiple } = p;
+  const selectedIds = selectedOpt.map((itm) => itm.id);
+  const displaySelectedOptions = options.filter((itm) => selectedIds.includes(itm.id));
+  if (displaySelectedOptions.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      import_Typography.default,
+      {
+        sx: {
+          fontSize: "0.9rem",
+          fontWeight: 500,
+          color: "var(--picker-text-secondary)",
+          opacity: 0.78,
+          lineHeight: 1.4,
+          m: 0
+        },
+        children: multiple ? "Select options" : "Select an option"
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_Box.default, { sx: {
+    overflow: "hidden",
+    display: "flex",
+    flexWrap: "wrap",
+    gap: "6px"
+  }, children: displaySelectedOptions.map((o) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_Box.default, { sx: {
+      overflow: "hidden",
+      maxWidth: "100%"
+    }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      OptionRenderer,
+      {
+        option: o,
+        selected: true,
+        isIconClickable: true,
+        removeItemHandler: removeItemHandler(o?.id),
+        disabled,
+        slotProps: {
+          DM: {
+            isShowDescription: false
+          }
+        }
+      }
+    ) }, o.id);
+  }) });
+}
+
+// src/components/elemental/Autocomplete/src/GitHubPicker/index.ts
+init_utils();
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GitHubPicker,
+  OptionClass
+});
+//# sourceMappingURL=autocomplete.js.map