@startdownnotez404/ui 1.3.5 → 1.3.6

package/dist/dialog.d.ts

@@ -0,0 +1,166 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DialogProps as DialogProps$1 } from '@mui/material/Dialog';
+import { DialogTitleProps as DialogTitleProps$1 } from '@mui/material/DialogTitle';
+import { DialogContentProps as DialogContentProps$1 } from '@mui/material/DialogContent';
+import { DialogActionsProps as DialogActionsProps$1 } from '@mui/material/DialogActions';
+import { DialogContentTextProps as DialogContentTextProps$1 } from '@mui/material/DialogContentText';
+import { SxProps, Theme } from '@mui/material/styles';
+
+type DialogProps = DialogProps$1;
+/**
+ * Soft theme-aware Dialog — MUI Dialog API with Confirm/MuiModal quiet chrome.
+ *
+ * Drop-in for `@mui/material/Dialog` consumers: same props, soft paper
+ * (`background.paper` + hairline border) and soft backdrop.
+ *
+ * [Doc](https://mui.com/material-ui/api/dialog/)
+ */
+declare function Dialog({ className, slotProps, ...rest }: DialogProps): react_jsx_runtime.JSX.Element;
+
+type DialogTitleProps = DialogTitleProps$1;
+/**
+ * Soft Dialog title — same API as `@mui/material/DialogTitle`.
+ */
+declare function DialogTitle(props: DialogTitleProps): react_jsx_runtime.JSX.Element;
+
+type DialogContentProps = DialogContentProps$1;
+/**
+ * Soft Dialog content — same API as `@mui/material/DialogContent`.
+ */
+declare function DialogContent(props: DialogContentProps): react_jsx_runtime.JSX.Element;
+
+type DialogActionsProps = DialogActionsProps$1;
+/**
+ * Soft Dialog actions — same API as `@mui/material/DialogActions`.
+ */
+declare function DialogActions(props: DialogActionsProps): react_jsx_runtime.JSX.Element;
+
+type DialogContentTextProps = DialogContentTextProps$1;
+/**
+ * Soft Dialog content text — same API as `@mui/material/DialogContentText`.
+ */
+declare function DialogContentText(props: DialogContentTextProps): react_jsx_runtime.JSX.Element;
+
+/** Soft dialog paper radius - matches Confirm quiet chrome. */
+declare const DIALOG_PAPER_RADIUS = "16px";
+/** Soft black elevation for light scheme (quiet, no thick chrome). */
+declare const 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)";
+/**
+ * Soft black elevation for dark scheme.
+ * Avoid palette `shadow-outset-1` here: it uses border-1 grey and reads as a pale halo.
+ */
+declare const 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)";
+/** Soft/quiet Dialog paper tokens (shared by wrapper sx + theme overrides). */
+declare const dialogPaperTokens: {
+    readonly '--dialog-bg': "var(--mui-palette-background-paper)";
+    readonly '--dialog-border': "var(--mui-palette-border-1)";
+    readonly '--dialog-shadow': "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)";
+    readonly backgroundColor: "var(--dialog-bg)";
+    readonly backgroundImage: "none";
+    readonly borderRadius: "16px";
+    readonly border: "1px solid var(--dialog-border)";
+    readonly boxShadow: "var(--dialog-shadow)";
+    readonly outline: "none";
+};
+/**
+ * Soft/quiet Dialog paper.
+ * Uses elevated `background.paper` (Google-style mid-grey over near-black canvas
+ * in dark) with a hairline border - not raw white MUI defaults or thick chrome.
+ */
+declare const dialogPaperSx: SxProps<Theme>;
+/** Soft glass-adjacent backdrop - same language as Confirm. */
+declare const dialogBackdropTokens: {
+    readonly backgroundColor: "color-mix(in srgb, var(--mui-palette-common-black, #000) 36%, transparent)";
+    readonly backdropFilter: "blur(2px)";
+};
+declare const dialogBackdropSx: SxProps<Theme>;
+declare const dialogTheme: {
+    readonly styleOverrides: {
+        readonly paper: {
+            readonly '[data-mui-color-scheme="dark"] &, [color-scheme="dark"] &': {
+                readonly '--dialog-shadow': "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)";
+                readonly boxShadow: "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)";
+            };
+            readonly '--dialog-bg': "var(--mui-palette-background-paper)";
+            readonly '--dialog-border': "var(--mui-palette-border-1)";
+            readonly '--dialog-shadow': "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)";
+            readonly backgroundColor: "var(--dialog-bg)";
+            readonly backgroundImage: "none";
+            readonly borderRadius: "16px";
+            readonly border: "1px solid var(--dialog-border)";
+            readonly boxShadow: "var(--dialog-shadow)";
+            readonly outline: "none";
+        };
+    };
+};
+declare const dialogTitleTheme: {
+    readonly styleOverrides: {
+        readonly root: {
+            readonly fontSize: "1.05rem";
+            readonly fontWeight: 600;
+            readonly padding: "20px 20px 8px";
+            readonly lineHeight: 1.35;
+        };
+    };
+};
+declare const dialogContentTheme: {
+    readonly styleOverrides: {
+        readonly root: {
+            readonly padding: "8px 20px 12px";
+            readonly '&.MuiDialogContent-root:first-of-type': {
+                readonly paddingTop: "16px";
+            };
+        };
+    };
+};
+/**
+ * Soft secondary / Cancel button chrome for DialogActions.
+ * Matches Confirm cancel: quiet border-1 + muted text-secondary
+ * (not stark white inherit outline in dark).
+ */
+declare const dialogSecondaryButtonSx: {
+    textTransform: "none";
+    color: string;
+    borderColor: string;
+    '--button-color': string;
+    '--variant-outlinedColor': string;
+    '--variant-outlinedBorder': string;
+    '&:hover': {
+        color: string;
+        borderColor: string;
+        backgroundColor: string;
+        '--button-hover-border-color': string;
+    };
+};
+declare const dialogActionsTheme: {
+    readonly styleOverrides: {
+        readonly root: {
+            readonly padding: "8px 16px 16px";
+            readonly gap: "8px";
+            readonly '& .MuiButton-outlined.MuiButton-colorInherit': {
+                readonly textTransform: "none";
+                readonly color: string;
+                readonly borderColor: string;
+                readonly '--button-color': string;
+                readonly '--variant-outlinedColor': string;
+                readonly '--variant-outlinedBorder': string;
+                readonly '&:hover': {
+                    color: string;
+                    borderColor: string;
+                    backgroundColor: string;
+                    '--button-hover-border-color': string;
+                };
+            };
+        };
+    };
+};
+declare const dialogContentTextTheme: {
+    readonly styleOverrides: {
+        readonly root: {
+            readonly color: "var(--mui-palette-text-secondary)";
+            readonly fontSize: "0.875rem";
+        };
+    };
+};
+
+export { DIALOG_PAPER_RADIUS, DIALOG_SHADOW_DARK, DIALOG_SHADOW_LIGHT, Dialog, DialogActions, type DialogActionsProps, DialogContent, type DialogContentProps, DialogContentText, type DialogContentTextProps, type DialogProps, DialogTitle, type DialogTitleProps, dialogActionsTheme, dialogBackdropSx, dialogBackdropTokens, dialogContentTextTheme, dialogContentTheme, dialogPaperSx, dialogPaperTokens, dialogSecondaryButtonSx, dialogTheme, dialogTitleTheme };

package/dist/dialog.js

@@ -0,0 +1,362 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// node_modules/classnames/index.js
+var require_classnames = __commonJS({
+  "node_modules/classnames/index.js"(exports2, module2) {
+    "use strict";
+    (function() {
+      "use strict";
+      var hasOwn = {}.hasOwnProperty;
+      function classNames() {
+        var classes = "";
+        for (var i = 0; i < arguments.length; i++) {
+          var arg = arguments[i];
+          if (arg) {
+            classes = appendClass(classes, parseValue(arg));
+          }
+        }
+        return classes;
+      }
+      function parseValue(arg) {
+        if (typeof arg === "string" || typeof arg === "number") {
+          return arg;
+        }
+        if (typeof arg !== "object") {
+          return "";
+        }
+        if (Array.isArray(arg)) {
+          return classNames.apply(null, arg);
+        }
+        if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
+          return arg.toString();
+        }
+        var classes = "";
+        for (var key in arg) {
+          if (hasOwn.call(arg, key) && arg[key]) {
+            classes = appendClass(classes, key);
+          }
+        }
+        return classes;
+      }
+      function appendClass(value, newClass) {
+        if (!newClass) {
+          return value;
+        }
+        if (value) {
+          return value + " " + newClass;
+        }
+        return value + newClass;
+      }
+      if (typeof module2 !== "undefined" && module2.exports) {
+        classNames.default = classNames;
+        module2.exports = classNames;
+      } else if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
+        define("classnames", [], function() {
+          return classNames;
+        });
+      } else {
+        window.classNames = classNames;
+      }
+    })();
+  }
+});
+
+// src/components/elemental/Dialog/index.ts
+var Dialog_exports = {};
+__export(Dialog_exports, {
+  DIALOG_PAPER_RADIUS: () => DIALOG_PAPER_RADIUS,
+  DIALOG_SHADOW_DARK: () => DIALOG_SHADOW_DARK,
+  DIALOG_SHADOW_LIGHT: () => DIALOG_SHADOW_LIGHT,
+  Dialog: () => Dialog,
+  DialogActions: () => DialogActions,
+  DialogContent: () => DialogContent,
+  DialogContentText: () => DialogContentText,
+  DialogTitle: () => DialogTitle,
+  dialogActionsTheme: () => dialogActionsTheme,
+  dialogBackdropSx: () => dialogBackdropSx,
+  dialogBackdropTokens: () => dialogBackdropTokens,
+  dialogContentTextTheme: () => dialogContentTextTheme,
+  dialogContentTheme: () => dialogContentTheme,
+  dialogPaperSx: () => dialogPaperSx,
+  dialogPaperTokens: () => dialogPaperTokens,
+  dialogSecondaryButtonSx: () => dialogSecondaryButtonSx,
+  dialogTheme: () => dialogTheme,
+  dialogTitleTheme: () => dialogTitleTheme
+});
+module.exports = __toCommonJS(Dialog_exports);
+
+// src/components/elemental/Dialog/src/Dialog/Dialog.tsx
+var import_Dialog = __toESM(require("@mui/material/Dialog"));
+var import_classnames = __toESM(require_classnames());
+
+// src/_utils/_const/classNames.ts
+var CLASSNAMEs = {
+  elemental: {
+    avatar: {
+      // root wrapper for the Avatar component
+      root: "Elemental-Avatar",
+      // button variant used by AvatarButton and related controls
+      button: "Elemental-AvatarButton"
+    },
+    modal: "Elemental-Modal",
+    dialog: "Elemental-Dialog"
+  },
+  compound: {
+    useForm: {
+      // class applied to the wrapper around the avatar field inside UseForm
+      avatarField: "UseForm-AvatarField"
+    }
+  }
+};
+
+// src/_utils/_func/sx.ts
+function flattenSx(part) {
+  if (part == null || typeof part === "boolean") {
+    return [];
+  }
+  if (Array.isArray(part)) {
+    return part.flatMap(flattenSx);
+  }
+  if (typeof part === "function" || typeof part === "object") {
+    return [part];
+  }
+  return [];
+}
+function mergeSx(...parts) {
+  const list = parts.flatMap(flattenSx);
+  if (list.length === 0) {
+    return void 0;
+  }
+  if (list.length === 1) {
+    return list[0];
+  }
+  return list;
+}
+
+// src/components/elemental/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 dialogBackdropTokens = {
+  backgroundColor: "color-mix(in srgb, var(--mui-palette-common-black, #000) 36%, transparent)",
+  backdropFilter: "blur(2px)"
+};
+var dialogBackdropSx = dialogBackdropTokens;
+var dialogTheme = {
+  styleOverrides: {
+    paper: {
+      ...dialogPaperTokens,
+      ...dialogDarkShadowSx
+    }
+  }
+};
+var dialogTitleTheme = {
+  styleOverrides: {
+    root: {
+      fontSize: "1.05rem",
+      fontWeight: 600,
+      padding: "20px 20px 8px",
+      lineHeight: 1.35
+    }
+  }
+};
+var dialogContentTheme = {
+  styleOverrides: {
+    root: {
+      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/components/elemental/Dialog/src/Dialog/Dialog.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function resolveSlotProps(slot, ownerState) {
+  if (slot == null) return void 0;
+  if (typeof slot === "function") {
+    return slot(ownerState);
+  }
+  return slot;
+}
+function Dialog({
+  className,
+  slotProps,
+  ...rest
+}) {
+  const modalClass = (0, import_classnames.default)(CLASSNAMEs.elemental.dialog, className);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_Dialog.default,
+    {
+      className: modalClass,
+      ...rest,
+      slotProps: {
+        ...slotProps,
+        paper: (ownerState) => {
+          const resolved = resolveSlotProps(slotProps?.paper, ownerState) ?? {};
+          const { sx: hostSx, elevation, ...restPaper } = resolved;
+          return {
+            elevation: elevation ?? 0,
+            ...restPaper,
+            sx: mergeSx(dialogPaperSx, hostSx)
+          };
+        },
+        backdrop: (ownerState) => {
+          const resolved = resolveSlotProps(slotProps?.backdrop, ownerState) ?? {};
+          const { sx: hostSx, ...restBackdrop } = resolved;
+          return {
+            ...restBackdrop,
+            sx: mergeSx(dialogBackdropSx, hostSx)
+          };
+        }
+      }
+    }
+  );
+}
+
+// src/components/elemental/Dialog/src/Dialog/DialogTitle.tsx
+var import_DialogTitle = __toESM(require("@mui/material/DialogTitle"));
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function DialogTitle(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_DialogTitle.default, { ...props });
+}
+
+// src/components/elemental/Dialog/src/Dialog/DialogContent.tsx
+var import_DialogContent = __toESM(require("@mui/material/DialogContent"));
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function DialogContent(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_DialogContent.default, { ...props });
+}
+
+// src/components/elemental/Dialog/src/Dialog/DialogActions.tsx
+var import_DialogActions = __toESM(require("@mui/material/DialogActions"));
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function DialogActions(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_DialogActions.default, { ...props });
+}
+
+// src/components/elemental/Dialog/src/Dialog/DialogContentText.tsx
+var import_DialogContentText = __toESM(require("@mui/material/DialogContentText"));
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function DialogContentText(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_DialogContentText.default, { ...props });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DIALOG_PAPER_RADIUS,
+  DIALOG_SHADOW_DARK,
+  DIALOG_SHADOW_LIGHT,
+  Dialog,
+  DialogActions,
+  DialogContent,
+  DialogContentText,
+  DialogTitle,
+  dialogActionsTheme,
+  dialogBackdropSx,
+  dialogBackdropTokens,
+  dialogContentTextTheme,
+  dialogContentTheme,
+  dialogPaperSx,
+  dialogPaperTokens,
+  dialogSecondaryButtonSx,
+  dialogTheme,
+  dialogTitleTheme
+});
+/*! Bundled license information:
+
+classnames/index.js:
+  (*!
+  	Copyright (c) 2018 Jed Watson.
+  	Licensed under the MIT License (MIT), see
+  	http://jedwatson.github.io/classnames
+  *)
+*/
+//# sourceMappingURL=dialog.js.map

package/dist/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../node_modules/classnames/index.js","../src/components/elemental/Dialog/index.ts","../src/components/elemental/Dialog/src/Dialog/Dialog.tsx","../src/_utils/_const/classNames.ts","../src/_utils/_func/sx.ts","../src/components/elemental/Dialog/src/Dialog/theme.ts","../src/components/elemental/Dialog/src/Dialog/DialogTitle.tsx","../src/components/elemental/Dialog/src/Dialog/DialogContent.tsx","../src/components/elemental/Dialog/src/Dialog/DialogActions.tsx","../src/components/elemental/Dialog/src/Dialog/DialogContentText.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","export * from './src'\n","'use client'\nimport MuiDialog, { type DialogProps as MuiDialogProps } from '@mui/material/Dialog'\nimport classnames from 'classnames'\nimport { CLASSNAMEs } from '@/_utils/_const/classNames'\nimport { mergeSx } from '@/_utils/_func'\nimport { dialogBackdropSx, dialogPaperSx } from './theme'\n\nexport type DialogProps = MuiDialogProps\n\ntype SlotOwnerState = unknown\n\nfunction resolveSlotProps<T extends object>(\n  slot: T | ((ownerState: SlotOwnerState) => T) | undefined,\n  ownerState: SlotOwnerState,\n): T | undefined {\n  if (slot == null) return undefined\n  if (typeof slot === 'function') {\n    return (slot as (ownerState: SlotOwnerState) => T)(ownerState)\n  }\n  return slot\n}\n\n/**\n * Soft theme-aware Dialog — MUI Dialog API with Confirm/MuiModal quiet chrome.\n *\n * Drop-in for `@mui/material/Dialog` consumers: same props, soft paper\n * (`background.paper` + hairline border) and soft backdrop.\n *\n * [Doc](https://mui.com/material-ui/api/dialog/)\n */\nexport default function Dialog({\n  className,\n  slotProps,\n  ...rest\n}: DialogProps) {\n  const modalClass = classnames(CLASSNAMEs.elemental.dialog, className)\n\n  return (\n    <MuiDialog\n      className={modalClass}\n      {...rest}\n      slotProps={{\n        ...slotProps,\n        paper: (ownerState) => {\n          const resolved = resolveSlotProps(slotProps?.paper as object | ((o: SlotOwnerState) => object) | undefined, ownerState) ?? {}\n          const { sx: hostSx, elevation, ...restPaper } = resolved as {\n            sx?: unknown\n            elevation?: number\n            [key: string]: unknown\n          }\n          return {\n            elevation: elevation ?? 0,\n            ...restPaper,\n            sx: mergeSx(dialogPaperSx, hostSx as never),\n          }\n        },\n        backdrop: (ownerState) => {\n          const resolved = resolveSlotProps(slotProps?.backdrop as object | ((o: SlotOwnerState) => object) | undefined, ownerState) ?? {}\n          const { sx: hostSx, ...restBackdrop } = resolved as {\n            sx?: unknown\n            [key: string]: unknown\n          }\n          return {\n            ...restBackdrop,\n            sx: mergeSx(dialogBackdropSx, hostSx as never),\n          }\n        },\n      }}\n    />\n  )\n}\n","// central registry for CSS class names used throughout the codebase\n//\n// Storing them in one object makes it easy to search for components in tests\n// and debugging tools, and prevents accidental mismatches when strings are\n// copied by hand.  Add additional entries here as new components need them.\n\nexport const CLASSNAMEs = {\n    elemental: {\n        avatar: {\n            // root wrapper for the Avatar component\n            root: 'Elemental-Avatar',\n            // button variant used by AvatarButton and related controls\n            button: 'Elemental-AvatarButton',\n        },\n        modal: 'Elemental-Modal',\n        dialog: 'Elemental-Dialog',\n    },\n    compound: {\n        useForm: {\n            // class applied to the wrapper around the avatar field inside UseForm\n            avatarField: 'UseForm-AvatarField',\n        },\n    },\n} as const;\n","import type { SxProps, Theme } from '@mui/material/styles'\n\n/** Values accepted by {@link mergeSx}: objects, callbacks, arrays (nested ok), or omitted. */\nexport type SxMergePart =\n  | SxProps<Theme>\n  | Record<string, unknown>\n  | ReadonlyArray<SxMergePart>\n  | false\n  | null\n  | undefined\n\nfunction flattenSx(part: unknown): unknown[] {\n  if (part == null || typeof part === 'boolean') {\n    return []\n  }\n  if (Array.isArray(part)) {\n    return part.flatMap(flattenSx)\n  }\n  if (typeof part === 'function' || typeof part === 'object') {\n    return [part]\n  }\n  return []\n}\n\n/**\n * Combine MUI `sx` values into one prop.\n *\n * Nested arrays are flattened (`[base, [a, b]]` → `[base, a, b]`).\n * `null` / `undefined` / `false` entries are dropped. Later parts win,\n * same as MUI's `sx` array merge.\n */\nexport function mergeSx(...parts: SxMergePart[]): SxProps<Theme> | undefined {\n  const list = parts.flatMap(flattenSx)\n  if (list.length === 0) {\n    return undefined\n  }\n  if (list.length === 1) {\n    return list[0] as SxProps<Theme>\n  }\n  return list as SxProps<Theme>\n}\n","import type { SxProps, Theme } from '@mui/material/styles'\nimport type { MuiComponentTheme } from '@/_utils/_types'\n\n/** Soft dialog paper radius - matches Confirm quiet chrome. */\nexport const DIALOG_PAPER_RADIUS = '16px'\n\n/** Soft black elevation for light scheme (quiet, no thick chrome). */\nexport const DIALOG_SHADOW_LIGHT =\n  '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)'\n\n/**\n * Soft black elevation for dark scheme.\n * Avoid palette `shadow-outset-1` here: it uses border-1 grey and reads as a pale halo.\n */\nexport const DIALOG_SHADOW_DARK =\n  '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)'\n\nconst dialogDarkShadowSx = {\n  '[data-mui-color-scheme=\"dark\"] &, [color-scheme=\"dark\"] &': {\n    '--dialog-shadow': DIALOG_SHADOW_DARK,\n    boxShadow: DIALOG_SHADOW_DARK,\n  },\n} as const\n\n/** Soft/quiet Dialog paper tokens (shared by wrapper sx + theme overrides). */\nexport const dialogPaperTokens = {\n  '--dialog-bg': 'var(--mui-palette-background-paper)',\n  '--dialog-border': 'var(--mui-palette-border-1)',\n  '--dialog-shadow': DIALOG_SHADOW_LIGHT,\n\n  backgroundColor: 'var(--dialog-bg)',\n  // Kill MUI Paper dark-mode elevation overlay so paper stays a flat soft surface.\n  backgroundImage: 'none',\n  borderRadius: DIALOG_PAPER_RADIUS,\n  border: '1px solid var(--dialog-border)',\n  boxShadow: 'var(--dialog-shadow)',\n  outline: 'none',\n} as const\n\n/**\n * Soft/quiet Dialog paper.\n * Uses elevated `background.paper` (Google-style mid-grey over near-black canvas\n * in dark) with a hairline border - not raw white MUI defaults or thick chrome.\n */\nexport const dialogPaperSx: SxProps<Theme> = {\n  ...dialogPaperTokens,\n  ...dialogDarkShadowSx,\n}\n\n/** Soft glass-adjacent backdrop - same language as Confirm. */\nexport const dialogBackdropTokens = {\n  backgroundColor:\n    'color-mix(in srgb, var(--mui-palette-common-black, #000) 36%, transparent)',\n  backdropFilter: 'blur(2px)',\n} as const\n\nexport const dialogBackdropSx: SxProps<Theme> = dialogBackdropTokens\n\nexport const dialogTheme = {\n  styleOverrides: {\n    paper: {\n      ...dialogPaperTokens,\n      ...dialogDarkShadowSx,\n    },\n  },\n} as const satisfies MuiComponentTheme<'MuiDialog'>\n\nexport const dialogTitleTheme = {\n  styleOverrides: {\n    root: {\n      fontSize: '1.05rem',\n      fontWeight: 600,\n      padding: '20px 20px 8px',\n      lineHeight: 1.35,\n    },\n  },\n} as const satisfies MuiComponentTheme<'MuiDialogTitle'>\n\nexport const dialogContentTheme = {\n  styleOverrides: {\n    root: {\n      padding: '8px 20px 12px',\n      '&.MuiDialogContent-root:first-of-type': {\n        paddingTop: '16px',\n      },\n    },\n  },\n} as const satisfies MuiComponentTheme<'MuiDialogContent'>\n\n/**\n * Soft secondary / Cancel button chrome for DialogActions.\n * Matches Confirm cancel: quiet border-1 + muted text-secondary\n * (not stark white inherit outline in dark).\n */\nexport const dialogSecondaryButtonSx = {\n  textTransform: 'none' as const,\n  color: 'var(--mui-palette-text-secondary)',\n  borderColor: 'var(--mui-palette-border-1)',\n  '--button-color': 'var(--mui-palette-text-secondary)',\n  '--variant-outlinedColor': 'var(--mui-palette-text-secondary)',\n  '--variant-outlinedBorder': 'var(--mui-palette-border-1)',\n  '&:hover': {\n    color: 'var(--mui-palette-text-secondary)',\n    borderColor: 'var(--mui-palette-border-hover-1)',\n    backgroundColor: 'var(--mui-palette-background-hover-1)',\n    '--button-hover-border-color': 'var(--mui-palette-border-hover-1)',\n  },\n}\n\nexport const dialogActionsTheme = {\n  styleOverrides: {\n    root: {\n      padding: '8px 16px 16px',\n      gap: '8px',\n      // Soften default Cancel pattern (outlined + inherit) inside Dialog only.\n      // Do not restyle primary/error/etc. outlined buttons or global Buttons.\n      '& .MuiButton-outlined.MuiButton-colorInherit': {\n        ...dialogSecondaryButtonSx,\n      },\n    },\n  },\n} as const satisfies MuiComponentTheme<'MuiDialogActions'>\n\nexport const dialogContentTextTheme = {\n  styleOverrides: {\n    root: {\n      color: 'var(--mui-palette-text-secondary)',\n      fontSize: '0.875rem',\n    },\n  },\n} as const satisfies MuiComponentTheme<'MuiDialogContentText'>\n","'use client'\nimport MuiDialogTitle, {\n  type DialogTitleProps as MuiDialogTitleProps,\n} from '@mui/material/DialogTitle'\n\nexport type DialogTitleProps = MuiDialogTitleProps\n\n/**\n * Soft Dialog title — same API as `@mui/material/DialogTitle`.\n */\nexport default function DialogTitle(props: DialogTitleProps) {\n  return <MuiDialogTitle {...props} />\n}\n","'use client'\nimport MuiDialogContent, {\n  type DialogContentProps as MuiDialogContentProps,\n} from '@mui/material/DialogContent'\n\nexport type DialogContentProps = MuiDialogContentProps\n\n/**\n * Soft Dialog content — same API as `@mui/material/DialogContent`.\n */\nexport default function DialogContent(props: DialogContentProps) {\n  return <MuiDialogContent {...props} />\n}\n","'use client'\nimport MuiDialogActions, {\n  type DialogActionsProps as MuiDialogActionsProps,\n} from '@mui/material/DialogActions'\n\nexport type DialogActionsProps = MuiDialogActionsProps\n\n/**\n * Soft Dialog actions — same API as `@mui/material/DialogActions`.\n */\nexport default function DialogActions(props: DialogActionsProps) {\n  return <MuiDialogActions {...props} />\n}\n","'use client'\nimport MuiDialogContentText, {\n  type DialogContentTextProps as MuiDialogContentTextProps,\n} from '@mui/material/DialogContentText'\n\nexport type DialogContentTextProps = MuiDialogContentTextProps\n\n/**\n * Soft Dialog content text — same API as `@mui/material/DialogContentText`.\n */\nexport default function DialogContentText(props: DialogContentTextProps) {\n  return <MuiDialogContentText {...props} />\n}\n"],"mappings":"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","names":["exports","module","classnames","MuiDialog","import_jsx_runtime","MuiDialogTitle","import_jsx_runtime","MuiDialogContent","import_jsx_runtime","MuiDialogActions","import_jsx_runtime","MuiDialogContentText"]}

package/dist/dialog.mjs

@@ -0,0 +1,45 @@
+import {
+  DIALOG_PAPER_RADIUS,
+  DIALOG_SHADOW_DARK,
+  DIALOG_SHADOW_LIGHT,
+  Dialog,
+  DialogActions,
+  DialogContent,
+  DialogContentText,
+  DialogTitle,
+  dialogActionsTheme,
+  dialogBackdropSx,
+  dialogBackdropTokens,
+  dialogContentTextTheme,
+  dialogContentTheme,
+  dialogPaperSx,
+  dialogPaperTokens,
+  dialogSecondaryButtonSx,
+  dialogTheme,
+  dialogTitleTheme
+} from "./chunk-6JKMEH2L.mjs";
+import "./chunk-2FK24ZPJ.mjs";
+import "./chunk-KSN33A6I.mjs";
+import "./chunk-AFLEG5ZC.mjs";
+import "./chunk-FJ6ZGZIA.mjs";
+export {
+  DIALOG_PAPER_RADIUS,
+  DIALOG_SHADOW_DARK,
+  DIALOG_SHADOW_LIGHT,
+  Dialog,
+  DialogActions,
+  DialogContent,
+  DialogContentText,
+  DialogTitle,
+  dialogActionsTheme,
+  dialogBackdropSx,
+  dialogBackdropTokens,
+  dialogContentTextTheme,
+  dialogContentTheme,
+  dialogPaperSx,
+  dialogPaperTokens,
+  dialogSecondaryButtonSx,
+  dialogTheme,
+  dialogTitleTheme
+};
+//# sourceMappingURL=dialog.mjs.map

package/dist/emptyState.d.mts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import Box from '@mui/material/Box';
+
+type EmptyStateProps = {
+    icon?: React.ReactNode;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    action?: React.ReactNode;
+    sx?: React.ComponentProps<typeof Box>['sx'];
+};
+/**
+ * Soft empty placeholder with optional icon, description, and action.
+ */
+declare function EmptyState({ icon, title, description, action, sx, }: EmptyStateProps): react_jsx_runtime.JSX.Element;
+
+export { EmptyState, type EmptyStateProps };

package/dist/emptyState.d.ts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import Box from '@mui/material/Box';
+
+type EmptyStateProps = {
+    icon?: React.ReactNode;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    action?: React.ReactNode;
+    sx?: React.ComponentProps<typeof Box>['sx'];
+};
+/**
+ * Soft empty placeholder with optional icon, description, and action.
+ */
+declare function EmptyState({ icon, title, description, action, sx, }: EmptyStateProps): react_jsx_runtime.JSX.Element;
+
+export { EmptyState, type EmptyStateProps };