@startdownnotez404/ui 1.0.0 → 1.3.5

package/dist/chunk-UDREPVEY.mjs

@@ -0,0 +1,356 @@
+import {
+  CLASSNAMEs
+} from "./chunk-CWFWRZWU.mjs";
+import {
+  ShinyPaper_default
+} from "./chunk-3VUAM2GY.mjs";
+import {
+  doodlePatternCssVars,
+  getDoodlePatternModalBackgroundSx
+} from "./chunk-UMJ5SCIQ.mjs";
+import {
+  IconButton_default
+} from "./chunk-JIU5GVM7.mjs";
+import {
+  default54 as default3
+} from "./chunk-ZVFYOXDE.mjs";
+import {
+  Header
+} from "./chunk-4RPFRNXG.mjs";
+import {
+  default as default2,
+  mergeSx
+} from "./chunk-S6EZVRZC.mjs";
+import {
+  __commonJS,
+  __toESM
+} from "./chunk-FJ6ZGZIA.mjs";
+
+// node_modules/classnames/index.js
+var require_classnames = __commonJS({
+  "node_modules/classnames/index.js"(exports, module) {
+    "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 module !== "undefined" && module.exports) {
+        classNames.default = classNames;
+        module.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/Modal/src/index.ts
+import { default as default4 } from "@mui/material/Modal";
+
+// src/components/elemental/Modal/src/MuiModal/MuiModal.tsx
+var import_classnames = __toESM(require_classnames());
+import { useCallback, useMemo } from "react";
+import Modal from "@mui/material/Modal";
+import { useTheme, useMediaQuery } from "@mui/material";
+import Tooltip from "@mui/material/Tooltip";
+
+// src/_utils/_const/index.ts
+var COMPONENTs = {
+  modal: {
+    zIndex: 1300
+  }
+};
+
+// src/components/elemental/Modal/src/MuiModal/theme.ts
+var MUI_MODAL_PAPER_RADIUS = "20px";
+var muiModalRootSx = {
+  ...doodlePatternCssVars,
+  "--closeIconColor": "var(--mui-palette-error-main)",
+  "--bgC": "var(--mui-palette-background-default)",
+  "--shadow": "var(--shadow-outset-1)",
+  "--modalOverlayBg": "radial-gradient(ellipse 120% 100% at 50% 50%, var(--bgC) 0%, transparent 70%)"
+};
+var muiModalPaperSx = {
+  "&.MuiPaper-root": {
+    boxShadow: "var(--shadow)",
+    backgroundColor: "var(--bgC)",
+    borderRadius: MUI_MODAL_PAPER_RADIUS,
+    display: "flex",
+    flexDirection: "column",
+    maxHeight: "var(--max-h)",
+    maxWidth: "var(--max-w)",
+    padding: 0,
+    paddingTop: 0,
+    width: "-webkit-fill-available",
+    height: "-webkit-fill-available"
+  }
+};
+
+// src/components/elemental/Modal/src/MuiModal/MuiModal.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function MuiModal({
+  children,
+  openProps,
+  size = {
+    w: "auto",
+    h: "auto"
+  },
+  maxHeight = "95vh",
+  maxWidth = "95vw",
+  onClose = () => {
+  },
+  title = "",
+  titleIcon = null,
+  closeButton = null,
+  slots,
+  slotProps,
+  ...rest
+}) {
+  const [open, setOpen] = openProps;
+  const theme = useTheme();
+  const isSmDown = useMediaQuery(theme.breakpoints.down("sm"));
+  const effectiveSize = useMemo(() => {
+    if (isSmDown) {
+      return { width: "calc(100vw - 2%)", height: "calc(100vh - 2%)" };
+    }
+    return {
+      width: size.w || "auto",
+      height: size.h || "auto"
+    };
+  }, [isSmDown, size.w, size.h]);
+  const {
+    closeButton: CloseButtonSlot = IconButton_default,
+    closeIcon: CloseIconSlot = default3
+  } = slots || {};
+  const {
+    closeButton: closeButtonAllProps
+  } = slotProps || {};
+  const { closeIcon: closeIconProps, ...closeButtonProps } = closeButtonAllProps || { sx: {} };
+  const handleClose = useCallback(() => {
+    if (typeof setOpen === "function") {
+      setOpen(false);
+    }
+    onClose?.();
+  }, [setOpen, onClose]);
+  const renderCloseButton = useMemo(() => {
+    if (closeButton) return closeButton;
+    return /* @__PURE__ */ jsx(CloseButtonSlot, { onClick: handleClose, size: "small", "aria-label": "close", ...closeButtonProps, sx: {
+      padding: 0,
+      ...closeButtonProps?.sx
+    }, children: /* @__PURE__ */ jsx(
+      CloseIconSlot,
+      {
+        ...closeIconProps,
+        fontSize: "1rem",
+        sx: {
+          color: "var(--closeIconColor)",
+          ...closeIconProps?.sx
+        }
+      }
+    ) });
+  }, [closeButton, handleClose, CloseButtonSlot, CloseIconSlot, closeButtonProps, closeIconProps]);
+  const modalClass = (0, import_classnames.default)(CLASSNAMEs.elemental.modal, rest.className);
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      open,
+      onClose,
+      className: modalClass,
+      ...rest,
+      sx: {
+        zIndex: COMPONENTs.modal.zIndex,
+        padding: "1%",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        background: "transparent"
+        // backdropFilter: 'blur(5px)', // causing performance issues when blurring large areas
+      },
+      children: /* @__PURE__ */ jsx(
+        default2,
+        {
+          style: {
+            "--w": effectiveSize.width,
+            "--h": effectiveSize.height,
+            "--max-h": maxHeight,
+            "--max-w": maxWidth,
+            ...slotProps?.header?.style?.headerImg ? { "--headerImg": slotProps.header.style.headerImg } : {},
+            ...slotProps?.container?.style?.bgColor ? { "--bgC": slotProps.container.style.bgColor } : {},
+            ...slotProps?.container?.style?.shadow ? { "--shadow": slotProps.container.style.shadow } : {}
+          },
+          sx: mergeSx(muiModalRootSx, {
+            display: "flex",
+            justifyContent: "center",
+            height: { xs: "calc(100vh - 2%)", md: "var(--h)" },
+            width: { xs: "calc(100vw - 2%)", md: "var(--w)" },
+            borderRadius: MUI_MODAL_PAPER_RADIUS
+          }),
+          children: /* @__PURE__ */ jsx(ShinyPaper_default, { sx: mergeSx(muiModalPaperSx, slotProps?.container?.sx), children: /* @__PURE__ */ jsxs(BackgroundContainer, { overridePatternUrl: slotProps?.header?.style?.headerImg, children: [
+            /* @__PURE__ */ jsx(
+              MuiModalHeader,
+              {
+                title,
+                titleIcon,
+                closeButton: renderCloseButton
+              }
+            ),
+            /* @__PURE__ */ jsx(default2, { sx: {
+              padding: "16px",
+              paddingTop: "8px",
+              flexGrow: 1,
+              height: "-webkit-fill-available",
+              overflow: "hidden",
+              display: "flex",
+              flexDirection: "column"
+            }, children })
+          ] }) })
+        }
+      )
+    }
+  );
+}
+function BackgroundContainer({ children, overridePatternUrl }) {
+  const isDefaultPattern = !overridePatternUrl;
+  return /* @__PURE__ */ jsxs(
+    default2,
+    {
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        overflow: "hidden",
+        flexGrow: 1,
+        borderRadius: MUI_MODAL_PAPER_RADIUS,
+        position: "relative"
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          default2,
+          {
+            sx: {
+              position: "absolute",
+              inset: 0,
+              pointerEvents: "none",
+              ...isDefaultPattern ? getDoodlePatternModalBackgroundSx() : {
+                backgroundImage: "var(--headerImg)",
+                backgroundSize: "27px"
+              },
+              opacity: 0.2
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(default2, { sx: {
+          display: "flex",
+          flexDirection: "column",
+          overflow: "hidden",
+          flexGrow: 1,
+          borderRadius: MUI_MODAL_PAPER_RADIUS,
+          position: "relative",
+          zIndex: 1,
+          // Circular gradient overlay
+          background: "var(--modalOverlayBg)"
+        }, children })
+      ]
+    }
+  );
+}
+function MuiModalHeader({
+  title = "",
+  titleIcon = null,
+  closeButton = null
+}) {
+  return /* @__PURE__ */ jsxs(default2, { sx: {
+    display: "flex",
+    justifyContent: "center",
+    position: "relative"
+  }, children: [
+    /* @__PURE__ */ jsxs(
+      default2,
+      {
+        sx: {
+          display: "flex",
+          justifyContent: "center",
+          alignItems: "center",
+          paddingTop: 1,
+          gap: 1,
+          maxWidth: "50%"
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            Header,
+            {
+              sx: {
+                textOverflow: "ellipsis",
+                overflow: "hidden",
+                whiteSpace: "pre"
+              },
+              children: title
+            }
+          ),
+          titleIcon && /* @__PURE__ */ jsx(Header, { sx: { display: "flex", flexShrink: 0 }, children: /* @__PURE__ */ jsx(Tooltip, { title: "Icon", arrow: true, children: /* @__PURE__ */ jsx("span", { children: titleIcon }) }) })
+        ]
+      }
+    ),
+    closeButton && /* @__PURE__ */ jsx(default2, { sx: { position: "absolute", right: "8px", top: "4px" }, children: closeButton })
+  ] });
+}
+
+export {
+  MUI_MODAL_PAPER_RADIUS,
+  muiModalRootSx,
+  muiModalPaperSx,
+  MuiModal,
+  default4 as default
+};
+/*! Bundled license information:
+
+classnames/index.js:
+  (*!
+  	Copyright (c) 2018 Jed Watson.
+  	Licensed under the MIT License (MIT), see
+  	http://jedwatson.github.io/classnames
+  *)
+*/
+//# sourceMappingURL=chunk-UDREPVEY.mjs.map

package/dist/chunk-UDREPVEY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../node_modules/classnames/index.js","../src/components/elemental/Modal/src/index.ts","../src/components/elemental/Modal/src/MuiModal/MuiModal.tsx","../src/_utils/_const/index.ts","../src/components/elemental/Modal/src/MuiModal/theme.ts"],"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 { default as Modal } from '@mui/material/Modal'\nexport * from './MuiModal'\n","'use client'\nimport React, { useCallback, useMemo } from 'react'\nimport Modal, { type ModalProps } from '@mui/material/Modal'\nimport type { SxProps } from '@mui/material';\nimport type { Theme } from '@mui/material/styles';\nimport { useTheme, useMediaQuery } from '@mui/material';\nimport classnames from 'classnames';\nimport { CLASSNAMEs } from '@/_utils/_const/classNames';\nimport Tooltip from '@mui/material/Tooltip'\nimport { CloseIcon } from '@/icons/MuiIcon'\n\nimport { COMPONENTs } from '@/_utils/_const'\nimport { mergeSx } from '@/_utils/_func'\nimport { Box as Box } from '@/ele/Box'\nimport { Header as MuiHeader } from '@/ele/Typography'\nimport { ShinyPaper as MuiPaper } from '@/ele/Paper'\nimport { IconButton } from '@/ele/Button'\nimport { getDoodlePatternModalBackgroundSx } from '@/patterns'\nimport { MUI_MODAL_PAPER_RADIUS, muiModalPaperSx, muiModalRootSx } from './theme'\n\n/**\n * extended from Mui Modal\n * \n * [Doc](https://mui.com/material-ui/api/modal/)\n * \n * @param openProps - [open, setOpen]\n */\nexport default function MuiModal({\n  children,\n  openProps,\n  size = {\n    w: 'auto',\n    h: 'auto',\n  },\n  maxHeight = '95vh', maxWidth = '95vw',\n\n  onClose = () => { },\n  title = \"\",\n  titleIcon = null,\n  closeButton = null,\n  slots,\n  slotProps,\n  ...rest\n}: {\n  children?: React.ReactNode;\n  openProps: [\n    boolean, // open\n    (React.Dispatch<React.SetStateAction<boolean>> | React.Dispatch<boolean>) // setOpen\n  ];\n  size?: {\n    w?: string | number;\n    h?: string | number;\n  },\n  maxHeight?: string | number;\n  maxWidth?: string | number;\n  onClose?: () => void;\n  title?: string;\n  titleIcon?: React.ReactNode;\n  closeButton?: React.ReactNode;\n\n  slots?: {\n    closeButton?: React.ElementType;\n    closeIcon?: React.ElementType;\n  };\n  slotProps?: {\n    container?: {\n      style?: {\n        bgColor?: string;\n        shadow?: string;\n      },\n      sx?: SxProps<Theme>;\n    },\n    header?: {\n      style?: {\n        headerImg: string;\n      }\n    },\n    closeButton?: Partial<React.ComponentProps<typeof IconButton>> & {\n      closeIcon?: Partial<React.ComponentProps<typeof CloseIcon>>;\n    };\n  };\n} & Omit<ModalProps, \"open\" | \"title\">) {\n  const [open, setOpen] = openProps\n\n  // responsive behavior: on small screens modal should occupy nearly full\n  // viewport automatically so users are not staring at a tiny dialog.\n  const theme = useTheme();\n  const isSmDown = useMediaQuery(theme.breakpoints.down('sm'));\n  const effectiveSize = useMemo(() => {\n    if (isSmDown) {\n      return { width: 'calc(100vw - 2%)', height: 'calc(100vh - 2%)' };\n    }\n    return {\n      width: size.w || 'auto',\n      height: size.h || 'auto',\n    };\n  }, [isSmDown, size.w, size.h]);\n\n  const { \n    closeButton: CloseButtonSlot = IconButton,\n    closeIcon: CloseIconSlot = CloseIcon,\n  } = slots || {};\n\n  const {\n    closeButton: closeButtonAllProps,\n  } = slotProps || {};\n\n  const { closeIcon: closeIconProps, ...closeButtonProps } = closeButtonAllProps || {sx:{}};\n\n  /**\n   * Internal close handler that ensures modal state is updated\n   */\n  const handleClose = useCallback(() => {\n    // If setOpen is available (it should be from openProps), use it\n    if (typeof setOpen === 'function') {\n      setOpen(false);\n    }\n    // Also call generic onClose if provided\n    onClose?.();\n  }, [setOpen, onClose]);\n\n  /**\n   * Determine the close button to render\n   * If closeButton is provided, use it\n   * Otherwise generate a default IconButton that triggers handleClose\n   */\n  const renderCloseButton = useMemo(() => {\n    if (closeButton) return closeButton;\n    \n    return (\n      <CloseButtonSlot onClick={handleClose} size=\"small\" aria-label=\"close\" {...closeButtonProps} sx={{\n        padding: 0,\n        ...closeButtonProps?.sx,\n      }}>\n        <CloseIconSlot\n          {...closeIconProps}\n          fontSize=\"1rem\"\n          sx={{\n            color: 'var(--closeIconColor)',\n            ...closeIconProps?.sx,\n          }}\n        />\n      </CloseButtonSlot>\n    );\n  }, [closeButton, handleClose, CloseButtonSlot, CloseIconSlot, closeButtonProps, closeIconProps]);\n\n  // ensure the elemental modal classname is always present so tests can target it\n  const modalClass = classnames(CLASSNAMEs.elemental.modal, rest.className);\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      className={modalClass}\n      {...rest}\n      sx={{\n        zIndex: COMPONENTs.modal.zIndex,\n        padding: \"1%\",\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        background: 'transparent',\n\n        // backdropFilter: 'blur(5px)', // causing performance issues when blurring large areas\n      }}\n\n    >\n      <Box\n        style={{\n          \"--w\": effectiveSize.width,\n          \"--h\": effectiveSize.height,\n          \"--max-h\": maxHeight,\n          \"--max-w\": maxWidth,\n          ...(slotProps?.header?.style?.headerImg\n            ? { '--headerImg': slotProps.header.style.headerImg }\n            : {}),\n          ...(slotProps?.container?.style?.bgColor\n            ? { '--bgC': slotProps.container.style.bgColor }\n            : {}),\n          ...(slotProps?.container?.style?.shadow\n            ? { '--shadow': slotProps.container.style.shadow }\n            : {}),\n        } as React.CSSProperties}\n        sx={mergeSx(muiModalRootSx, {\n          display: \"flex\",\n          justifyContent: \"center\",\n          height: {xs: 'calc(100vh - 2%)', md: 'var(--h)'},\n          width: {xs: 'calc(100vw - 2%)', md: 'var(--w)'},\n          borderRadius: MUI_MODAL_PAPER_RADIUS,\n        })}>\n        <MuiPaper sx={mergeSx(muiModalPaperSx, slotProps?.container?.sx)}>\n          <BackgroundContainer overridePatternUrl={slotProps?.header?.style?.headerImg}>\n            <MuiModalHeader\n              title={title}\n              titleIcon={titleIcon}\n              closeButton={renderCloseButton}\n            />\n\n            <Box sx={{\n              padding: \"16px\",\n              paddingTop: \"8px\",\n              flexGrow: 1,\n              height: '-webkit-fill-available',\n              overflow: 'hidden',\n              display: 'flex',\n              flexDirection: 'column',\n            }}>\n              {children}\n            </Box>\n          </BackgroundContainer>\n        </MuiPaper>\n      </Box>\n    </Modal>\n  )\n}\n\n/**\n * Background container for the modal\n * it places a background image and a gradient overlay\n */\nfunction BackgroundContainer({ children, overridePatternUrl }: {\n  children?: React.ReactNode;\n  overridePatternUrl?: string;\n}) {\n  const isDefaultPattern = !overridePatternUrl;\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        overflow: 'hidden',\n        flexGrow: 1,\n        borderRadius: MUI_MODAL_PAPER_RADIUS,\n        position: 'relative',\n      }}>\n      <Box \n        sx={{\n          position: 'absolute',\n          inset: 0,\n          pointerEvents: 'none',\n          \n          ...(isDefaultPattern\n            ? getDoodlePatternModalBackgroundSx()\n            : {\n                backgroundImage: 'var(--headerImg)',\n                backgroundSize: '27px',\n              }),\n          opacity: 0.2,\n        }} \n      />\n      <Box sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        overflow: 'hidden',\n        flexGrow: 1,\n        borderRadius: MUI_MODAL_PAPER_RADIUS,\n        position: 'relative',\n        zIndex: 1,\n\n        // Circular gradient overlay\n        background: 'var(--modalOverlayBg)',\n      }}>\n        {children}\n      </Box>\n    </Box>\n  )\n}\n\nfunction MuiModalHeader({\n  title = '',\n  titleIcon = null,\n  closeButton = null,\n}: {\n  title?: string;\n  titleIcon?: React.ReactNode;\n  closeButton?: React.ReactNode;\n}) {\n  return (\n    <Box sx={{\n      display: 'flex',\n      justifyContent: 'center',\n      position: 'relative',\n    }}>\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          paddingTop: 1,\n          gap: 1,\n          maxWidth: '50%',\n        }}\n      >\n        <MuiHeader\n          sx={{\n            textOverflow: 'ellipsis',\n            overflow: 'hidden',\n            whiteSpace: 'pre',\n          }}\n        >\n          {title}\n        </MuiHeader>\n        {titleIcon && (\n          <MuiHeader sx={{ display: 'flex', flexShrink: 0, }}>\n            <Tooltip title=\"Icon\" arrow>\n              <span>{titleIcon}</span>\n            </Tooltip>\n          </MuiHeader>\n        )}\n      </Box>\n\n      {closeButton && (\n        <Box sx={{ position: 'absolute', right: '8px', top: '4px' }}>{closeButton}</Box>\n      )}\n    </Box>\n\n  );\n};\n\n","export const COMPONENTs = {\n  modal:{\n    zIndex: 1300,\n  }\n}\n","import type { SxProps, Theme } from '@mui/material/styles'\nimport { doodlePatternCssVars } from '@/patterns/doodlePatternStyles'\n\nexport const MUI_MODAL_PAPER_RADIUS = '20px'\n\nexport const muiModalRootSx: SxProps<Theme> = {\n  ...doodlePatternCssVars,\n  '--closeIconColor': 'var(--mui-palette-error-main)',\n  '--bgC': 'var(--mui-palette-background-default)',\n  '--shadow': 'var(--shadow-outset-1)',\n  '--modalOverlayBg': 'radial-gradient(ellipse 120% 100% at 50% 50%, var(--bgC) 0%, transparent 70%)',\n}\n\n/** Internal paper chrome. Pass as the first `sx` array item so host `slotProps.container.sx` merges instead of replacing `&.MuiPaper-root`. */\nexport const muiModalPaperSx: SxProps<Theme> = {\n  '&.MuiPaper-root': {\n    boxShadow: 'var(--shadow)',\n    backgroundColor: 'var(--bgC)',\n    borderRadius: MUI_MODAL_PAPER_RADIUS,\n    display: 'flex',\n    flexDirection: 'column',\n    maxHeight: 'var(--max-h)',\n    maxWidth: 'var(--max-w)',\n    padding: 0,\n    paddingTop: 0,\n    width: '-webkit-fill-available',\n    height: '-webkit-fill-available',\n  },\n}\n"],"mappings":"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","names":["default","default","classnames"]}

package/dist/chunk-UGMRJMFZ.mjs

@@ -0,0 +1,172 @@
+import {
+  StyledMenuItem
+} from "./chunk-HR3A4H4E.mjs";
+import {
+  default3 as default7,
+  default4 as default8
+} from "./chunk-TDRA5EZI.mjs";
+import {
+  default as default4,
+  default2 as default5,
+  default4 as default6
+} from "./chunk-T4X375IG.mjs";
+import {
+  default18 as default2,
+  default69 as default3
+} from "./chunk-ZVFYOXDE.mjs";
+import {
+  mergeSx
+} from "./chunk-S6EZVRZC.mjs";
+
+// src/components/elemental/Select/src/MuiSelect/MuiSelect.tsx
+import { forwardRef } from "react";
+import MuiSelect from "@mui/material/Select";
+import { styled } from "@mui/material/styles";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Select = forwardRef(({
+  label,
+  value,
+  onChange,
+  options = [],
+  error,
+  inputProps,
+  minWidth = "120px",
+  minPadding = false,
+  required = false,
+  disableRequiredLabel = false,
+  multiple = false,
+  slotProps,
+  helperText,
+  ...props
+}, ref) => {
+  return /* @__PURE__ */ jsxs(
+    default4,
+    {
+      fullWidth: props.fullWidth,
+      style: { "--min-w": minWidth },
+      sx: mergeSx({ minWidth: "var(--min-w)" }, props.sx),
+      ...slotProps?.formControl,
+      required,
+      error,
+      children: [
+        !disableRequiredLabel && /* @__PURE__ */ jsx(default6, { children: label }),
+        /* @__PURE__ */ jsxs(
+          StyledSelect,
+          {
+            ref,
+            minPadding,
+            value,
+            label,
+            onChange,
+            required,
+            ...props,
+            inputProps,
+            multiple,
+            renderValue: (selected) => {
+              if (multiple) {
+                if (Array.isArray(selected)) {
+                  return selected.map((val) => {
+                    const found = options.find((o) => o.id === val);
+                    return found ? found.label || found.name || val : val;
+                  }).join(", ");
+                }
+                return selected;
+              }
+              const selectedOption = options.find((o) => o.id === selected);
+              return selectedOption?.label ?? selectedOption?.name ?? selected;
+            },
+            MenuProps: {
+              sx: {
+                "& .MuiMenu-paper": {
+                  borderRadius: "16px"
+                },
+                // Ensure menu list styling matches Menu component if needed
+                "& .MuiList-root": {
+                  padding: "8px 4px",
+                  display: "flex",
+                  flexDirection: "column",
+                  // alignContent:"center",
+                  // alignItems:"center",
+                  gap: "2px"
+                }
+              }
+            },
+            children: [
+              !required && !multiple && /* @__PURE__ */ jsxs(
+                StyledMenuItem,
+                {
+                  value: "",
+                  sx: {
+                    "&.MuiListItemText-root": {},
+                    gap: "8px"
+                    // Consistent gap
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(default7, { style: { minWidth: "auto" }, children: /* @__PURE__ */ jsx(default2, {}) }),
+                    /* @__PURE__ */ jsx(default8, { children: "NA" })
+                  ]
+                }
+              ),
+              options.map((o, i) => /* @__PURE__ */ jsxs(
+                StyledMenuItem,
+                {
+                  onClick: o.onClick,
+                  value: o.id,
+                  sx: {
+                    "&.MuiListItemText-root": {}
+                  },
+                  ...slotProps?.option,
+                  children: [
+                    multiple && Array.isArray(value) && /* @__PURE__ */ jsx(default7, { style: { minWidth: "auto" }, children: value.includes(o.id) ? /* @__PURE__ */ jsx(default3, {}) : null }),
+                    o?.icon && /* @__PURE__ */ jsx(default7, { style: { minWidth: "auto" }, children: o.icon }),
+                    o?.label && /* @__PURE__ */ jsx(default8, { children: o.label }),
+                    o.extension
+                  ]
+                },
+                i
+              ))
+            ]
+          }
+        ),
+        helperText && /* @__PURE__ */ jsx(default5, { children: helperText })
+      ]
+    }
+  );
+});
+var MuiSelect_default = Select;
+var StyledSelect = styled(MuiSelect, {
+  shouldForwardProp: (prop) => prop !== "minPadding"
+})(({ minPadding: _minPadding = false }) => {
+  void _minPadding;
+  return {
+    "&.MuiInputBase-root": {
+      "& .MuiListItemText-root": {
+        "& .MuiTypography-root": {
+          overflow: "hidden",
+          textOverflow: "ellipsis"
+        }
+      },
+      "& .MuiListItemIcon-root": {
+        minWidth: "36px"
+      }
+    }
+  };
+});
+
+// src/components/elemental/Select/src/MuiSelect/theme.ts
+var selectTheme = {
+  defaultProps: {},
+  styleOverrides: {
+    root: {
+      "&.Mui-focused fieldset.MuiOutlinedInput-notchedOutline": {
+        borderColor: "var(--mui-palette-text-secondary)"
+      }
+    }
+  }
+};
+
+export {
+  MuiSelect_default,
+  selectTheme
+};
+//# sourceMappingURL=chunk-UGMRJMFZ.mjs.map

package/dist/chunk-UGMRJMFZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/elemental/Select/src/MuiSelect/MuiSelect.tsx","../src/components/elemental/Select/src/MuiSelect/theme.ts"],"sourcesContent":["'use client'\nimport React, { forwardRef } from 'react'\nimport MuiSelect, { type SelectProps } from '@mui/material/Select'\nimport { FormControl, FormHelperText, InputLabel } from '@/ele/Form'\nimport { ListItemIcon, ListItemText } from '@/ele/List'\nimport { MenuItem, StyledMenuItem } from '@/ele/Menu'\nimport { styled } from '@mui/material/styles'\nimport { CheckIcon as IconCheck, BlacklistIcon as IconNASelection } from '@/icons/MuiIcon'\nimport { mergeSx } from '@/_utils/_func'\n\nexport interface SelectOptionType {\n  label: string;\n  id: string;\n  onClick?: React.MouseEventHandler<HTMLLIElement>;\n  icon?: React.ReactNode;\n  extension?: React.ReactNode;\n  name?: string; // Additional prop for compatibility\n}\n\nexport type MuiSelectProps = {\n  label?: string;\n  value: SelectProps[\"value\"];\n  onChange: SelectProps[\"onChange\"];\n  options: SelectOptionType[];\n  helperText?: string;\n  error?: boolean;\n  inputProps?: SelectProps[\"inputProps\"];\n  minWidth?: string;\n  minPadding?: boolean;\n  required?: boolean;\n  disableRequiredLabel?: boolean; // if true, the required label will not be shown\n  multiple?: boolean;\n  slotProps?:{\n    option?: React.ComponentProps<typeof MenuItem>;\n    formControl?: Partial<React.ComponentProps<typeof FormControl>>;\n  };\n} & Omit<SelectProps,\"label\">\n\n/**\n * Exntended from Mui Select\n * \n * [Doc](https://mui.com/material-ui/api/select/)\n */\nconst Select = forwardRef<HTMLElement,MuiSelectProps>(({ \n  label,\n  value,\n  onChange,\n  options=[],\n  error,\n  inputProps,\n  minWidth=\"120px\",\n  minPadding=false,\n  required=false, disableRequiredLabel=false,\n  multiple=false,\n  slotProps,\n  helperText,\n  ...props\n},ref) => {\n\n  return (\n  <FormControl \n    fullWidth={props.fullWidth}\n    style={{\"--min-w\":minWidth} as React.CSSProperties}\n    sx={mergeSx({ minWidth:\"var(--min-w)\" }, props.sx)}\n    {...slotProps?.formControl}\n    required={required}\n    error={error}\n    >\n      {!disableRequiredLabel && <InputLabel>{label}</InputLabel>}\n      <StyledSelect\n      ref={ref} \n      minPadding={minPadding}\n      value={value}\n      label={label}\n      onChange={onChange}\n      required={required}\n      {...props}\n      inputProps={inputProps}\n      multiple={multiple}\n      renderValue={(selected) => {\n        if (multiple) { \n          if(Array.isArray(selected)){\n            // map values to labels\n            return selected.map(val => {\n                const found = options.find(o => o.id === val);\n                return found ? (found.label || found.name || val) : val;\n            }).join(', ');\n          } \n          return selected as React.ReactNode;\n        }\n\n        // force to render the option.label\n        const selectedOption = options.find((o) => o.id === selected)\n        return (selectedOption?.label ?? selectedOption?.name ?? selected) as React.ReactNode\n      }}\n      MenuProps={{\n        sx: {\n          \"& .MuiMenu-paper\":{\n            borderRadius:\"16px\",\n          },\n          // Ensure menu list styling matches Menu component if needed\n          \"& .MuiList-root\":{\n              padding:\"8px 4px\",\n              display:\"flex\",\n              flexDirection:\"column\",\n              // alignContent:\"center\",\n              // alignItems:\"center\",\n              gap:\"2px\",\n          }\n        },\n      }}\n      >\n        {!required && !multiple && <StyledMenuItem value={\"\"} \n          sx={{\n            \"&.MuiListItemText-root\":{\n            },\n            gap: '8px' // Consistent gap\n          }}>\n            <ListItemIcon style={{minWidth: 'auto'}}><IconNASelection/></ListItemIcon> \n            <ListItemText>NA</ListItemText>\n        </StyledMenuItem>}\n        {options.map((o, i) => (\n          <StyledMenuItem key={i} \n            onClick={o.onClick} value={o.id} \n            sx={{\n              \"&.MuiListItemText-root\":{\n              }\n            }}\n            {...slotProps?.option}\n          >\n            {multiple && Array.isArray(value) && \n              <ListItemIcon style={{minWidth: 'auto'}}>{(value as (string | number)[]).includes(o.id)?<IconCheck/>:null}</ListItemIcon>\n            }\n            {o?.icon && <ListItemIcon style={{minWidth: 'auto'}}>{o.icon}</ListItemIcon>}\n            {o?.label && <ListItemText>{o.label}</ListItemText>}\n            {o.extension}\n          </StyledMenuItem>\n        ))}\n      </StyledSelect>\n      {helperText && <FormHelperText>{helperText}</FormHelperText>}\n    </FormControl>\n  )\n})\n\nexport default Select\n\ninterface CustomProps {\n  minPadding?: boolean;\n}\n\nconst StyledSelect = styled(MuiSelect, {\n  shouldForwardProp: (prop) => prop !== 'minPadding',\n})<CustomProps>(({ minPadding: _minPadding=false }) => {\n  void _minPadding;\n  return {\n    '&.MuiInputBase-root':{\n      '& .MuiListItemText-root':{\n        \"& .MuiTypography-root\":{\n          overflow:\"hidden\",\n          textOverflow:\"ellipsis\",\n        },\n      },\n      \"& .MuiListItemIcon-root\":{\n        minWidth:\"36px\",\n      },\n    },\n  }\n})\n","import type { MuiComponentTheme } from '@/_utils/_types'\n\nexport const selectTheme = {\n  defaultProps: {},\n  styleOverrides: {\n    root: ({\n      \"&.Mui-focused fieldset.MuiOutlinedInput-notchedOutline\": {\n        borderColor: \"var(--mui-palette-text-secondary)\",\n      }\n    })\n  },\n} as const satisfies MuiComponentTheme<\"MuiSelect\">\n"],"mappings":"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","names":["default"]}