@xylabs/react-select 3.4.0 → 3.4.2

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

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

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

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

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

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

package/dist/browser/index.cjs

@@ -1,8 +1,11 @@
 "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 });
@@ -15,6 +18,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   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
@@ -27,10 +38,19 @@ module.exports = __toCommonJS(src_exports);
 // src/components/SelectEx.tsx
 var import_material = require("@mui/material");
 var import_lodash = require("@xylabs/lodash");
-var import_jsx_runtime = require("react/jsx-runtime");
-var SelectEx = ({ MenuProps, mode = "light", colorize, ...props }) => {
+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__ */ (0, import_jsx_runtime.jsx)(import_material.Select, { MenuProps: (0, import_lodash.merge)(MenuProps, colorizeMenuProps), ...props });
-};
+  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 +1 @@
-{"version":3,"sources":["../../src/index.ts","../../src/components/SelectEx.tsx"],"sourcesContent":["export * from './components/index.js'\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;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAA2D;AAC3D,oBAAsB;AAYb;AAJF,IAAM,WAA8D,CAAC,EAAE,WAAW,OAAO,SAAS,UAAU,GAAG,MAAM,MAAM;AAChI,QAAM,YAAQ,0BAAS;AACvB,QAAM,oBAAoB,WAAW,EAAE,eAAe,EAAE,IAAI,EAAE,iBAAiB,MAAM,QAAQ,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC;AAEtH,SAAO,4CAAC,0BAAO,eAAW,qBAAM,WAAW,iBAAiB,GAAI,GAAG,OAAO;AAC5E;","names":[]}
+{"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 +1,2 @@
-export * from './components/index.js';
+export * from './components/index.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/browser/index.d.mts

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

package/dist/browser/index.d.ts

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

package/dist/browser/index.mjs

@@ -0,0 +1,25 @@
+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.js.map → 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,SAAsB,QAAqB,gBAAgB;AAC3D,SAAS,aAAa;AAYb;AAJF,IAAM,WAA8D,CAAC,EAAE,WAAW,OAAO,SAAS,UAAU,GAAG,MAAM,MAAM;AAChI,QAAM,QAAQ,SAAS;AACvB,QAAM,oBAAoB,WAAW,EAAE,eAAe,EAAE,IAAI,EAAE,iBAAiB,MAAM,QAAQ,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC;AAEtH,SAAO,oBAAC,UAAO,WAAW,MAAM,WAAW,iBAAiB,GAAI,GAAG,OAAO;AAC5E;","names":[]}
+{"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/neutral/components/index.d.cts

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

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

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

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

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

package/dist/neutral/index.cjs

@@ -1,8 +1,11 @@
 "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 });
@@ -15,6 +18,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   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
@@ -27,10 +38,19 @@ module.exports = __toCommonJS(src_exports);
 // src/components/SelectEx.tsx
 var import_material = require("@mui/material");
 var import_lodash = require("@xylabs/lodash");
-var import_jsx_runtime = require("react/jsx-runtime");
-var SelectEx = ({ MenuProps, mode = "light", colorize, ...props }) => {
+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__ */ (0, import_jsx_runtime.jsx)(import_material.Select, { MenuProps: (0, import_lodash.merge)(MenuProps, colorizeMenuProps), ...props });
-};
+  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 +1 @@
-{"version":3,"sources":["../../src/index.ts","../../src/components/SelectEx.tsx"],"sourcesContent":["export * from './components/index.js'\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;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAA2D;AAC3D,oBAAsB;AAYb;AAJF,IAAM,WAA8D,CAAC,EAAE,WAAW,OAAO,SAAS,UAAU,GAAG,MAAM,MAAM;AAChI,QAAM,YAAQ,0BAAS;AACvB,QAAM,oBAAoB,WAAW,EAAE,eAAe,EAAE,IAAI,EAAE,iBAAiB,MAAM,QAAQ,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC;AAEtH,SAAO,4CAAC,0BAAO,eAAW,qBAAM,WAAW,iBAAiB,GAAI,GAAG,OAAO;AAC5E;","names":[]}
+{"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 +1,2 @@
-export * from './components/index.js';
+export * from './components/index.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/neutral/index.d.mts

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

package/dist/neutral/index.d.ts

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

package/dist/neutral/index.mjs

@@ -0,0 +1,25 @@
+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/{browser/index.js.map → neutral/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,SAAsB,QAAqB,gBAAgB;AAC3D,SAAS,aAAa;AAYb;AAJF,IAAM,WAA8D,CAAC,EAAE,WAAW,OAAO,SAAS,UAAU,GAAG,MAAM,MAAM;AAChI,QAAM,QAAQ,SAAS;AACvB,QAAM,oBAAoB,WAAW,EAAE,eAAe,EAAE,IAAI,EAAE,iBAAiB,MAAM,QAAQ,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC;AAEtH,SAAO,oBAAC,UAAO,WAAW,MAAM,WAAW,iBAAiB,GAAI,GAAG,OAAO;AAC5E;","names":[]}
+{"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/index.d.cts

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

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

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

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

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

package/dist/node/index.cjs

@@ -1,8 +1,11 @@
 "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 });
@@ -15,6 +18,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   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
@@ -27,12 +38,21 @@ module.exports = __toCommonJS(src_exports);
 // src/components/SelectEx.tsx
 var import_material = require("@mui/material");
 var import_lodash = require("@xylabs/lodash");
-var import_jsx_runtime = require("react/jsx-runtime");
-var SelectEx = ({ MenuProps, mode = "light", colorize, ...props }) => {
+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__ */ (0, import_jsx_runtime.jsx)(import_material.Select, { MenuProps: (0, import_lodash.merge)(MenuProps, colorizeMenuProps), ...props });
-};
+  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

package/dist/node/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts","../../src/components/SelectEx.tsx"],"sourcesContent":["export * from './components/index.js'\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;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAA2D;AAC3D,oBAAsB;AAYb;AAJF,IAAM,WAA8D,CAAC,EAAE,WAAW,OAAO,SAAS,UAAU,GAAG,MAAM,MAAM;AAChI,QAAM,YAAQ,0BAAS;AACvB,QAAM,oBAAoB,WAAW,EAAE,eAAe,EAAE,IAAI,EAAE,iBAAiB,MAAM,QAAQ,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC;AAEtH,SAAO,4CAAC,0BAAO,eAAW,qBAAM,WAAW,iBAAiB,GAAI,GAAG,OAAO;AAC5E;","names":[]}
+{"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 +1,2 @@
-export * from './components/index.js';
+export * from './components/index.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/node/index.d.mts

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

package/dist/node/index.d.ts

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

package/dist/node/index.mjs

@@ -0,0 +1,25 @@
+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.js.map → node/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,SAAsB,QAAqB,gBAAgB;AAC3D,SAAS,aAAa;AAYb;AAJF,IAAM,WAA8D,CAAC,EAAE,WAAW,OAAO,SAAS,UAAU,GAAG,MAAM,MAAM;AAChI,QAAM,QAAQ,SAAS;AACvB,QAAM,oBAAoB,WAAW,EAAE,eAAe,EAAE,IAAI,EAAE,iBAAiB,MAAM,QAAQ,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC;AAEtH,SAAO,oBAAC,UAAO,WAAW,MAAM,WAAW,iBAAiB,GAAI,GAAG,OAAO;AAC5E;","names":[]}
+{"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/package.json

@@ -13,16 +13,17 @@
     "packages/*"
   ],
   "dependencies": {
-    "@xylabs/lodash": "^3.5.9"
+    "@xylabs/lodash": "^3.6.12"
   },
   "description": "Common React library for all XY Labs projects that use React",
   "devDependencies": {
-    "@mui/material": "^5.16.1",
+    "@mui/icons-material": "^5.16.6",
+    "@mui/material": "^5.16.6",
     "@types/react": "^18.3.3",
-    "@xylabs/ts-scripts-yarn3": "^3.11.12",
-    "@xylabs/tsconfig-react": "^3.11.12",
+    "@xylabs/ts-scripts-yarn3": "^3.15.16",
+    "@xylabs/tsconfig-react": "^3.15.16",
     "react": "^18.3.1",
-    "typescript": "^5.5.3"
+    "typescript": "^5.5.4"
   },
   "peerDependencies": {
     "@mui/material": "^5",
@@ -34,7 +35,7 @@
       "node": {
         "import": {
           "types": "./dist/node/index.d.mts",
-          "default": "./dist/node/index.js"
+          "default": "./dist/node/index.mjs"
         },
         "require": {
           "types": "./dist/node/index.d.cts",
@@ -44,20 +45,20 @@
       "browser": {
         "import": {
           "types": "./dist/browser/index.d.mts",
-          "default": "./dist/browser/index.js"
+          "default": "./dist/browser/index.mjs"
         },
         "require": {
           "types": "./dist/browser/index.d.cts",
           "default": "./dist/browser/index.cjs"
         }
       },
-      "default": "./dist/browser/index.js"
+      "default": "./dist/browser/index.mjs"
     },
     "./package.json": "./package.json"
   },
   "types": "dist/browser/index.d.ts",
   "main": "./dist/browser/index.cjs",
-  "module": "./dist/browser/index.js",
+  "module": "./dist/browser/index.mjs",
   "homepage": "https://xylabs.com",
   "keywords": [
     "utility",
@@ -73,6 +74,6 @@
     "url": "https://github.com/xylabs/sdk-react.git"
   },
   "sideEffects": false,
-  "version": "3.4.0",
+  "version": "3.4.2",
   "type": "module"
 }

package/src/components/index.ts

@@ -1 +1 @@
-export * from './SelectEx.jsx'
+export * from './SelectEx.tsx'

package/src/index.ts

@@ -1 +1 @@
-export * from './components/index.js'
+export * from './components/index.ts'

package/dist/browser/index.js

@@ -1,13 +0,0 @@
-// src/components/SelectEx.tsx
-import { Select, useTheme } from "@mui/material";
-import { merge } from "@xylabs/lodash";
-import { jsx } from "react/jsx-runtime";
-var SelectEx = ({ MenuProps, mode = "light", colorize, ...props }) => {
-  const theme = useTheme();
-  const colorizeMenuProps = colorize ? { MenuListProps: { sx: { backgroundColor: theme.palette[colorize][mode] } } } : {};
-  return /* @__PURE__ */ jsx(Select, { MenuProps: merge(MenuProps, colorizeMenuProps), ...props });
-};
-export {
-  SelectEx
-};
-//# sourceMappingURL=index.js.map

package/dist/neutral/index.js

@@ -1,13 +0,0 @@
-// src/components/SelectEx.tsx
-import { Select, useTheme } from "@mui/material";
-import { merge } from "@xylabs/lodash";
-import { jsx } from "react/jsx-runtime";
-var SelectEx = ({ MenuProps, mode = "light", colorize, ...props }) => {
-  const theme = useTheme();
-  const colorizeMenuProps = colorize ? { MenuListProps: { sx: { backgroundColor: theme.palette[colorize][mode] } } } : {};
-  return /* @__PURE__ */ jsx(Select, { MenuProps: merge(MenuProps, colorizeMenuProps), ...props });
-};
-export {
-  SelectEx
-};
-//# sourceMappingURL=index.js.map

package/dist/node/index.js

@@ -1,13 +0,0 @@
-// src/components/SelectEx.tsx
-import { Select, useTheme } from "@mui/material";
-import { merge } from "@xylabs/lodash";
-import { jsx } from "react/jsx-runtime";
-var SelectEx = ({ MenuProps, mode = "light", colorize, ...props }) => {
-  const theme = useTheme();
-  const colorizeMenuProps = colorize ? { MenuListProps: { sx: { backgroundColor: theme.palette[colorize][mode] } } } : {};
-  return /* @__PURE__ */ jsx(Select, { MenuProps: merge(MenuProps, colorizeMenuProps), ...props });
-};
-export {
-  SelectEx
-};
-//# sourceMappingURL=index.js.map