@startdownnotez404/ui 1.0.0 → 1.3.5

package/dist/theme.js

@@ -5,6 +5,9 @@ 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 });
@@ -15,162 +18,2794 @@ var __copyProps = (to, from, except, desc) => {
       if (!__hasOwnProp.call(to, key) && key !== except)
         __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return to;
+  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/random.ts
+var init_random = __esm({
+  "src/_utils/_func/random.ts"() {
+    "use strict";
+  }
+});
+
+// src/components/elemental/Card/src/Card/Card.tsx
+function Card({
+  children,
+  slotProps,
+  ...rest
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Card.default, { ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_CardContent.default, { ...slotProps?.cardContent, children }) });
+}
+var import_Card, import_CardContent, import_jsx_runtime2;
+var init_Card = __esm({
+  "src/components/elemental/Card/src/Card/Card.tsx"() {
+    "use strict";
+    import_Card = __toESM(require("@mui/material/Card"));
+    import_CardContent = __toESM(require("@mui/material/CardContent"));
+    import_jsx_runtime2 = require("react/jsx-runtime");
+  }
+});
+
+// src/components/elemental/Card/src/Card/theme.tsx
+var cardTheme, cardContentTheme;
+var init_theme = __esm({
+  "src/components/elemental/Card/src/Card/theme.tsx"() {
+    "use strict";
+    cardTheme = {
+      defaultProps: {},
+      styleOverrides: {
+        root: {}
+      }
+    };
+    cardContentTheme = {
+      defaultProps: {},
+      styleOverrides: {
+        root: {}
+      }
+    };
+  }
+});
+
+// src/components/elemental/Card/src/Card/index.ts
+var import_Card2, import_CardContent2, import_CardHeader, import_CardActions;
+var init_Card2 = __esm({
+  "src/components/elemental/Card/src/Card/index.ts"() {
+    "use strict";
+    import_Card2 = __toESM(require("@mui/material/Card"));
+    init_Card();
+    init_theme();
+    import_CardContent2 = __toESM(require("@mui/material/CardContent"));
+    import_CardHeader = __toESM(require("@mui/material/CardHeader"));
+    import_CardActions = __toESM(require("@mui/material/CardActions"));
+  }
+});
+
+// src/components/elemental/Card/src/index.ts
+var init_src = __esm({
+  "src/components/elemental/Card/src/index.ts"() {
+    "use strict";
+    init_Card2();
+  }
+});
+
+// src/components/elemental/Card/index.ts
+var init_Card3 = __esm({
+  "src/components/elemental/Card/index.ts"() {
+    "use strict";
+    init_src();
+  }
+});
+
+// src/_utils/_func/array.ts
+var init_array = __esm({
+  "src/_utils/_func/array.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_src2 = __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_src2();
+  }
+});
+
+// src/components/elemental/Button/src/Button/themes.ts
+var buttonTheme, buttonBaseTheme;
+var init_themes = __esm({
+  "src/components/elemental/Button/src/Button/themes.ts"() {
+    "use strict";
+    buttonTheme = {
+      defaultProps: {
+        variant: "outlined",
+        focusRipple: false,
+        disableRipple: true,
+        size: "small"
+      },
+      styleOverrides: {
+        root: {
+          textTransform: "capitalize",
+          // MUI Button defaults to 250ms bg/color/border-color. Snap palette
+          // token flips instead of interpolating. :active scale stays a snap
+          // transform (no transform transition).
+          transition: "background-color 0s, border-color 0s, color 0s, box-shadow 0s",
+          "--button-color": "var(--mui-palette-text-primary)",
+          "--button-filled-bg": "var(--mui-palette-primary-background)",
+          "--button-hover-border-color": "var(--mui-palette-border-hover-1)",
+          "--variant-outlinedColor": "var(--button-color)",
+          "--variant-outlinedBg": "transparent",
+          "--variant-containedColor": "var(--button-color)",
+          "--variant-containedBg": "var(--button-filled-bg)",
+          "--variant-textBorderColor": "transparent",
+          "&:hover": {
+            "--variant-textBorderColor": "var(--button-hover-border-color)"
+          },
+          "&.MuiButton-colorError": {
+            "--button-color": "var(--mui-palette-error-main)",
+            "--button-filled-bg": "var(--mui-palette-error-background)",
+            "--button-hover-border-color": "var(--mui-palette-error-dark)"
+          },
+          "&.MuiButton-colorInfo": {
+            "--button-color": "var(--mui-palette-info-main)",
+            "--button-filled-bg": "var(--mui-palette-info-background)",
+            "--button-hover-border-color": "var(--mui-palette-info-dark)"
+          },
+          "&.MuiButton-colorSuccess": {
+            "--button-color": "var(--mui-palette-success-dark)",
+            "--button-filled-bg": "var(--mui-palette-success-background)",
+            "--button-hover-border-color": "var(--mui-palette-success-dark)"
+          },
+          "&.MuiButton-colorWarning": {
+            "--button-color": "var(--mui-palette-warning-main)",
+            "--button-filled-bg": "var(--mui-palette-warning-background)",
+            "--button-hover-border-color": "var(--mui-palette-warning-dark)"
+          },
+          "&.MuiButton-colorSystem": {
+            "--button-color": "var(--mui-palette-system-main)",
+            "--button-filled-bg": "var(--mui-palette-system-background)",
+            "--button-hover-border-color": "var(--mui-palette-system-dark)"
+          },
+          "&.MuiButton-colorInsight": {
+            "--button-color": "var(--mui-palette-insight-main)",
+            "--button-filled-bg": "var(--mui-palette-insight-background)",
+            "--button-hover-border-color": "var(--mui-palette-insight-dark)"
+          },
+          "&.MuiButton-colorSecondary": {
+            "--button-color": "var(--mui-palette-secondary-main)",
+            "--button-filled-bg": "var(--mui-palette-secondary-background)",
+            "--button-hover-border-color": "var(--mui-palette-border-hover-1)"
+          },
+          "&.MuiButton-colorPrimary": {
+            "--button-color": "var(--mui-palette-primary-emphasis)",
+            "--button-filled-bg": "var(--mui-palette-container-bg-primary)",
+            "--button-hover-border-color": "var(--mui-palette-primary-emphasis)",
+            "--variant-outlinedBorder": "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 62%)",
+            "--variant-textColor": "var(--mui-palette-primary-emphasis)",
+            "--variant-containedColor": "var(--mui-palette-text-primary)",
+            "&.MuiButton-outlined": {
+              color: "var(--mui-palette-primary-emphasis)",
+              borderColor: "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 62%)",
+              "&:hover": {
+                color: "var(--mui-palette-primary-emphasis)",
+                borderColor: "var(--mui-palette-primary-emphasis)",
+                backgroundColor: "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 94%)"
+              }
+            },
+            "&.MuiButton-contained": {
+              color: "var(--mui-palette-primary-emphasis)",
+              backgroundColor: "var(--mui-palette-container-bg-primary)",
+              "&:hover": {
+                color: "var(--mui-palette-primary-emphasis)",
+                borderColor: "var(--mui-palette-border-hover-1)",
+                backgroundColor: "var(--mui-palette-container-bg-primary)"
+              }
+            },
+            "&.MuiButton-text": {
+              color: "var(--mui-palette-primary-emphasis)",
+              "&:hover": {
+                color: "var(--mui-palette-primary-emphasis)",
+                borderColor: "var(--mui-palette-primary-emphasis)",
+                backgroundColor: "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 94%)"
+              }
+            }
+          },
+          "&:active": {
+            scale: "0.9"
+          }
+        },
+        outlined: {
+          "&:hover": {
+            borderColor: "var(--button-hover-border-color)"
+          }
+        },
+        contained: {
+          boxShadow: "none",
+          border: "1px solid transparent",
+          "&:hover": {
+            boxShadow: "none",
+            borderColor: "var(--button-hover-border-color)",
+            backgroundColor: "var(--button-filled-bg)"
+          }
+        },
+        text: {
+          border: "1px solid transparent",
+          borderColor: "var(--variant-textBorderColor)"
+        }
+      }
+    };
+    buttonBaseTheme = {
+      styleOverrides: {
+        root: {
+          textTransform: "capitalize"
+        }
+      }
+    };
+  }
+});
+
+// src/components/elemental/Button/src/Button/index.ts
+var init_Button = __esm({
+  "src/components/elemental/Button/src/Button/index.ts"() {
+    "use strict";
+    init_themes();
+  }
+});
+
+// src/components/elemental/Tooltip/src/Tooltip/theme.tsx
+var tooltipTheme;
+var init_theme2 = __esm({
+  "src/components/elemental/Tooltip/src/Tooltip/theme.tsx"() {
+    "use strict";
+    tooltipTheme = {
+      defaultProps: {
+        arrow: true
+      },
+      styleOverrides: {
+        tooltip: {},
+        arrow: {}
+      }
+    };
+  }
+});
+
+// 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_react2, 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_react2 = require("react");
+    import_IconButton = __toESM(require("@mui/material/IconButton"));
+    init_Tooltip2();
+    init_Box();
+    import_jsx_runtime3 = require("react/jsx-runtime");
+    IconButton = (0, import_react2.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 iconButtonTheme;
+var init_theme3 = __esm({
+  "src/components/elemental/Button/src/IconButton/theme.ts"() {
+    "use strict";
+    iconButtonTheme = {
+      defaultProps: {
+        focusRipple: false,
+        disableRipple: true,
+        color: "secondary",
+        size: "small"
+      },
+      styleOverrides: {
+        root: ({ theme: theme2 }) => ({
+          // MUI IconButton defaults to 150ms background-color. Drop color
+          // interpolation; :active scale stays a snap transform.
+          transition: "background-color 0s, border-color 0s, color 0s",
+          "--button-color": "var(--mui-palette-text-primary)",
+          "--button-hover-border-color": "var(--mui-palette-border-hover-1)",
+          "&.MuiIconButton-colorError": {
+            "--button-color": "var(--mui-palette-error-main)",
+            "--button-hover-border-color": "var(--mui-palette-error-dark)"
+          },
+          "&.MuiIconButton-colorInfo": {
+            "--button-color": "var(--mui-palette-info-main)",
+            "--button-hover-border-color": "var(--mui-palette-info-dark)"
+          },
+          "&.MuiIconButton-colorSuccess": {
+            "--button-color": "var(--mui-palette-success-dark)",
+            "--button-hover-border-color": "var(--mui-palette-success-dark)"
+          },
+          "&.MuiIconButton-colorWarning": {
+            "--button-color": "var(--mui-palette-warning-main)",
+            "--button-hover-border-color": "var(--mui-palette-warning-dark)"
+          },
+          "&.MuiIconButton-colorSecondary": {
+            "--button-color": "var(--mui-palette-secondary-dark)",
+            "--button-hover-border-color": "var(--mui-palette-secondary-main)"
+          },
+          "&.MuiIconButton-colorPrimary": {
+            "--button-color": "var(--mui-palette-primary-emphasis)",
+            "--button-hover-border-color": "var(--mui-palette-primary-emphasis)"
+          },
+          "&.MuiIconButton-colorSystem": {
+            "--button-color": "var(--mui-palette-system-main)",
+            "--button-hover-border-color": "var(--mui-palette-system-dark)"
+          },
+          "&.MuiIconButton-colorInsight": {
+            "--button-color": "var(--mui-palette-insight-main)",
+            "--button-hover-border-color": "var(--mui-palette-insight-dark)"
+          },
+          "--color-p": "var(--button-color)",
+          "--bg": "color-mix(in lab,rgba(255, 255, 255, 0.04) 95%,var(--color-p) 5%)",
+          padding: theme2.spacing(0.5),
+          borderRadius: "8px",
+          color: "var(--color-p)",
+          backgroundColor: "var(--bg)",
+          "&:active svg": {
+            scale: "0.9"
+          },
+          "&.Mui-disabled": {
+            "--color-p": "var(--mui-palette-action-disabled)",
+            "--bg": "color-mix(in lab,rgba(255, 255, 255, 0.04) 95%,var(--color-p) 5%)",
+            color: "var(--color-p)",
+            backgroundColor: "var(--bg)",
+            "& svg.MuiSvgIcon-root": {
+              color: "var(--color-p)"
+            }
+          },
+          border: "1px solid transparent",
+          "&:hover": {
+            borderColor: "color-mix(in lab, var(--mui-palette-border-1) 80%, var(--button-hover-border-color))"
+          },
+          "&:active": {
+            scale: "0.9"
+          }
+        })
+      }
+    };
+  }
+});
+
+// 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/themes.ts
+var chipTheme;
+var init_themes2 = __esm({
+  "src/components/elemental/Chip/src/Chip/themes.ts"() {
+    "use strict";
+    chipTheme = {
+      defaultProps: {
+        variant: "outlined",
+        size: "small"
+      },
+      styleOverrides: {
+        root: ({ theme: theme2 }) => ({
+          "--hover-shadow-color": "var(--mui-palette-blink-golden)",
+          "&.MuiChip-clickable:active": {
+            scale: "0.9",
+            boxShadow: "none"
+          },
+          "& .MuiChip-label": {
+            maxWidth: "100%",
+            [theme2.breakpoints.up("md")]: {
+              maxWidth: "20vw"
+            }
+          },
+          "& .MuiChip-icon, & .MuiChip-deleteIcon": {
+            color: "inherit"
+          },
+          "&.MuiChip-colorInfo": { "--hover-shadow-color": "var(--mui-palette-info-main)" },
+          "&.MuiChip-colorError": { "--hover-shadow-color": "var(--mui-palette-error-main)" },
+          "&.MuiChip-colorSuccess": { "--hover-shadow-color": "var(--mui-palette-success-dark)" },
+          "&.MuiChip-colorWarning": { "--hover-shadow-color": "var(--mui-palette-warning-main)" },
+          "&.MuiChip-colorSecondary": { "--hover-shadow-color": "var(--mui-palette-secondary-main)" },
+          "&.MuiChip-colorPrimary": { "--hover-shadow-color": "var(--mui-palette-blink-golden)" },
+          "&.MuiChip-colorSystem": { "--hover-shadow-color": "var(--mui-palette-system-main)" },
+          "&.MuiChip-colorInsight": { "--hover-shadow-color": "var(--mui-palette-insight-main)" },
+          "&.MuiChip-colorDefault": {
+            color: "var(--mui-palette-text-primary)"
+          },
+          "&.MuiChip-filled.MuiChip-colorError": {
+            color: "var(--mui-palette-background-default)"
+          },
+          /** hover effect */
+          position: "relative",
+          "&.MuiChip-clickable:hover": {
+            boxShadow: `
+          0 4px 10px -4px var(--hover-shadow-color), 
+          0px 1px 1px 0px rgba(0, 0, 0, 0.14), 
+          0px 1px 3px 0px rgba(0, 0, 0, 0.12)`,
+            "&:before": {
+              opacity: 1
+            }
+          },
+          "&:before": {
+            content: '""',
+            position: "absolute",
+            left: 0,
+            insetBlockEnd: 0,
+            display: "block",
+            width: "100%",
+            height: "1px",
+            opacity: 0,
+            backgroundImage: "linear-gradient(to right, transparent, var(--hover-shadow-color), transparent)",
+            transition: "all 0.1s ease-in-out"
+          }
+        })
+      }
+    };
+  }
+});
+
+// src/components/elemental/Chip/src/Chip/index.ts
+var init_Chip = __esm({
+  "src/components/elemental/Chip/src/Chip/index.ts"() {
+    "use strict";
+    init_themes2();
+  }
+});
+
+// src/components/elemental/Chip/src/index.ts
+var init_src4 = __esm({
+  "src/components/elemental/Chip/src/index.ts"() {
+    "use strict";
+    init_Chip();
+  }
+});
+
+// src/components/elemental/Chip/index.ts
+var init_Chip2 = __esm({
+  "src/components/elemental/Chip/index.ts"() {
+    "use strict";
+    init_src4();
+  }
+});
+
+// src/components/elemental/Button/src/TagButton/index.ts
+var init_TagButton = __esm({
+  "src/components/elemental/Button/src/TagButton/index.ts"() {
+    "use strict";
+  }
+});
+
+// src/components/elemental/Button/src/index.ts
+var init_src5 = __esm({
+  "src/components/elemental/Button/src/index.ts"() {
+    "use strict";
+    init_Button();
+    init_IconButton2();
+    init_TagButton();
+  }
+});
+
+// src/components/elemental/Button/index.ts
+var init_Button2 = __esm({
+  "src/components/elemental/Button/index.ts"() {
+    "use strict";
+    init_src5();
+  }
+});
+
+// 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_runtime4;
+var init_Variants = __esm({
+  "src/components/elemental/Typography/src/Variants.tsx"() {
+    "use strict";
+    import_Typography2 = __toESM(require("@mui/material/Typography"));
+    import_jsx_runtime4 = require("react/jsx-runtime");
+  }
+});
+
+// src/components/elemental/Typography/src/theme.ts
+var typographyTheme;
+var init_theme4 = __esm({
+  "src/components/elemental/Typography/src/theme.ts"() {
+    "use strict";
+    typographyTheme = {
+      styleOverrides: {
+        root: () => ({
+          textOverflow: "ellipsis",
+          overflow: "hidden",
+          "&:has(svg)": {
+            display: "inline-flex",
+            alignItems: "center",
+            "&>svg": {
+              fontSize: "1em"
+            }
+          }
+        }),
+        caption: {
+          lineHeight: 1
+        }
+      }
+    };
+  }
+});
+
+// src/components/elemental/Typography/src/index.ts
+var init_src6 = __esm({
+  "src/components/elemental/Typography/src/index.ts"() {
+    "use strict";
+    init_Typography();
+    init_Variants();
+    init_theme4();
+  }
+});
+
+// src/components/elemental/Typography/index.ts
+var init_Typography2 = __esm({
+  "src/components/elemental/Typography/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/Skeleton/MuiSkeleton/index.ts
+var import_Skeleton;
+var init_MuiSkeleton = __esm({
+  "src/components/elemental/Skeleton/MuiSkeleton/index.ts"() {
+    "use strict";
+    import_Skeleton = __toESM(require("@mui/material/Skeleton"));
+  }
+});
+
+// src/components/elemental/Skeleton/index.ts
+var init_Skeleton = __esm({
+  "src/components/elemental/Skeleton/index.ts"() {
+    "use strict";
+    init_MuiSkeleton();
+  }
+});
+
+// src/components/elemental/Avatar/src/_utils/_types.ts
+var init_types = __esm({
+  "src/components/elemental/Avatar/src/_utils/_types.ts"() {
+    "use strict";
+  }
+});
+
+// src/components/elemental/Avatar/src/_utils/_const.ts
+var init_const = __esm({
+  "src/components/elemental/Avatar/src/_utils/_const.ts"() {
+    "use strict";
+  }
+});
+
+// src/components/elemental/Avatar/src/_utils/index.ts
+var init_utils = __esm({
+  "src/components/elemental/Avatar/src/_utils/index.ts"() {
+    "use strict";
+    init_types();
+    init_const();
+  }
+});
+
+// src/components/elemental/Avatar/src/Avatar/themes.ts
+var avatarTheme;
+var init_themes3 = __esm({
+  "src/components/elemental/Avatar/src/Avatar/themes.ts"() {
+    "use strict";
+    avatarTheme = {
+      styleOverrides: {
+        root: {
+          "--avatar-bg": "var(--mui-palette-action-selected)",
+          "--avatar-color": "var(--mui-palette-text-primary)",
+          backgroundColor: "var(--avatar-bg)",
+          color: "var(--avatar-color)"
+        }
+      }
+    };
+  }
+});
+
+// src/components/elemental/Avatar/src/Avatar/index.ts
+var init_Avatar = __esm({
+  "src/components/elemental/Avatar/src/Avatar/index.ts"() {
+    "use strict";
+    init_themes3();
+  }
+});
+
+// src/components/elemental/Badge/src/Badge/Badge.tsx
+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_runtime7.jsx)(import_Badge.default, { ...rest, variant, className: badge_var_class + (className ? ` ${className}` : "") });
+}
+var import_Badge, import_jsx_runtime7;
+var init_Badge = __esm({
+  "src/components/elemental/Badge/src/Badge/Badge.tsx"() {
+    "use strict";
+    import_Badge = __toESM(require("@mui/material/Badge"));
+    import_jsx_runtime7 = require("react/jsx-runtime");
+  }
+});
+
+// src/components/elemental/Badge/src/Badge/theme.ts
+var badgeTheme;
+var init_theme5 = __esm({
+  "src/components/elemental/Badge/src/Badge/theme.ts"() {
+    "use strict";
+    badgeTheme = {
+      defaultProps: {},
+      styleOverrides: {
+        root: {
+          "& .MuiBadge-badge": {
+            background: "var(--badge-bg-color)",
+            color: "var(--badge-text-color)",
+            border: "1px solid var(--badge-br-color)",
+            backdropFilter: "blur(2px)",
+            maxWidth: "50px",
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            justifyContent: "flex-start"
+          },
+          "&.badge-outlined,&": {
+            "--badge-bg-color": "transparent"
+          },
+          "&.badge-filled": {
+            "--badge-bg-color": "var(--mui-palette-secondary-main)",
+            "--badge-text-color": "var(--mui-palette-background-default)"
+          },
+          "--badge-text-color": "var(--mui-palette-secondary-main)",
+          "--badge-br-color": "var(--mui-palette-secondary-main)",
+          /** primary */
+          "& .MuiBadge-colorPrimary": {
+            "--badge-br-color": "var(--mui-palette-primary-emphasis)",
+            "--badge-text-color": "var(--mui-palette-primary-emphasis)"
+          },
+          "&.badge-filled .MuiBadge-colorPrimary": {
+            "--badge-bg-color": "var(--mui-palette-primary-emphasis)",
+            "--badge-text-color": "var(--mui-palette-primary-contrast)"
+          },
+          /** secondary */
+          "&.badge-filled .MuiBadge-colorSecondary": {
+            "--badge-bg-color": "var(--mui-palette-secondary-main)",
+            "--badge-text-color": "var(--mui-palette-background-default)"
+          },
+          "& .MuiBadge-colorSecondary": {
+            "--badge-br-color": "var(--mui-palette-secondary-main)",
+            "--badge-text-color": "var(--mui-palette-secondary-main)"
+          },
+          /** error */
+          "&.badge-filled .MuiBadge-colorError": {
+            "--badge-bg-color": "var(--mui-palette-error-main)",
+            "--badge-text-color": "var(--mui-palette-background-default)"
+          },
+          "& .MuiBadge-colorError": {
+            "--badge-br-color": "var(--mui-palette-error-main)",
+            "--badge-text-color": "var(--mui-palette-error-main)"
+          },
+          /** info */
+          "&.badge-filled .MuiBadge-colorInfo": {
+            "--badge-bg-color": "var(--mui-palette-info-main)",
+            "--badge-text-color": "var(--mui-palette-info-contrastText)"
+          },
+          "& .MuiBadge-colorInfo": {
+            "--badge-br-color": "var(--mui-palette-info-main)",
+            "--badge-text-color": "var(--mui-palette-info-main)"
+          },
+          /** success */
+          "&.badge-filled .MuiBadge-colorSuccess": {
+            "--badge-bg-color": "var(--mui-palette-success-main)",
+            "--badge-text-color": "var(--mui-palette-success-contrastText)"
+          },
+          "& .MuiBadge-colorSuccess": {
+            "--badge-br-color": "var(--mui-palette-success-main)",
+            "--badge-text-color": "var(--mui-palette-success-main)"
+          },
+          /** warning */
+          "&.badge-filled .MuiBadge-colorWarning": {
+            "--badge-bg-color": "var(--mui-palette-warning-main)",
+            "--badge-text-color": "var(--mui-palette-warning-contrastText)"
+          },
+          "& .MuiBadge-colorWarning": {
+            "--badge-br-color": "var(--mui-palette-warning-main)",
+            "--badge-text-color": "var(--mui-palette-warning-main)"
+          },
+          /** system */
+          "&.badge-filled .MuiBadge-colorSystem": {
+            "--badge-bg-color": "var(--mui-palette-system-main)",
+            "--badge-text-color": "var(--mui-palette-system-contrastText)"
+          },
+          "& .MuiBadge-colorSystem": {
+            "--badge-br-color": "var(--mui-palette-system-main)",
+            "--badge-text-color": "var(--mui-palette-system-main)"
+          },
+          /** insight */
+          "&.badge-filled .MuiBadge-colorInsight": {
+            "--badge-bg-color": "var(--mui-palette-insight-main)",
+            "--badge-text-color": "var(--mui-palette-insight-contrastText)"
+          },
+          "& .MuiBadge-colorInsight": {
+            "--badge-br-color": "var(--mui-palette-insight-main)",
+            "--badge-text-color": "var(--mui-palette-insight-main)"
+          }
+        }
+      }
+    };
+  }
+});
+
+// src/components/elemental/Badge/src/Badge/index.ts
+var init_Badge2 = __esm({
+  "src/components/elemental/Badge/src/Badge/index.ts"() {
+    "use strict";
+    init_Badge();
+    init_theme5();
+    init_theme5();
+  }
+});
+
+// src/components/elemental/Badge/src/index.ts
+var init_src7 = __esm({
+  "src/components/elemental/Badge/src/index.ts"() {
+    "use strict";
+    init_Badge2();
+  }
+});
+
+// src/components/elemental/Badge/index.ts
+var init_Badge3 = __esm({
+  "src/components/elemental/Badge/index.ts"() {
+    "use strict";
+    init_src7();
+  }
+});
+
+// src/components/elemental/Menu/src/Menu/theme.ts
+var menuItemTheme, menuTheme;
+var init_theme6 = __esm({
+  "src/components/elemental/Menu/src/Menu/theme.ts"() {
+    "use strict";
+    menuItemTheme = {
+      defaultProps: {},
+      styleOverrides: {
+        root: {
+          "--menu-item-hover-bg": "var(--mui-palette-background-hover-1)",
+          "--menu-item-selected-bg": "var(--mui-palette-focus-1)",
+          "&:hover": {
+            backgroundColor: "var(--menu-item-hover-bg)"
+          },
+          "&.Mui-selected:before": {
+            width: "100%",
+            height: "100%",
+            content: "''",
+            position: "absolute",
+            left: 0,
+            top: 0,
+            backgroundColor: "var(--menu-item-selected-bg)",
+            overflow: "hidden"
+          },
+          "& svg": {
+            fontSize: "1.2rem"
+          }
+        }
+      }
+    };
+    menuTheme = {
+      styleOverrides: {}
+    };
+  }
+});
+
+// src/components/elemental/Paper/src/Paper/themes.ts
+var paperTheme;
+var init_themes4 = __esm({
+  "src/components/elemental/Paper/src/Paper/themes.ts"() {
+    "use strict";
+    paperTheme = {
+      defaultProps: {
+        variant: "elevation"
+      },
+      styleOverrides: {
+        root: {
+          "--paper-bg": "var(--mui-palette-background-default)",
+          backgroundColor: "var(--paper-bg)"
+        },
+        outlined: {
+          "--paper-border-color": "var(--mui-palette-border-1)",
+          border: "1px solid var(--paper-border-color)"
+        }
+      }
+    };
+  }
+});
+
+// src/components/elemental/Paper/src/Paper/index.ts
+var init_Paper = __esm({
+  "src/components/elemental/Paper/src/Paper/index.ts"() {
+    "use strict";
+    init_themes4();
+  }
+});
+
+// src/components/elemental/Paper/src/index.ts
+var init_src8 = __esm({
+  "src/components/elemental/Paper/src/index.ts"() {
+    "use strict";
+    init_Paper();
+  }
+});
+
+// src/components/elemental/Paper/index.ts
+var init_Paper2 = __esm({
+  "src/components/elemental/Paper/index.ts"() {
+    "use strict";
+    init_src8();
+  }
+});
+
+// src/components/elemental/Form/src/FormLabel/theme.ts
+var formLabelTheme;
+var init_theme7 = __esm({
+  "src/components/elemental/Form/src/FormLabel/theme.ts"() {
+    "use strict";
+    formLabelTheme = {
+      defaultProps: {},
+      styleOverrides: {
+        root: {
+          "--form-label-color": "var(--mui-palette-text-secondary)",
+          color: "var(--form-label-color)",
+          maxWidth: "100%",
+          textOverflow: "ellipsis",
+          overflow: "hidden",
+          whiteSpace: "nowrap",
+          "&.MuiFormLabel-colorSuccess": {
+            color: "var(--mui-palette-success-main)"
+          },
+          "&.MuiFormLabel-colorError": {
+            color: "var(--mui-palette-error-main)"
+          },
+          "&.MuiFormLabel-colorInfo": {
+            color: "var(--mui-palette-info-main)"
+          },
+          "&.MuiFormLabel-colorWarning": {
+            color: "var(--mui-palette-warning-main)"
+          },
+          "&.MuiFormLabel-colorPrimary": {
+            "--form-label-color": "var(--mui-palette-primary-emphasis)",
+            color: "var(--form-label-color)"
+          },
+          "&.MuiFormLabel-colorSecondary": {
+            color: "var(--mui-palette-secondary-main)"
+          },
+          "&.Mui-disabled": {
+            color: "var(--mui-palette-text-disabled)"
+          },
+          "&.Mui-error": {
+            color: "var(--mui-palette-error-main)"
+          }
+        }
+      }
+    };
+  }
+});
+
+// src/components/elemental/Form/src/FormLabel/index.ts
+var init_FormLabel = __esm({
+  "src/components/elemental/Form/src/FormLabel/index.ts"() {
+    "use strict";
+    init_theme7();
+  }
+});
+
+// src/components/elemental/Form/src/FormControlLabel/theme.ts
+var formControlLabelTheme;
+var init_theme8 = __esm({
+  "src/components/elemental/Form/src/FormControlLabel/theme.ts"() {
+    "use strict";
+    formControlLabelTheme = {
+      defaultProps: {},
+      styleOverrides: {
+        root: {
+          "--form-control-label-color": "var(--mui-palette-text-primary)",
+          color: "var(--form-control-label-color)",
+          maxWidth: "100%",
+          textOverflow: "ellipsis",
+          overflow: "hidden",
+          whiteSpace: "nowrap",
+          "&.Mui-disabled": {
+            color: "var(--mui-palette-text-disabled)"
+          }
+        }
+      }
+    };
+  }
+});
+
+// src/components/elemental/Form/src/FormControlLabel/index.ts
+var init_FormControlLabel = __esm({
+  "src/components/elemental/Form/src/FormControlLabel/index.ts"() {
+    "use strict";
+    init_theme8();
+  }
+});
+
+// src/components/elemental/Form/src/themes.ts
+var formHelperTextTheme;
+var init_themes5 = __esm({
+  "src/components/elemental/Form/src/themes.ts"() {
+    "use strict";
+    formHelperTextTheme = {
+      defaultProps: {},
+      styleOverrides: {
+        root: {
+          color: "var(--mui-palette-text-subscript)"
+        }
+      }
+    };
+  }
+});
+
+// src/components/elemental/Form/src/index.ts
+var import_FormControl, import_FormHelperText, import_InputAdornment, import_InputLabel;
+var init_src9 = __esm({
+  "src/components/elemental/Form/src/index.ts"() {
+    "use strict";
+    init_FormLabel();
+    init_FormControlLabel();
+    import_FormControl = __toESM(require("@mui/material/FormControl"));
+    import_FormHelperText = __toESM(require("@mui/material/FormHelperText"));
+    import_InputAdornment = __toESM(require("@mui/material/InputAdornment"));
+    import_InputLabel = __toESM(require("@mui/material/InputLabel"));
+    init_themes5();
+  }
+});
+
+// src/components/elemental/Form/index.ts
+var init_Form = __esm({
+  "src/components/elemental/Form/index.ts"() {
+    "use strict";
+    init_src9();
+  }
+});
+
+// src/components/elemental/Divider/src/theme.ts
+var dividerTheme;
+var init_theme9 = __esm({
+  "src/components/elemental/Divider/src/theme.ts"() {
+    "use strict";
+    dividerTheme = {
+      styleOverrides: {
+        root: {}
+      }
+    };
+  }
+});
+
+// src/components/elemental/Divider/src/index.ts
+var import_Divider;
+var init_src10 = __esm({
+  "src/components/elemental/Divider/src/index.ts"() {
+    "use strict";
+    import_Divider = __toESM(require("@mui/material/Divider"));
+    init_theme9();
+    init_theme9();
+  }
+});
+
+// src/components/elemental/Divider/index.ts
+var init_Divider = __esm({
+  "src/components/elemental/Divider/index.ts"() {
+    "use strict";
+    init_src10();
+  }
+});
+
+// src/components/elemental/Checkbox/src/Checkbox/theme.ts
+var checkboxTheme;
+var init_theme10 = __esm({
+  "src/components/elemental/Checkbox/src/Checkbox/theme.ts"() {
+    "use strict";
+    checkboxTheme = {
+      defaultProps: {},
+      styleOverrides: {
+        root: {
+          "--checkbox-color": "var(--mui-palette-text-grey-1)",
+          "--checkbox-selected-bg": "var(--mui-palette-primary-emphasis)",
+          color: "var(--checkbox-color)",
+          "&.MuiCheckbox-colorPrimary": {
+            "--checkbox-selected-bg": "var(--mui-palette-primary-emphasis)"
+          },
+          "&.MuiCheckbox-colorError": {
+            "--checkbox-color": "var(--mui-palette-error-main)"
+          },
+          "&.Mui-checked, &.MuiCheckbox-indeterminate": {
+            color: "var(--checkbox-selected-bg)",
+            "&.MuiCheckbox-colorError": {
+              color: "var(--mui-palette-error-main)"
+            }
+          },
+          // check label
+          [`&.MuiCheckbox-root + .MuiFormControlLabel-label,
+      &.MuiCheckbox-root + .MuiFormControlLabel-label .MuiFormLabel-root
+        `]: {
+            fontSize: "inherit"
+          }
+        }
+      }
+    };
+  }
+});
+
+// src/components/elemental/Checkbox/src/Checkbox/index.ts
+var import_Checkbox;
+var init_Checkbox = __esm({
+  "src/components/elemental/Checkbox/src/Checkbox/index.ts"() {
+    "use strict";
+    import_Checkbox = __toESM(require("@mui/material/Checkbox"));
+    init_theme10();
+  }
+});
+
+// src/components/elemental/Checkbox/src/CheckboxGroup/CheckboxGroup.tsx
+var import_FormGroup, import_jsx_runtime8;
+var init_CheckboxGroup = __esm({
+  "src/components/elemental/Checkbox/src/CheckboxGroup/CheckboxGroup.tsx"() {
+    "use strict";
+    import_FormGroup = __toESM(require("@mui/material/FormGroup"));
+    import_jsx_runtime8 = require("react/jsx-runtime");
+  }
+});
+
+// src/components/elemental/Checkbox/src/CheckboxGroup/index.ts
+var init_CheckboxGroup2 = __esm({
+  "src/components/elemental/Checkbox/src/CheckboxGroup/index.ts"() {
+    "use strict";
+    init_CheckboxGroup();
+  }
+});
+
+// src/components/elemental/Checkbox/src/index.ts
+var init_src11 = __esm({
+  "src/components/elemental/Checkbox/src/index.ts"() {
+    "use strict";
+    init_Checkbox();
+    init_CheckboxGroup2();
+  }
+});
+
+// src/components/elemental/Checkbox/index.ts
+var init_Checkbox2 = __esm({
+  "src/components/elemental/Checkbox/index.ts"() {
+    "use strict";
+    init_src11();
+  }
+});
+
+// src/components/elemental/List/src/List/theme.ts
+var listItemIconTheme, listItemTextTheme, listItemButtonTheme, listItemTheme, listItemSubheaderTheme;
+var init_theme11 = __esm({
+  "src/components/elemental/List/src/List/theme.ts"() {
+    "use strict";
+    listItemIconTheme = {
+      styleOverrides: {
+        root: () => ({
+          "--list-item-icon-color": "var(--mui-palette-text-primary)",
+          color: "var(--list-item-icon-color)"
+        })
+      }
+    };
+    listItemTextTheme = {
+      styleOverrides: {
+        root: () => ({})
+      }
+    };
+    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)"
+            }
+          }
+        }
+      }
+    };
+    listItemTheme = {
+      styleOverrides: {
+        root: {}
+      }
+    };
+    listItemSubheaderTheme = {
+      styleOverrides: {
+        root: {}
+      }
+    };
+  }
+});
+
+// src/components/elemental/List/src/List/index.ts
+var import_List, import_ListSubheader, import_ListItemIcon, import_ListItemText, import_ListItemButton, import_ListItem;
+var init_List = __esm({
+  "src/components/elemental/List/src/List/index.ts"() {
+    "use strict";
+    import_List = __toESM(require("@mui/material/List"));
+    import_ListSubheader = __toESM(require("@mui/material/ListSubheader"));
+    import_ListItemIcon = __toESM(require("@mui/material/ListItemIcon"));
+    import_ListItemText = __toESM(require("@mui/material/ListItemText"));
+    import_ListItemButton = __toESM(require("@mui/material/ListItemButton"));
+    import_ListItem = __toESM(require("@mui/material/ListItem"));
+    init_theme11();
+  }
+});
+
+// src/components/elemental/List/src/index.ts
+var init_src12 = __esm({
+  "src/components/elemental/List/src/index.ts"() {
+    "use strict";
+    init_List();
+  }
+});
+
+// src/components/elemental/List/index.ts
+var init_List2 = __esm({
+  "src/components/elemental/List/index.ts"() {
+    "use strict";
+    init_src12();
+  }
+});
+
+// src/components/elemental/Avatar/src/StatusAvatar/StatusAvatar.tsx
+var import_styles, import_jsx_runtime9, USER_STATUSs, changable_status, StyledBadge;
+var init_StatusAvatar = __esm({
+  "src/components/elemental/Avatar/src/StatusAvatar/StatusAvatar.tsx"() {
+    "use strict";
+    "use client";
+    import_styles = require("@mui/material/styles");
+    init_Badge3();
+    import_jsx_runtime9 = require("react/jsx-runtime");
+    USER_STATUSs = {
+      online: "online",
+      away: "away",
+      busy: "busy",
+      offline: "offline",
+      invisible: "invisible"
+    };
+    changable_status = Object.values(USER_STATUSs).filter((s) => s !== "offline");
+    StyledBadge = (0, import_styles.styled)(Badge, {
+      shouldForwardProp: (p) => p !== "status"
+    })(() => ({
+      "& .MuiBadge-badge": {
+        width: "15%",
+        height: "15%",
+        minWidth: "10px",
+        minHeight: "10px",
+        borderRadius: "50%",
+        borderColor: "transparent",
+        backgroundColor: "var(--color)",
+        color: "var(--color)",
+        boxShadow: `0 0 0 2px var(--status-badge-shadow)`,
+        display: "var(--display)",
+        "&::after": {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          width: "100%",
+          height: "100%",
+          borderRadius: "50%",
+          animation: "var(--animate)",
+          border: "1px solid currentColor",
+          content: '""'
+        }
+      },
+      "@keyframes ripple": {
+        "0%": {
+          transform: "scale(.8)",
+          opacity: 1
+        },
+        "100%": {
+          transform: "scale(2.4)",
+          opacity: 0
+        }
+      },
+      variants: [
+        {
+          props: { status: USER_STATUSs.online },
+          style: {
+            "--color": "var(--status-color-online)",
+            "--animate": "ripple 1.2s infinite ease-in-out",
+            // ripple animation
+            "--display": "block"
+            // show the dot
+          }
+        },
+        {
+          props: { status: USER_STATUSs.away },
+          style: {
+            "--color": "var(--status-color-away)",
+            "--animate": "none",
+            // no animation
+            "--display": "block"
+            // show the dot
+          }
+        },
+        {
+          props: { status: USER_STATUSs.busy },
+          style: {
+            "--color": "var(--status-color-busy)",
+            "--animate": "none",
+            // no animation
+            "--display": "block"
+            // show the dot
+          }
+        },
+        {
+          props: { status: USER_STATUSs.offline },
+          style: {
+            "--color": "var(--status-color-offline)",
+            "--animate": "none",
+            // no animation
+            "--display": "block"
+            // show the dot
+          }
+        },
+        {
+          props: { status: USER_STATUSs.invisible },
+          style: {
+            "--color": "var(--status-color-offline)",
+            "--animate": "none",
+            // no animation
+            "--display": "block"
+            // show the dot
+          }
+        }
+      ]
+    }));
+  }
+});
+
+// src/components/elemental/Avatar/src/StatusAvatar/index.ts
+var init_StatusAvatar2 = __esm({
+  "src/components/elemental/Avatar/src/StatusAvatar/index.ts"() {
+    "use strict";
+    init_StatusAvatar();
+  }
+});
+
+// src/components/elemental/Avatar/src/index.ts
+var init_src13 = __esm({
+  "src/components/elemental/Avatar/src/index.ts"() {
+    "use strict";
+    init_Avatar();
+    init_StatusAvatar2();
+    init_utils();
+  }
+});
+
+// src/components/elemental/Avatar/index.ts
+var init_Avatar2 = __esm({
+  "src/components/elemental/Avatar/index.ts"() {
+    "use strict";
+    init_src13();
+  }
+});
+
+// src/components/elemental/DatePicker/src/MuiXDatePicker.tsx
+var import_LocalizationProvider, import_DatePicker, import_AdapterDayjs, import_jsx_runtime10;
+var init_MuiXDatePicker = __esm({
+  "src/components/elemental/DatePicker/src/MuiXDatePicker.tsx"() {
+    "use strict";
+    import_LocalizationProvider = require("@mui/x-date-pickers/LocalizationProvider");
+    import_DatePicker = require("@mui/x-date-pickers/DatePicker");
+    import_AdapterDayjs = require("@mui/x-date-pickers/AdapterDayjs");
+    import_jsx_runtime10 = require("react/jsx-runtime");
+  }
+});
+
+// src/components/elemental/DatePicker/src/MuiXDateTimePicker.tsx
+var import_LocalizationProvider2, import_DateTimePicker, import_AdapterDayjs2, import_jsx_runtime11;
+var init_MuiXDateTimePicker = __esm({
+  "src/components/elemental/DatePicker/src/MuiXDateTimePicker.tsx"() {
+    "use strict";
+    import_LocalizationProvider2 = require("@mui/x-date-pickers/LocalizationProvider");
+    import_DateTimePicker = require("@mui/x-date-pickers/DateTimePicker");
+    import_AdapterDayjs2 = require("@mui/x-date-pickers/AdapterDayjs");
+    import_jsx_runtime11 = require("react/jsx-runtime");
+  }
+});
+
+// src/components/elemental/DatePicker/src/theme.ts
+var datePickerTheme, dateTimePickerTheme, dateCalendarTheme, pickersCalendarHeaderTheme, pickersDayTheme, multiSectionDigitalClockTheme, pickersInputBaseTheme;
+var init_theme12 = __esm({
+  "src/components/elemental/DatePicker/src/theme.ts"() {
+    "use strict";
+    datePickerTheme = {
+      defaultProps: {
+        slotProps: {
+          popper: {
+            sx: {
+              "& .MuiPaper-root": {
+                borderRadius: "20px",
+                background: "var(--mui-palette-background-default)",
+                border: "solid 1px var(--mui-palette-border-1)"
+              }
+            }
+          }
+        }
+      }
+    };
+    dateTimePickerTheme = {
+      defaultProps: {
+        slotProps: {
+          popper: {
+            sx: {
+              "& .MuiPaper-root": {
+                borderRadius: "20px",
+                background: "var(--mui-palette-background-default)",
+                border: "solid 1px var(--mui-palette-border-1)"
+              }
+            }
+          }
+        }
+      }
+    };
+    dateCalendarTheme = {
+      defaultProps: {
+        slotProps: {}
+      },
+      styleOverrides: {
+        root: {
+          borderRadius: "20px"
+        }
+      }
+    };
+    pickersCalendarHeaderTheme = {
+      defaultProps: {
+        slotProps: {
+          previousIconButton: { size: "small" },
+          nextIconButton: { size: "small" },
+          switchViewIcon: { fontSize: "small" }
+        }
+      },
+      styleOverrides: {
+        root: {},
+        label: {}
+      }
+    };
+    pickersDayTheme = {
+      defaultProps: {},
+      styleOverrides: {
+        root: {
+          "&.Mui-selected.MuiButtonBase-root": {
+            color: "var(--mui-palette-error-main)",
+            backgroundColor: "var(--mui-palette-focus-1)",
+            "&:hover": {
+              backgroundColor: "var(--mui-palette-focus-1-hover)"
+            }
+          },
+          "&.MuiPickersDay-today": {
+            borderColor: "var(--mui-palette-focus-1)"
+          }
+        },
+        dayOutsideMonth: {
+          color: "var(--mui-palette-text-disabled)"
+        }
+      }
+    };
+    multiSectionDigitalClockTheme = {
+      defaultProps: {
+        slotProps: {
+          digitalClockSectionItem: {
+            dense: true
+          }
+        }
+      },
+      styleOverrides: {
+        root: {
+          "&": { paddingRight: "4px" },
+          "& .MuiMultiSectionDigitalClockSection-root": {
+            scrollbarWidth: "inherit",
+            "& li": {
+              borderRadius: "var(--mui-shape-borderRadius)",
+              "&::before": {
+                borderRadius: "var(--mui-shape-borderRadius)"
+              },
+              "&.Mui-selected": {
+                backgroundColor: "transparent"
+              }
+            }
+          }
+        }
+      }
+    };
+    pickersInputBaseTheme = {
+      styleOverrides: {
+        root: {
+          "&.Mui-focused:not(.Mui-error) fieldset.MuiPickersOutlinedInput-notchedOutline": {
+            borderColor: "var(--mui-palette-text-secondary)"
+          },
+          "&.MuiPickersInputBase-root": {
+            "& .MuiButtonBase-root": {
+              "& > svg": {
+                fontSize: "1.25rem"
+              }
+            }
+          }
+        }
+      }
+    };
+  }
+});
+
+// src/components/elemental/DatePicker/src/index.ts
+var init_src14 = __esm({
+  "src/components/elemental/DatePicker/src/index.ts"() {
+    "use strict";
+    init_MuiXDatePicker();
+    init_MuiXDateTimePicker();
+    init_theme12();
+  }
+});
+
+// src/components/elemental/DatePicker/index.ts
+var init_DatePicker = __esm({
+  "src/components/elemental/DatePicker/index.ts"() {
+    "use strict";
+    init_src14();
+  }
+});
+
+// src/components/elemental/Input/src/TextField/theme.ts
+var textFieldTheme, inputBaseTheme;
+var init_theme13 = __esm({
+  "src/components/elemental/Input/src/TextField/theme.ts"() {
+    "use strict";
+    textFieldTheme = {
+      defaultProps: {
+        size: "small"
+      },
+      styleOverrides: {
+        root: {
+          "& fieldset": {
+            borderColor: "var(--mui-palette-text-secondary)"
+          },
+          "& .MuiOutlinedInput-root.Mui-focused:not(.Mui-error) fieldset": {
+            borderColor: "var(--mui-palette-text-secondary)"
+          }
+        }
+      }
+    };
+    inputBaseTheme = {
+      styleOverrides: {
+        root: {
+          "&.MuiInputBase-root::after": {
+            borderColor: "var(--mui-palette-text-secondary)"
+          },
+          "&.MuiInputBase-root::before": {
+            borderColor: "var(--mui-palette-text-secondary)"
+          }
+        }
+      }
+    };
+  }
+});
+
+// src/components/elemental/Slider/src/Slider/theme.tsx
+var sliderTheme;
+var init_theme14 = __esm({
+  "src/components/elemental/Slider/src/Slider/theme.tsx"() {
+    "use strict";
+    sliderTheme = {
+      defaultProps: {},
+      styleOverrides: {
+        root: {
+          color: "var(--mui-palette-primary-emphasis)"
+        },
+        rail: {
+          backgroundColor: "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 76%)"
+        },
+        track: {
+          border: "none",
+          backgroundColor: "currentColor"
+        },
+        thumb: {
+          width: "15px",
+          backgroundColor: "currentColor",
+          boxShadow: "none",
+          borderRadius: "5px",
+          "&:hover, &.Mui-focusVisible, &.Mui-active": {
+            boxShadow: "none"
+          }
+        },
+        mark: () => ({
+          backgroundColor: "var(--mui-palette-background-disabled)",
+          height: "3px",
+          width: "10px",
+          "&.MuiSlider-markActive": {
+            opacity: 1
+          }
+        }),
+        markLabel: {
+          color: "var(--mui-palette-text-secondary)",
+          "&.MuiSlider-markLabelActive": {
+            color: "var(--mui-palette-text-primary)"
+          }
+        },
+        valueLabel: {
+          lineHeight: 1,
+          fontSize: "9px",
+          background: "unset",
+          padding: 0,
+          width: "24px",
+          height: "24px",
+          borderRadius: "50% 50% 50% 0",
+          backgroundColor: "var(--mui-palette-warning-background)",
+          color: "var(--mui-palette-warning-dark)",
+          transformOrigin: "bottom left",
+          transform: "translate(50%, -100%) rotate(-45deg) scale(0)",
+          border: `1px solid var(--mui-palette-warning-dark)`,
+          "&::before": { display: "none" },
+          "&.MuiSlider-valueLabelOpen": {
+            transform: "translate(50%, -100%) rotate(-45deg) scale(1)"
+          },
+          "& > *": {
+            transform: "rotate(45deg)"
+          }
+        }
+      }
+    };
+  }
+});
+
+// src/components/elemental/Slider/src/Slider/index.ts
+var import_Slider;
+var init_Slider = __esm({
+  "src/components/elemental/Slider/src/Slider/index.ts"() {
+    "use strict";
+    import_Slider = __toESM(require("@mui/material/Slider"));
+    init_theme14();
+  }
+});
+
+// src/components/elemental/Slider/src/index.ts
+var init_src15 = __esm({
+  "src/components/elemental/Slider/src/index.ts"() {
+    "use strict";
+    init_Slider();
+  }
+});
+
+// src/components/elemental/Slider/index.ts
+var init_Slider2 = __esm({
+  "src/components/elemental/Slider/index.ts"() {
+    "use strict";
+    init_src15();
+  }
+});
+
+// src/theme/index.ts
+var theme_exports = {};
+__export(theme_exports, {
+  ThemeProvider: () => ThemeProvider,
+  ToggleThemeButton: () => ToggleButton,
+  appScrollSurfaceAttribute: () => appScrollSurfaceAttribute,
+  createAppTheme: () => createAppTheme,
+  theme: () => theme
+});
+module.exports = __toCommonJS(theme_exports);
+
+// #style-inject:#style-inject
+function styleInject(css, { insertAt } = {}) {
+  if (!css || typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+// src/theme/styles/scroll.css
+styleInject(":root[color-scheme=light] {\n  --scroll-thumb-visible: color-mix(in srgb, var(--mui-palette-secondary-main), transparent 62%);\n  --scroll-thumb-hover-visible: color-mix(in srgb, var(--mui-palette-secondary-dark), transparent 48%);\n  --scroll-bg-color: transparent;\n  --scroll-thumb-color: transparent;\n  --scroll-thumb-hover-color: transparent;\n  --scroll-track-color: transparent;\n}\n:root[color-scheme=dark] {\n  --scroll-thumb-visible: color-mix(in srgb, var(--mui-palette-grey-500), transparent 44%);\n  --scroll-thumb-hover-visible: color-mix(in lab, var(--mui-palette-secondary-dark) 16%, transparent 36%);\n  --scroll-bg-color: transparent;\n  --scroll-thumb-color: transparent;\n  --scroll-thumb-hover-color: transparent;\n  --scroll-track-color: transparent;\n}\n*:hover {\n  --scroll-bg-color: transparent;\n  --scroll-thumb-color: var(--scroll-thumb-visible);\n  --scroll-thumb-hover-color: var(--scroll-thumb-hover-visible);\n  --scroll-track-color: transparent;\n}\n*:hover * {\n  --scroll-bg-color: transparent;\n  --scroll-thumb-color: transparent;\n  --scroll-thumb-hover-color: transparent;\n  --scroll-track-color: transparent;\n}\n*:hover *:hover {\n  --scroll-bg-color: transparent;\n  --scroll-thumb-color: var(--scroll-thumb-visible);\n  --scroll-thumb-hover-color: var(--scroll-thumb-hover-visible);\n  --scroll-track-color: transparent;\n}\n[data-chat-surface]:focus-within [data-scroll-surface] {\n  --scroll-bg-color: transparent;\n  --scroll-thumb-color: var(--scroll-thumb-visible);\n  --scroll-thumb-hover-color: var(--scroll-thumb-hover-visible);\n  --scroll-track-color: transparent;\n}\n::-webkit-scrollbar-corner {\n  background: var(--mui-palette-background-default);\n}\n::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n}\n::-webkit-scrollbar-track {\n  background: transparent;\n}\n::-webkit-scrollbar-track:horizontal {\n  background: transparent;\n}\n::-webkit-scrollbar-thumb {\n  background:\n    linear-gradient(\n      to right,\n      transparent 0%,\n      transparent 25%,\n      var(--scroll-thumb-color) 25%,\n      var(--scroll-thumb-color) 75%,\n      transparent 75%,\n      transparent 100%);\n  border: none;\n  border-radius: 10px;\n}\n::-webkit-scrollbar-thumb:horizontal {\n  background:\n    linear-gradient(\n      to bottom,\n      transparent 0%,\n      transparent 25%,\n      var(--scroll-thumb-color) 25%,\n      var(--scroll-thumb-color) 75%,\n      transparent 75%,\n      transparent 100%);\n}\n::-webkit-scrollbar-thumb:hover {\n  background:\n    linear-gradient(\n      to right,\n      transparent 0%,\n      transparent 25%,\n      var(--scroll-thumb-hover-color) 25%,\n      var(--scroll-thumb-hover-color) 75%,\n      transparent 75%,\n      transparent 100%);\n}\n::-webkit-scrollbar-thumb:horizontal:hover {\n  background:\n    linear-gradient(\n      to bottom,\n      transparent 0%,\n      transparent 25%,\n      var(--scroll-thumb-hover-color) 25%,\n      var(--scroll-thumb-hover-color) 75%,\n      transparent 75%,\n      transparent 100%);\n}\n.disable-scrollbars::-webkit-scrollbar,\n.disable-scrollbars::-webkit-scrollbar-track,\n.disable-scrollbars::-webkit-scrollbar-thumb {\n  background: transparent;\n}\n");
+
+// src/theme/Provider.tsx
+var import_react5 = __toESM(require("react"));
+var import_cache = __toESM(require("@emotion/cache"));
+var import_react6 = require("@emotion/react");
+var import_styles3 = require("@mui/material/styles");
+var import_material2 = require("@mui/material");
+
+// src/components/compound/Alert/src/AlertProvider.tsx
+var import_react4 = __toESM(require("react"));
+var import_notistack3 = require("notistack");
+
+// src/components/compound/Alert/src/MuiAlertVariant.tsx
+var import_react = require("react");
+var import_notistack = require("notistack");
+var import_Alert = __toESM(require("@mui/material/Alert"));
+
+// src/components/compound/Alert/src/_utils/const.ts
+var ALERT_VARIANTs = {
+  info: "myInfo",
+  warning: "myWarning",
+  success: "mySuccess",
+  error: "myError",
+  system: "mySystem",
+  insight: "myInsight",
+  collapsable: "myCollapsable"
+};
+var DEFAULTs = {
+  AUTO_HIDE_DURATION: 3e3,
+  ANCHOR_ORIGIN: { horizontal: "right", vertical: "top" },
+  PROVIDER_CONFIGs: {
+    maxSnack: 3,
+    dense: true,
+    preventDuplicate: true,
+    autoHideDuration: 3e3
+  }
+};
+
+// src/components/compound/Alert/src/MuiAlertVariant.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var variantToSeverity = {
+  [ALERT_VARIANTs.info]: "info",
+  [ALERT_VARIANTs.warning]: "warning",
+  [ALERT_VARIANTs.success]: "success",
+  [ALERT_VARIANTs.error]: "error",
+  [ALERT_VARIANTs.system]: "system",
+  [ALERT_VARIANTs.insight]: "insight",
+  [ALERT_VARIANTs.collapsable]: "info"
+  // Default to info for collapsable
+};
+var MuiAlertVariant = (0, import_react.forwardRef)(
+  (props, ref) => {
+    const { id, message, variant, icon, style } = props;
+    const { closeSnackbar } = (0, import_notistack.useSnackbar)();
+    const handleDismiss = (0, import_react.useCallback)(() => {
+      closeSnackbar(id);
+    }, [id, closeSnackbar]);
+    const severity = variantToSeverity[variant] || "info";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_Alert.default,
+      {
+        ref,
+        severity,
+        onClose: handleDismiss,
+        icon,
+        style,
+        children: message
+      }
+    );
+  }
+);
+
+// src/components/compound/Alert/src/CollapsableAlert.tsx
+var import_react3 = require("react");
+var import_notistack2 = require("notistack");
+var import_CardActions2 = __toESM(require("@mui/material/CardActions"));
+init_Card3();
+
+// src/components/elemental/Collapse/src/Collapse/index.ts
+var import_Collapse = __toESM(require("@mui/material/Collapse"));
+
+// src/components/elemental/Collapse/src/Collapse/theme.tsx
+var collapseTheme = {
+  defaultProps: {},
+  styleOverrides: {
+    root: {}
+  }
+};
+
+// src/components/compound/Alert/src/CollapsableAlert.tsx
+init_Button2();
+init_Typography2();
+init_Box();
+init_MuiIcon();
+
+// src/components/compound/Alert/src/theme.ts
+var collapsableAlertRootSx = {
+  "--collapse-bg": "var(--mui-palette-container-bg-1)",
+  "--collapse-border": "var(--mui-palette-border-1)",
+  "--collapse-title-color": "var(--mui-palette-text-primary)"
+};
+var alertTheme = {
+  styleOverrides: {
+    root: ({ theme: theme2 }) => ({
+      "--alert-bgc": theme2.palette.background.paper,
+      // Default background color
+      "--alert-color": theme2.palette.text.primary,
+      // Default text color
+      whiteSpace: "normal",
+      // Allow wrapping for custom components
+      alignItems: "center",
+      // Center content vertically
+      borderRadius: "var(--mui-shape-borderRadius)",
+      // Use theme border radius
+      backgroundColor: "var(--alert-bgc)",
+      // Use theme background color
+      color: "var(--alert-color)",
+      // Use theme text color
+      border: "1px solid var(--alert-color)",
+      // Border using text color for contrast
+      "& .MuiAlert-icon": {
+        color: "var(--alert-icon-color, currentColor)",
+        // Use CSS variable for icon color
+        padding: "8px 0"
+      },
+      "& .MuiAlert-message": {
+        flex: 1,
+        width: "100%",
+        // Ensure message takes width
+        padding: "8px 0"
+      },
+      "& .MuiButtonBase-root": {
+        "--button-color": "var(--alert-icon-color)"
+      },
+      "&.MuiAlert-standardError": {
+        "--alert-icon-color": "var(--mui-palette-error-main)",
+        "--alert-bgc": "var(--mui-palette-error-background, var(--mui-palette-error-dark))",
+        "--alert-color": theme2.palette.error.main
+      },
+      "&.MuiAlert-standardSuccess": {
+        "--alert-icon-color": "var(--mui-palette-success-main)",
+        "--alert-bgc": "var(--mui-palette-success-background, var(--mui-palette-success-dark))",
+        "--alert-color": theme2.palette.success.main
+      },
+      "&.MuiAlert-standardWarning": {
+        "--alert-bgc": "var(--mui-palette-warning-background, var(--mui-palette-warning-dark))",
+        "--alert-color": theme2.palette.warning.main,
+        "--alert-icon-color": "var(--mui-palette-warning-main)"
+      },
+      "&.MuiAlert-standardInfo": {
+        "--alert-bgc": "var(--mui-palette-info-background, var(--mui-palette-info-dark))",
+        "--alert-color": theme2.palette.info.main,
+        "--alert-icon-color": "var(--mui-palette-info-main)"
+      },
+      "&.MuiAlert-standardSystem": {
+        "--alert-icon-color": "var(--mui-palette-system-main)",
+        "--alert-bgc": "var(--mui-palette-system-background, var(--mui-palette-system-dark))",
+        "--alert-color": theme2.palette.system.main
+      },
+      "&.MuiAlert-standardInsight": {
+        "--alert-icon-color": "var(--mui-palette-insight-main)",
+        "--alert-bgc": "var(--mui-palette-insight-background, var(--mui-palette-insight-dark))",
+        "--alert-color": theme2.palette.insight.main
+      },
+      "&.MuiAlert-filledSystem": {
+        "--alert-icon-color": "var(--mui-palette-system-contrastText)",
+        "--alert-bgc": "var(--mui-palette-Alert-systemFilledBg, var(--mui-palette-system-main))",
+        "--alert-color": "var(--mui-palette-Alert-systemFilledColor, var(--mui-palette-system-contrastText))"
+      },
+      "&.MuiAlert-filledInsight": {
+        "--alert-icon-color": "var(--mui-palette-insight-contrastText)",
+        "--alert-bgc": "var(--mui-palette-Alert-insightFilledBg, var(--mui-palette-insight-main))",
+        "--alert-color": "var(--mui-palette-Alert-insightFilledColor, var(--mui-palette-insight-contrastText))"
+      },
+      "&.MuiAlert-outlinedSystem": {
+        "--alert-icon-color": "var(--mui-palette-system-main)",
+        "--alert-bgc": "transparent",
+        "--alert-color": theme2.palette.system.main
+      },
+      "&.MuiAlert-outlinedInsight": {
+        "--alert-icon-color": "var(--mui-palette-insight-main)",
+        "--alert-bgc": "transparent",
+        "--alert-color": theme2.palette.insight.main
+      }
+    })
+  }
 };
-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/theme/index.ts
-var theme_exports = {};
-__export(theme_exports, {
-  ThemeProvider: () => P,
-  ToggleThemeButton: () => ToggleButton
-});
-module.exports = __toCommonJS(theme_exports);
+// src/components/compound/Alert/src/CollapsableAlert.tsx
+init_func();
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var CollapsableAlert = (0, import_react3.forwardRef)(
+  ({ id, componentProps, componentWrapperProps, style }, ref) => {
+    const [expanded, setExpanded] = (0, import_react3.useState)(false);
+    const { closeSnackbar } = (0, import_notistack2.useSnackbar)();
+    const handleExpandClick = (0, import_react3.useCallback)(() => {
+      setExpanded((oldExpanded) => !oldExpanded);
+    }, []);
+    const handleDismiss = (0, import_react3.useCallback)(() => {
+      closeSnackbar(id);
+    }, [id, closeSnackbar]);
+    const {
+      Renderer,
+      ...restCollapse
+    } = componentWrapperProps || {};
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      Card,
+      {
+        ref,
+        style,
+        sx: mergeSx(collapsableAlertRootSx, {
+          "&.MuiPaper-root": {
+            background: "var(--collapse-bg)",
+            backdropFilter: "blur(9px)",
+            transition: "all 0.3s ease-in-out, color 0s",
+            color: "text.primary",
+            height: "fit-content",
+            border: `1px solid var(--collapse-border)`
+          }
+        }),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+            import_CardActions2.default,
+            {
+              sx: {
+                justifyContent: "space-between",
+                padding: "4px 8px"
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  import_Typography.default,
+                  {
+                    variant: "body2",
+                    sx: {
+                      color: "var(--collapse-title-color)",
+                      paddingLeft: "8px",
+                      fontWeight: 600
+                    },
+                    children: componentProps?.title || "Alert Title"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_Box.default, { sx: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: 0.5
+                }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                    IconButton_default,
+                    {
+                      "aria-label": "Show more",
+                      size: "small",
+                      onClick: handleExpandClick,
+                      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                        import_ExpandMore.default,
+                        {
+                          style: {
+                            transform: expanded ? "rotate(180deg)" : "rotate(0deg)",
+                            transition: "transform 0.3s ease-in-out"
+                          },
+                          sx: { fontSize: "1rem" }
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                    IconButton_default,
+                    {
+                      size: "small",
+                      "aria-label": "close",
+                      onClick: handleDismiss,
+                      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_Close.default, { sx: { fontSize: "1rem" } })
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_Collapse.default, { in: expanded, timeout: "auto", unmountOnExit: true, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+            import_Box.default,
+            {
+              ...restCollapse,
+              sx: mergeSx(restCollapse.sx, { px: 2, pb: 2 }),
+              children: [
+                Renderer && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Renderer, { ...componentProps }),
+                !Renderer && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_Box.default, { sx: { p: 2 }, children: componentProps?.children || "Collapsible content" })
+              ]
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
 
-// src/theme/Provider.tsx
-var import_styles3 = require("@mui/material/styles");
+// src/components/compound/Alert/src/AlertProvider.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var ALERT_COMPONENTS = {
+  [ALERT_VARIANTs.info]: MuiAlertVariant,
+  [ALERT_VARIANTs.warning]: MuiAlertVariant,
+  [ALERT_VARIANTs.success]: MuiAlertVariant,
+  [ALERT_VARIANTs.error]: MuiAlertVariant,
+  [ALERT_VARIANTs.system]: MuiAlertVariant,
+  [ALERT_VARIANTs.insight]: MuiAlertVariant,
+  [ALERT_VARIANTs.collapsable]: CollapsableAlert
+};
+var AlertProvider = import_react4.default.memo(function AlertProvider2({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_notistack3.SnackbarProvider,
+    {
+      maxSnack: DEFAULTs.PROVIDER_CONFIGs.maxSnack,
+      anchorOrigin: DEFAULTs.ANCHOR_ORIGIN,
+      Components: ALERT_COMPONENTS,
+      children
+    }
+  );
+});
 
 // src/theme/muiTheme.ts
 var import_styles2 = require("@mui/material/styles");
 
-// src/components/elemental/Button/Button.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
+// src/components/elemental/AppBar/src/theme.ts
+var appBarTheme = {
+  defaultProps: {
+    position: "sticky",
+    color: "transparent",
+    elevation: 0
+  },
+  styleOverrides: {
+    root: {
+      "--appbar-bg": "color-mix(in srgb, var(--mui-palette-background-paper), transparent 8%)",
+      "--appbar-border-color": "var(--mui-palette-divider)",
+      "--appbar-blur": "10px",
+      backgroundColor: "var(--appbar-bg)",
+      borderBottom: "1px solid var(--appbar-border-color)",
+      backdropFilter: "saturate(120%) blur(var(--appbar-blur))"
+    }
+  }
+};
 
-// src/components/elemental/Button/src/Button.tsx
-var import_Button = __toESM(require("@mui/material/Button"));
+// src/theme/muiTheme.ts
+init_Avatar2();
+init_Badge3();
+init_Button2();
+init_Card3();
+init_Checkbox2();
+init_Chip2();
+init_DatePicker();
+init_Divider();
+init_Form();
+init_List2();
+init_theme6();
+init_Paper2();
 
-// src/components/elemental/Button/src/IconButton.tsx
-var import_IconButton = __toESM(require("@mui/material/IconButton"));
+// src/components/elemental/Progress/src/theme.ts
+var linearProgressTheme = {
+  defaultProps: {},
+  styleOverrides: {
+    root: {
+      "--progress-bg": "var(--mui-palette-background-grey-1)",
+      "--progress-color": "color-mix(in srgb, var(--mui-palette-blink-shiny), transparent 50%)",
+      borderRadius: 4,
+      backgroundColor: "var(--progress-bg)"
+    },
+    bar: {
+      borderRadius: 4,
+      backgroundColor: "var(--progress-color)"
+    },
+    dashed: {
+      "--mui-palette-LinearProgress-primaryBg": "var(--progress-bg)"
+    }
+  }
+};
+var circularProgressTheme = {
+  defaultProps: {},
+  styleOverrides: {
+    root: {
+      "--progress-color": "color-mix(in srgb, var(--mui-palette-blink-shiny), transparent 20%)",
+      "--progress-bg": "var(--mui-palette-background-grey-1)",
+      color: "var(--progress-color)"
+    },
+    circle: {
+      stroke: "var(--progress-color)",
+      color: "var(--progress-color)"
+    }
+  }
+};
 
-// src/components/elemental/Button/src/themes.ts
-var buttonTheme = {
-  defaultProps: {
-    variant: "outlined",
-    focusRipple: false,
-    disableRipple: true
-  },
+// src/components/elemental/Select/src/MuiSelect/theme.ts
+var selectTheme = {
+  defaultProps: {},
   styleOverrides: {
     root: {
-      "&:active": {
-        scale: "0.9"
+      "&.Mui-focused fieldset.MuiOutlinedInput-notchedOutline": {
+        borderColor: "var(--mui-palette-text-secondary)"
       }
     }
   }
 };
-var buttonBaseTheme = {
+
+// src/theme/muiTheme.ts
+init_Slider2();
+
+// src/components/elemental/Switch/src/Switch/themes.ts
+var switchTheme = {
+  defaultProps: {
+    disableFocusRipple: true,
+    disableRipple: true,
+    disableTouchRipple: true
+  },
   styleOverrides: {
     root: {
-      borderRadius: "var(--mui-shape-borderRadius)",
-      "& svg.MuiSvgIcon-root": {
-        color: "var(--mui-palette-secondary-dark)"
+      "--switch-thumb": "color-mix(in lab, var(--mui-palette-background-default) 72%, var(--mui-palette-text-primary) 28%)",
+      "--switch-thumb-on": "var(--mui-palette-background-default)",
+      "--switch-track-off": "var(--mui-palette-background-grey-1)",
+      "--switch-track-on": "var(--mui-palette-primary-emphasis)",
+      "--switch-track-on-disabled": "color-mix(in lab, var(--switch-track-on) 28%, var(--mui-palette-background-default))",
+      overflow: "visible",
+      width: 40,
+      height: 22,
+      padding: 0,
+      "&:has(.MuiSwitch-colorError)": {
+        "--switch-track-on": "var(--mui-palette-error-main)"
+      },
+      "&:has(.MuiSwitch-colorSuccess)": {
+        "--switch-track-on": "var(--mui-palette-success-main)"
+      },
+      "&:has(.MuiSwitch-colorWarning)": {
+        "--switch-track-on": "var(--mui-palette-warning-main)"
+      },
+      "&:has(.MuiSwitch-colorInfo)": {
+        "--switch-track-on": "var(--mui-palette-info-main)"
+      },
+      "&:has(.MuiSwitch-colorSystem)": {
+        "--switch-track-on": "var(--mui-palette-system-main)"
+      },
+      "&:has(.MuiSwitch-colorInsight)": {
+        "--switch-track-on": "var(--mui-palette-insight-main)"
+      },
+      "&:has(.MuiSwitch-colorSecondary)": {
+        "--switch-track-on": "var(--mui-palette-secondary-main)"
+      },
+      "& .MuiSwitch-switchBase": {
+        boxSizing: "border-box",
+        top: 0,
+        left: 0,
+        padding: 2,
+        width: 22,
+        height: 22,
+        color: "var(--switch-thumb)",
+        transition: "transform 160ms ease",
+        "&:hover": {
+          backgroundColor: "transparent"
+        },
+        "&.Mui-checked": {
+          transform: "translateX(18px)",
+          color: "var(--switch-thumb-on)",
+          "& .MuiSwitch-thumb": {
+            backgroundColor: "var(--switch-thumb-on)"
+          }
+        },
+        "&.Mui-checked + .MuiSwitch-track": {
+          backgroundColor: "var(--switch-track-on)",
+          opacity: 1
+        },
+        "&.Mui-checked.Mui-disabled + .MuiSwitch-track": {
+          backgroundColor: "var(--switch-track-on-disabled)"
+        },
+        "&.Mui-focusVisible": {
+          outline: "2px solid var(--mui-palette-focus-1)",
+          outlineOffset: 2
+        }
+      },
+      "& .MuiSwitch-thumb": {
+        width: 18,
+        height: 18,
+        boxShadow: "none",
+        backgroundColor: "var(--switch-thumb)"
+      },
+      "& .MuiSwitch-track": {
+        width: "100%",
+        height: "100%",
+        borderRadius: 11,
+        opacity: 1,
+        backgroundColor: "var(--switch-track-off)",
+        transition: "background-color 160ms ease",
+        "&::before, &::after": {
+          display: "none",
+          content: "none",
+          backgroundImage: "none"
+        }
+      },
+      "&.MuiSwitch-sizeSmall": {
+        width: 32,
+        height: 18,
+        "& .MuiSwitch-switchBase": {
+          padding: 2,
+          width: 18,
+          height: 18,
+          "&.Mui-checked": {
+            transform: "translateX(14px)"
+          }
+        },
+        "& .MuiSwitch-thumb": {
+          width: 14,
+          height: 14
+        },
+        "& .MuiSwitch-track": {
+          borderRadius: 9
+        }
       }
     }
   }
 };
-var iconButtonTheme = {
+var muiSwitchRootSx = {
+  "--switch-label-color": "var(--mui-palette-text-grey-1)",
+  "--switch-error-track-bg": "var(--mui-palette-error-main)",
+  alignItems: "flex-start",
+  "& .MuiFormControlLabel-root": {
+    gap: "8px",
+    margin: 0,
+    alignItems: "center",
+    overflow: "visible",
+    maxWidth: "none"
+  },
+  "& .MuiFormControlLabel-root.MuiFormControlLabel-labelPlacementStart, & .MuiFormControlLabel-root.MuiFormControlLabel-labelPlacementEnd, & .MuiFormControlLabel-root.MuiFormControlLabel-labelPlacementTop, & .MuiFormControlLabel-root.MuiFormControlLabel-labelPlacementBottom": {
+    margin: 0
+  },
+  "& .MuiFormControlLabel-label": {
+    fontSize: "12px",
+    userSelect: "none",
+    color: "var(--switch-label-color)",
+    overflow: "visible",
+    textOverflow: "clip",
+    flexShrink: 0
+  },
+  "&.Mui-error .MuiSwitch-track": {
+    backgroundColor: "var(--switch-error-track-bg)"
+  }
+};
+var switchSoftRootSx = {
+  ...muiSwitchRootSx,
+  "--switch-label-color": "var(--mui-palette-text-primary)"
+};
+
+// src/components/elemental/Tab/src/Tab/themes.ts
+var tabTheme = {
   defaultProps: {
-    focusRipple: false,
     disableRipple: true
   },
   styleOverrides: {
     root: ({ theme: theme2 }) => ({
-      "--color-p": "var(--mui-palette-primary-main)",
-      "--bg": "color-mix(in lab,rgba(255, 255, 255, 0.04) 95%,var(--color-p) 5%)",
-      padding: theme2.spacing(0.5),
-      borderRadius: "8px",
-      color: "var(--color-p)",
-      backgroundColor: "var(--bg)",
-      "&:active svg": {
-        scale: "0.9"
+      minHeight: 44,
+      minWidth: 0,
+      paddingInline: theme2.spacing(1.5),
+      paddingBlock: theme2.spacing(1),
+      borderRadius: theme2.shape.borderRadius,
+      textTransform: "none",
+      fontWeight: theme2.typography.fontWeightMedium,
+      color: "var(--mui-palette-text-secondary)",
+      transition: theme2.transitions.create(["color", "background-color"], {
+        duration: theme2.transitions.duration.shorter
+      }),
+      "&:hover": {
+        color: "var(--mui-palette-primary-emphasis)",
+        backgroundColor: "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 92%)"
+      },
+      "&.Mui-selected": {
+        color: "var(--mui-palette-primary-emphasis)",
+        backgroundColor: "transparent"
+      },
+      "&.Mui-selected:hover": {
+        backgroundColor: "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 94%)"
       },
       "&.Mui-disabled": {
-        "--color-p": "var(--mui-palette-action-disabled)",
-        "--bg": "color-mix(in lab,rgba(255, 255, 255, 0.04) 95%,var(--color-p) 5%)",
-        color: "var(--color-p)",
-        backgroundColor: "var(--bg)",
-        "& svg.MuiSvgIcon-root": {
-          color: "var(--color-p)"
-        }
+        color: "var(--mui-palette-text-disabled)"
       }
-    }),
-    colorError: {
-      "--color-p": "var(--mui-palette-error-main)",
-      "& svg.MuiSvgIcon-root": {
-        color: "var(--color-p)"
+    })
+  }
+};
+var tabsTheme = {
+  styleOverrides: {
+    root: {
+      minHeight: 44
+    },
+    list: {
+      gap: 4
+    },
+    indicator: {
+      height: 3,
+      borderRadius: 999,
+      backgroundColor: "var(--mui-palette-primary-emphasis)"
+    },
+    scrollButtons: {
+      color: "var(--mui-palette-text-secondary)",
+      "&.Mui-disabled": {
+        opacity: 0.4
       }
     }
   }
 };
 
-// src/components/elemental/Typography/src/Typography.ts
-var import_Typography = __toESM(require("@mui/material/Typography"));
+// src/components/elemental/ToggleButtonGroup/src/ToggleButtonGroup/themes.ts
+var toggleButtonGroupTheme = {
+  defaultProps: {},
+  styleOverrides: {
+    root: ({ theme: theme2 }) => ({
+      width: "fit-content",
+      maxWidth: "100%",
+      border: "none",
+      boxShadow: "var(--mui-palette-shadow-border-1)",
+      padding: theme2.spacing(0.5),
+      borderRadius: "10px",
+      gap: theme2.spacing(0.5)
+    })
+  }
+};
+var toggleButtonTheme = {
+  defaultProps: {
+    disableRipple: false
+  },
+  styleOverrides: {
+    root: () => ({
+      "--unselected-hover-bg": "var(--mui-palette-background-hover-1)",
+      "--selected-bg": "var(--mui-palette-focus-1)",
+      "--selected-hover-bg": "color-mix(in lab, var(--selected-bg), var(--unselected-hover-bg) 30%)",
+      "--disabled-bg": "var(--mui-palette-background-disabled)",
+      "--disabled-color": "var(--mui-palette-text-disabled)",
+      "--c": "var(--mui-palette-text-primary)",
+      border: "none",
+      textTransform: "none",
+      padding: "0px",
+      overflow: "hidden",
+      color: "var(--c)",
+      maxWidth: "200px",
+      [`
+        &.MuiButtonBase-root, 
+        &.MuiToggleButtonGroup.MuiButtonBase-root,
+        &.MuiToggleButtonGroup-middleButton.MuiButtonBase-root,
+        &.MuiToggleButtonGroup-firstButton.MuiButtonBase-root,
+        &.MuiToggleButtonGroup-lastButton.MuiButtonBase-root`]: {
+        borderRadius: "8px"
+      },
+      "&:hover": {
+        backgroundColor: "var(--unselected-hover-bg)"
+      },
+      "&.Mui-selected": {
+        background: "var(--selected-bg)",
+        transition: "background 0.3s",
+        "&:hover": {
+          background: "var(--selected-hover-bg)"
+        },
+        "&.Mui-disabled": {
+          background: "var(--disabled-bg)"
+        }
+      },
+      "&.Mui-disabled": {
+        color: "var(--disabled-color)",
+        border: "none"
+      },
+      "& svg": {
+        fontSize: "inherit"
+      },
+      "&.Mui-error": {
+        "--c": "var(--mui-palette-error-main)",
+        "--unselected-hover-bg": "color-mix(in lab, var(--mui-palette-error-main), var(--mui-palette-background-hover-1) 87%)"
+      },
+      "&.MuiToggleButton-info": {
+        "--c": "var(--mui-palette-info-main)",
+        "--unselected-hover-bg": "color-mix(in lab, var(--mui-palette-info-main), var(--mui-palette-background-hover-1) 84%)"
+      },
+      "&.MuiToggleButton-success": {
+        "--c": "var(--mui-palette-success-dark)",
+        "--unselected-hover-bg": "color-mix(in lab, var(--mui-palette-success-dark), var(--mui-palette-background-hover-1) 77%)"
+      },
+      "&.MuiToggleButton-warning": {
+        "--c": "var(--mui-palette-warning-main)",
+        "--unselected-hover-bg": "color-mix(in lab, var(--mui-palette-warning-main), var(--mui-palette-background-hover-1) 82%)"
+      },
+      "&.MuiToggleButton-primary": {
+        "--c": "var(--mui-palette-primary-emphasis)",
+        "--selected-bg": "color-mix(in lab, var(--mui-palette-container-bg-primary), var(--mui-palette-primary-emphasis) 26%)",
+        "--selected-hover-bg": "color-mix(in lab, var(--selected-bg), var(--mui-palette-primary-emphasis) 18%)",
+        "--unselected-hover-bg": "color-mix(in lab, var(--mui-palette-primary-emphasis), var(--mui-palette-background-hover-1) 84%)"
+      },
+      "&.MuiToggleButton-secondary": { "--c": "var(--mui-palette-secondary-main)" }
+    })
+  }
+};
 
-// src/components/elemental/Typography/src/Variants.tsx
-var import_Typography2 = __toESM(require("@mui/material/Typography"));
-var import_Box = __toESM(require("@mui/material/Box"));
-var import_styles = require("@mui/material/styles");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var MH = (0, import_styles.styled)(import_Typography2.default)({
-  fontWeight: "700"
-});
-var MST = (0, import_styles.styled)(import_Typography2.default, {})(() => ({}));
-var MS = (0, import_styles.styled)(import_Typography2.default)({
-  "&.MuiTypography-root": {
-    color: "inherit",
-    fontSize: "inherit",
-    lineHeight: "inherit",
-    textOverflow: "ellipsis",
-    overflow: "hidden",
-    cursor: "inherit"
+// src/theme/muiTheme.ts
+init_Tooltip2();
+init_Typography2();
+
+// src/components/elemental/Stepper/src/theme.ts
+var stepperTheme = {
+  defaultProps: {},
+  styleOverrides: {
+    root: () => ({
+      // nothing specific by default
+    })
   }
-});
-var MSContainer = (0, import_styles.styled)(import_Box.default, {
-  shouldForwardProp: (prop) => prop !== "color" && prop !== "fontSize" && prop !== "lineHeight"
-})(({
-  color = "var(--mui-palette-text-subscript)",
-  fontSize = "0.75rem",
-  lineHeight = "1.66"
-}) => ({
-  "&": {
-    "--fs": fontSize,
-    "--lh": lineHeight,
-    "--c": color,
-    fontSize: "var(--fs)",
-    lineHeight: "var(--lh)",
-    color: "var(--c)",
-    textOverflow: "ellipsis",
-    overflow: "hidden"
-  }
-}));
-var MB = (0, import_styles.styled)(import_Typography2.default, {
-  shouldForwardProp: (prop) => prop !== "color"
-})(({ color = "var(--Color-Text-1)" }) => ({
-  "&.MuiTypography-root.MuiTypography-body1": {
-    "--color": color,
-    color: "var(--color)",
-    whiteSpace: "pre",
-    textOverflow: "ellipsis",
-    overflow: "hidden",
-    cursor: "inherit"
+};
+var stepTheme = {
+  defaultProps: {},
+  styleOverrides: {
+    root: {
+      // keep minimal styling here; consumers can override via theme
+    }
+  }
+};
+var stepLabelTheme = {
+  defaultProps: {},
+  styleOverrides: {
+    root: ({ theme: theme2 }) => ({
+      "& .MuiStepLabel-label.MuiStepLabel-alternativeLabel": {
+        marginTop: theme2.spacing(1)
+      },
+      "& .MuiStepLabel-label": {
+        "&.Mui-completed": {
+          color: "var(--mui-palette-success-dark)"
+        },
+        "&.Mui-active": {
+          color: "var(--mui-palette-blink-shiny)"
+        },
+        "&.Mui-error": {
+          color: "var(--mui-palette-error-dark)"
+        }
+      }
+    }),
+    iconContainer: {}
+  }
+};
+var stepConnectorTheme = {
+  defaultProps: {},
+  styleOverrides: {
+    root: () => ({
+      "&.MuiStepConnector-horizontal": {
+        height: "16px"
+      }
+    })
+  }
+};
+var stepIconTheme = {
+  defaultProps: {},
+  styleOverrides: {
+    root: () => ({
+      "&.Mui-completed": {
+        color: "var(--mui-palette-success-main)"
+      },
+      "&.Mui-active": {
+        color: "var(--mui-palette-focus-1)"
+      }
+    })
   }
-}));
+};
+var stepButtonTheme = {
+  defaultProps: {},
+  styleOverrides: {
+    root: () => ({
+      // no default customizations yet
+    })
+  }
+};
 
-// src/components/elemental/Typography/src/theme.ts
-var typographyTheme = {
+// src/components/compound/Table/src/theme.ts
+var import_material = require("@mui/material");
+init_Box();
+var TableStyledWrapper = (0, import_material.styled)(import_Box.default)({
+  "--table-bg": "var(--mui-palette-background-paper)",
+  "--table-divider-color": "var(--mui-palette-divider)",
+  "--table-pinned-shadow-left": `1px 0 0 var(--mui-palette-divider)`,
+  "--table-pinned-shadow-right": `-1px 0 0 var(--mui-palette-divider)`,
+  "--table-pinned-header-z-index": 4,
+  "--table-pinned-cell-z-index": 2,
+  "--table-header-font-weight": "var(--mui-typography-fontWeightBold)",
+  "--table-sort-label-active-color": "var(--mui-palette-text-primary)",
+  "--table-sort-label-icon-color": "var(--mui-palette-error-light)",
+  "--table-dragger-bar-hover-color": "var(--mui-palette-focus-1)",
+  "--table-drragger-bar-hover-width": "4px",
+  "--table-empty-min-height": "200px",
+  "--table-empty-icon-color": "var(--mui-palette-text-disabled)",
+  "--table-empty-text-color": "var(--mui-palette-text-secondary)",
+  "--table-empty-description-color": "var(--mui-palette-text-disabled)"
+});
+var tableTheme = {
+  styleOverrides: {
+    root: {
+      borderCollapse: "separate",
+      borderSpacing: 0,
+      tableLayout: "fixed",
+      backgroundColor: "var(--table-bg, var(--mui-palette-background-paper))"
+    }
+  }
+};
+var tableContainerTheme = {
+  styleOverrides: {
+    root: {
+      width: "100%",
+      overflowX: "auto",
+      containerType: "inline-size",
+      containerName: "sdui-table"
+    }
+  }
+};
+var tableHeadTheme = {
   styleOverrides: {
     root: {
-      color: "var(--mui-palette-text-1)"
+      backgroundColor: "var(--table-bg, var(--mui-palette-background-paper))"
     }
   }
 };
+var tableSortLabelTheme = {
+  styleOverrides: {
+    root: {
+      "&.Mui-active": {
+        color: "var(--table-sort-label-active-color)",
+        "& .MuiTableSortLabel-icon": {
+          color: "var(--table-sort-label-icon-color)"
+        }
+      },
+      "& .MuiTableSortLabel-icon": {
+        color: "var(--table-sort-label-icon-color)"
+      }
+    }
+  }
+};
+var tableCellTheme = {
+  defaultProps: {
+    size: "small"
+  },
+  styleOverrides: {
+    root: {
+      whiteSpace: "nowrap",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      verticalAlign: "middle",
+      borderBottomColor: "var(--table-divider-color, var(--mui-palette-divider))",
+      backgroundColor: "transparent"
+    },
+    head: {
+      fontWeight: "var(--table-header-font-weight, 700)",
+      backgroundColor: "var(--table-bg, var(--mui-palette-background-paper))",
+      "& [data-table-filter-trigger]": {
+        transition: "opacity 120ms ease"
+      },
+      "@media (hover: hover) and (pointer: fine)": {
+        "& [data-table-filter-trigger]": {
+          opacity: 0
+        },
+        "&:hover [data-table-filter-trigger]": {
+          opacity: 1
+        },
+        "& [data-table-filter-trigger]:focus-visible": {
+          opacity: 1
+        },
+        '& [data-table-filter-trigger][data-active="true"]': {
+          opacity: 1
+        }
+      }
+    }
+  }
+};
+var tablePaginationTheme = {
+  styleOverrides: {
+    root: {
+      borderTop: "1px solid var(--table-divider-color, var(--mui-palette-divider))"
+    },
+    actions: ({ theme: theme2 }) => ({
+      display: "flex",
+      gap: theme2.spacing(1),
+      marginRight: theme2.spacing(0.5)
+    })
+  }
+};
+var TablePlaceholderRoot = (0, import_material.styled)(import_Box.default)({
+  position: "sticky",
+  left: 0,
+  boxSizing: "border-box",
+  width: "100cqi",
+  maxWidth: "100%",
+  minHeight: "var(--table-empty-min-height)",
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  justifyContent: "center",
+  gap: 8,
+  padding: "32px 24px",
+  textAlign: "center",
+  whiteSpace: "normal"
+});
 
 // src/theme/colors/darkBlue.ts
 var themeColor = {
@@ -178,13 +2813,13 @@ var themeColor = {
   name: "darkBlue",
   colorScheme: {
     primary: {
-      1: "rgba(5, 20, 35, 1)",
+      1: "rgba(2, 17, 33, 1)",
       2: "rgba(20, 40, 65, 1)",
       3: "rgba(40, 80, 110, 1)",
       4: "rgba(65, 110, 140, 1)",
       5: "rgba(90, 140, 170, 1)",
       6: "rgba(115, 170, 200, 1)",
-      main: 2
+      main: 5
     },
     secondary: {
       1: "rgba(250, 250, 255, 1)",
@@ -195,19 +2830,41 @@ var themeColor = {
       6: "rgba(20, 215, 215, 1)",
       main: 5
     },
-    error: "rgba(255, 0, 100, 1)",
-    warning: "rgba(230, 190, 125, 1)",
-    info: "rgba(100, 180, 255, 1)",
-    success: "rgba(100, 255, 150, 1)",
-    focus: "rgba(255, 0, 100, 1)",
-    disabled: "rgba(100, 120, 140, 1)",
+    error: {
+      text: "rgba(255, 0, 100, 1)",
+      background: "rgba(35, 0, 10, 1)"
+    },
+    warning: {
+      text: "rgba(230, 190, 125, 1)",
+      background: "rgba(45, 25, 1, 1)"
+    },
+    info: {
+      text: "rgba(100, 180, 255, 1)",
+      background: "rgba(10, 30, 55, 1)"
+    },
+    success: {
+      text: "rgba(100, 255, 150, 1)",
+      background: "rgba(10, 50, 30, 1)"
+    },
+    system: {
+      text: "rgba(45, 212, 191, 1)",
+      background: "rgba(0, 40, 35, 1)"
+    },
+    insight: {
+      text: "rgba(167, 139, 250, 1)",
+      background: "rgba(30, 15, 55, 1)"
+    },
+    focus: "rgba(255, 47, 122, 0.42)",
+    disabled: "rgba(91, 94, 97, 1)",
     background: {
-      default: "rgba(29, 29, 29, 1)"
+      default: "rgb(29, 29, 29, 1)",
+      disabled: "rgba(43, 43, 43, 0.3)"
     },
     text: {
       primary: "rgba(240, 240, 255, 1)",
       secondary: "rgba(180, 200, 220, 1)",
-      subscript: "rgba(137, 137, 150, 1)"
+      subscript: "rgba(137, 137, 150, 1)",
+      href: "rgba(255, 0, 153, 1)"
     }
   }
 };
@@ -225,16 +2882,28 @@ var muiPalette = {
       light: themeColor.colorScheme.secondary[1]
     },
     error: {
-      main: themeColor.colorScheme.error
+      main: themeColor.colorScheme.error.text
     },
     warning: {
-      main: themeColor.colorScheme.warning
+      main: themeColor.colorScheme.warning.text
     },
     info: {
-      main: themeColor.colorScheme.info
+      main: themeColor.colorScheme.info.text
     },
     success: {
-      main: themeColor.colorScheme.success
+      main: themeColor.colorScheme.success.text
+    },
+    system: {
+      main: themeColor.colorScheme.system.text,
+      light: "rgba(80, 230, 210, 1)",
+      dark: "rgba(20, 160, 145, 1)",
+      contrastText: "rgba(0, 0, 0, 0.87)"
+    },
+    insight: {
+      main: themeColor.colorScheme.insight.text,
+      light: "rgba(190, 170, 255, 1)",
+      dark: "rgba(130, 100, 220, 1)",
+      contrastText: "rgba(0, 0, 0, 0.87)"
     },
     background: {
       default: themeColor.colorScheme.background.default
@@ -244,12 +2913,59 @@ var muiPalette = {
       secondary: themeColor.colorScheme.text.secondary,
       disabled: themeColor.colorScheme.disabled
     },
-    "text-1": themeColor.colorScheme.text.primary,
-    "text-subscript": `color-mix(in lab, ${themeColor.colorScheme.text.subscript}, var(--mui-palette-primary-light) 50%)`,
-    "text-href": `color-mix(in lab, var(--mui-palette-primary-main) 10%, var(--mui-palette-focus-1) 90%)`,
+    action: {
+      disabledBackground: themeColor.colorScheme.background.disabled
+    },
+    "secondary-transparent-1": `color-mix(in lab, ${themeColor.colorScheme.primary[5]}, transparent 35%)`,
     "focus-1": themeColor.colorScheme.focus,
-    "shadow-border-1": `inset 0 0 0px 2px var(--mui-palette-primary-gray)`,
-    "primary-gray": `color-mix(in lab, var(--mui-palette-primary-main) 80%, hsla(0, 0%, 30%, 1.00) 20%)`
+    "focus-1-hover": "rgba(166, 4, 67, .2)",
+    "focus-soft-1": `color-mix(in lab, var(--mui-palette-secondary-main), transparent 88%)`,
+    "primary-emphasis": `color-mix(in lab, ${themeColor.colorScheme.primary[6]}, ${themeColor.colorScheme.secondary[5]} 35%)`,
+    "primary-contrast": themeColor.colorScheme.background.default,
+    "success-background": themeColor.colorScheme.success.background,
+    "info-background": themeColor.colorScheme.info.background,
+    "error-background": themeColor.colorScheme.error.background,
+    "warning-background": themeColor.colorScheme.warning.background,
+    "system-background": themeColor.colorScheme.system.background,
+    "insight-background": themeColor.colorScheme.insight.background,
+    Alert: {
+      // Mirror MUI dark Alert roles: Color = lightened text, FilledBg = dark, IconColor = main.
+      systemColor: `color-mix(in srgb, ${themeColor.colorScheme.system.text}, #fff 55%)`,
+      insightColor: `color-mix(in srgb, ${themeColor.colorScheme.insight.text}, #fff 55%)`,
+      systemFilledBg: "rgba(20, 160, 145, 1)",
+      insightFilledBg: "rgba(130, 100, 220, 1)",
+      systemFilledColor: "rgba(0, 0, 0, 0.87)",
+      insightFilledColor: "rgba(0, 0, 0, 0.87)",
+      systemStandardBg: themeColor.colorScheme.system.background,
+      insightStandardBg: themeColor.colorScheme.insight.background,
+      systemIconColor: themeColor.colorScheme.system.text,
+      insightIconColor: themeColor.colorScheme.insight.text
+    },
+    "border-1": "rgba(102, 102, 102, 0.5)",
+    "border-hover-1": "rgba(45, 98, 145, 0.47)",
+    "border-disabled": "rgba(201, 201, 201, 0.2)",
+    "shadow-border-1": `inset 0 0 0px 2px var(--mui-palette-border-1)`,
+    "shadow-outset-1": `0px 1px 2px 0px var(--mui-palette-border-1),
+        1px 2px 4px 0px var(--mui-palette-border-1),
+        2px 4px 8px 0px var(--mui-palette-border-1),
+        2px 4px 16px 0px var(--mui-palette-border-1)`,
+    "background-hover-1": "color-mix(in lab, transparent , var(--mui-palette-secondary-dark) 10%)",
+    "background-hover-2": "color-mix(in lab, var(--mui-palette-primary-dark), var(--mui-palette-secondary-dark) 50%)",
+    "background-disabled": themeColor.colorScheme.background.disabled,
+    "background-grey-1": "rgba(75, 75, 75, 0.72)",
+    "container-bg-1": "color-mix(in lab, var(--mui-palette-background-default), var(--mui-palette-background-grey-1) 80%)",
+    "container-bg-primary": themeColor.colorScheme.primary[1],
+    "container-bg-secondary": `rgba(0, 0, 0, .314)`,
+    "text-subscript": `color-mix(in lab, ${themeColor.colorScheme.text.subscript}, var(--mui-palette-primary-light) 50%)`,
+    "text-href": `${themeColor.colorScheme.text.href}`,
+    // "text-disabled"
+    "text-hover": themeColor.colorScheme.secondary[6],
+    "text-grey-1": "rgba(150, 150, 150, 1)",
+    "blink-golden": "rgba(248, 161, 0, 1)",
+    "blink-secondary": "color-mix(in lab, var(--mui-palette-secondary-main), #414141a6 50%)",
+    "blink-shiny": "rgb(45, 210, 216)",
+    "transparent-primary-light": `color-mix(in lab, ${themeColor.colorScheme.primary[6]}, transparent 45%)`,
+    "transparent-secondary-light": `color-mix(in lab, ${themeColor.colorScheme.secondary[6]}, transparent 45%)`
   }
 };
 
@@ -262,10 +2978,10 @@ var themeColor2 = {
       1: "rgba(255, 255, 255, 1)",
       2: "rgba(255, 255, 220, 1)",
       3: "rgba(255, 245, 215, 1)",
-      4: "rgba(255, 245, 215, 1)",
-      5: "rgba(245, 220, 165, 1)",
-      6: "rgba(240, 200, 165, 1)",
-      main: 4
+      4: "rgba(255, 241, 211,1)",
+      5: "rgba(180, 136, 74, 1)",
+      6: "rgba(168, 124, 66, 1)",
+      main: 5
     },
     secondary: {
       1: "rgba(35, 10, 25, 1)",
@@ -276,25 +2992,47 @@ var themeColor2 = {
       6: "rgba(165, 105, 65, 1)",
       main: 4
     },
-    error: "rgba(255, 45, 120, 1)",
-    warning: "rgba(230, 190, 125, 1)",
-    info: "rgba(100, 180, 255, 1)",
-    success: "rgba(100, 255, 150, 1)",
-    focus: "rgba(255, 45, 120, 1)",
-    disabled: "rgba(100, 120, 140, 1)",
+    error: {
+      text: "rgba(255, 45, 120, 1)",
+      background: "rgba(255, 220, 230, 1)"
+    },
+    warning: {
+      text: "rgba(240, 169, 56, 1)",
+      background: "rgba(255, 241, 211, 1)"
+    },
+    info: {
+      text: "rgba(100, 180, 255, 1)",
+      background: "rgba(237, 252, 255, 1)"
+    },
+    success: {
+      text: "rgba(49, 161, 85, 1)",
+      background: "rgba(237, 255, 238, 1)"
+    },
+    system: {
+      text: "rgba(13, 148, 136, 1)",
+      background: "rgba(204, 251, 241, 1)"
+    },
+    insight: {
+      text: "rgba(124, 58, 237, 1)",
+      background: "rgba(237, 233, 254, 1)"
+    },
+    focus: "rgba(255, 47, 122, 0.31)",
+    disabled: "rgba(196, 191, 187, 1)",
     background: {
-      default: "rgba(255, 255, 255, 1)"
+      default: "rgba(255, 255, 255, 1)",
+      disabled: "rgba(150, 150, 150, 0.12)"
     },
     text: {
       primary: "rgba(35, 10, 25, 1)",
-      secondary: "rgba(180, 200, 220, 1)",
-      subscript: "rgba(92, 92, 92, 1)"
+      secondary: "rgba(194, 178, 167, 1)",
+      subscript: "rgba(92, 92, 92, 1)",
+      href: "rgba(255, 0, 153, 1)"
     }
   }
 };
 var muiPalette2 = {
   palette: {
-    mode: "dark",
+    mode: "light",
     primary: {
       dark: themeColor2.colorScheme.primary[6],
       main: themeColor2.colorScheme.primary[themeColor2.colorScheme.primary.main],
@@ -306,16 +3044,28 @@ var muiPalette2 = {
       light: themeColor2.colorScheme.secondary[6]
     },
     error: {
-      main: themeColor2.colorScheme.error
+      main: themeColor2.colorScheme.error.text
     },
     warning: {
-      main: themeColor2.colorScheme.warning
+      main: themeColor2.colorScheme.warning.text
     },
     info: {
-      main: themeColor2.colorScheme.info
+      main: themeColor2.colorScheme.info.text
     },
     success: {
-      main: themeColor2.colorScheme.success
+      main: themeColor2.colorScheme.success.text
+    },
+    system: {
+      main: themeColor2.colorScheme.system.text,
+      light: "rgba(45, 180, 168, 1)",
+      dark: "rgba(10, 120, 110, 1)",
+      contrastText: "rgba(255, 255, 255, 1)"
+    },
+    insight: {
+      main: themeColor2.colorScheme.insight.text,
+      light: "rgba(148, 90, 245, 1)",
+      dark: "rgba(100, 40, 200, 1)",
+      contrastText: "rgba(255, 255, 255, 1)"
     },
     background: {
       default: themeColor2.colorScheme.background.default
@@ -325,19 +3075,67 @@ var muiPalette2 = {
       secondary: themeColor2.colorScheme.text.secondary,
       disabled: themeColor2.colorScheme.disabled
     },
-    "text-1": themeColor2.colorScheme.text.primary,
-    "text-subscript": `color-mix(in lab, ${themeColor2.colorScheme.text.subscript}, var(--mui-palette-primary-main) 50%)`,
-    "text-href": `color-mix(in lab, var(--mui-palette-primary-main) 10%, var(--mui-palette-focus-1) 90%)`,
+    action: {
+      disabledBackground: themeColor2.colorScheme.background.disabled
+    },
+    "secondary-transparent-1": `color-mix(in lab, ${themeColor2.colorScheme.secondary[6]}, transparent 65%)`,
     "focus-1": themeColor2.colorScheme.focus,
-    "shadow-border-1": `inset 0 0 0px 2px var(--mui-palette-primary-gray)`,
-    "primary-gray": `color-mix(in lab, var(--mui-palette-primary-main) 80%, hsla(0, 0%, 30%, 1.00) 20%)`
+    "focus-1-hover": "rgba(255, 175, 204, .38)",
+    "focus-soft-1": "color-mix(in lab, var(--mui-palette-secondary-dark), transparent 90%)",
+    "primary-emphasis": `color-mix(in lab, ${themeColor2.colorScheme.secondary[4]}, ${themeColor2.colorScheme.primary[6]} 28%)`,
+    "primary-contrast": themeColor2.colorScheme.primary[1],
+    "success-background": themeColor2.colorScheme.success.background,
+    "info-background": themeColor2.colorScheme.info.background,
+    "error-background": themeColor2.colorScheme.error.background,
+    "warning-background": themeColor2.colorScheme.warning.background,
+    "system-background": themeColor2.colorScheme.system.background,
+    "insight-background": themeColor2.colorScheme.insight.background,
+    Alert: {
+      // Mirror MUI Alert token roles: Color (standard text), FilledBg, IconColor, StandardBg.
+      systemColor: `color-mix(in srgb, ${themeColor2.colorScheme.system.text}, #000 40%)`,
+      insightColor: `color-mix(in srgb, ${themeColor2.colorScheme.insight.text}, #000 40%)`,
+      systemFilledBg: themeColor2.colorScheme.system.text,
+      insightFilledBg: themeColor2.colorScheme.insight.text,
+      systemFilledColor: "rgba(255, 255, 255, 1)",
+      insightFilledColor: "rgba(255, 255, 255, 1)",
+      systemStandardBg: themeColor2.colorScheme.system.background,
+      insightStandardBg: themeColor2.colorScheme.insight.background,
+      systemIconColor: themeColor2.colorScheme.system.text,
+      insightIconColor: themeColor2.colorScheme.insight.text
+    },
+    "border-1": "rgba(201, 201, 201, 0.5)",
+    "border-hover-1": "rgba(46, 18, 30, 0.47)",
+    "border-disabled": "rgba(138, 138, 138, 0.19)",
+    "shadow-border-1": `inset 0 0 0px 2px var(--mui-palette-border-1)`,
+    "shadow-outset-1": `0px 1px 2px 0px var(--mui-palette-border-1),
+        1px 2px 4px 0px var(--mui-palette-border-1),
+        2px 4px 8px 0px var(--mui-palette-border-1),
+        2px 4px 16px 0px var(--mui-palette-border-1)`,
+    "background-hover-1": "color-mix(in lab, transparent , var(--mui-palette-secondary-dark) 10%)",
+    "background-hover-2": "color-mix(in lab, var(--mui-palette-primary-light) , var(--mui-palette-secondary-dark) 10%)",
+    "background-disabled": themeColor2.colorScheme.background.disabled,
+    "background-grey-1": "rgba(55, 55, 55, 0.20)",
+    "container-bg-1": "color-mix(in lab, var(--mui-palette-background-default), transparent 20%)",
+    // legacy helpers for chat container backgrounds
+    "container-bg-primary": themeColor2.colorScheme.primary[4],
+    "container-bg-secondary": "rgba(255, 249, 241, .525)",
+    "text-subscript": `color-mix(in lab, ${themeColor2.colorScheme.text.subscript}, var(--mui-palette-primary-main) 50%)`,
+    "text-href": `${themeColor2.colorScheme.text.href}`,
+    // "text-disabled"
+    "text-hover": "rgba(36, 9, 24, 1)",
+    "text-grey-1": "color-mix(in lab, var(--mui-palette-secondary-dark), rgba(120, 120, 120, 1) 80%)",
+    "blink-golden": "rgba(248, 161, 0, 1)",
+    "blink-secondary": "color-mix(in lab, var(--mui-palette-secondary-main), #e4e4e4a6 50%)",
+    "blink-shiny": "rgb(250, 60, 177)",
+    "transparent-primary-light": `color-mix(in lab, ${themeColor2.colorScheme.primary[6]}, transparent 45%)`,
+    "transparent-secondary-light": `color-mix(in lab, ${themeColor2.colorScheme.secondary[6]}, transparent 45%)`
   }
 };
 
 // src/theme/muiTheme.ts
-var theme = (0, import_styles2.createTheme)({
+var baseThemeOptions = {
   cssVariables: {
-    colorSchemeSelector: "data-toolpad-color-scheme"
+    colorSchemeSelector: '[color-scheme="%s"]'
   },
   colorSchemes: {
     light: muiPalette2,
@@ -357,38 +3155,280 @@ var theme = (0, import_styles2.createTheme)({
   },
   // Customize your theme here if needed
   components: {
+    // Let hosts own the page canvas — CssBaseline would otherwise paint
+    // body with palette.background.default on every ThemeProvider mount.
+    MuiCssBaseline: {
+      styleOverrides: {
+        body: {
+          backgroundColor: "transparent",
+          "@media print": {
+            backgroundColor: "transparent"
+          }
+        }
+      }
+    },
+    // alert
+    MuiAlert: alertTheme,
+    // app bar
+    MuiAppBar: appBarTheme,
+    // avatar
+    MuiAvatar: avatarTheme,
+    // badge
+    MuiBadge: badgeTheme,
     // buttons
     MuiButton: buttonTheme,
     MuiButtonBase: buttonBaseTheme,
+    MuiToggleButtonGroup: toggleButtonGroupTheme,
+    MuiToggleButton: toggleButtonTheme,
+    // card
+    MuiCard: cardTheme,
+    MuiCardContent: cardContentTheme,
+    // checkbox
+    MuiCheckbox: checkboxTheme,
+    // chips
+    MuiChip: chipTheme,
+    // collapse
+    MuiCollapse: collapseTheme,
+    // date picker
+    MuiDateCalendar: dateCalendarTheme,
+    MuiPickersCalendarHeader: pickersCalendarHeaderTheme,
+    MuiMultiSectionDigitalClock: multiSectionDigitalClockTheme,
+    MuiPickersDay: pickersDayTheme,
+    MuiDatePicker: datePickerTheme,
+    MuiDateTimePicker: dateTimePickerTheme,
+    MuiPickersInputBase: pickersInputBaseTheme,
+    // divider
+    MuiDivider: dividerTheme,
+    // form
+    MuiFormLabel: formLabelTheme,
+    MuiFormControlLabel: formControlLabelTheme,
+    MuiFormHelperText: formHelperTextTheme,
+    // IconButton
     MuiIconButton: iconButtonTheme,
+    // input
+    MuiTextField: textFieldTheme,
+    MuiInputBase: inputBaseTheme,
+    // list
+    MuiListItem: listItemTheme,
+    MuiListItemIcon: listItemIconTheme,
+    MuiListItemText: listItemTextTheme,
+    MuiListItemButton: listItemButtonTheme,
+    MuiListSubheader: listItemSubheaderTheme,
+    // menu
+    MuiMenuItem: menuItemTheme,
+    MuiMenu: menuTheme,
+    // paper
+    MuiPaper: paperTheme,
+    // progress
+    MuiLinearProgress: linearProgressTheme,
+    MuiCircularProgress: circularProgressTheme,
+    // select
+    MuiSelect: selectTheme,
+    // slider
+    MuiSlider: sliderTheme,
+    // switch
+    MuiSwitch: switchTheme,
+    // tab
+    MuiTab: tabTheme,
+    MuiTabs: tabsTheme,
+    // tooltip
+    MuiTooltip: tooltipTheme,
     // typography
-    MuiTypography: typographyTheme
+    MuiTypography: typographyTheme,
+    // stepper components
+    MuiStepper: stepperTheme,
+    MuiStep: stepTheme,
+    MuiStepLabel: stepLabelTheme,
+    MuiStepConnector: stepConnectorTheme,
+    MuiStepIcon: stepIconTheme,
+    MuiStepButton: stepButtonTheme,
+    // table
+    MuiTable: tableTheme,
+    MuiTableContainer: tableContainerTheme,
+    MuiTableHead: tableHeadTheme,
+    MuiTableCell: tableCellTheme,
+    MuiTablePagination: tablePaginationTheme,
+    MuiTableSortLabel: tableSortLabelTheme
   }
-});
+};
+var createAppTheme = (options) => (0, import_styles2.createTheme)(baseThemeOptions, options ?? {});
+var theme = createAppTheme();
 
 // src/theme/Provider.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-function P(p) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("html", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_styles3.ThemeProvider, { theme, children: p.children }) });
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var appEmotionCache = (0, import_cache.default)({
+  key: "sdui",
+  speedy: true
+});
+var globalStyles = {
+  // Font styles
+  "html, body": {
+    fontFamily: "'Roboto', 'Helvetica Neue', Arial, sans-serif",
+    WebkitFontSmoothing: "antialiased",
+    MozOsxFontSmoothing: "grayscale",
+    color: "var(--mui-palette-text-primary)"
+  },
+  "h1,h2,h3,h4,h5,h6,h7, .h1, .h2,.h3,.h4,.h5,.h6": {
+    wordBreak: "break-word",
+    lineHeight: 1.35
+  },
+  label: {
+    color: "var(--mui-palette-text-primary)"
+  },
+  p: {
+    fontSize: "15px",
+    color: "var(--mui-palette-text-primary)",
+    cursor: "text"
+  },
+  // Nested content inside clickable hosts inherits the host cursor
+  // (covers ListItemButton, Button, IconButton, AccordionSummary, etc.).
+  'button *, a *, [role="button"] *, .MuiButtonBase-root *': {
+    cursor: "inherit"
+  },
+  a: {
+    color: "var(--mui-palette-text-href)",
+    // Assuming this var exists from theme
+    cursor: "pointer"
+  },
+  "*::selection": {
+    backgroundColor: "var(--mui-palette-focus-1)",
+    color: "var(--mui-palette-text-primary)",
+    textShadow: "none"
+  },
+  "*::-moz-selection": {
+    backgroundColor: "var(--mui-palette-focus-1)",
+    color: "var(--mui-palette-text-primary)",
+    textShadow: "none"
+  },
+  // Layout styles
+  html: {
+    height: "100%",
+    width: "100%",
+    margin: 0,
+    padding: 0,
+    boxSizing: "border-box"
+  },
+  "html > body": {
+    height: "100%",
+    width: "100%",
+    backgroundColor: "transparent"
+  }
+};
+var ThemeTree = import_react5.default.memo(function ThemeTree2({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(AlertProvider, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material2.CssBaseline, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material2.GlobalStyles, { styles: globalStyles }),
+    children
+  ] });
+});
+function ThemeProvider({
+  children,
+  theme: customTheme,
+  muiThemeOptions,
+  defaultMode,
+  storageManager
+}) {
+  const resolvedTheme = import_react5.default.useMemo(() => {
+    if (customTheme) {
+      return customTheme;
+    }
+    return createAppTheme(muiThemeOptions);
+  }, [customTheme, muiThemeOptions]);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react6.CacheProvider, { value: appEmotionCache, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_styles3.ThemeProvider,
+    {
+      theme: resolvedTheme,
+      defaultMode,
+      storageManager,
+      disableTransitionOnChange: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ThemeTree, { children })
+    }
+  ) });
 }
 
 // src/theme/ToggleThemeButton/ToggleThemeButton.tsx
+var import_react7 = __toESM(require("react"));
 var import_styles4 = require("@mui/material/styles");
-var import_Brightness7 = __toESM(require("@mui/icons-material/Brightness7"));
-var import_Brightness4Outlined = __toESM(require("@mui/icons-material/Brightness4Outlined"));
-var import_IconButton3 = __toESM(require("@mui/material/IconButton"));
-var import_jsx_runtime4 = require("react/jsx-runtime");
-function ToggleButton() {
+init_Button2();
+init_Skeleton();
+init_Tooltip2();
+init_MuiIcon();
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function resolveRenderMode(forceRenderMode) {
+  if (forceRenderMode) {
+    return forceRenderMode;
+  }
+  return typeof window === "undefined" ? "server" : "client";
+}
+function getCurrentMode(mode) {
+  if (mode !== "system" && mode !== void 0) {
+    return mode;
+  }
+  if (typeof window === "undefined") {
+    return "light";
+  }
+  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function applyColorScheme(nextMode) {
+  if (typeof document === "undefined") {
+    return;
+  }
+  document.documentElement.setAttribute("color-scheme", nextMode);
+}
+function commitMode(setMode, nextMode) {
+  const commit = () => setMode(nextMode);
+  if (typeof requestAnimationFrame === "function") {
+    requestAnimationFrame(() => {
+      requestAnimationFrame(commit);
+    });
+    return;
+  }
+  setTimeout(commit, 0);
+}
+function ToggleButton({ forceRenderMode }) {
   const { mode, setMode } = (0, import_styles4.useColorScheme)();
-  const isDark = mode === "dark";
+  const renderMode = resolveRenderMode(forceRenderMode);
+  const resolvedMode = getCurrentMode(mode);
+  const [displayedMode, setDisplayedMode] = import_react7.default.useState(resolvedMode);
+  import_react7.default.useEffect(() => {
+    setDisplayedMode(resolvedMode);
+  }, [resolvedMode]);
+  if (renderMode === "server") {
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_Skeleton.default, { variant: "rounded", width: 34, height: 34 });
+  }
+  const nextMode = displayedMode === "dark" ? "light" : "dark";
+  const label = `Switch to ${nextMode} mode`;
   function toggle() {
-    setMode(isDark ? "light" : "dark");
+    setDisplayedMode(nextMode);
+    applyColorScheme(nextMode);
+    commitMode(setMode, nextMode);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_IconButton3.default, { onClick: toggle, children: isDark ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_Brightness7.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_Brightness4Outlined.default, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_Tooltip.default, { title: label, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    IconButton_default,
+    {
+      "aria-label": label,
+      onClick: toggle,
+      color: "primary",
+      size: "medium",
+      sx: {
+        "--button-color": "var(--mui-palette-primary-emphasis)",
+        "--button-hover-border-color": "var(--mui-palette-primary-emphasis)",
+        "&:active": { scale: "1" },
+        "&:active svg": { scale: "1" }
+      },
+      children: displayedMode === "dark" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_WbSunnyOutlined.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_DarkModeOutlined.default, {})
+    }
+  ) });
 }
+
+// src/theme/appScrollStyles.ts
+var appScrollSurfaceAttribute = "data-scroll-surface";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ThemeProvider,
-  ToggleThemeButton
+  ToggleThemeButton,
+  appScrollSurfaceAttribute,
+  createAppTheme,
+  theme
 });
 //# sourceMappingURL=theme.js.map