@xylabs/react-select 3.1.0-rc.5 → 3.1.0

package/README.md

@@ -1,14 +1,11 @@
 [![logo][]](https://xylabs.com)
 
-# @xylabs/sdk-react
+# @xylabs/react-select
 
-[![main-build][]][main-build-link]
-[![beta-build][]][beta-build-link]
 [![npm-badge][]][npm-link]
-[![bch-badge][]][bch-link]
-[![codacy-badge][]][codacy-link]
-[![codeclimate-badge][]][codeclimate-link]
-[![snyk-badge][]][snyk-link]
+[![npm-downloads-badge][]][npm-link]
+[![jsdelivr-badge][]][jsdelivr-link]
+[![npm-license-badge][]](LICENSE)
 
 > XY Labs generalized React library 
 
@@ -16,53 +13,39 @@
 
 -   [Description](#description)
 -   [Install](#install)
--   [Scripts](#scripts)
 -   [Maintainers](#maintainers)
 -   [License](#license)
 -   [Credits](#credits)
 
 ## Description
 
-Common React code that is used throughtout XYO projects that use React.
+Common React code that is used throughout XYO projects that use React.
 
 ## Install
 
 Using npm:
 
 ```sh
-npm i --save @xylabs/sdk-react
+npm i --save @xylabs/react-select
 ```
 
 Using yarn:
 
 ```sh
-yarn add @xylabs/sdk-react
+yarn add @xylabs/react-select
 ```
 
-## Scripts
+## Documentation
+[Developer Reference](https://xylabs.github.io/sdk-react)
 
-See [ts-scripts-yarn3](https://github.com/xylabs/ts-scripts-yarn3/blob/main/README.md) for
-list of shared scripts. The below scripts are custom scripts for this repo.
-
-### Build (Storybook)
-
-Build the static Storybook site
-
-```sh
-yarn build-storybook
-```
-
-### Start
-
-Starts the project in the browser for testing, with auto reload using Storybook
-
-```sh
-yarn start
-```
+[Storybook](https://xylabs.github.io/sdk-react/storybook)
 
 ## Maintainers
 
--   [Arie Trouw](https://github.com/arietrouw) [arietrouw.com](https://arietrouw.com)
+-   [Arie Trouw](https://github.com/arietrouw) ([arietrouw.com](https://arietrouw.com))
+-   [Matt Jones](https://github.com/jonesmac)
+-   [Joel Carter](https://github.com/JoelBCarter)
+-   [Jordan Trouw](https://github.com/jordantrouw)
 
 ## License
 
@@ -74,23 +57,11 @@ See the [LICENSE](LICENSE) file for license details
 
 [logo]: https://cdn.xy.company/img/brand/XYPersistentCompany_Logo_Icon_Colored.svg
 
-[main-build]: https://github.com/xylabs/sdk-react/actions/workflows/build-main.yml/badge.svg
-[main-build-link]: https://github.com/xylabs/sdk-react/actions/workflows/build-main.yml
-
-[beta-build]: https://github.com/xylabs/sdk-react/actions/workflows/build-beta.yml/badge.svg
-[beta-build-link]: https://github.com/xylabs/sdk-react/actions/workflows/build-beta.yml
-
-[npm-badge]: https://img.shields.io/npm/v/@xylabs/sdk-react.svg
-[npm-link]: https://www.npmjs.com/package/@xylabs/sdk-react
-
-[bch-badge]: https://bettercodehub.com/edge/badge/xylabs/sdk-react?branch=main
-[bch-link]: https://bettercodehub.com/results/xylabs/sdk-react
-
-[codacy-badge]: https://app.codacy.com/project/badge/Grade/c2a69d4530ed4b7da6ddb070169dd339
-[codacy-link]: https://www.codacy.com/gh/xylabs/sdk-react/dashboard?utm_source=github.com&utm_medium=referral&utm_content=xylabs/sdk-react&utm_campaign=Badge_Grade
+[npm-badge]: https://img.shields.io/npm/v/@xylabs/react-select.svg
+[npm-link]: https://www.npmjs.com/package/@xylabs/react-select
 
-[codeclimate-badge]: https://api.codeclimate.com/v1/badges/c461e0bc2b00c0b01ac0/maintainability
-[codeclimate-link]: https://codeclimate.com/github/xylabs/sdk-react/maintainability
+[npm-downloads-badge]: https://img.shields.io/npm/dw/@xylabs/react-select
+[npm-license-badge]: https://img.shields.io/npm/l/@xylabs/react-select
 
-[snyk-badge]: https://snyk.io/test/github/xylabs/sdk-react/badge.svg?targetFile=package.json
-[snyk-link]: https://snyk.io/test/github/xylabs/sdk-react?targetFile=package.json
+[jsdelivr-badge]: https://data.jsdelivr.com/v1/package/npm/@xylabs/react-select/badge
+[jsdelivr-link]: https://www.jsdelivr.com/package/npm/@xylabs/react-select

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

@@ -0,0 +1,8 @@
+import { PaletteMode, SelectProps } from '@mui/material';
+import React from 'react';
+export interface SelectExProps<T> extends 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

@@ -0,0 +1 @@
+{"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,WAAW,aAAa,CAAC,CAAC,CAAE,SAAQ,WAAW,CAAC,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IAClC,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB;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

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

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

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

package/dist/browser/index.cjs

@@ -0,0 +1,36 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __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_jsx_runtime = require("react/jsx-runtime");
+var SelectEx = ({ 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 });
+};
+//# sourceMappingURL=index.cjs.map

package/dist/browser/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts","../../src/components/SelectEx.tsx"],"sourcesContent":["export * from './components'\n","import { PaletteMode, Select, SelectProps, useTheme } from '@mui/material'\nimport { merge } from '@xylabs/lodash'\nimport React from 'react'\n\nexport interface SelectExProps<T> extends 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":[]}

package/dist/browser/index.d.cts

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

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

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

package/dist/browser/index.js

@@ -1,2 +1,13 @@
-export * from "./components";
+// 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/browser/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export * from './components'\n"],"mappings":"AAAA,cAAc;","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 interface SelectExProps<T> extends 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":[]}

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

@@ -0,0 +1,8 @@
+import { PaletteMode, SelectProps } from '@mui/material';
+import React from 'react';
+export interface SelectExProps<T> extends 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

@@ -0,0 +1 @@
+{"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,WAAW,aAAa,CAAC,CAAC,CAAE,SAAQ,WAAW,CAAC,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IAClC,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB;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

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

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

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

package/dist/node/{components/SelectEx.js → index.cjs}

@@ -16,15 +16,19 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var SelectEx_exports = {};
-__export(SelectEx_exports, {
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
   SelectEx: () => SelectEx
 });
-module.exports = __toCommonJS(SelectEx_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
+module.exports = __toCommonJS(src_exports);
+
+// src/components/SelectEx.tsx
 var import_material = require("@mui/material");
 var import_lodash = require("@xylabs/lodash");
-const SelectEx = ({ MenuProps, mode = "light", colorize, ...props }) => {
+var import_jsx_runtime = require("react/jsx-runtime");
+var SelectEx = ({ 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 });
@@ -33,4 +37,4 @@ const SelectEx = ({ MenuProps, mode = "light", colorize, ...props }) => {
 0 && (module.exports = {
   SelectEx
 });
-//# sourceMappingURL=SelectEx.js.map
+//# sourceMappingURL=index.cjs.map

package/dist/node/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts","../../src/components/SelectEx.tsx"],"sourcesContent":["export * from './components'\n","import { PaletteMode, Select, SelectProps, useTheme } from '@mui/material'\nimport { merge } from '@xylabs/lodash'\nimport React from 'react'\n\nexport interface SelectExProps<T> extends 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":[]}

package/dist/node/index.d.cts

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

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

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

package/dist/node/index.js

@@ -1,23 +1,13 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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;
+// 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
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var src_exports = {};
-module.exports = __toCommonJS(src_exports);
-__reExport(src_exports, require("./components"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("./components")
-});
 //# sourceMappingURL=index.js.map

package/dist/node/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export * from './components'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,yBAAd;","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 interface SelectExProps<T> extends 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":[]}

package/package.json

@@ -13,15 +13,15 @@
     "packages/*"
   ],
   "dependencies": {
-    "@xylabs/lodash": "^2.11.7"
+    "@xylabs/lodash": "^3.0.1"
   },
   "description": "Common React library for all XY Labs projects that use React",
   "devDependencies": {
-    "@mui/material": "^5.14.10",
-    "@xylabs/ts-scripts-yarn3": "^3.0.52",
-    "@xylabs/tsconfig-react": "^3.0.52",
+    "@mui/material": "^5.15.10",
+    "@xylabs/ts-scripts-yarn3": "^3.4.1",
+    "@xylabs/tsconfig-react": "^3.4.1",
     "react": "^18.2.0",
-    "typescript": "^5.2.2"
+    "typescript": "^5.3.3"
   },
   "peerDependencies": {
     "@mui/material": "^5",
@@ -33,26 +33,29 @@
       "node": {
         "import": {
           "types": "./dist/node/index.d.mts",
-          "default": "./dist/node/index.mjs"
+          "default": "./dist/node/index.js"
         },
         "require": {
-          "types": "./dist/node/index.d.ts",
-          "default": "./dist/node/index.js"
+          "types": "./dist/node/index.d.cts",
+          "default": "./dist/node/index.cjs"
         }
       },
       "browser": {
-        "types": "./dist/browser/index.d.ts",
-        "default": "./dist/browser/index.js"
+        "import": {
+          "types": "./dist/browser/index.d.mts",
+          "default": "./dist/browser/index.js"
+        },
+        "require": {
+          "types": "./dist/browser/index.d.cts",
+          "default": "./dist/browser/index.cjs"
+        }
       },
       "default": "./dist/browser/index.js"
     },
-    "./dist/docs.json": {
-      "default": "./dist/docs.json"
-    },
     "./package.json": "./package.json"
   },
   "types": "dist/browser/index.d.ts",
-  "main": "./dist/node/index.js",
+  "main": "./dist/browser/index.cjs",
   "module": "./dist/browser/index.js",
   "homepage": "https://xylabs.com",
   "keywords": [
@@ -60,7 +63,7 @@
     "typescript",
     "react"
   ],
-  "license": "LGPL-3.0",
+  "license": "LGPL-3.0-only",
   "publishConfig": {
     "access": "public"
   },
@@ -69,6 +72,6 @@
     "url": "https://github.com/xylabs/sdk-react.git"
   },
   "sideEffects": false,
-  "version": "3.1.0-rc.5",
-  "stableVersion": "3.0.0"
+  "version": "3.1.0",
+  "type": "module"
 }

package/dist/browser/components/SelectEx.js

@@ -1,12 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Select, useTheme } from "@mui/material";
-import { merge } from "@xylabs/lodash";
-const 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=SelectEx.js.map

package/dist/browser/components/SelectEx.js.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 interface SelectExProps<T> extends 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":"AAaS;AAbT,SAAsB,QAAqB,gBAAgB;AAC3D,SAAS,aAAa;AAQf,MAAM,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":[]}

package/dist/browser/components/index.js

@@ -1,2 +0,0 @@
-export * from "./SelectEx";
-//# sourceMappingURL=index.js.map

package/dist/browser/components/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './SelectEx'\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/node/components/SelectEx.js.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 interface SelectExProps<T> extends 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;AAaS;AAbT,sBAA2D;AAC3D,oBAAsB;AAQf,MAAM,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":[]}

package/dist/node/components/SelectEx.mjs

@@ -1,12 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Select, useTheme } from "@mui/material";
-import { merge } from "@xylabs/lodash";
-const 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=SelectEx.mjs.map

package/dist/node/components/SelectEx.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 interface SelectExProps<T> extends 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":"AAaS;AAbT,SAAsB,QAAqB,gBAAgB;AAC3D,SAAS,aAAa;AAQf,MAAM,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":[]}

package/dist/node/components/index.js

@@ -1,23 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var components_exports = {};
-module.exports = __toCommonJS(components_exports);
-__reExport(components_exports, require("./SelectEx"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("./SelectEx")
-});
-//# sourceMappingURL=index.js.map

package/dist/node/components/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './SelectEx'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,+BAAc,uBAAd;","names":[]}

package/dist/node/components/index.mjs

@@ -1,2 +0,0 @@
-export * from "./SelectEx";
-//# sourceMappingURL=index.mjs.map

package/dist/node/components/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './SelectEx'\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/node/index.mjs

@@ -1,2 +0,0 @@
-export * from "./components";
-//# sourceMappingURL=index.mjs.map

package/dist/node/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export * from './components'\n"],"mappings":"AAAA,cAAc;","names":[]}