@startdownnotez404/ui 1.3.5 → 1.3.6

package/dist/theme.js

@@ -30,84 +30,16 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 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"() {
+// src/_utils/_func/array.ts
+var init_array = __esm({
+  "src/_utils/_func/array.ts"() {
     "use strict";
-    init_src();
   }
 });
 
-// src/_utils/_func/array.ts
-var init_array = __esm({
-  "src/_utils/_func/array.ts"() {
+// src/_utils/_func/random.ts
+var init_random = __esm({
+  "src/_utils/_func/random.ts"() {
     "use strict";
   }
 });
@@ -160,7 +92,7 @@ var init_BorderBox = __esm({
 
 // src/components/elemental/Box/src/index.ts
 var import_Box, import_Stack, import_Grid;
-var init_src2 = __esm({
+var init_src = __esm({
   "src/components/elemental/Box/src/index.ts"() {
     "use strict";
     init_BorderBox();
@@ -174,7 +106,38 @@ var init_src2 = __esm({
 var init_Box = __esm({
   "src/components/elemental/Box/index.ts"() {
     "use strict";
-    init_src2();
+    init_src();
+  }
+});
+
+// src/components/elemental/Button/src/Button/Button.tsx
+function Button(p) {
+  const { children, slotProps, ...rest } = p;
+  const { sx, ...boxRest } = slotProps?.innerBox ?? {};
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.default, { ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_Box.default,
+    {
+      ...boxRest,
+      sx: mergeSx(
+        {
+          textOverflow: "ellipsis",
+          overflow: "hidden",
+          whiteSpace: "pre"
+        },
+        sx
+      ),
+      children
+    }
+  ) });
+}
+var import_Button, import_jsx_runtime;
+var init_Button = __esm({
+  "src/components/elemental/Button/src/Button/Button.tsx"() {
+    "use strict";
+    import_Button = __toESM(require("@mui/material/Button"));
+    init_Box();
+    init_func();
+    import_jsx_runtime = require("react/jsx-runtime");
   }
 });
 
@@ -312,16 +275,17 @@ var init_themes = __esm({
 });
 
 // src/components/elemental/Button/src/Button/index.ts
-var init_Button = __esm({
+var init_Button2 = __esm({
   "src/components/elemental/Button/src/Button/index.ts"() {
     "use strict";
+    init_Button();
     init_themes();
   }
 });
 
 // src/components/elemental/Tooltip/src/Tooltip/theme.tsx
 var tooltipTheme;
-var init_theme2 = __esm({
+var init_theme = __esm({
   "src/components/elemental/Tooltip/src/Tooltip/theme.tsx"() {
     "use strict";
     tooltipTheme = {
@@ -342,12 +306,12 @@ var init_Tooltip = __esm({
   "src/components/elemental/Tooltip/src/Tooltip/index.ts"() {
     "use strict";
     import_Tooltip = __toESM(require("@mui/material/Tooltip"));
-    init_theme2();
+    init_theme();
   }
 });
 
 // src/components/elemental/Tooltip/src/index.ts
-var init_src3 = __esm({
+var init_src2 = __esm({
   "src/components/elemental/Tooltip/src/index.ts"() {
     "use strict";
     init_Tooltip();
@@ -358,22 +322,22 @@ var init_src3 = __esm({
 var init_Tooltip2 = __esm({
   "src/components/elemental/Tooltip/index.ts"() {
     "use strict";
-    init_src3();
+    init_src2();
   }
 });
 
 // src/components/elemental/Button/src/IconButton/IconButton.tsx
-var import_react2, import_IconButton, import_jsx_runtime3, IconButton, IconButton_default;
+var import_react, import_IconButton, import_jsx_runtime2, IconButton, IconButton_default;
 var init_IconButton = __esm({
   "src/components/elemental/Button/src/IconButton/IconButton.tsx"() {
     "use strict";
     "use client";
-    import_react2 = require("react");
+    import_react = require("react");
     import_IconButton = __toESM(require("@mui/material/IconButton"));
     init_Tooltip2();
     init_Box();
-    import_jsx_runtime3 = require("react/jsx-runtime");
-    IconButton = (0, import_react2.forwardRef)(({
+    import_jsx_runtime2 = require("react/jsx-runtime");
+    IconButton = (0, import_react.forwardRef)(({
       title = "",
       children,
       color,
@@ -383,7 +347,7 @@ var init_IconButton = __esm({
       className,
       ...props
     }, ref) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
         import_Tooltip.default,
         {
           title,
@@ -395,7 +359,7 @@ var init_IconButton = __esm({
             },
             ...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)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Box.default, { component: "span", sx: { width: "fit-content" }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
             import_IconButton.default,
             {
               ref,
@@ -415,7 +379,7 @@ var init_IconButton = __esm({
 
 // src/components/elemental/Button/src/IconButton/theme.ts
 var iconButtonTheme;
-var init_theme3 = __esm({
+var init_theme2 = __esm({
   "src/components/elemental/Button/src/IconButton/theme.ts"() {
     "use strict";
     iconButtonTheme = {
@@ -500,7 +464,7 @@ var init_IconButton2 = __esm({
   "src/components/elemental/Button/src/IconButton/index.ts"() {
     "use strict";
     init_IconButton();
-    init_theme3();
+    init_theme2();
   }
 });
 
@@ -582,7 +546,7 @@ var init_Chip = __esm({
 });
 
 // src/components/elemental/Chip/src/index.ts
-var init_src4 = __esm({
+var init_src3 = __esm({
   "src/components/elemental/Chip/src/index.ts"() {
     "use strict";
     init_Chip();
@@ -593,7 +557,7 @@ var init_src4 = __esm({
 var init_Chip2 = __esm({
   "src/components/elemental/Chip/index.ts"() {
     "use strict";
-    init_src4();
+    init_src3();
   }
 });
 
@@ -605,20 +569,20 @@ var init_TagButton = __esm({
 });
 
 // src/components/elemental/Button/src/index.ts
-var init_src5 = __esm({
+var init_src4 = __esm({
   "src/components/elemental/Button/src/index.ts"() {
     "use strict";
-    init_Button();
+    init_Button2();
     init_IconButton2();
     init_TagButton();
   }
 });
 
 // src/components/elemental/Button/index.ts
-var init_Button2 = __esm({
+var init_Button3 = __esm({
   "src/components/elemental/Button/index.ts"() {
     "use strict";
-    init_src5();
+    init_src4();
   }
 });
 
@@ -632,18 +596,18 @@ var init_Typography = __esm({
 });
 
 // src/components/elemental/Typography/src/Variants.tsx
-var import_Typography2, import_jsx_runtime4;
+var import_Typography2, import_jsx_runtime3;
 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");
+    import_jsx_runtime3 = require("react/jsx-runtime");
   }
 });
 
 // src/components/elemental/Typography/src/theme.ts
 var typographyTheme;
-var init_theme4 = __esm({
+var init_theme3 = __esm({
   "src/components/elemental/Typography/src/theme.ts"() {
     "use strict";
     typographyTheme = {
@@ -668,12 +632,12 @@ var init_theme4 = __esm({
 });
 
 // src/components/elemental/Typography/src/index.ts
-var init_src6 = __esm({
+var init_src5 = __esm({
   "src/components/elemental/Typography/src/index.ts"() {
     "use strict";
     init_Typography();
     init_Variants();
-    init_theme4();
+    init_theme3();
   }
 });
 
@@ -681,7 +645,7 @@ var init_src6 = __esm({
 var init_Typography2 = __esm({
   "src/components/elemental/Typography/index.ts"() {
     "use strict";
-    init_src6();
+    init_src5();
   }
 });
 
@@ -909,20 +873,20 @@ var init_Avatar = __esm({
 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}` : "") });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_Badge.default, { ...rest, variant, className: badge_var_class + (className ? ` ${className}` : "") });
 }
-var import_Badge, import_jsx_runtime7;
+var import_Badge, import_jsx_runtime10;
 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");
+    import_jsx_runtime10 = require("react/jsx-runtime");
   }
 });
 
 // src/components/elemental/Badge/src/Badge/theme.ts
 var badgeTheme;
-var init_theme5 = __esm({
+var init_theme4 = __esm({
   "src/components/elemental/Badge/src/Badge/theme.ts"() {
     "use strict";
     badgeTheme = {
@@ -1031,13 +995,13 @@ var init_Badge2 = __esm({
   "src/components/elemental/Badge/src/Badge/index.ts"() {
     "use strict";
     init_Badge();
-    init_theme5();
-    init_theme5();
+    init_theme4();
+    init_theme4();
   }
 });
 
 // src/components/elemental/Badge/src/index.ts
-var init_src7 = __esm({
+var init_src6 = __esm({
   "src/components/elemental/Badge/src/index.ts"() {
     "use strict";
     init_Badge2();
@@ -1048,13 +1012,13 @@ var init_src7 = __esm({
 var init_Badge3 = __esm({
   "src/components/elemental/Badge/index.ts"() {
     "use strict";
-    init_src7();
+    init_src6();
   }
 });
 
 // src/components/elemental/Menu/src/Menu/theme.ts
 var menuItemTheme, menuTheme;
-var init_theme6 = __esm({
+var init_theme5 = __esm({
   "src/components/elemental/Menu/src/Menu/theme.ts"() {
     "use strict";
     menuItemTheme = {
@@ -1120,7 +1084,7 @@ var init_Paper = __esm({
 });
 
 // src/components/elemental/Paper/src/index.ts
-var init_src8 = __esm({
+var init_src7 = __esm({
   "src/components/elemental/Paper/src/index.ts"() {
     "use strict";
     init_Paper();
@@ -1131,13 +1095,13 @@ var init_src8 = __esm({
 var init_Paper2 = __esm({
   "src/components/elemental/Paper/index.ts"() {
     "use strict";
-    init_src8();
+    init_src7();
   }
 });
 
 // src/components/elemental/Form/src/FormLabel/theme.ts
 var formLabelTheme;
-var init_theme7 = __esm({
+var init_theme6 = __esm({
   "src/components/elemental/Form/src/FormLabel/theme.ts"() {
     "use strict";
     formLabelTheme = {
@@ -1185,13 +1149,13 @@ var init_theme7 = __esm({
 var init_FormLabel = __esm({
   "src/components/elemental/Form/src/FormLabel/index.ts"() {
     "use strict";
-    init_theme7();
+    init_theme6();
   }
 });
 
 // src/components/elemental/Form/src/FormControlLabel/theme.ts
 var formControlLabelTheme;
-var init_theme8 = __esm({
+var init_theme7 = __esm({
   "src/components/elemental/Form/src/FormControlLabel/theme.ts"() {
     "use strict";
     formControlLabelTheme = {
@@ -1217,7 +1181,7 @@ var init_theme8 = __esm({
 var init_FormControlLabel = __esm({
   "src/components/elemental/Form/src/FormControlLabel/index.ts"() {
     "use strict";
-    init_theme8();
+    init_theme7();
   }
 });
 
@@ -1239,7 +1203,7 @@ var init_themes5 = __esm({
 
 // src/components/elemental/Form/src/index.ts
 var import_FormControl, import_FormHelperText, import_InputAdornment, import_InputLabel;
-var init_src9 = __esm({
+var init_src8 = __esm({
   "src/components/elemental/Form/src/index.ts"() {
     "use strict";
     init_FormLabel();
@@ -1255,6 +1219,55 @@ var init_src9 = __esm({
 // src/components/elemental/Form/index.ts
 var init_Form = __esm({
   "src/components/elemental/Form/index.ts"() {
+    "use strict";
+    init_src8();
+  }
+});
+
+// src/components/elemental/Card/src/Card/theme.tsx
+var cardTheme, cardContentTheme;
+var init_theme8 = __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_Card, import_CardContent, import_CardHeader, import_CardActions;
+var init_Card = __esm({
+  "src/components/elemental/Card/src/Card/index.ts"() {
+    "use strict";
+    import_Card = __toESM(require("@mui/material/Card"));
+    init_theme8();
+    import_CardContent = __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_src9 = __esm({
+  "src/components/elemental/Card/src/index.ts"() {
+    "use strict";
+    init_Card();
+  }
+});
+
+// src/components/elemental/Card/index.ts
+var init_Card2 = __esm({
+  "src/components/elemental/Card/index.ts"() {
     "use strict";
     init_src9();
   }
@@ -1339,12 +1352,12 @@ var init_Checkbox = __esm({
 });
 
 // src/components/elemental/Checkbox/src/CheckboxGroup/CheckboxGroup.tsx
-var import_FormGroup, import_jsx_runtime8;
+var import_FormGroup, import_jsx_runtime11;
 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");
+    import_jsx_runtime11 = require("react/jsx-runtime");
   }
 });
 
@@ -1454,14 +1467,14 @@ var init_List2 = __esm({
 });
 
 // src/components/elemental/Avatar/src/StatusAvatar/StatusAvatar.tsx
-var import_styles, import_jsx_runtime9, USER_STATUSs, changable_status, StyledBadge;
+var import_styles, import_jsx_runtime12, 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");
+    import_jsx_runtime12 = require("react/jsx-runtime");
     USER_STATUSs = {
       online: "online",
       away: "away",
@@ -1588,74 +1601,743 @@ var init_Avatar2 = __esm({
   }
 });
 
-// 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;
+// src/components/elemental/Autocomplete/src/GitHubPicker/theme.ts
+var import_styles2, gitHubPickerRootStyle, gitHubPickerRootSx, pickerFieldQuietShadow, PickerField, OptionBox;
 var init_theme12 = __esm({
-  "src/components/elemental/DatePicker/src/theme.ts"() {
+  "src/components/elemental/Autocomplete/src/GitHubPicker/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)"
-              }
-            }
-          }
-        }
+    import_styles2 = require("@mui/material/styles");
+    init_Box();
+    gitHubPickerRootStyle = {
+      "--option-subscript": "var(--mui-palette-text-subscript)",
+      "--picker-focus-soft": "color-mix(in lab, var(--mui-palette-focus-soft-1), transparent 18%)",
+      "--picker-focus": "var(--mui-palette-focus-1)",
+      "--picker-border": "color-mix(in lab, var(--mui-palette-common-white), transparent 94%)",
+      "--picker-border-hover": "var(--mui-palette-border-hover-1)",
+      "--picker-border-emphasis": "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 50%)",
+      "--picker-text": "var(--mui-palette-text-primary)",
+      "--picker-text-secondary": "var(--mui-palette-text-secondary)",
+      "--picker-text-disabled": "var(--mui-palette-text-disabled)",
+      // Night: lift above near-black canvas (Google search-bar mid-grey glass).
+      "--picker-surface": "color-mix(in lab, var(--mui-palette-common-white), transparent 87%)",
+      "--picker-paper-bg": "color-mix(in lab, var(--mui-palette-common-white), transparent 84%)",
+      "--picker-hover-bg": "var(--mui-palette-background-hover-1)",
+      "--picker-chip-bg": "color-mix(in lab, var(--mui-palette-secondary-main), transparent 88%)",
+      "--picker-chip-border": "color-mix(in lab, var(--mui-palette-common-white), transparent 94%)",
+      "--picker-chip-shadow": "inset 0 1px 0 color-mix(in lab, var(--mui-palette-common-white), transparent 88%), inset 0 0 0 1px color-mix(in lab, var(--mui-palette-common-white), transparent 91%)",
+      "--picker-error": "var(--mui-palette-error-main)",
+      // Dark closed field: true mid glass — between washed and dim.
+      "--picker-highlight": "color-mix(in lab, var(--mui-palette-common-white), transparent 92%)",
+      "--picker-sheen": "none",
+      "--picker-shadow": [
+        "0 18px 48px color-mix(in srgb, var(--mui-palette-common-black), transparent 72%)",
+        "0 0 0 1px color-mix(in srgb, var(--mui-palette-common-black), transparent 88%)"
+      ].join(", "),
+      "--picker-focus-ring": "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 82%)",
+      "--picker-check": "var(--mui-palette-primary-emphasis)",
+      "--picker-search-bg": "var(--mui-palette-background-hover-1)",
+      "--picker-search-shadow": "inset 0 1px 0 var(--picker-highlight)",
+      "--picker-search-border": "color-mix(in lab, var(--picker-highlight), transparent 40%)",
+      "--picker-divider": "var(--mui-palette-divider)",
+      "--picker-icon-well": "color-mix(in lab, var(--mui-palette-background-hover-1), transparent 20%)",
+      "--picker-blur": "8px",
+      "--picker-glass": "saturate(1.15) blur(var(--picker-blur))",
+      "[color-scheme=light] &": {
+        "--picker-blur": "10px",
+        "--picker-glass": "saturate(1.08) blur(var(--picker-blur))",
+        "--picker-surface": "color-mix(in lab, var(--mui-palette-common-white), transparent 46%)",
+        "--picker-paper-bg": "color-mix(in lab, var(--mui-palette-common-white), transparent 48%)",
+        "--picker-highlight": "color-mix(in lab, var(--mui-palette-common-white), transparent 55%)",
+        "--picker-sheen": "none",
+        "--picker-border": "color-mix(in lab, var(--mui-palette-border-1), transparent 95%)",
+        "--picker-chip-bg": "color-mix(in lab, var(--mui-palette-common-white), transparent 32%)",
+        "--picker-chip-border": "color-mix(in lab, var(--mui-palette-common-black), transparent 94%)",
+        "--picker-chip-shadow": "inset 0 1px 0 color-mix(in lab, var(--mui-palette-common-white), transparent 40%), inset 0 0 0 1px color-mix(in lab, var(--mui-palette-common-black), transparent 92%)",
+        "--picker-search-bg": "color-mix(in lab, var(--mui-palette-common-black), transparent 95%)",
+        "--picker-search-shadow": "inset 0 1px 1px color-mix(in lab, var(--mui-palette-common-black), transparent 92%)",
+        "--picker-search-border": "color-mix(in lab, var(--mui-palette-common-black), transparent 93%)",
+        "--picker-focus-soft": "color-mix(in lab, var(--mui-palette-common-black), transparent 95%)",
+        "--picker-hover-bg": "color-mix(in lab, var(--mui-palette-common-black), transparent 96%)",
+        "--picker-shadow": [
+          "inset 0 1px 0 color-mix(in lab, var(--mui-palette-common-white), transparent 28%)",
+          "0 1px 2px color-mix(in srgb, var(--mui-palette-common-black), transparent 90%)",
+          "0 10px 28px color-mix(in srgb, var(--mui-palette-common-black), transparent 86%)"
+        ].join(", "),
+        "--picker-field-shadow": [
+          "inset 0 1px 0 color-mix(in lab, var(--mui-palette-common-white), transparent 28%)",
+          "0 8px 22px color-mix(in srgb, var(--mui-palette-common-black), transparent 88%)"
+        ].join(", "),
+        "--picker-icon-well": "color-mix(in lab, var(--mui-palette-common-black), transparent 96%)"
       }
     };
-    dateTimePickerTheme = {
-      defaultProps: {
-        slotProps: {
-          popper: {
-            sx: {
-              "& .MuiPaper-root": {
-                borderRadius: "20px",
-                background: "var(--mui-palette-background-default)",
-                border: "solid 1px var(--mui-palette-border-1)"
-              }
-            }
-          }
-        }
-      }
+    gitHubPickerRootSx = {
+      ...gitHubPickerRootStyle
     };
-    dateCalendarTheme = {
-      defaultProps: {
-        slotProps: {}
+    pickerFieldQuietShadow = [
+      "inset 0 1px 0 var(--picker-highlight)",
+      "0 1px 2px color-mix(in srgb, var(--mui-palette-common-black), transparent 82%)"
+    ].join(", ");
+    PickerField = (0, import_styles2.styled)(import_Box.default, {
+      shouldForwardProp: (prop) => prop !== "open" && prop !== "error" && prop !== "disabled"
+    })({
+      ...gitHubPickerRootStyle,
+      boxSizing: "border-box",
+      width: "100%",
+      minWidth: 240,
+      display: "flex",
+      flexDirection: "column",
+      gap: 8,
+      padding: "10px 12px 12px",
+      borderRadius: 12,
+      border: "1px solid var(--picker-field-border)",
+      backgroundColor: "var(--picker-field-bg, var(--picker-surface))",
+      backgroundImage: "var(--picker-sheen)",
+      backdropFilter: "var(--picker-glass)",
+      WebkitBackdropFilter: "var(--picker-glass)",
+      cursor: "var(--picker-field-cursor)",
+      outline: "none",
+      boxShadow: "var(--picker-field-shadow)",
+      transition: "border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease",
+      "& *": {
+        cursor: "inherit"
       },
-      styleOverrides: {
-        root: {
-          borderRadius: "20px"
-        }
-      }
+      "--picker-field-border": "var(--picker-border)",
+      "--picker-field-shadow": pickerFieldQuietShadow,
+      "--picker-field-cursor": "pointer",
+      "&:hover": {
+        "--picker-field-border": "var(--picker-border-hover)"
+      },
+      "&:focus-visible": {
+        "--picker-field-border": "color-mix(in lab, var(--mui-palette-text-secondary), transparent 35%)",
+        "--picker-field-shadow": pickerFieldQuietShadow
+      },
+      variants: [
+        {
+          props: { open: true },
+          style: {
+            "--picker-field-border": "color-mix(in lab, var(--mui-palette-text-secondary), transparent 35%)",
+            "--picker-field-shadow": pickerFieldQuietShadow
+          }
+        },
+        {
+          props: { error: true },
+          style: {
+            // Soft / quiet error — 1px muted mix + light wash (FileUpload language).
+            "--picker-field-border": "color-mix(in srgb, var(--picker-error) 55%, var(--picker-border))",
+            "--picker-field-bg": "color-mix(in srgb, var(--picker-error) 8%, var(--picker-surface))"
+          }
+        },
+        {
+          props: { disabled: true },
+          style: {
+            "--picker-field-cursor": "default",
+            opacity: 0.58,
+            pointerEvents: "none"
+          }
+        }
+      ]
+    });
+    OptionBox = (0, import_styles2.styled)(import_Box.default, {
+      shouldForwardProp: (prop) => prop !== "selected" && prop !== "isIconClickable" && prop !== "disabled" && prop !== "disableBR"
+    })({
+      ...gitHubPickerRootStyle,
+      width: "100%",
+      padding: 0,
+      backgroundColor: "var(--bg)",
+      border: "1px solid var(--bd)",
+      borderRadius: "var(--br)",
+      boxShadow: "var(--chip-shadow)",
+      cursor: "var(--curosr)",
+      "--bg": "transparent",
+      "--bd": "transparent",
+      "--br": "10px",
+      "--chip-shadow": "none",
+      "--ai": "flex-start",
+      "--curosr": "pointer",
+      "& *": {
+        cursor: "inherit"
+      },
+      variants: [
+        {
+          props: { isIconClickable: true },
+          style: {
+            width: "auto",
+            maxWidth: "100%",
+            "--bg": "var(--picker-chip-bg)",
+            "--bd": "var(--picker-chip-border)",
+            "--br": "999px",
+            "--chip-shadow": "var(--picker-chip-shadow)",
+            "--ai": "center",
+            "--curosr": "pointer"
+          }
+        },
+        {
+          props: { isIconClickable: false },
+          style: {
+            "--bg": "transparent",
+            "--bd": "transparent",
+            "--ai": "flex-start"
+          }
+        },
+        {
+          props: { disabled: true },
+          style: {
+            "--curosr": "default"
+          }
+        },
+        {
+          props: { disabled: false },
+          style: {
+            "--curosr": "pointer"
+          }
+        },
+        {
+          props: { disableBR: true },
+          style: {
+            "--br": 0
+          }
+        }
+      ]
+    });
+  }
+});
+
+// src/components/elemental/Autocomplete/src/GitHubPicker/index.ts
+var init_GitHubPicker = __esm({
+  "src/components/elemental/Autocomplete/src/GitHubPicker/index.ts"() {
+    "use strict";
+  }
+});
+
+// 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/Input/src/TextField/index.ts
+var import_TextField;
+var init_TextField = __esm({
+  "src/components/elemental/Input/src/TextField/index.ts"() {
+    "use strict";
+    import_TextField = __toESM(require("@mui/material/TextField"));
+    init_theme13();
+  }
+});
+
+// src/components/elemental/Autocomplete/src/Autocomplete/theme.ts
+var import_Autocomplete, autocompleteGlassVars, autocompleteGroupLabelSx, autocompleteRootSx, autocompletePaperSx, autocompleteListboxSx, autocompleteChipSx, autocompleteEmptySx, autocompleteTheme;
+var init_theme14 = __esm({
+  "src/components/elemental/Autocomplete/src/Autocomplete/theme.ts"() {
+    "use strict";
+    import_Autocomplete = require("@mui/material/Autocomplete");
+    init_theme12();
+    autocompleteGlassVars = {
+      ...gitHubPickerRootStyle
+    };
+    autocompleteGroupLabelSx = {
+      position: "sticky",
+      top: -8,
+      zIndex: 2,
+      lineHeight: "28px",
+      // Flush listbox horizontal padding (4px) so top radius meets Paper edges.
+      margin: 0,
+      mx: "-4px",
+      fontSize: 11,
+      fontWeight: 600,
+      letterSpacing: "0.04em",
+      textTransform: "uppercase",
+      color: "var(--picker-text-secondary)",
+      // Quieter than opaque paper — closer to glass paper; still covers scroll. No blur.
+      background: "color-mix(in lab, var(--mui-palette-background-paper), var(--picker-paper-bg) 36%)",
+      backgroundColor: "color-mix(in lab, var(--mui-palette-background-paper), var(--picker-paper-bg) 36%)",
+      backdropFilter: "none",
+      WebkitBackdropFilter: "none",
+      borderTopLeftRadius: 14,
+      borderTopRightRadius: 14,
+      borderBottom: "1px solid color-mix(in lab, var(--picker-border), transparent 28%)",
+      boxShadow: "none",
+      // Was 1.5 + listbox 4px ≈ 16px inset; keep text after flush.
+      px: 2,
+      py: 0
+    };
+    autocompleteRootSx = {
+      ...autocompleteGlassVars,
+      width: "100%",
+      [`& .${import_Autocomplete.autocompleteClasses.root}`]: {
+        width: "100%"
+      },
+      // Outlined like TextField / Select / Date / Time — quiet 1px border, no elevation shadow.
+      "& .MuiOutlinedInput-root": {
+        borderRadius: "12px",
+        backgroundColor: "transparent",
+        backdropFilter: "none",
+        WebkitBackdropFilter: "none",
+        boxShadow: "none",
+        transition: "border-color 160ms ease",
+        "& fieldset": {
+          borderWidth: "1px",
+          // Match sibling outlined inputs (TextField / Select theme).
+          borderColor: "var(--mui-palette-text-secondary)"
+        },
+        "&:hover fieldset": {
+          borderWidth: "1px",
+          borderColor: "var(--mui-palette-text-secondary)"
+        },
+        "&.Mui-focused fieldset": {
+          borderWidth: "1px",
+          borderColor: "var(--mui-palette-text-secondary)"
+        },
+        "&.Mui-error fieldset": {
+          borderWidth: "1px",
+          // Quiet error — muted mix, not a loud thick outline.
+          borderColor: "color-mix(in srgb, var(--picker-error) 55%, var(--mui-palette-text-secondary))"
+        },
+        "&.Mui-disabled": {
+          opacity: 0.58
+        }
+      },
+      "& .MuiAutocomplete-tag": {
+        margin: "2px"
+      },
+      // Quiet gap between clear X and popup indicator (avoid flush teal icons).
+      // MUI defaults marginRight: -2 on both indicators — that cancels a 4px gap.
+      [`& .${import_Autocomplete.autocompleteClasses.endAdornment}`]: {
+        display: "flex",
+        alignItems: "center",
+        gap: "8px"
+      },
+      [`& .${import_Autocomplete.autocompleteClasses.clearIndicator}, & .${import_Autocomplete.autocompleteClasses.popupIndicator}`]: {
+        marginRight: "0 !important"
+      }
+    };
+    autocompletePaperSx = {
+      ...autocompleteGlassVars,
+      borderRadius: "14px",
+      border: "1px solid var(--picker-border)",
+      backgroundColor: "var(--picker-paper-bg)",
+      backgroundImage: "none",
+      boxShadow: "var(--picker-shadow)",
+      backdropFilter: "var(--picker-glass)",
+      WebkitBackdropFilter: "var(--picker-glass)",
+      mt: 0.5,
+      overflow: "hidden"
+    };
+    autocompleteListboxSx = {
+      ...autocompleteGlassVars,
+      // Keep existing quiet padding — no extra padding-top gutter / no margin-top: -28px.
+      padding: "6px 4px",
+      maxHeight: 280,
+      [`& .${import_Autocomplete.autocompleteClasses.option}`]: {
+        margin: "2px 6px",
+        borderRadius: "10px",
+        minHeight: 0,
+        padding: "8px 10px",
+        '&[aria-selected="true"]': {
+          backgroundColor: "var(--picker-focus-soft)",
+          boxShadow: "inset 0 1px 0 var(--picker-highlight)"
+        },
+        "&.Mui-focused, &:hover": {
+          backgroundColor: "var(--picker-hover-bg)"
+        }
+      },
+      // Stock AutocompleteGroupLabel — beat paper fill via listbox descendant + theme.
+      [`& .${import_Autocomplete.autocompleteClasses.groupLabel}`]: {
+        ...autocompleteGroupLabelSx
+      },
+      [`& .${import_Autocomplete.autocompleteClasses.groupUl}`]: {
+        padding: 0,
+        margin: 0
+      }
+    };
+    autocompleteChipSx = {
+      ...autocompleteGlassVars,
+      height: 24,
+      borderRadius: "999px",
+      backgroundColor: "var(--picker-chip-bg)",
+      border: "1px solid var(--picker-chip-border)",
+      boxShadow: "var(--picker-chip-shadow)",
+      "& .MuiChip-label": {
+        px: 1,
+        fontSize: 12
+      },
+      "& .MuiChip-deleteIcon": {
+        fontSize: 16,
+        color: "var(--picker-text-secondary)",
+        "&:hover": {
+          color: "var(--picker-text)"
+        }
+      }
+    };
+    autocompleteEmptySx = {
+      ...autocompleteGlassVars,
+      display: "flex",
+      alignItems: "center",
+      gap: 1,
+      px: 1.75,
+      py: 1.25,
+      minHeight: 0,
+      border: "none",
+      background: "transparent",
+      boxShadow: "none"
+    };
+    autocompleteTheme = {
+      defaultProps: {
+        size: "small"
+      },
+      styleOverrides: {
+        root: {
+          [`& .MuiOutlinedInput-root`]: {
+            "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
+              borderWidth: "1px"
+            }
+          }
+        },
+        paper: {
+          borderRadius: "14px"
+        },
+        // Stock GroupLabel slot: quiet solid fill, Paper top radius, no backdrop-filter; keep MUI top: -8.
+        groupLabel: {
+          position: "sticky",
+          top: -8,
+          zIndex: 2,
+          lineHeight: "28px",
+          margin: 0,
+          mx: "-4px",
+          background: "color-mix(in lab, var(--mui-palette-background-paper), var(--picker-paper-bg) 36%)",
+          backgroundColor: "color-mix(in lab, var(--mui-palette-background-paper), var(--picker-paper-bg) 36%)",
+          backdropFilter: "none",
+          WebkitBackdropFilter: "none",
+          borderTopLeftRadius: 14,
+          borderTopRightRadius: 14,
+          borderBottom: "1px solid color-mix(in lab, var(--picker-border), transparent 28%)",
+          boxShadow: "none",
+          px: 2
+        }
+      }
+    };
+  }
+});
+
+// src/components/elemental/Autocomplete/src/Autocomplete/index.ts
+var init_Autocomplete = __esm({
+  "src/components/elemental/Autocomplete/src/Autocomplete/index.ts"() {
+    "use strict";
+    init_theme14();
+  }
+});
+
+// src/components/elemental/Autocomplete/src/index.ts
+var init_src14 = __esm({
+  "src/components/elemental/Autocomplete/src/index.ts"() {
+    "use strict";
+    init_GitHubPicker();
+    init_Autocomplete();
+  }
+});
+
+// src/components/elemental/Autocomplete/index.ts
+var init_Autocomplete2 = __esm({
+  "src/components/elemental/Autocomplete/index.ts"() {
+    "use strict";
+    init_src14();
+  }
+});
+
+// src/components/elemental/Input/src/PopperInput/index.ts
+var init_PopperInput = __esm({
+  "src/components/elemental/Input/src/PopperInput/index.ts"() {
+    "use strict";
+  }
+});
+
+// src/components/elemental/Input/src/StackInput/index.ts
+var init_StackInput = __esm({
+  "src/components/elemental/Input/src/StackInput/index.ts"() {
+    "use strict";
+  }
+});
+
+// src/components/elemental/Input/src/TelPhoneInput/index.ts
+var init_TelPhoneInput = __esm({
+  "src/components/elemental/Input/src/TelPhoneInput/index.ts"() {
+    "use strict";
+  }
+});
+
+// src/components/elemental/Input/src/index.ts
+var init_src15 = __esm({
+  "src/components/elemental/Input/src/index.ts"() {
+    "use strict";
+    init_PopperInput();
+    init_StackInput();
+    init_TelPhoneInput();
+    init_TextField();
+  }
+});
+
+// src/components/elemental/Input/index.ts
+var init_Input = __esm({
+  "src/components/elemental/Input/index.ts"() {
+    "use strict";
+    init_src15();
+  }
+});
+
+// src/components/elemental/DatePicker/src/MuiXDatePicker.tsx
+var import_react9, import_dayjs, import_customParseFormat, import_LocalizationProvider, import_AdapterDayjs, import_DateCalendar, import_DialogActions, import_InputAdornment2, import_jsx_runtime13;
+var init_MuiXDatePicker = __esm({
+  "src/components/elemental/DatePicker/src/MuiXDatePicker.tsx"() {
+    "use strict";
+    "use client";
+    import_react9 = __toESM(require("react"));
+    import_dayjs = __toESM(require("dayjs"));
+    import_customParseFormat = __toESM(require("dayjs/plugin/customParseFormat"));
+    import_LocalizationProvider = require("@mui/x-date-pickers/LocalizationProvider");
+    import_AdapterDayjs = require("@mui/x-date-pickers/AdapterDayjs");
+    import_DateCalendar = require("@mui/x-date-pickers/DateCalendar");
+    import_DialogActions = __toESM(require("@mui/material/DialogActions"));
+    import_InputAdornment2 = __toESM(require("@mui/material/InputAdornment"));
+    import_jsx_runtime13 = require("react/jsx-runtime");
+    import_dayjs.default.extend(import_customParseFormat.default);
+  }
+});
+
+// src/components/elemental/DatePicker/src/MuiXDateTimePicker.tsx
+var import_react10, import_dayjs2, import_customParseFormat2, import_LocalizationProvider2, import_AdapterDayjs2, import_DateCalendar2, import_MultiSectionDigitalClock, import_DialogActions2, import_InputAdornment3, import_jsx_runtime14;
+var init_MuiXDateTimePicker = __esm({
+  "src/components/elemental/DatePicker/src/MuiXDateTimePicker.tsx"() {
+    "use strict";
+    "use client";
+    import_react10 = __toESM(require("react"));
+    import_dayjs2 = __toESM(require("dayjs"));
+    import_customParseFormat2 = __toESM(require("dayjs/plugin/customParseFormat"));
+    import_LocalizationProvider2 = require("@mui/x-date-pickers/LocalizationProvider");
+    import_AdapterDayjs2 = require("@mui/x-date-pickers/AdapterDayjs");
+    import_DateCalendar2 = require("@mui/x-date-pickers/DateCalendar");
+    import_MultiSectionDigitalClock = require("@mui/x-date-pickers/MultiSectionDigitalClock");
+    import_DialogActions2 = __toESM(require("@mui/material/DialogActions"));
+    import_InputAdornment3 = __toESM(require("@mui/material/InputAdornment"));
+    import_jsx_runtime14 = require("react/jsx-runtime");
+    import_dayjs2.default.extend(import_customParseFormat2.default);
+  }
+});
+
+// src/components/elemental/DatePicker/src/MuiXTimePicker.tsx
+var import_react11, import_dayjs3, import_customParseFormat3, import_LocalizationProvider3, import_AdapterDayjs3, import_MultiSectionDigitalClock2, import_DialogActions3, import_InputAdornment4, import_AccessTime, import_jsx_runtime15;
+var init_MuiXTimePicker = __esm({
+  "src/components/elemental/DatePicker/src/MuiXTimePicker.tsx"() {
+    "use strict";
+    "use client";
+    import_react11 = __toESM(require("react"));
+    import_dayjs3 = __toESM(require("dayjs"));
+    import_customParseFormat3 = __toESM(require("dayjs/plugin/customParseFormat"));
+    import_LocalizationProvider3 = require("@mui/x-date-pickers/LocalizationProvider");
+    import_AdapterDayjs3 = require("@mui/x-date-pickers/AdapterDayjs");
+    import_MultiSectionDigitalClock2 = require("@mui/x-date-pickers/MultiSectionDigitalClock");
+    import_DialogActions3 = __toESM(require("@mui/material/DialogActions"));
+    import_InputAdornment4 = __toESM(require("@mui/material/InputAdornment"));
+    import_AccessTime = __toESM(require("@mui/icons-material/AccessTime"));
+    import_jsx_runtime15 = require("react/jsx-runtime");
+    import_dayjs3.default.extend(import_customParseFormat3.default);
+  }
+});
+
+// src/components/elemental/DatePicker/src/MuiXDateRangePicker.tsx
+var import_react12, import_dayjs4, import_customParseFormat4, import_LocalizationProvider4, import_AdapterDayjs4, import_DateCalendar3, import_PickersDay, import_DialogActions4, import_InputAdornment5, import_jsx_runtime16, dayStart, isSameDay, isBetween, RANGE_TEXT, RANGE_FILL, RANGE_FILL_HOVER, RANGE_QUIET_BORDER, rangeDayFillSx, RangeDay;
+var init_MuiXDateRangePicker = __esm({
+  "src/components/elemental/DatePicker/src/MuiXDateRangePicker.tsx"() {
+    "use strict";
+    "use client";
+    import_react12 = __toESM(require("react"));
+    import_dayjs4 = __toESM(require("dayjs"));
+    import_customParseFormat4 = __toESM(require("dayjs/plugin/customParseFormat"));
+    import_LocalizationProvider4 = require("@mui/x-date-pickers/LocalizationProvider");
+    import_AdapterDayjs4 = require("@mui/x-date-pickers/AdapterDayjs");
+    import_DateCalendar3 = require("@mui/x-date-pickers/DateCalendar");
+    import_PickersDay = require("@mui/x-date-pickers/PickersDay");
+    import_DialogActions4 = __toESM(require("@mui/material/DialogActions"));
+    import_InputAdornment5 = __toESM(require("@mui/material/InputAdornment"));
+    import_jsx_runtime16 = require("react/jsx-runtime");
+    import_dayjs4.default.extend(import_customParseFormat4.default);
+    dayStart = (d) => d.startOf("day");
+    isSameDay = (a, b) => !!(a && b && a.isSame(b, "day"));
+    isBetween = (day, start, end) => {
+      const t = dayStart(day).valueOf();
+      const a = dayStart(start).valueOf();
+      const b = dayStart(end).valueOf();
+      const lo = Math.min(a, b);
+      const hi = Math.max(a, b);
+      return t > lo && t < hi;
+    };
+    RANGE_TEXT = "var(--mui-palette-error-main)";
+    RANGE_FILL = "var(--mui-palette-focus-1)";
+    RANGE_FILL_HOVER = "var(--mui-palette-focus-1-hover)";
+    RANGE_QUIET_BORDER = "var(--mui-palette-border-1)";
+    rangeDayFillSx = (isEndpoint, isHoveredCell) => ({
+      color: RANGE_TEXT,
+      // Hovered cell (preview end under cursor) gets the stronger wash; others stay focus-1.
+      backgroundColor: isHoveredCell ? RANGE_FILL_HOVER : RANGE_FILL,
+      fontWeight: isEndpoint ? 600 : void 0,
+      // Soft quiet ring on the day under cursor — readable, no cream primary.
+      ...isHoveredCell ? {
+        boxShadow: `inset 0 0 0 1px ${RANGE_QUIET_BORDER}`
+      } : {},
+      // Per-cell :hover intensify only; focus/selected stay on shared tokens (no primary cream).
+      "&:hover": {
+        color: RANGE_TEXT,
+        backgroundColor: RANGE_FILL_HOVER
+      },
+      "&:focus, &.Mui-focusVisible": {
+        color: RANGE_TEXT,
+        backgroundColor: isHoveredCell ? RANGE_FILL_HOVER : RANGE_FILL
+      },
+      "&.Mui-selected, &.Mui-selected:hover, &.Mui-selected:focus": {
+        color: RANGE_TEXT,
+        backgroundColor: isHoveredCell ? RANGE_FILL_HOVER : RANGE_FILL,
+        fontWeight: isEndpoint ? 600 : void 0
+      }
+    });
+    RangeDay = import_react12.default.forwardRef(function RangeDay2(props, ref) {
+      const { rangeStart, rangeEnd, hoverDay, day, outsideCurrentMonth, sx, ...other } = props;
+      const current2 = (0, import_dayjs4.default)(day);
+      const previewEnd = rangeStart && !rangeEnd && hoverDay ? hoverDay : rangeEnd;
+      const isStart = isSameDay(current2, rangeStart);
+      const isEnd = isSameDay(current2, previewEnd) && !!(rangeEnd || rangeStart && hoverDay);
+      const inBridge = !!rangeStart && !!previewEnd && isBetween(current2, rangeStart, previewEnd);
+      const isEndpoint = isStart || isEnd;
+      const showRange = isEndpoint || inBridge;
+      const isHoveredCell = !!hoverDay && isSameDay(current2, hoverDay) && !outsideCurrentMonth;
+      let radius = "50%";
+      if (isStart && isEnd) {
+        radius = "50%";
+      } else if (isStart && previewEnd) {
+        radius = "50% 0 0 50%";
+      } else if (isEnd && rangeStart) {
+        radius = "0 50% 50% 0";
+      } else if (inBridge) {
+        radius = 0;
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        import_PickersDay.PickersDay,
+        {
+          ...other,
+          ref,
+          day,
+          outsideCurrentMonth,
+          selected: false,
+          autoFocus: false,
+          disableMargin: true,
+          sx: [
+            {
+              fontSize: "0.8125rem",
+              // Soft hover for ordinary (non-range) days — quiet focus wash, not primary cream.
+              ...!showRange && !outsideCurrentMonth ? {
+                "&:hover": {
+                  backgroundColor: RANGE_FILL
+                }
+              } : {},
+              ...showRange && !outsideCurrentMonth ? {
+                borderRadius: radius,
+                ...rangeDayFillSx(isEndpoint, isHoveredCell)
+              } : {}
+            },
+            ...Array.isArray(sx) ? sx : sx ? [sx] : []
+          ]
+        }
+      );
+    });
+  }
+});
+
+// src/components/elemental/DatePicker/src/theme.ts
+var datePickerTheme, dateTimePickerTheme, timePickerTheme, dateCalendarTheme, pickersCalendarHeaderTheme, pickersDayTheme, multiSectionDigitalClockTheme, pickersInputBaseTheme;
+var init_theme15 = __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)"
+              }
+            }
+          }
+        }
+      }
+    };
+    timePickerTheme = {
+      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: {
@@ -1703,13 +2385,29 @@ var init_theme12 = __esm({
           "&": { paddingRight: "4px" },
           "& .MuiMultiSectionDigitalClockSection-root": {
             scrollbarWidth: "inherit",
-            "& li": {
+            "& .MuiMultiSectionDigitalClockSection-item, & li": {
               borderRadius: "var(--mui-shape-borderRadius)",
+              position: "relative",
+              overflow: "hidden",
               "&::before": {
-                borderRadius: "var(--mui-shape-borderRadius)"
+                borderRadius: "var(--mui-shape-borderRadius)",
+                content: "none",
+                display: "none",
+                backgroundColor: "transparent",
+                width: 0,
+                height: 0
               },
               "&.Mui-selected": {
-                backgroundColor: "transparent"
+                color: "var(--mui-palette-error-main)",
+                backgroundColor: "var(--mui-palette-focus-1)",
+                "&:hover, &:focus-visible": {
+                  backgroundColor: "var(--mui-palette-focus-1-hover)"
+                },
+                "&::before": {
+                  content: "none",
+                  display: "none",
+                  backgroundColor: "transparent"
+                }
               }
             }
           }
@@ -1736,12 +2434,14 @@ var init_theme12 = __esm({
 });
 
 // src/components/elemental/DatePicker/src/index.ts
-var init_src14 = __esm({
+var init_src16 = __esm({
   "src/components/elemental/DatePicker/src/index.ts"() {
     "use strict";
     init_MuiXDatePicker();
     init_MuiXDateTimePicker();
-    init_theme12();
+    init_MuiXTimePicker();
+    init_MuiXDateRangePicker();
+    init_theme15();
   }
 });
 
@@ -1749,48 +2449,91 @@ var init_src14 = __esm({
 var init_DatePicker = __esm({
   "src/components/elemental/DatePicker/index.ts"() {
     "use strict";
-    init_src14();
+    init_src16();
   }
 });
 
-// src/components/elemental/Input/src/TextField/theme.ts
-var textFieldTheme, inputBaseTheme;
-var init_theme13 = __esm({
-  "src/components/elemental/Input/src/TextField/theme.ts"() {
+// src/components/elemental/Progress/src/LinearProgress.tsx
+var import_LinearProgress, import_jsx_runtime17;
+var init_LinearProgress = __esm({
+  "src/components/elemental/Progress/src/LinearProgress.tsx"() {
     "use strict";
-    textFieldTheme = {
-      defaultProps: {
-        size: "small"
-      },
+    import_LinearProgress = __toESM(require("@mui/material/LinearProgress"));
+    import_jsx_runtime17 = require("react/jsx-runtime");
+  }
+});
+
+// src/components/elemental/Progress/src/CircularProgress.tsx
+var import_CircularProgress, import_jsx_runtime18;
+var init_CircularProgress = __esm({
+  "src/components/elemental/Progress/src/CircularProgress.tsx"() {
+    "use strict";
+    import_CircularProgress = __toESM(require("@mui/material/CircularProgress"));
+    import_jsx_runtime18 = require("react/jsx-runtime");
+  }
+});
+
+// src/components/elemental/Progress/src/theme.ts
+var linearProgressTheme, circularProgressTheme;
+var init_theme16 = __esm({
+  "src/components/elemental/Progress/src/theme.ts"() {
+    "use strict";
+    linearProgressTheme = {
+      defaultProps: {},
       styleOverrides: {
         root: {
-          "& fieldset": {
-            borderColor: "var(--mui-palette-text-secondary)"
-          },
-          "& .MuiOutlinedInput-root.Mui-focused:not(.Mui-error) fieldset": {
-            borderColor: "var(--mui-palette-text-secondary)"
-          }
+          "--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)"
         }
       }
     };
-    inputBaseTheme = {
+    circularProgressTheme = {
+      defaultProps: {},
       styleOverrides: {
         root: {
-          "&.MuiInputBase-root::after": {
-            borderColor: "var(--mui-palette-text-secondary)"
-          },
-          "&.MuiInputBase-root::before": {
-            borderColor: "var(--mui-palette-text-secondary)"
-          }
+          "--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/Progress/src/index.ts
+var init_src17 = __esm({
+  "src/components/elemental/Progress/src/index.ts"() {
+    "use strict";
+    init_LinearProgress();
+    init_CircularProgress();
+    init_theme16();
+  }
+});
+
+// src/components/elemental/Progress/index.ts
+var init_Progress = __esm({
+  "src/components/elemental/Progress/index.ts"() {
+    "use strict";
+    init_src17();
+  }
+});
+
 // src/components/elemental/Slider/src/Slider/theme.tsx
 var sliderTheme;
-var init_theme14 = __esm({
+var init_theme17 = __esm({
   "src/components/elemental/Slider/src/Slider/theme.tsx"() {
     "use strict";
     sliderTheme = {
@@ -1861,12 +2604,12 @@ var init_Slider = __esm({
   "src/components/elemental/Slider/src/Slider/index.ts"() {
     "use strict";
     import_Slider = __toESM(require("@mui/material/Slider"));
-    init_theme14();
+    init_theme17();
   }
 });
 
 // src/components/elemental/Slider/src/index.ts
-var init_src15 = __esm({
+var init_src18 = __esm({
   "src/components/elemental/Slider/src/index.ts"() {
     "use strict";
     init_Slider();
@@ -1877,7 +2620,7 @@ var init_src15 = __esm({
 var init_Slider2 = __esm({
   "src/components/elemental/Slider/index.ts"() {
     "use strict";
-    init_src15();
+    init_src18();
   }
 });
 
@@ -1918,20 +2661,22 @@ function styleInject(css, { insertAt } = {}) {
 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_react13 = __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_react14 = require("@emotion/react");
+var import_styles4 = 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");
+var import_react6 = __toESM(require("react"));
+var import_notistack4 = require("notistack");
 
 // src/components/compound/Alert/src/MuiAlertVariant.tsx
-var import_react = require("react");
-var import_notistack = require("notistack");
+var import_react4 = require("react");
+var import_notistack2 = require("notistack");
 var import_Alert = __toESM(require("@mui/material/Alert"));
+init_Box();
+init_Button3();
 
 // src/components/compound/Alert/src/_utils/const.ts
 var ALERT_VARIANTs = {
@@ -1942,80 +2687,193 @@ var ALERT_VARIANTs = {
   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: {}
+};
+var DEFAULTs = {
+  AUTO_HIDE_DURATION: 3e3,
+  /** Quiet glass toast look is the default snackbar chrome. */
+  STYLE_VARIANT: "soft",
+  ANCHOR_ORIGIN: { horizontal: "right", vertical: "top" },
+  PROVIDER_CONFIGs: {
+    maxSnack: 3,
+    dense: true,
+    preventDuplicate: true,
+    autoHideDuration: 3e3
   }
 };
 
-// src/components/compound/Alert/src/CollapsableAlert.tsx
-init_Button2();
-init_Typography2();
+// src/components/compound/Alert/src/AlertStyleVariantContext.tsx
+var import_react2 = __toESM(require("react"));
+var AlertStyleVariantContext = import_react2.default.createContext(
+  DEFAULTs.STYLE_VARIANT
+);
+function useAlertStyleVariantDefault() {
+  return import_react2.default.useContext(AlertStyleVariantContext);
+}
+
+// src/components/compound/Alert/src/SoftAlertContent.tsx
+var import_react3 = require("react");
+var import_notistack = require("notistack");
 init_Box();
+init_Typography2();
+init_Button3();
 init_MuiIcon();
 
 // src/components/compound/Alert/src/theme.ts
-var collapsableAlertRootSx = {
-  "--collapse-bg": "var(--mui-palette-container-bg-1)",
+var collapsableAlertClassicRootSx = {
+  "--collapse-bg": "var(--mui-palette-background-paper)",
+  "--collapse-border": "var(--mui-palette-border-1)",
+  "--collapse-title-color": "var(--mui-palette-text-primary)",
+  "--collapse-shadow": "0 1px 2px rgba(15, 23, 42, 0.05), 0 2px 8px rgba(15, 23, 42, 0.04)",
+  pointerEvents: "auto",
+  display: "flex",
+  flexDirection: "column",
+  minWidth: 280,
+  maxWidth: "min(420px, calc(100vw - 24px))",
+  width: "100%",
+  borderRadius: "10px",
+  border: "1px solid var(--collapse-border)",
+  backgroundColor: "var(--collapse-bg)",
+  color: "var(--collapse-title-color)",
+  boxShadow: "var(--collapse-shadow)",
+  boxSizing: "border-box",
+  overflow: "hidden",
+  '[color-scheme="dark"] &': {
+    "--collapse-bg": "var(--mui-palette-container-bg-1, var(--mui-palette-background-paper))",
+    "--collapse-shadow": "0 1px 2px rgba(0, 0, 0, 0.22), 0 2px 8px rgba(0, 0, 0, 0.16)"
+  }
+};
+var collapsableAlertSoftRootSx = {
+  "--collapse-bg": "color-mix(in srgb, var(--mui-palette-background-paper) 88%, transparent)",
   "--collapse-border": "var(--mui-palette-border-1)",
-  "--collapse-title-color": "var(--mui-palette-text-primary)"
+  "--collapse-title-color": "var(--mui-palette-text-primary)",
+  "--collapse-shadow": "0 1px 2px rgba(15, 23, 42, 0.04), 0 4px 12px rgba(15, 23, 42, 0.06)",
+  pointerEvents: "auto",
+  display: "flex",
+  flexDirection: "column",
+  minWidth: 280,
+  maxWidth: "min(420px, calc(100vw - 24px))",
+  width: "100%",
+  borderRadius: "12px",
+  border: "1px solid var(--collapse-border)",
+  backgroundColor: "var(--collapse-bg)",
+  color: "var(--collapse-title-color)",
+  boxShadow: "var(--collapse-shadow)",
+  backdropFilter: "blur(10px)",
+  WebkitBackdropFilter: "blur(10px)",
+  boxSizing: "border-box",
+  overflow: "hidden",
+  '[color-scheme="dark"] &': {
+    "--collapse-shadow": "0 1px 2px rgba(0, 0, 0, 0.18), 0 4px 12px rgba(0, 0, 0, 0.14)"
+  }
+};
+var collapsableSoftHeaderSx = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  gap: 1,
+  px: 1.5,
+  py: 1.25,
+  minHeight: 40
+};
+var collapsableClassicHeaderSx = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  gap: 1,
+  px: 1.5,
+  py: 1.125,
+  minHeight: 44
+};
+var collapsableSoftIconButtonSx = {
+  flexShrink: 0,
+  p: 0.25,
+  color: "var(--mui-palette-text-secondary)",
+  backgroundColor: "transparent",
+  borderRadius: "8px",
+  "&:hover": {
+    backgroundColor: "color-mix(in srgb, var(--mui-palette-text-primary) 6%, transparent)"
+  }
+};
+var collapsableClassicIconButtonSx = {
+  flexShrink: 0,
+  p: 0.375,
+  color: "var(--mui-palette-text-secondary)",
+  backgroundColor: "transparent",
+  borderRadius: "8px",
+  "&:hover": {
+    backgroundColor: "color-mix(in srgb, var(--mui-palette-text-primary) 8%, transparent)",
+    color: "var(--mui-palette-text-primary)"
+  }
+};
+var collapsableSoftPanelSx = {
+  px: 1.5,
+  pb: 1.5,
+  pt: 0.75,
+  borderTop: "1px solid var(--collapse-border)"
+};
+var collapsableClassicPanelSx = {
+  px: 1.5,
+  pb: 1.5,
+  pt: 1,
+  borderTop: "1px solid var(--collapse-border)",
+  backgroundColor: "color-mix(in srgb, var(--mui-palette-text-primary) 2.5%, var(--collapse-bg))"
+};
+var softAlertItemRootSx = {
+  "--soft-alert-bg": "color-mix(in srgb, var(--mui-palette-background-paper) 88%, transparent)",
+  "--soft-alert-border": "var(--mui-palette-border-1)",
+  "--soft-alert-fg": "var(--mui-palette-text-primary)",
+  "--soft-alert-accent": "var(--mui-palette-info-main)",
+  "--soft-alert-shadow": "0 1px 2px rgba(15, 23, 42, 0.04), 0 4px 12px rgba(15, 23, 42, 0.06)",
+  pointerEvents: "auto",
+  display: "flex",
+  alignItems: "center",
+  gap: 1,
+  px: 1.5,
+  py: 1.25,
+  minWidth: 280,
+  maxWidth: "min(420px, calc(100vw - 24px))",
+  borderRadius: "12px",
+  border: "1px solid var(--soft-alert-border)",
+  backgroundColor: "var(--soft-alert-bg)",
+  color: "var(--soft-alert-fg)",
+  boxShadow: "var(--soft-alert-shadow)",
+  backdropFilter: "blur(10px)",
+  WebkitBackdropFilter: "blur(10px)",
+  boxSizing: "border-box",
+  '[color-scheme="dark"] &': {
+    "--soft-alert-shadow": "0 1px 2px rgba(0, 0, 0, 0.18), 0 4px 12px rgba(0, 0, 0, 0.14)"
+  },
+  "&[data-variant=success]": {
+    "--soft-alert-accent": "var(--mui-palette-success-main)"
+  },
+  "&[data-variant=error]": {
+    "--soft-alert-accent": "var(--mui-palette-error-main)"
+  },
+  "&[data-variant=warning]": {
+    "--soft-alert-accent": "var(--mui-palette-warning-main)"
+  },
+  "&[data-variant=info]": {
+    "--soft-alert-accent": "var(--mui-palette-info-main)"
+  },
+  "&[data-variant=system]": {
+    "--soft-alert-accent": "var(--mui-palette-system-main)"
+  },
+  "&[data-variant=insight]": {
+    "--soft-alert-accent": "var(--mui-palette-insight-main)"
+  }
+};
+var softAlertAccentBarSx = {
+  width: 3,
+  alignSelf: "stretch",
+  borderRadius: 2,
+  backgroundColor: "var(--soft-alert-accent)",
+  flexShrink: 0,
+  opacity: 0.85
+};
+var softAlertIconSx = {
+  color: "var(--soft-alert-accent)",
+  fontSize: "1.25rem",
+  flexShrink: 0
 };
 var alertTheme = {
   styleOverrides: {
@@ -2104,114 +2962,300 @@ var alertTheme = {
   }
 };
 
-// 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);
-    }, []);
+// src/components/compound/Alert/src/SoftAlertContent.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var VARIANT_ICON = {
+  [ALERT_VARIANTs.success]: import_CheckCircle.default,
+  [ALERT_VARIANTs.error]: import_ErrorOutlineOutlined.default,
+  [ALERT_VARIANTs.warning]: import_WarningOutlined.default,
+  [ALERT_VARIANTs.info]: import_InfoOutlined.default,
+  [ALERT_VARIANTs.system]: import_Settings.default,
+  [ALERT_VARIANTs.insight]: import_AutoAwesomeRounded.default,
+  [ALERT_VARIANTs.collapsable]: import_InfoOutlined.default
+};
+var VARIANT_DATA = {
+  [ALERT_VARIANTs.success]: "success",
+  [ALERT_VARIANTs.error]: "error",
+  [ALERT_VARIANTs.warning]: "warning",
+  [ALERT_VARIANTs.info]: "info",
+  [ALERT_VARIANTs.system]: "system",
+  [ALERT_VARIANTs.insight]: "insight",
+  [ALERT_VARIANTs.collapsable]: "info"
+};
+var SoftAlertContent = (0, import_react3.forwardRef)(
+  function SoftAlertContent2(props, ref) {
+    const { id, message, variant, icon, style, alertAction: action } = props;
+    const { closeSnackbar } = (0, import_notistack.useSnackbar)();
     const handleDismiss = (0, import_react3.useCallback)(() => {
       closeSnackbar(id);
     }, [id, closeSnackbar]);
-    const {
-      Renderer,
-      ...restCollapse
-    } = componentWrapperProps || {};
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-      Card,
+    const handleAction = (0, import_react3.useCallback)(() => {
+      action?.onClick();
+      closeSnackbar(id);
+    }, [action, closeSnackbar, id]);
+    const Icon = VARIANT_ICON[variant] ?? import_InfoOutlined.default;
+    const dataVariant = VARIANT_DATA[variant] ?? "info";
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      import_Box.default,
       {
         ref,
+        role: "status",
+        "aria-live": "polite",
+        "data-variant": dataVariant,
+        "data-style-variant": "soft",
+        "data-testid": "soft-alert",
         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)`
-          }
-        }),
+        sx: softAlertItemRootSx,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-            import_CardActions2.default,
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_Box.default, { sx: softAlertAccentBarSx, "aria-hidden": true }),
+          icon === null ? null : icon !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_Box.default, { sx: { display: "flex", flexShrink: 0, color: "var(--soft-alert-accent)" }, children: icon }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { sx: softAlertIconSx, "aria-hidden": true }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_Box.default, { sx: { flex: 1, minWidth: 0 }, children: typeof message === "string" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_Typography.default, { variant: "body2", sx: { m: 0, lineHeight: 1.4 }, children: message }) : message }),
+          action ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            Button,
             {
+              size: "small",
+              variant: "text",
+              onClick: handleAction,
               sx: {
-                justifyContent: "space-between",
-                padding: "4px 8px"
+                flexShrink: 0,
+                alignSelf: "center",
+                minWidth: "auto",
+                color: "var(--soft-alert-accent)",
+                textTransform: "none",
+                fontWeight: 600,
+                lineHeight: 1.25
               },
-              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" } })
-                    }
-                  )
-                ] })
-              ]
+              children: action.label
             }
-          ),
-          /* @__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,
+          ) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            IconButton_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" })
-              ]
+              size: "small",
+              "aria-label": "Close",
+              onClick: handleDismiss,
+              sx: {
+                flexShrink: 0,
+                alignSelf: "center",
+                p: 0.25,
+                color: "var(--mui-palette-text-secondary)"
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_Close.default, { sx: { fontSize: "1rem" } })
             }
-          ) })
+          )
         ]
       }
     );
   }
 );
 
-// src/components/compound/Alert/src/AlertProvider.tsx
+// src/components/compound/Alert/src/MuiAlertVariant.tsx
+var import_jsx_runtime5 = 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_react4.forwardRef)(
+  (props, ref) => {
+    const {
+      id,
+      message,
+      variant,
+      icon,
+      style,
+      styleVariant: styleVariantProp,
+      alertAction,
+      action: actionProp
+    } = props;
+    const action = alertAction ?? actionProp;
+    const providerDefault = useAlertStyleVariantDefault();
+    const styleVariant = styleVariantProp ?? providerDefault ?? DEFAULTs.STYLE_VARIANT;
+    const { closeSnackbar } = (0, import_notistack2.useSnackbar)();
+    const handleDismiss = (0, import_react4.useCallback)(() => {
+      closeSnackbar(id);
+    }, [id, closeSnackbar]);
+    const handleAction = (0, import_react4.useCallback)(() => {
+      action?.onClick();
+      closeSnackbar(id);
+    }, [action, closeSnackbar, id]);
+    if (styleVariant === "soft") {
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        SoftAlertContent,
+        {
+          ref,
+          ...props,
+          alertAction: action
+        }
+      );
+    }
+    const severity = variantToSeverity[variant] || "info";
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      import_Alert.default,
+      {
+        ref,
+        severity,
+        onClose: handleDismiss,
+        icon,
+        style,
+        "data-style-variant": "classic",
+        "data-testid": "classic-alert",
+        action: action ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_Box.default, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          Button,
+          {
+            size: "small",
+            variant: "text",
+            onClick: handleAction,
+            sx: {
+              minWidth: "auto",
+              color: "var(--alert-icon-color, inherit)",
+              textTransform: "none",
+              fontWeight: 600
+            },
+            children: action.label
+          }
+        ) }) : void 0,
+        children: message
+      }
+    );
+  }
+);
+
+// src/components/compound/Alert/src/CollapsableAlert.tsx
+var import_react5 = require("react");
+var import_notistack3 = require("notistack");
+
+// 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_Button3();
+init_Typography2();
+init_Box();
+init_MuiIcon();
+init_func();
 var import_jsx_runtime6 = require("react/jsx-runtime");
+var CollapsableAlert = (0, import_react5.forwardRef)(function CollapsableAlert2({ id, componentProps, componentWrapperProps, style, styleVariant: styleVariantProp }, ref) {
+  const [expanded, setExpanded] = (0, import_react5.useState)(false);
+  const { closeSnackbar } = (0, import_notistack3.useSnackbar)();
+  const providerDefault = useAlertStyleVariantDefault();
+  const styleVariant = styleVariantProp ?? providerDefault ?? DEFAULTs.STYLE_VARIANT;
+  const isSoft = styleVariant === "soft";
+  const handleExpandClick = (0, import_react5.useCallback)(() => {
+    setExpanded((oldExpanded) => !oldExpanded);
+  }, []);
+  const handleDismiss = (0, import_react5.useCallback)(() => {
+    closeSnackbar(id);
+  }, [id, closeSnackbar]);
+  const { Renderer, ...restCollapse } = componentWrapperProps || {};
+  const titleNode = componentProps?.title || "Alert Title";
+  const iconButtonSx = isSoft ? collapsableSoftIconButtonSx : collapsableClassicIconButtonSx;
+  const iconButtons = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    import_Box.default,
+    {
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        gap: 0.25,
+        flexShrink: 0
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          IconButton_default,
+          {
+            "aria-label": "Show more",
+            size: "small",
+            onClick: handleExpandClick,
+            sx: iconButtonSx,
+            children: /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)(
+          IconButton_default,
+          {
+            size: "small",
+            "aria-label": "Close",
+            onClick: handleDismiss,
+            sx: iconButtonSx,
+            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Close.default, { sx: { fontSize: "1rem" } })
+          }
+        )
+      ]
+    }
+  );
+  const body = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Collapse.default, { in: expanded, timeout: "auto", unmountOnExit: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    import_Box.default,
+    {
+      ...restCollapse,
+      sx: mergeSx(
+        isSoft ? collapsableSoftPanelSx : collapsableClassicPanelSx,
+        restCollapse.sx
+      ),
+      children: [
+        Renderer ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Renderer, { ...componentProps }) : null,
+        !Renderer && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Box.default, { sx: { py: 0.25 }, children: componentProps?.children || "Collapsible content" })
+      ]
+    }
+  ) });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    import_Box.default,
+    {
+      ref,
+      style,
+      role: "status",
+      "aria-live": "polite",
+      "data-style-variant": isSoft ? "soft" : "classic",
+      "data-testid": isSoft ? "collapsable-alert-soft" : "collapsable-alert-classic",
+      sx: isSoft ? collapsableAlertSoftRootSx : collapsableAlertClassicRootSx,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_Box.default, { sx: isSoft ? collapsableSoftHeaderSx : collapsableClassicHeaderSx, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            import_Typography.default,
+            {
+              variant: "body2",
+              sx: {
+                color: "var(--collapse-title-color)",
+                fontWeight: 600,
+                lineHeight: 1.4,
+                m: 0,
+                minWidth: 0,
+                flex: 1
+              },
+              children: titleNode
+            }
+          ),
+          iconButtons
+        ] }),
+        body
+      ]
+    }
+  );
+});
+
+// src/components/compound/Alert/src/AlertProvider.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var ALERT_COMPONENTS = {
   [ALERT_VARIANTs.info]: MuiAlertVariant,
   [ALERT_VARIANTs.warning]: MuiAlertVariant,
@@ -2221,20 +3265,239 @@ var ALERT_COMPONENTS = {
   [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,
+var AlertProvider = import_react6.default.memo(function AlertProvider2({
+  children,
+  defaultStyleVariant = DEFAULTs.STYLE_VARIANT
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AlertStyleVariantContext.Provider, { value: defaultStyleVariant, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_notistack4.SnackbarProvider,
     {
       maxSnack: DEFAULTs.PROVIDER_CONFIGs.maxSnack,
       anchorOrigin: DEFAULTs.ANCHOR_ORIGIN,
       Components: ALERT_COMPONENTS,
       children
     }
-  );
+  ) });
 });
 
+// src/components/compound/Confirm/src/ConfirmDialog.tsx
+var import_react7 = require("react");
+init_Box();
+init_Typography2();
+init_Button3();
+
+// src/components/compound/Confirm/src/theme.ts
+var confirmPaperSx = {
+  "--confirm-bg": "var(--mui-palette-background-paper)",
+  "--confirm-border": "var(--mui-palette-border-1)",
+  "--confirm-shadow": "var(--mui-palette-shadow-outset-1, 0 8px 28px rgba(0,0,0,0.12))",
+  outline: "none",
+  width: "min(420px, calc(100vw - 32px))",
+  maxWidth: "95vw",
+  borderRadius: "16px",
+  border: "1px solid var(--confirm-border)",
+  backgroundColor: "var(--confirm-bg)",
+  boxShadow: "var(--confirm-shadow)",
+  p: 2.5,
+  display: "flex",
+  flexDirection: "column",
+  gap: 1.5,
+  boxSizing: "border-box"
+};
+var confirmBackdropSx = {
+  position: "fixed",
+  inset: 0,
+  zIndex: (theme2) => theme2.zIndex.modal,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  p: 2,
+  backgroundColor: "color-mix(in srgb, var(--mui-palette-common-black, #000) 36%, transparent)",
+  backdropFilter: "blur(2px)"
+};
+
+// src/components/compound/Confirm/src/ConfirmDialog.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function ConfirmDialog({
+  open,
+  title,
+  body,
+  confirmLabel = "Confirm",
+  cancelLabel = "Cancel",
+  danger = false,
+  loading = false,
+  onConfirm,
+  onCancel
+}) {
+  const titleId = (0, import_react7.useId)();
+  const bodyId = (0, import_react7.useId)();
+  const cancelBtnId = (0, import_react7.useId)();
+  const handleKeyDown = (0, import_react7.useCallback)(
+    (event) => {
+      if (!open) return;
+      if (event.key === "Escape") {
+        event.preventDefault();
+        event.stopPropagation();
+        if (!loading) onCancel();
+      }
+    },
+    [open, loading, onCancel]
+  );
+  (0, import_react7.useEffect)(() => {
+    if (!open) return;
+    document.addEventListener("keydown", handleKeyDown, true);
+    const t = window.setTimeout(() => {
+      document.getElementById(cancelBtnId)?.focus();
+    }, 0);
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown, true);
+      window.clearTimeout(t);
+    };
+  }, [open, handleKeyDown, cancelBtnId]);
+  if (!open) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_Box.default,
+    {
+      role: "presentation",
+      sx: confirmBackdropSx,
+      onClick: (e) => {
+        if (e.target === e.currentTarget && !loading) onCancel();
+      },
+      "data-testid": "confirm-backdrop",
+      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+        import_Box.default,
+        {
+          role: "alertdialog",
+          "aria-modal": "true",
+          "aria-labelledby": titleId,
+          "aria-describedby": body ? bodyId : void 0,
+          sx: confirmPaperSx,
+          "data-testid": "confirm-dialog",
+          onClick: (e) => e.stopPropagation(),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              import_Typography.default,
+              {
+                id: titleId,
+                variant: "h6",
+                component: "h2",
+                sx: { m: 0, fontSize: "1.05rem", fontWeight: 600 },
+                children: title
+              }
+            ),
+            body ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              import_Typography.default,
+              {
+                id: bodyId,
+                variant: "body2",
+                color: "text.secondary",
+                sx: { m: 0 },
+                children: body
+              }
+            ) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+              import_Box.default,
+              {
+                sx: {
+                  display: "flex",
+                  justifyContent: "flex-end",
+                  gap: 1,
+                  mt: 0.5
+                },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                    Button,
+                    {
+                      id: cancelBtnId,
+                      variant: "outlined",
+                      color: "inherit",
+                      onClick: onCancel,
+                      disabled: loading,
+                      sx: {
+                        textTransform: "none",
+                        borderColor: "var(--mui-palette-border-1)"
+                      },
+                      children: cancelLabel
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                    Button,
+                    {
+                      variant: "contained",
+                      color: danger ? "error" : "primary",
+                      onClick: onConfirm,
+                      disabled: loading,
+                      sx: { textTransform: "none" },
+                      children: confirmLabel
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/components/compound/Confirm/src/ConfirmProvider.tsx
+var import_react8 = require("react");
+
+// src/components/compound/Confirm/src/confirmBus.ts
+var current = null;
+var listeners = /* @__PURE__ */ new Set();
+function emit() {
+  listeners.forEach((l) => l(current));
+}
+function subscribeConfirm(listener) {
+  listeners.add(listener);
+  listener(current);
+  return () => {
+    listeners.delete(listener);
+  };
+}
+function getConfirmRequest() {
+  return current;
+}
+function settleConfirm(value) {
+  if (!current) return;
+  const req = current;
+  current = null;
+  emit();
+  req.resolve(value);
+}
+
+// src/components/compound/Confirm/src/ConfirmProvider.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function ConfirmProvider({ children }) {
+  const request = (0, import_react8.useSyncExternalStore)(
+    subscribeConfirm,
+    getConfirmRequest,
+    getConfirmRequest
+  );
+  const onConfirm = (0, import_react8.useCallback)(() => settleConfirm(true), []);
+  const onCancel = (0, import_react8.useCallback)(() => settleConfirm(false), []);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      ConfirmDialog,
+      {
+        open: !!request,
+        title: request?.title ?? "",
+        body: request?.body,
+        confirmLabel: request?.confirmLabel,
+        cancelLabel: request?.cancelLabel,
+        danger: request?.danger,
+        onConfirm,
+        onCancel
+      }
+    )
+  ] });
+}
+
 // src/theme/muiTheme.ts
-var import_styles2 = require("@mui/material/styles");
+var import_styles3 = require("@mui/material/styles");
 
 // src/components/elemental/AppBar/src/theme.ts
 var appBarTheme = {
@@ -2258,51 +3521,112 @@ var appBarTheme = {
 // src/theme/muiTheme.ts
 init_Avatar2();
 init_Badge3();
-init_Button2();
-init_Card3();
+init_Button3();
+init_Card2();
 init_Checkbox2();
 init_Chip2();
+init_Autocomplete2();
 init_DatePicker();
 init_Divider();
-init_Form();
-init_List2();
-init_theme6();
-init_Paper2();
 
-// src/components/elemental/Progress/src/theme.ts
-var linearProgressTheme = {
-  defaultProps: {},
+// src/components/elemental/Dialog/src/Dialog/theme.ts
+var DIALOG_PAPER_RADIUS = "16px";
+var DIALOG_SHADOW_LIGHT = "0 1px 2px rgba(0, 0, 0, 0.10), 0 4px 12px rgba(0, 0, 0, 0.12), 0 10px 24px rgba(0, 0, 0, 0.10)";
+var DIALOG_SHADOW_DARK = "0 1px 2px rgba(0, 0, 0, 0.45), 0 4px 10px rgba(0, 0, 0, 0.50), 0 12px 28px rgba(0, 0, 0, 0.55)";
+var dialogDarkShadowSx = {
+  '[data-mui-color-scheme="dark"] &, [color-scheme="dark"] &': {
+    "--dialog-shadow": DIALOG_SHADOW_DARK,
+    boxShadow: DIALOG_SHADOW_DARK
+  }
+};
+var dialogPaperTokens = {
+  "--dialog-bg": "var(--mui-palette-background-paper)",
+  "--dialog-border": "var(--mui-palette-border-1)",
+  "--dialog-shadow": DIALOG_SHADOW_LIGHT,
+  backgroundColor: "var(--dialog-bg)",
+  // Kill MUI Paper dark-mode elevation overlay so paper stays a flat soft surface.
+  backgroundImage: "none",
+  borderRadius: DIALOG_PAPER_RADIUS,
+  border: "1px solid var(--dialog-border)",
+  boxShadow: "var(--dialog-shadow)",
+  outline: "none"
+};
+var dialogPaperSx = {
+  ...dialogPaperTokens,
+  ...dialogDarkShadowSx
+};
+var dialogTheme = {
+  styleOverrides: {
+    paper: {
+      ...dialogPaperTokens,
+      ...dialogDarkShadowSx
+    }
+  }
+};
+var dialogTitleTheme = {
   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)"
+      fontSize: "1.05rem",
+      fontWeight: 600,
+      padding: "20px 20px 8px",
+      lineHeight: 1.35
     }
   }
 };
-var circularProgressTheme = {
-  defaultProps: {},
+var dialogContentTheme = {
   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)"
+      padding: "8px 20px 12px",
+      "&.MuiDialogContent-root:first-of-type": {
+        paddingTop: "16px"
+      }
+    }
+  }
+};
+var dialogSecondaryButtonSx = {
+  textTransform: "none",
+  color: "var(--mui-palette-text-secondary)",
+  borderColor: "var(--mui-palette-border-1)",
+  "--button-color": "var(--mui-palette-text-secondary)",
+  "--variant-outlinedColor": "var(--mui-palette-text-secondary)",
+  "--variant-outlinedBorder": "var(--mui-palette-border-1)",
+  "&:hover": {
+    color: "var(--mui-palette-text-secondary)",
+    borderColor: "var(--mui-palette-border-hover-1)",
+    backgroundColor: "var(--mui-palette-background-hover-1)",
+    "--button-hover-border-color": "var(--mui-palette-border-hover-1)"
+  }
+};
+var dialogActionsTheme = {
+  styleOverrides: {
+    root: {
+      padding: "8px 16px 16px",
+      gap: "8px",
+      // Soften default Cancel pattern (outlined + inherit) inside Dialog only.
+      // Do not restyle primary/error/etc. outlined buttons or global Buttons.
+      "& .MuiButton-outlined.MuiButton-colorInherit": {
+        ...dialogSecondaryButtonSx
+      }
+    }
+  }
+};
+var dialogContentTextTheme = {
+  styleOverrides: {
+    root: {
+      color: "var(--mui-palette-text-secondary)",
+      fontSize: "0.875rem"
     }
   }
 };
 
+// src/theme/muiTheme.ts
+init_Form();
+init_Input();
+init_List2();
+init_theme5();
+init_Paper2();
+init_Progress();
+
 // src/components/elemental/Select/src/MuiSelect/theme.ts
 var selectTheme = {
   defaultProps: {},
@@ -2857,7 +4181,7 @@ var themeColor = {
     focus: "rgba(255, 47, 122, 0.42)",
     disabled: "rgba(91, 94, 97, 1)",
     background: {
-      default: "rgb(29, 29, 29, 1)",
+      default: "rgb(32, 33, 36, 1)",
       disabled: "rgba(43, 43, 43, 0.3)"
     },
     text: {
@@ -2906,7 +4230,9 @@ var muiPalette = {
       contrastText: "rgba(0, 0, 0, 0.87)"
     },
     background: {
-      default: themeColor.colorScheme.background.default
+      default: themeColor.colorScheme.background.default,
+      // Elevated mid-grey above near-black canvas (Google #303134 hierarchy).
+      paper: "rgb(48, 49, 52, 1)"
     },
     text: {
       primary: themeColor.colorScheme.text.primary,
@@ -3187,6 +4513,7 @@ var baseThemeOptions = {
     MuiCheckbox: checkboxTheme,
     // chips
     MuiChip: chipTheme,
+    MuiAutocomplete: autocompleteTheme,
     // collapse
     MuiCollapse: collapseTheme,
     // date picker
@@ -3196,9 +4523,16 @@ var baseThemeOptions = {
     MuiPickersDay: pickersDayTheme,
     MuiDatePicker: datePickerTheme,
     MuiDateTimePicker: dateTimePickerTheme,
+    MuiTimePicker: timePickerTheme,
     MuiPickersInputBase: pickersInputBaseTheme,
     // divider
     MuiDivider: dividerTheme,
+    // dialog (soft quiet chrome)
+    MuiDialog: dialogTheme,
+    MuiDialogTitle: dialogTitleTheme,
+    MuiDialogContent: dialogContentTheme,
+    MuiDialogActions: dialogActionsTheme,
+    MuiDialogContentText: dialogContentTextTheme,
     // form
     MuiFormLabel: formLabelTheme,
     MuiFormControlLabel: formControlLabelTheme,
@@ -3251,11 +4585,11 @@ var baseThemeOptions = {
     MuiTableSortLabel: tableSortLabelTheme
   }
 };
-var createAppTheme = (options) => (0, import_styles2.createTheme)(baseThemeOptions, options ?? {});
+var createAppTheme = (options) => (0, import_styles3.createTheme)(baseThemeOptions, options ?? {});
 var theme = createAppTheme();
 
 // src/theme/Provider.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var appEmotionCache = (0, import_cache.default)({
   key: "sdui",
   speedy: true
@@ -3314,12 +4648,12 @@ var globalStyles = {
     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 }),
+var ThemeTree = import_react13.default.memo(function ThemeTree2({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AlertProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(ConfirmProvider, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material2.CssBaseline, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material2.GlobalStyles, { styles: globalStyles }),
     children
-  ] });
+  ] }) });
 });
 function ThemeProvider({
   children,
@@ -3328,32 +4662,32 @@ function ThemeProvider({
   defaultMode,
   storageManager
 }) {
-  const resolvedTheme = import_react5.default.useMemo(() => {
+  const resolvedTheme = import_react13.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,
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react14.CacheProvider, { value: appEmotionCache, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    import_styles4.ThemeProvider,
     {
       theme: resolvedTheme,
       defaultMode,
       storageManager,
       disableTransitionOnChange: true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ThemeTree, { children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ThemeTree, { children })
     }
   ) });
 }
 
 // src/theme/ToggleThemeButton/ToggleThemeButton.tsx
-var import_react7 = __toESM(require("react"));
-var import_styles4 = require("@mui/material/styles");
-init_Button2();
+var import_react15 = __toESM(require("react"));
+var import_styles5 = require("@mui/material/styles");
+init_Button3();
 init_Skeleton();
 init_Tooltip2();
 init_MuiIcon();
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function resolveRenderMode(forceRenderMode) {
   if (forceRenderMode) {
     return forceRenderMode;
@@ -3386,15 +4720,15 @@ function commitMode(setMode, nextMode) {
   setTimeout(commit, 0);
 }
 function ToggleButton({ forceRenderMode }) {
-  const { mode, setMode } = (0, import_styles4.useColorScheme)();
+  const { mode, setMode } = (0, import_styles5.useColorScheme)();
   const renderMode = resolveRenderMode(forceRenderMode);
   const resolvedMode = getCurrentMode(mode);
-  const [displayedMode, setDisplayedMode] = import_react7.default.useState(resolvedMode);
-  import_react7.default.useEffect(() => {
+  const [displayedMode, setDisplayedMode] = import_react15.default.useState(resolvedMode);
+  import_react15.default.useEffect(() => {
     setDisplayedMode(resolvedMode);
   }, [resolvedMode]);
   if (renderMode === "server") {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_Skeleton.default, { variant: "rounded", width: 34, height: 34 });
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_Skeleton.default, { variant: "rounded", width: 34, height: 34 });
   }
   const nextMode = displayedMode === "dark" ? "light" : "dark";
   const label = `Switch to ${nextMode} mode`;
@@ -3403,7 +4737,7 @@ function ToggleButton({ forceRenderMode }) {
     applyColorScheme(nextMode);
     commitMode(setMode, nextMode);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_Tooltip.default, { title: label, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_Tooltip.default, { title: label, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     IconButton_default,
     {
       "aria-label": label,
@@ -3416,7 +4750,7 @@ function ToggleButton({ forceRenderMode }) {
         "&: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, {})
+      children: displayedMode === "dark" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_WbSunnyOutlined.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_DarkModeOutlined.default, {})
     }
   ) });
 }