@xylabs/react-select 3.4.2 → 4.0.1

package/dist/browser/index.d.ts

@@ -1,2 +1,10 @@
-export * from './components/index.ts';
-//# sourceMappingURL=index.d.ts.map
+import { SelectProps, PaletteMode } from '@mui/material';
+import React from 'react';
+
+type SelectExProps<T> = SelectProps<T> & {
+    colorize?: 'primary' | 'secondary';
+    mode?: PaletteMode;
+};
+declare const SelectEx: <T>(props: SelectExProps<T>) => React.JSX.Element;
+
+export { SelectEx, type SelectExProps };

package/dist/browser/index.mjs

@@ -3,7 +3,6 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
 
 // src/components/SelectEx.tsx
 import { Select, useTheme } from "@mui/material";
-import { merge } from "@xylabs/lodash";
 import React from "react";
 var SelectEx = /* @__PURE__ */ __name(({ MenuProps, mode = "light", colorize, ...props }) => {
   const theme = useTheme();
@@ -15,7 +14,10 @@ var SelectEx = /* @__PURE__ */ __name(({ MenuProps, mode = "light", colorize, ..
     }
   } : {};
   return /* @__PURE__ */ React.createElement(Select, {
-    MenuProps: merge(MenuProps, colorizeMenuProps),
+    MenuProps: {
+      ...MenuProps,
+      ...colorizeMenuProps
+    },
     ...props
   });
 }, "SelectEx");

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/SelectEx.tsx"],"sourcesContent":["import { PaletteMode, Select, SelectProps, useTheme } from '@mui/material'\nimport { merge } from '@xylabs/lodash'\nimport React from 'react'\n\nexport type SelectExProps<T> = SelectProps<T> & {\n  colorize?: 'primary' | 'secondary'\n  mode?: PaletteMode\n}\n\nexport const SelectEx: <T>(props: SelectExProps<T>) => React.JSX.Element = ({ MenuProps, mode = 'light', colorize, ...props }) => {\n  const theme = useTheme()\n  const colorizeMenuProps = colorize ? { MenuListProps: { sx: { backgroundColor: theme.palette[colorize][mode] } } } : {}\n\n  return <Select MenuProps={merge(MenuProps, colorizeMenuProps)} {...props} />\n}\n"],"mappings":";;;;AAAA,SAAsBA,QAAqBC,gBAAgB;AAC3D,SAASC,aAAa;AACtB,OAAOC,WAAW;AAOX,IAAMC,WAA8D,wBAAC,EAAEC,WAAWC,OAAO,SAASC,UAAU,GAAGC,MAAAA,MAAO;AAC3H,QAAMC,QAAQC,SAAAA;AACd,QAAMC,oBAAoBJ,WAAW;IAAEK,eAAe;MAAEC,IAAI;QAAEC,iBAAiBL,MAAMM,QAAQR,QAAAA,EAAUD,IAAAA;MAAM;IAAE;EAAE,IAAI,CAAC;AAEtH,SAAO,sBAAA,cAACU,QAAAA;IAAOX,WAAWY,MAAMZ,WAAWM,iBAAAA;IAAqB,GAAGH;;AACrE,GAL2E;","names":["Select","useTheme","merge","React","SelectEx","MenuProps","mode","colorize","props","theme","useTheme","colorizeMenuProps","MenuListProps","sx","backgroundColor","palette","Select","merge"]}
+{"version":3,"sources":["../../src/components/SelectEx.tsx"],"sourcesContent":["import { PaletteMode, Select, SelectProps, useTheme } from '@mui/material'\nimport React from 'react'\n\nexport type SelectExProps<T> = SelectProps<T> & {\n  colorize?: 'primary' | 'secondary'\n  mode?: PaletteMode\n}\n\nexport const SelectEx: <T>(props: SelectExProps<T>) => React.JSX.Element = ({ MenuProps, mode = 'light', colorize, ...props }) => {\n  const theme = useTheme()\n  const colorizeMenuProps = colorize ? { MenuListProps: { sx: { backgroundColor: theme.palette[colorize][mode] } } } : {}\n\n  return <Select MenuProps={{ ...MenuProps, ...colorizeMenuProps }} {...props} />\n}\n"],"mappings":";;;;AAAA,SAAsBA,QAAqBC,gBAAgB;AAC3D,OAAOC,WAAW;AAOX,IAAMC,WAA8D,wBAAC,EAAEC,WAAWC,OAAO,SAASC,UAAU,GAAGC,MAAAA,MAAO;AAC3H,QAAMC,QAAQC,SAAAA;AACd,QAAMC,oBAAoBJ,WAAW;IAAEK,eAAe;MAAEC,IAAI;QAAEC,iBAAiBL,MAAMM,QAAQR,QAAAA,EAAUD,IAAAA;MAAM;IAAE;EAAE,IAAI,CAAC;AAEtH,SAAO,sBAAA,cAACU,QAAAA;IAAOX,WAAW;MAAE,GAAGA;MAAW,GAAGM;IAAkB;IAAI,GAAGH;;AACxE,GAL2E;","names":["Select","useTheme","React","SelectEx","MenuProps","mode","colorize","props","theme","useTheme","colorizeMenuProps","MenuListProps","sx","backgroundColor","palette","Select"]}

package/package.json

@@ -12,16 +12,13 @@
   "workspaces": [
     "packages/*"
   ],
-  "dependencies": {
-    "@xylabs/lodash": "^3.6.12"
-  },
   "description": "Common React library for all XY Labs projects that use React",
   "devDependencies": {
-    "@mui/icons-material": "^5.16.6",
-    "@mui/material": "^5.16.6",
+    "@mui/icons-material": "^5.16.7",
+    "@mui/material": "^5.16.7",
     "@types/react": "^18.3.3",
-    "@xylabs/ts-scripts-yarn3": "^3.15.16",
-    "@xylabs/tsconfig-react": "^3.15.16",
+    "@xylabs/ts-scripts-yarn3": "^4.0.0-rc.15",
+    "@xylabs/tsconfig-react": "^4.0.0-rc.15",
     "react": "^18.3.1",
     "typescript": "^5.5.4"
   },
@@ -32,32 +29,12 @@
   },
   "exports": {
     ".": {
-      "node": {
-        "import": {
-          "types": "./dist/node/index.d.mts",
-          "default": "./dist/node/index.mjs"
-        },
-        "require": {
-          "types": "./dist/node/index.d.cts",
-          "default": "./dist/node/index.cjs"
-        }
-      },
-      "browser": {
-        "import": {
-          "types": "./dist/browser/index.d.mts",
-          "default": "./dist/browser/index.mjs"
-        },
-        "require": {
-          "types": "./dist/browser/index.d.cts",
-          "default": "./dist/browser/index.cjs"
-        }
-      },
+      "types": "./dist/browser/index.d.ts",
       "default": "./dist/browser/index.mjs"
     },
     "./package.json": "./package.json"
   },
   "types": "dist/browser/index.d.ts",
-  "main": "./dist/browser/index.cjs",
   "module": "./dist/browser/index.mjs",
   "homepage": "https://xylabs.com",
   "keywords": [
@@ -74,6 +51,6 @@
     "url": "https://github.com/xylabs/sdk-react.git"
   },
   "sideEffects": false,
-  "version": "3.4.2",
+  "version": "4.0.1",
   "type": "module"
 }

package/src/components/SelectEx.tsx

@@ -1,5 +1,4 @@
 import { PaletteMode, Select, SelectProps, useTheme } from '@mui/material'
-import { merge } from '@xylabs/lodash'
 import React from 'react'
 
 export type SelectExProps<T> = SelectProps<T> & {
@@ -11,5 +10,5 @@ export const SelectEx: <T>(props: SelectExProps<T>) => React.JSX.Element = ({ Me
   const theme = useTheme()
   const colorizeMenuProps = colorize ? { MenuListProps: { sx: { backgroundColor: theme.palette[colorize][mode] } } } : {}
 
-  return <Select MenuProps={merge(MenuProps, colorizeMenuProps)} {...props} />
+  return <Select MenuProps={{ ...MenuProps, ...colorizeMenuProps }} {...props} />
 }

package/xy.config.ts

@@ -0,0 +1,12 @@
+import { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
+const config: XyTsupConfig = {
+  compile: {
+    browser: {
+      src: {},
+    },
+    node: {},
+    neutral: {},
+  },
+}
+
+export default config

package/dist/browser/components/SelectEx.d.cts

@@ -1,8 +0,0 @@
-import { PaletteMode, SelectProps } from '@mui/material';
-import React from 'react';
-export type SelectExProps<T> = SelectProps<T> & {
-    colorize?: 'primary' | 'secondary';
-    mode?: PaletteMode;
-};
-export declare const SelectEx: <T>(props: SelectExProps<T>) => React.JSX.Element;
-//# sourceMappingURL=SelectEx.d.ts.map

package/dist/browser/components/SelectEx.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectEx.d.ts","sourceRoot":"","sources":["../../../src/components/SelectEx.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAU,WAAW,EAAY,MAAM,eAAe,CAAA;AAE1E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG;IAC9C,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IAClC,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAKhE,CAAA"}

package/dist/browser/components/SelectEx.d.mts

@@ -1,8 +0,0 @@
-import { PaletteMode, SelectProps } from '@mui/material';
-import React from 'react';
-export type SelectExProps<T> = SelectProps<T> & {
-    colorize?: 'primary' | 'secondary';
-    mode?: PaletteMode;
-};
-export declare const SelectEx: <T>(props: SelectExProps<T>) => React.JSX.Element;
-//# sourceMappingURL=SelectEx.d.ts.map

package/dist/browser/components/SelectEx.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectEx.d.ts","sourceRoot":"","sources":["../../../src/components/SelectEx.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAU,WAAW,EAAY,MAAM,eAAe,CAAA;AAE1E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG;IAC9C,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IAClC,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAKhE,CAAA"}

package/dist/browser/components/SelectEx.d.ts

@@ -1,8 +0,0 @@
-import { PaletteMode, SelectProps } from '@mui/material';
-import React from 'react';
-export type SelectExProps<T> = SelectProps<T> & {
-    colorize?: 'primary' | 'secondary';
-    mode?: PaletteMode;
-};
-export declare const SelectEx: <T>(props: SelectExProps<T>) => React.JSX.Element;
-//# sourceMappingURL=SelectEx.d.ts.map

package/dist/browser/components/SelectEx.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectEx.d.ts","sourceRoot":"","sources":["../../../src/components/SelectEx.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAU,WAAW,EAAY,MAAM,eAAe,CAAA;AAE1E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG;IAC9C,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IAClC,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAKhE,CAAA"}

package/dist/browser/components/index.d.cts

@@ -1,2 +0,0 @@
-export * from './SelectEx.tsx';
-//# sourceMappingURL=index.d.ts.map

package/dist/browser/components/index.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}

package/dist/browser/components/index.d.mts

@@ -1,2 +0,0 @@
-export * from './SelectEx.tsx';
-//# sourceMappingURL=index.d.ts.map

package/dist/browser/components/index.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}

package/dist/browser/components/index.d.ts

@@ -1,2 +0,0 @@
-export * from './SelectEx.tsx';
-//# sourceMappingURL=index.d.ts.map

package/dist/browser/components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}

package/dist/browser/index.cjs

@@ -1,56 +0,0 @@
-"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 __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  SelectEx: () => SelectEx
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/components/SelectEx.tsx
-var import_material = require("@mui/material");
-var import_lodash = require("@xylabs/lodash");
-var import_react = __toESM(require("react"), 1);
-var SelectEx = /* @__PURE__ */ __name(({ MenuProps, mode = "light", colorize, ...props }) => {
-  const theme = (0, import_material.useTheme)();
-  const colorizeMenuProps = colorize ? {
-    MenuListProps: {
-      sx: {
-        backgroundColor: theme.palette[colorize][mode]
-      }
-    }
-  } : {};
-  return /* @__PURE__ */ import_react.default.createElement(import_material.Select, {
-    MenuProps: (0, import_lodash.merge)(MenuProps, colorizeMenuProps),
-    ...props
-  });
-}, "SelectEx");
-//# sourceMappingURL=index.cjs.map

package/dist/browser/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/index.ts","../../src/components/SelectEx.tsx"],"sourcesContent":["export * from './components/index.ts'\n","import { PaletteMode, Select, SelectProps, useTheme } from '@mui/material'\nimport { merge } from '@xylabs/lodash'\nimport React from 'react'\n\nexport type SelectExProps<T> = SelectProps<T> & {\n  colorize?: 'primary' | 'secondary'\n  mode?: PaletteMode\n}\n\nexport const SelectEx: <T>(props: SelectExProps<T>) => React.JSX.Element = ({ MenuProps, mode = 'light', colorize, ...props }) => {\n  const theme = useTheme()\n  const colorizeMenuProps = colorize ? { MenuListProps: { sx: { backgroundColor: theme.palette[colorize][mode] } } } : {}\n\n  return <Select MenuProps={merge(MenuProps, colorizeMenuProps)} {...props} />\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;ACAA,sBAA2D;AAC3D,oBAAsB;AACtB,mBAAkB;AAOX,IAAMA,WAA8D,wBAAC,EAAEC,WAAWC,OAAO,SAASC,UAAU,GAAGC,MAAAA,MAAO;AAC3H,QAAMC,YAAQC,0BAAAA;AACd,QAAMC,oBAAoBJ,WAAW;IAAEK,eAAe;MAAEC,IAAI;QAAEC,iBAAiBL,MAAMM,QAAQR,QAAAA,EAAUD,IAAAA;MAAM;IAAE;EAAE,IAAI,CAAC;AAEtH,SAAO,6BAAAU,QAAA,cAACC,wBAAAA;IAAOZ,eAAWa,qBAAMb,WAAWM,iBAAAA;IAAqB,GAAGH;;AACrE,GAL2E;","names":["SelectEx","MenuProps","mode","colorize","props","theme","useTheme","colorizeMenuProps","MenuListProps","sx","backgroundColor","palette","React","Select","merge"]}

package/dist/browser/index.d.cts

@@ -1,2 +0,0 @@
-export * from './components/index.ts';
-//# sourceMappingURL=index.d.ts.map

package/dist/browser/index.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}

package/dist/browser/index.d.mts

@@ -1,2 +0,0 @@
-export * from './components/index.ts';
-//# sourceMappingURL=index.d.ts.map

package/dist/browser/index.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}

package/dist/browser/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}

package/dist/neutral/components/SelectEx.d.cts

@@ -1,8 +0,0 @@
-import { PaletteMode, SelectProps } from '@mui/material';
-import React from 'react';
-export type SelectExProps<T> = SelectProps<T> & {
-    colorize?: 'primary' | 'secondary';
-    mode?: PaletteMode;
-};
-export declare const SelectEx: <T>(props: SelectExProps<T>) => React.JSX.Element;
-//# sourceMappingURL=SelectEx.d.ts.map

package/dist/neutral/components/SelectEx.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectEx.d.ts","sourceRoot":"","sources":["../../../src/components/SelectEx.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAU,WAAW,EAAY,MAAM,eAAe,CAAA;AAE1E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG;IAC9C,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IAClC,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAKhE,CAAA"}

package/dist/neutral/components/SelectEx.d.mts

@@ -1,8 +0,0 @@
-import { PaletteMode, SelectProps } from '@mui/material';
-import React from 'react';
-export type SelectExProps<T> = SelectProps<T> & {
-    colorize?: 'primary' | 'secondary';
-    mode?: PaletteMode;
-};
-export declare const SelectEx: <T>(props: SelectExProps<T>) => React.JSX.Element;
-//# sourceMappingURL=SelectEx.d.ts.map

package/dist/neutral/components/SelectEx.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectEx.d.ts","sourceRoot":"","sources":["../../../src/components/SelectEx.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAU,WAAW,EAAY,MAAM,eAAe,CAAA;AAE1E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG;IAC9C,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IAClC,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAKhE,CAAA"}

package/dist/neutral/components/SelectEx.d.ts

@@ -1,8 +0,0 @@
-import { PaletteMode, SelectProps } from '@mui/material';
-import React from 'react';
-export type SelectExProps<T> = SelectProps<T> & {
-    colorize?: 'primary' | 'secondary';
-    mode?: PaletteMode;
-};
-export declare const SelectEx: <T>(props: SelectExProps<T>) => React.JSX.Element;
-//# sourceMappingURL=SelectEx.d.ts.map

package/dist/neutral/components/SelectEx.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectEx.d.ts","sourceRoot":"","sources":["../../../src/components/SelectEx.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAU,WAAW,EAAY,MAAM,eAAe,CAAA;AAE1E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG;IAC9C,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IAClC,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAKhE,CAAA"}

package/dist/neutral/components/index.d.cts

@@ -1,2 +0,0 @@
-export * from './SelectEx.tsx';
-//# sourceMappingURL=index.d.ts.map

package/dist/neutral/components/index.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}

package/dist/neutral/components/index.d.mts

@@ -1,2 +0,0 @@
-export * from './SelectEx.tsx';
-//# sourceMappingURL=index.d.ts.map

package/dist/neutral/components/index.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}

package/dist/neutral/components/index.d.ts

@@ -1,2 +0,0 @@
-export * from './SelectEx.tsx';
-//# sourceMappingURL=index.d.ts.map

package/dist/neutral/components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}

package/dist/neutral/index.cjs

@@ -1,56 +0,0 @@
-"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 __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  SelectEx: () => SelectEx
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/components/SelectEx.tsx
-var import_material = require("@mui/material");
-var import_lodash = require("@xylabs/lodash");
-var import_react = __toESM(require("react"), 1);
-var SelectEx = /* @__PURE__ */ __name(({ MenuProps, mode = "light", colorize, ...props }) => {
-  const theme = (0, import_material.useTheme)();
-  const colorizeMenuProps = colorize ? {
-    MenuListProps: {
-      sx: {
-        backgroundColor: theme.palette[colorize][mode]
-      }
-    }
-  } : {};
-  return /* @__PURE__ */ import_react.default.createElement(import_material.Select, {
-    MenuProps: (0, import_lodash.merge)(MenuProps, colorizeMenuProps),
-    ...props
-  });
-}, "SelectEx");
-//# sourceMappingURL=index.cjs.map

package/dist/neutral/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/index.ts","../../src/components/SelectEx.tsx"],"sourcesContent":["export * from './components/index.ts'\n","import { PaletteMode, Select, SelectProps, useTheme } from '@mui/material'\nimport { merge } from '@xylabs/lodash'\nimport React from 'react'\n\nexport type SelectExProps<T> = SelectProps<T> & {\n  colorize?: 'primary' | 'secondary'\n  mode?: PaletteMode\n}\n\nexport const SelectEx: <T>(props: SelectExProps<T>) => React.JSX.Element = ({ MenuProps, mode = 'light', colorize, ...props }) => {\n  const theme = useTheme()\n  const colorizeMenuProps = colorize ? { MenuListProps: { sx: { backgroundColor: theme.palette[colorize][mode] } } } : {}\n\n  return <Select MenuProps={merge(MenuProps, colorizeMenuProps)} {...props} />\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;ACAA,sBAA2D;AAC3D,oBAAsB;AACtB,mBAAkB;AAOX,IAAMA,WAA8D,wBAAC,EAAEC,WAAWC,OAAO,SAASC,UAAU,GAAGC,MAAAA,MAAO;AAC3H,QAAMC,YAAQC,0BAAAA;AACd,QAAMC,oBAAoBJ,WAAW;IAAEK,eAAe;MAAEC,IAAI;QAAEC,iBAAiBL,MAAMM,QAAQR,QAAAA,EAAUD,IAAAA;MAAM;IAAE;EAAE,IAAI,CAAC;AAEtH,SAAO,6BAAAU,QAAA,cAACC,wBAAAA;IAAOZ,eAAWa,qBAAMb,WAAWM,iBAAAA;IAAqB,GAAGH;;AACrE,GAL2E;","names":["SelectEx","MenuProps","mode","colorize","props","theme","useTheme","colorizeMenuProps","MenuListProps","sx","backgroundColor","palette","React","Select","merge"]}

package/dist/neutral/index.d.cts

@@ -1,2 +0,0 @@
-export * from './components/index.ts';
-//# sourceMappingURL=index.d.ts.map

package/dist/neutral/index.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}

package/dist/neutral/index.d.mts

@@ -1,2 +0,0 @@
-export * from './components/index.ts';
-//# sourceMappingURL=index.d.ts.map

package/dist/neutral/index.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}

package/dist/neutral/index.d.ts

@@ -1,2 +0,0 @@
-export * from './components/index.ts';
-//# sourceMappingURL=index.d.ts.map

package/dist/neutral/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}

package/dist/neutral/index.mjs

@@ -1,25 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
-// src/components/SelectEx.tsx
-import { Select, useTheme } from "@mui/material";
-import { merge } from "@xylabs/lodash";
-import React from "react";
-var SelectEx = /* @__PURE__ */ __name(({ MenuProps, mode = "light", colorize, ...props }) => {
-  const theme = useTheme();
-  const colorizeMenuProps = colorize ? {
-    MenuListProps: {
-      sx: {
-        backgroundColor: theme.palette[colorize][mode]
-      }
-    }
-  } : {};
-  return /* @__PURE__ */ React.createElement(Select, {
-    MenuProps: merge(MenuProps, colorizeMenuProps),
-    ...props
-  });
-}, "SelectEx");
-export {
-  SelectEx
-};
-//# sourceMappingURL=index.mjs.map

package/dist/neutral/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/SelectEx.tsx"],"sourcesContent":["import { PaletteMode, Select, SelectProps, useTheme } from '@mui/material'\nimport { merge } from '@xylabs/lodash'\nimport React from 'react'\n\nexport type SelectExProps<T> = SelectProps<T> & {\n  colorize?: 'primary' | 'secondary'\n  mode?: PaletteMode\n}\n\nexport const SelectEx: <T>(props: SelectExProps<T>) => React.JSX.Element = ({ MenuProps, mode = 'light', colorize, ...props }) => {\n  const theme = useTheme()\n  const colorizeMenuProps = colorize ? { MenuListProps: { sx: { backgroundColor: theme.palette[colorize][mode] } } } : {}\n\n  return <Select MenuProps={merge(MenuProps, colorizeMenuProps)} {...props} />\n}\n"],"mappings":";;;;AAAA,SAAsBA,QAAqBC,gBAAgB;AAC3D,SAASC,aAAa;AACtB,OAAOC,WAAW;AAOX,IAAMC,WAA8D,wBAAC,EAAEC,WAAWC,OAAO,SAASC,UAAU,GAAGC,MAAAA,MAAO;AAC3H,QAAMC,QAAQC,SAAAA;AACd,QAAMC,oBAAoBJ,WAAW;IAAEK,eAAe;MAAEC,IAAI;QAAEC,iBAAiBL,MAAMM,QAAQR,QAAAA,EAAUD,IAAAA;MAAM;IAAE;EAAE,IAAI,CAAC;AAEtH,SAAO,sBAAA,cAACU,QAAAA;IAAOX,WAAWY,MAAMZ,WAAWM,iBAAAA;IAAqB,GAAGH;;AACrE,GAL2E;","names":["Select","useTheme","merge","React","SelectEx","MenuProps","mode","colorize","props","theme","useTheme","colorizeMenuProps","MenuListProps","sx","backgroundColor","palette","Select","merge"]}

package/dist/node/components/SelectEx.d.cts

@@ -1,8 +0,0 @@
-import { PaletteMode, SelectProps } from '@mui/material';
-import React from 'react';
-export type SelectExProps<T> = SelectProps<T> & {
-    colorize?: 'primary' | 'secondary';
-    mode?: PaletteMode;
-};
-export declare const SelectEx: <T>(props: SelectExProps<T>) => React.JSX.Element;
-//# sourceMappingURL=SelectEx.d.ts.map

package/dist/node/components/SelectEx.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectEx.d.ts","sourceRoot":"","sources":["../../../src/components/SelectEx.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAU,WAAW,EAAY,MAAM,eAAe,CAAA;AAE1E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG;IAC9C,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IAClC,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAKhE,CAAA"}

package/dist/node/components/SelectEx.d.mts

@@ -1,8 +0,0 @@
-import { PaletteMode, SelectProps } from '@mui/material';
-import React from 'react';
-export type SelectExProps<T> = SelectProps<T> & {
-    colorize?: 'primary' | 'secondary';
-    mode?: PaletteMode;
-};
-export declare const SelectEx: <T>(props: SelectExProps<T>) => React.JSX.Element;
-//# sourceMappingURL=SelectEx.d.ts.map

package/dist/node/components/SelectEx.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectEx.d.ts","sourceRoot":"","sources":["../../../src/components/SelectEx.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAU,WAAW,EAAY,MAAM,eAAe,CAAA;AAE1E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG;IAC9C,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IAClC,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAKhE,CAAA"}

package/dist/node/components/SelectEx.d.ts

@@ -1,8 +0,0 @@
-import { PaletteMode, SelectProps } from '@mui/material';
-import React from 'react';
-export type SelectExProps<T> = SelectProps<T> & {
-    colorize?: 'primary' | 'secondary';
-    mode?: PaletteMode;
-};
-export declare const SelectEx: <T>(props: SelectExProps<T>) => React.JSX.Element;
-//# sourceMappingURL=SelectEx.d.ts.map

package/dist/node/components/SelectEx.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectEx.d.ts","sourceRoot":"","sources":["../../../src/components/SelectEx.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAU,WAAW,EAAY,MAAM,eAAe,CAAA;AAE1E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG;IAC9C,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IAClC,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAKhE,CAAA"}

package/dist/node/components/index.d.cts

@@ -1,2 +0,0 @@
-export * from './SelectEx.tsx';
-//# sourceMappingURL=index.d.ts.map

package/dist/node/components/index.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}

package/dist/node/components/index.d.mts

@@ -1,2 +0,0 @@
-export * from './SelectEx.tsx';
-//# sourceMappingURL=index.d.ts.map

package/dist/node/components/index.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}

package/dist/node/components/index.d.ts

@@ -1,2 +0,0 @@
-export * from './SelectEx.tsx';
-//# sourceMappingURL=index.d.ts.map

package/dist/node/components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}

package/dist/node/index.cjs

@@ -1,60 +0,0 @@
-"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 __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  SelectEx: () => SelectEx
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/components/SelectEx.tsx
-var import_material = require("@mui/material");
-var import_lodash = require("@xylabs/lodash");
-var import_react = __toESM(require("react"), 1);
-var SelectEx = /* @__PURE__ */ __name(({ MenuProps, mode = "light", colorize, ...props }) => {
-  const theme = (0, import_material.useTheme)();
-  const colorizeMenuProps = colorize ? {
-    MenuListProps: {
-      sx: {
-        backgroundColor: theme.palette[colorize][mode]
-      }
-    }
-  } : {};
-  return /* @__PURE__ */ import_react.default.createElement(import_material.Select, {
-    MenuProps: (0, import_lodash.merge)(MenuProps, colorizeMenuProps),
-    ...props
-  });
-}, "SelectEx");
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  SelectEx
-});
-//# sourceMappingURL=index.cjs.map

package/dist/node/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/index.ts","../../src/components/SelectEx.tsx"],"sourcesContent":["export * from './components/index.ts'\n","import { PaletteMode, Select, SelectProps, useTheme } from '@mui/material'\nimport { merge } from '@xylabs/lodash'\nimport React from 'react'\n\nexport type SelectExProps<T> = SelectProps<T> & {\n  colorize?: 'primary' | 'secondary'\n  mode?: PaletteMode\n}\n\nexport const SelectEx: <T>(props: SelectExProps<T>) => React.JSX.Element = ({ MenuProps, mode = 'light', colorize, ...props }) => {\n  const theme = useTheme()\n  const colorizeMenuProps = colorize ? { MenuListProps: { sx: { backgroundColor: theme.palette[colorize][mode] } } } : {}\n\n  return <Select MenuProps={merge(MenuProps, colorizeMenuProps)} {...props} />\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;ACAA,sBAA2D;AAC3D,oBAAsB;AACtB,mBAAkB;AAOX,IAAMA,WAA8D,wBAAC,EAAEC,WAAWC,OAAO,SAASC,UAAU,GAAGC,MAAAA,MAAO;AAC3H,QAAMC,YAAQC,0BAAAA;AACd,QAAMC,oBAAoBJ,WAAW;IAAEK,eAAe;MAAEC,IAAI;QAAEC,iBAAiBL,MAAMM,QAAQR,QAAAA,EAAUD,IAAAA;MAAM;IAAE;EAAE,IAAI,CAAC;AAEtH,SAAO,6BAAAU,QAAA,cAACC,wBAAAA;IAAOZ,eAAWa,qBAAMb,WAAWM,iBAAAA;IAAqB,GAAGH;;AACrE,GAL2E;","names":["SelectEx","MenuProps","mode","colorize","props","theme","useTheme","colorizeMenuProps","MenuListProps","sx","backgroundColor","palette","React","Select","merge"]}

package/dist/node/index.d.cts

@@ -1,2 +0,0 @@
-export * from './components/index.ts';
-//# sourceMappingURL=index.d.ts.map

package/dist/node/index.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}

package/dist/node/index.d.mts

@@ -1,2 +0,0 @@
-export * from './components/index.ts';
-//# sourceMappingURL=index.d.ts.map

package/dist/node/index.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}

package/dist/node/index.d.ts

@@ -1,2 +0,0 @@
-export * from './components/index.ts';
-//# sourceMappingURL=index.d.ts.map

package/dist/node/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}

package/dist/node/index.mjs

@@ -1,25 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
-// src/components/SelectEx.tsx
-import { Select, useTheme } from "@mui/material";
-import { merge } from "@xylabs/lodash";
-import React from "react";
-var SelectEx = /* @__PURE__ */ __name(({ MenuProps, mode = "light", colorize, ...props }) => {
-  const theme = useTheme();
-  const colorizeMenuProps = colorize ? {
-    MenuListProps: {
-      sx: {
-        backgroundColor: theme.palette[colorize][mode]
-      }
-    }
-  } : {};
-  return /* @__PURE__ */ React.createElement(Select, {
-    MenuProps: merge(MenuProps, colorizeMenuProps),
-    ...props
-  });
-}, "SelectEx");
-export {
-  SelectEx
-};
-//# sourceMappingURL=index.mjs.map

package/dist/node/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/SelectEx.tsx"],"sourcesContent":["import { PaletteMode, Select, SelectProps, useTheme } from '@mui/material'\nimport { merge } from '@xylabs/lodash'\nimport React from 'react'\n\nexport type SelectExProps<T> = SelectProps<T> & {\n  colorize?: 'primary' | 'secondary'\n  mode?: PaletteMode\n}\n\nexport const SelectEx: <T>(props: SelectExProps<T>) => React.JSX.Element = ({ MenuProps, mode = 'light', colorize, ...props }) => {\n  const theme = useTheme()\n  const colorizeMenuProps = colorize ? { MenuListProps: { sx: { backgroundColor: theme.palette[colorize][mode] } } } : {}\n\n  return <Select MenuProps={merge(MenuProps, colorizeMenuProps)} {...props} />\n}\n"],"mappings":";;;;AAAA,SAAsBA,QAAqBC,gBAAgB;AAC3D,SAASC,aAAa;AACtB,OAAOC,WAAW;AAOX,IAAMC,WAA8D,wBAAC,EAAEC,WAAWC,OAAO,SAASC,UAAU,GAAGC,MAAAA,MAAO;AAC3H,QAAMC,QAAQC,SAAAA;AACd,QAAMC,oBAAoBJ,WAAW;IAAEK,eAAe;MAAEC,IAAI;QAAEC,iBAAiBL,MAAMM,QAAQR,QAAAA,EAAUD,IAAAA;MAAM;IAAE;EAAE,IAAI,CAAC;AAEtH,SAAO,sBAAA,cAACU,QAAAA;IAAOX,WAAWY,MAAMZ,WAAWM,iBAAAA;IAAqB,GAAGH;;AACrE,GAL2E;","names":["Select","useTheme","merge","React","SelectEx","MenuProps","mode","colorize","props","theme","useTheme","colorizeMenuProps","MenuListProps","sx","backgroundColor","palette","Select","merge"]}