diff --git a/README.md b/README.md index 2fc11268d9..dc0b1e371e 100644 --- a/README.md +++ b/README.md @@ -35,6 +35,7 @@ - [Fluent UI 9](https://github.com/rjsf-team/react-jsonschema-form/tree/main/packages/fluentui-rc) - [Material UI 4](https://github.com/rjsf-team/react-jsonschema-form/tree/main/packages/material-ui) - [Material UI 5](https://github.com/rjsf-team/react-jsonschema-form/tree/main/packages/mui) +- [Mui-Joy](https://github.com/rjsf-team/react-jsonschema-form/tree/main/packages/mui-joy) - [Semantic UI](https://github.com/rjsf-team/react-jsonschema-form/tree/main/packages/semantic-ui) ## Documentation diff --git a/package-lock.json b/package-lock.json index 91d412478d..008e38c0a2 100644 --- a/package-lock.json +++ b/package-lock.json @@ -16,6 +16,7 @@ "packages/fluentui-rc", "packages/material-ui", "packages/mui", + "packages/mui-joy", "packages/playground", "packages/semantic-ui", "packages/utils", @@ -2269,9 +2270,9 @@ "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==" }, "node_modules/@babel/runtime": { - "version": "7.22.15", - "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.15.tgz", - "integrity": "sha512-T0O+aa+4w0u06iNmapipJXMV4HoUir03hpx3/YqXXhu9xim3w+dVphjFWl1OH8NbZHw5Lbm9k45drDkgq2VNNA==", + "version": "7.23.6", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.6.tgz", + "integrity": "sha512-zHd0eUrf5GZoOWVCXp6koAKQTfZV07eit6bGPmJgnZdnSAvvZee6zniW2XMF7Cmc4ISOOnPy3QaSiIJGJkVEDQ==", "dependencies": { "regenerator-runtime": "^0.14.0" }, @@ -4533,9 +4534,9 @@ } }, "node_modules/@floating-ui/react-dom": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.0.2.tgz", - "integrity": "sha512-5qhlDvjaLmAst/rKb3VdlCinwTF4EYMiVxuuc/HVUjs46W0zgtbMmAZ1UTsDrRTxRmUEzl92mOtWbeeXL26lSQ==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.0.4.tgz", + "integrity": "sha512-CF8k2rgKeh/49UrnIBs4BdxPUV6vize/Db1d/YbCLyp9GiVZ0BEwf5AiDSxJRCr6yOkGqTFHtmrULxkEfYZ7dQ==", "dependencies": { "@floating-ui/dom": "^1.5.1" }, @@ -6237,6 +6238,11 @@ "react": ">=16.8.0 <19.0.0" } }, + "node_modules/@fontsource/inter": { + "version": "5.0.16", + "resolved": "https://registry.npmjs.org/@fontsource/inter/-/inter-5.0.16.tgz", + "integrity": "sha512-qF0aH5UiZvCmneX5orJbVRoc2VTyLTV3X/7laMp03Qt28L+B9tFlZODOGUL64wDWc69YVdi1LeJB0cIgd51lvw==" + }, "node_modules/@gar/promisify": { "version": "1.1.3", "resolved": "https://registry.npmjs.org/@gar/promisify/-/promisify-1.1.3.tgz", @@ -7885,12 +7891,12 @@ } }, "node_modules/@mui/core-downloads-tracker": { - "version": "5.14.8", - "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.14.8.tgz", - "integrity": "sha512-8V7ZOC/lKkM03TRHqaThQFIq6bWPnj7L/ZWPh0ymldYFFyh8XdF0ywTgafsofDNYT4StlNknbaTjVHBma3SNjQ==", + "version": "5.15.2", + "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.15.2.tgz", + "integrity": "sha512-0vk4ckS2w1F5PmkSXSd7F/QuRlNcPqWTJ8CPl+HQRLTIhJVS/VKEI+3dQufOdKfn2wS+ecnvlvXerbugs+xZ8Q==", "funding": { "type": "opencollective", - "url": "https://opencollective.com/mui" + "url": "https://opencollective.com/mui-org" } }, "node_modules/@mui/icons-material": { @@ -7919,6 +7925,88 @@ } } }, + "node_modules/@mui/joy": { + "version": "5.0.0-beta.20", + "resolved": "https://registry.npmjs.org/@mui/joy/-/joy-5.0.0-beta.20.tgz", + "integrity": "sha512-w0BjmY8XKdca0s7yRZiURhSlhiqDtSnhNFl6GHixYytNB5u8Al6GMdYH0aLB2w5+QP8ojPueYQ7oXkS/qo0skQ==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.23.6", + "@mui/base": "5.0.0-beta.29", + "@mui/core-downloads-tracker": "^5.15.2", + "@mui/system": "^5.15.2", + "@mui/types": "^7.2.11", + "@mui/utils": "^5.15.2", + "clsx": "^2.0.0", + "prop-types": "^15.8.1" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + }, + "peerDependencies": { + "@emotion/react": "^11.5.0", + "@emotion/styled": "^11.3.0", + "@types/react": "^17.0.0 || ^18.0.0", + "react": "^17.0.0 || ^18.0.0", + "react-dom": "^17.0.0 || ^18.0.0" + }, + "peerDependenciesMeta": { + "@emotion/react": { + "optional": true + }, + "@emotion/styled": { + "optional": true + }, + "@types/react": { + "optional": true + } + } + }, + "node_modules/@mui/joy/node_modules/@mui/base": { + "version": "5.0.0-beta.29", + "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.29.tgz", + "integrity": "sha512-OXfUssYrB6ch/xpBVHMKAjThPlI9VyGGKdvQLMXef2j39wXfcxPlUVQlwia/lmE3rxWIGvbwkZsDtNYzLMsDUg==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.23.6", + "@floating-ui/react-dom": "^2.0.4", + "@mui/types": "^7.2.11", + "@mui/utils": "^5.15.2", + "@popperjs/core": "^2.11.8", + "clsx": "^2.0.0", + "prop-types": "^15.8.1" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + }, + "peerDependencies": { + "@types/react": "^17.0.0 || ^18.0.0", + "react": "^17.0.0 || ^18.0.0", + "react-dom": "^17.0.0 || ^18.0.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@mui/joy/node_modules/clsx": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz", + "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==", + "dev": true, + "engines": { + "node": ">=6" + } + }, "node_modules/@mui/material": { "version": "5.14.8", "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.14.8.tgz", @@ -7972,12 +8060,12 @@ } }, "node_modules/@mui/private-theming": { - "version": "5.14.8", - "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.14.8.tgz", - "integrity": "sha512-iBzpcl3Mh92XaYpYPdgzzRxNGkjpoDz8rf8/q5m+EBPowFEHV+CCS9hC0Q2pOKLW3VFFikA7w/GHt7n++40JGQ==", + "version": "5.15.2", + "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.15.2.tgz", + "integrity": "sha512-KlXx5TH1Mw9omSY+Q6rz5TA/P71meSYaAOeopiW8s6o433+fnOxS17rZbmd1RnDZGCo+j24TfCavQuCMBAZnQA==", "dependencies": { - "@babel/runtime": "^7.22.10", - "@mui/utils": "^5.14.8", + "@babel/runtime": "^7.23.6", + "@mui/utils": "^5.15.2", "prop-types": "^15.8.1" }, "engines": { @@ -7985,7 +8073,7 @@ }, "funding": { "type": "opencollective", - "url": "https://opencollective.com/mui" + "url": "https://opencollective.com/mui-org" }, "peerDependencies": { "@types/react": "^17.0.0 || ^18.0.0", @@ -7998,11 +8086,11 @@ } }, "node_modules/@mui/styled-engine": { - "version": "5.14.8", - "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.14.8.tgz", - "integrity": "sha512-LGwOav/Y40PZWZ2yDk4beUoRlc57Vg+Vpxi9V9BBtT2ESAucCgFobkt+T8eVLMWF9huUou5pwKgLSU5pF90hBg==", + "version": "5.15.2", + "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.15.2.tgz", + "integrity": "sha512-fYEN3IZzbebeHwAmQHhxwruiOIi8W74709qXg/7tgtHV4byQSmPgnnKsZkg0hFlzjEbcJIRZyZI0qEecgpR2cg==", "dependencies": { - "@babel/runtime": "^7.22.10", + "@babel/runtime": "^7.23.6", "@emotion/cache": "^11.11.0", "csstype": "^3.1.2", "prop-types": "^15.8.1" @@ -8012,7 +8100,7 @@ }, "funding": { "type": "opencollective", - "url": "https://opencollective.com/mui" + "url": "https://opencollective.com/mui-org" }, "peerDependencies": { "@emotion/react": "^11.4.1", @@ -8029,15 +8117,15 @@ } }, "node_modules/@mui/system": { - "version": "5.14.8", - "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.14.8.tgz", - "integrity": "sha512-Dxnasv7Pj5hYe4ZZFKJZu4ufKm6cxpitWt3A+qMPps22YhqyeEqgDBq/HsAB3GOjqDP40fTAvQvS/Hguf4SJuw==", - "dependencies": { - "@babel/runtime": "^7.22.10", - "@mui/private-theming": "^5.14.8", - "@mui/styled-engine": "^5.14.8", - "@mui/types": "^7.2.4", - "@mui/utils": "^5.14.8", + "version": "5.15.2", + "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.15.2.tgz", + "integrity": "sha512-I7CzLiHDtU/BTobJgSk+wPGGWG95K8lYfdFEnq//wOgSrLDAdOVvl2gleDxJWO+yAbGz4RKEOnR9KuD+xQZH4A==", + "dependencies": { + "@babel/runtime": "^7.23.6", + "@mui/private-theming": "^5.15.2", + "@mui/styled-engine": "^5.15.2", + "@mui/types": "^7.2.11", + "@mui/utils": "^5.15.2", "clsx": "^2.0.0", "csstype": "^3.1.2", "prop-types": "^15.8.1" @@ -8047,7 +8135,7 @@ }, "funding": { "type": "opencollective", - "url": "https://opencollective.com/mui" + "url": "https://opencollective.com/mui-org" }, "peerDependencies": { "@emotion/react": "^11.5.0", @@ -8076,11 +8164,11 @@ } }, "node_modules/@mui/types": { - "version": "7.2.4", - "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.4.tgz", - "integrity": "sha512-LBcwa8rN84bKF+f5sDyku42w1NTxaPgPyYKODsh01U1fVstTClbUoSA96oyRBnSNyEiAVjKm6Gwx9vjR+xyqHA==", + "version": "7.2.11", + "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.11.tgz", + "integrity": "sha512-KWe/QTEsFFlFSH+qRYf3zoFEj3z67s+qAuSnMMg+gFwbxG7P96Hm6g300inQL1Wy///gSRb8juX7Wafvp93m3w==", "peerDependencies": { - "@types/react": "*" + "@types/react": "^17.0.0 || ^18.0.0" }, "peerDependenciesMeta": { "@types/react": { @@ -8089,13 +8177,12 @@ } }, "node_modules/@mui/utils": { - "version": "5.14.8", - "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.14.8.tgz", - "integrity": "sha512-1Ls2FfyY2yVSz9NEqedh3J8JAbbZAnUWkOWLE2f4/Hc4T5UWHMfzBLLrCqExfqyfyU+uXYJPGeNIsky6f8Gh5Q==", + "version": "5.15.2", + "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.15.2.tgz", + "integrity": "sha512-6dGM9/guFKBlFRHA7/mbM+E7wE7CYDy9Ny4JLtD3J+NTyhi8nd8YxlzgAgTaTVqY0BpdQ2zdfB/q6+p2EdGM0w==", "dependencies": { - "@babel/runtime": "^7.22.10", - "@types/prop-types": "^15.7.5", - "@types/react-is": "^18.2.1", + "@babel/runtime": "^7.23.6", + "@types/prop-types": "^15.7.11", "prop-types": "^15.8.1", "react-is": "^18.2.0" }, @@ -8104,10 +8191,16 @@ }, "funding": { "type": "opencollective", - "url": "https://opencollective.com/mui" + "url": "https://opencollective.com/mui-org" }, "peerDependencies": { + "@types/react": "^17.0.0 || ^18.0.0", "react": "^17.0.0 || ^18.0.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } } }, "node_modules/@nicolo-ribaudo/chokidar-2": { @@ -9655,6 +9748,10 @@ "resolved": "packages/mui", "link": true }, + "node_modules/@rjsf/mui-joy": { + "resolved": "packages/mui-joy", + "link": true + }, "node_modules/@rjsf/playground": { "resolved": "packages/playground", "link": true @@ -10513,9 +10610,9 @@ "dev": true }, "node_modules/@types/prop-types": { - "version": "15.7.5", - "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz", - "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==" + "version": "15.7.11", + "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.11.tgz", + "integrity": "sha512-ga8y9v9uyeiLdpKddhxYQkxNDrfvuPrlFb0N1qnZZByvcElJaXthF1UhvCh9TLWJBEHeNtdnbysW7Y6Uq8CVng==" }, "node_modules/@types/qs": { "version": "6.9.8", @@ -10555,14 +10652,6 @@ "@types/react": "*" } }, - "node_modules/@types/react-is": { - "version": "18.2.1", - "resolved": "https://registry.npmjs.org/@types/react-is/-/react-is-18.2.1.tgz", - "integrity": "sha512-wyUkmaaSZEzFZivD8F2ftSyAfk6L+DfFliVj/mYdOXbVjRcS87fQJLTnhk6dRZPuJjI+9g6RZJO4PNCngUrmyw==", - "dependencies": { - "@types/react": "*" - } - }, "node_modules/@types/react-router": { "version": "5.1.20", "resolved": "https://registry.npmjs.org/@types/react-router/-/react-router-5.1.20.tgz", @@ -34633,6 +34722,56 @@ "react": ">=17" } }, + "packages/mui-joy": { + "name": "@rjsf/mui-joy", + "version": "5.15.1", + "license": "Apache-2.0", + "devDependencies": { + "@babel/core": "^7.22.17", + "@babel/plugin-proposal-class-properties": "^7.18.6", + "@babel/plugin-proposal-optional-chaining": "^7.21.0", + "@babel/preset-env": "^7.22.15", + "@babel/preset-react": "^7.22.15", + "@babel/preset-typescript": "^7.22.15", + "@emotion/jest": "^11.11.0", + "@emotion/react": "^11.11.1", + "@emotion/styled": "^11.11.0", + "@mui/icons-material": "^5.14.8", + "@mui/joy": "^5.0.0-beta.20", + "@rjsf/core": "^5.15.1", + "@rjsf/snapshot-tests": "^5.15.1", + "@rjsf/utils": "^5.15.1", + "@rjsf/validator-ajv8": "^5.15.1", + "@types/jest": "^29.5.7", + "@types/react": "^17.0.65", + "@types/react-dom": "^17.0.20", + "@types/react-test-renderer": "^17.0.3", + "babel-jest": "^29.6.4", + "esbuild": "^0.18.20", + "eslint": "^8.48.0", + "jest": "^29.6.4", + "jest-environment-jsdom": "^29.6.4", + "jest-watch-typeahead": "^2.2.2", + "react": "^17.0.2", + "react-dom": "^17.0.2", + "react-test-renderer": "^17.0.2", + "rimraf": "^5.0.1", + "rollup": "^3.29.0", + "typescript": "^4.9.5" + }, + "engines": { + "node": ">=14" + }, + "peerDependencies": { + "@emotion/react": "^11.7.0", + "@emotion/styled": "^11.6.0", + "@mui/icons-material": "^5.2.0", + "@mui/joy": "^5.0.0-beta.20", + "@rjsf/core": "^5.12.x", + "@rjsf/utils": "^5.12.x", + "react": ">=17" + } + }, "packages/playground": { "name": "@rjsf/playground", "version": "5.15.1", @@ -34643,6 +34782,7 @@ "@chakra-ui/icons": "^1.1.7", "@chakra-ui/react": "^1.8.9", "@fluentui/react": "^8.111.2", + "@fontsource/inter": "^5.0.16", "@material-ui/core": "^4.12.4", "@mui/material": "^5.14.8", "@rjsf/antd": "^5.15.1", @@ -34653,6 +34793,7 @@ "@rjsf/fluentui-rc": "^5.15.1", "@rjsf/material-ui": "^5.15.1", "@rjsf/mui": "^5.15.1", + "@rjsf/mui-joy": "file:../mui-joy", "@rjsf/semantic-ui": "^5.15.1", "@rjsf/utils": "^5.15.1", "@rjsf/validator-ajv6": "^5.15.1", diff --git a/package.json b/package.json index 82498696b0..166fde7790 100644 --- a/package.json +++ b/package.json @@ -69,6 +69,7 @@ "packages/fluentui-rc", "packages/material-ui", "packages/mui", + "packages/mui-joy", "packages/playground", "packages/semantic-ui", "packages/utils", diff --git a/packages/mui-joy/.eslintrc b/packages/mui-joy/.eslintrc new file mode 100644 index 0000000000..731b36bae0 --- /dev/null +++ b/packages/mui-joy/.eslintrc @@ -0,0 +1,4 @@ +{ + "extends": ["../../.eslintrc"], + "plugins": ["@typescript-eslint", "jsx-a11y", "react", "import"] +} diff --git a/packages/mui-joy/README.md b/packages/mui-joy/README.md new file mode 100644 index 0000000000..96fc08e311 --- /dev/null +++ b/packages/mui-joy/README.md @@ -0,0 +1,156 @@ +[![Build Status][build-shield]][build-url] +[![npm][npm-shield]][npm-url] +[![npm downloads][npm-dl-shield]][npm-dl-url] +[![Contributors][contributors-shield]][contributors-url] +[![Apache 2.0 License][license-shield]][license-url] + + +
+

+ + Logo + + +

@rjsf/mui-joy

+ +

+ Mui Joy theme, fields and widgets for react-jsonschema-form. +
+ Explore the docs » +
+
+ View Playground + · + Report Bug + · + Request Feature +

+

+ + + +## Table of Contents + +- [Table of Contents](#table-of-contents) +- [About The Project](#about-the-project) + - [Built With](#built-with) +- [Getting Started](#getting-started) + - [Prerequisites](#prerequisites) + - [Installation](#installation) +- [Usage](#usage) + - [Mui Joy](#mui-joy) +- [Roadmap](#roadmap) +- [Contributing](#contributing) +- [Contact](#contact) + + + +## About The Project + +[![@rjsf/mui Screen Shot][product-screenshot]](https://rjsf-team.github.io/@rjsf/mui-joy) + +Exports `mui-joy` themes, fields and widgets for `react-jsonschema-form`. + +### Built With + +- [react-jsonschema-form](https://github.com/rjsf-team/react-jsonschema-form/) +- [Mui Joy](https://mui.com/joy-ui/getting-started/) +- [TypeScript](https://www.typescriptlang.org/) + + + +## Getting Started + +### Prerequisites + +NOTE: Mui Joy requires React 17, so you will need to upgrade + +- `@mui/joy` +- `@mui/icons-material` +- `@emotion/react` +- `@emotion/styled` +- `@rjsf/core >= 5.0.0` +- `@rjsf/utils >= 5.0.0` +- `@rjsf/validator-ajv6 >= 5.0.0` + +With NPM + +```bash +npm install @mui/joy @mui/icons-material @emotion/react @emotion/styled @rjsf/core @rjsf/utils @rjsf/validator-ajv6 +``` + +With Yarn + +```bash +yarn add @mui/joy @mui/icons-material @emotion/react @emotion/styled @rjsf/core @rjsf/utils @rjsf/validator-ajv6 +``` + +### Installation + +With Yarn + +```bash +yarn add @rjsf/mui-joy +``` + +With NPM + +```bash +npm add @rjsf/mui-joy +``` + + + +## Usage + +### Mui Joy + +```js +import Form from '@rjsf/mui-joy'; +``` + +or + +```js +import { withTheme } from '@rjsf/core'; +import Theme from '@rjsf/mui-joy'; + +// Make modifications to the theme with your own fields and widgets + +const Form = withTheme(Theme); +``` + + + +## Roadmap + +See the [open issues](https://github.com/rjsf-team/react-jsonschema-form/issues) for a list of proposed features (and known issues). + + + +## Contributing + +Read our [contributors' guide](https://rjsf-team.github.io/react-jsonschema-form/docs/contributing/) to get started. + + + +## Contact + +rjsf team: [https://github.com/orgs/rjsf-team/people](https://github.com/orgs/rjsf-team/people) + +GitHub repository: [https://github.com/rjsf-team/react-jsonschema-form](https://github.com/rjsf-team/react-jsonschema-form) + + + + +[build-shield]: https://github.com/rjsf-team/react-jsonschema-form/workflows/CI/badge.svg +[build-url]: https://github.com/rjsf-team/react-jsonschema-form/actions +[contributors-shield]: https://img.shields.io/github/contributors/rjsf-team/react-jsonschema-form.svg +[contributors-url]: https://github.com/rjsf-team/react-jsonschema-form/graphs/contributors +[license-shield]: https://img.shields.io/badge/license-Apache%202.0-blue.svg?style=flat-square +[license-url]: https://choosealicense.com/licenses/apache-2.0/ +[npm-shield]: https://img.shields.io/npm/v/@rjsf/mui/latest.svg?style=flat-square +[npm-url]: https://www.npmjs.com/package/@rjsf/mui +[npm-dl-shield]: https://img.shields.io/npm/dm/@rjsf/mui.svg?style=flat-square +[npm-dl-url]: https://www.npmjs.com/package/@rjsf/mui +[product-screenshot]: https://raw.githubusercontent.com/rjsf-team/react-jsonschema-form/e2e1181d1020f18cad0c80c661ddae28edb9794e/packages/mui/screenshot.png diff --git a/packages/mui-joy/babel.config.js b/packages/mui-joy/babel.config.js new file mode 100644 index 0000000000..5f772a56c4 --- /dev/null +++ b/packages/mui-joy/babel.config.js @@ -0,0 +1,3 @@ +const defaultConfig = require('../../babel.config'); + +module.exports = defaultConfig; diff --git a/packages/mui-joy/jest.config.js b/packages/mui-joy/jest.config.js new file mode 100644 index 0000000000..acb748da63 --- /dev/null +++ b/packages/mui-joy/jest.config.js @@ -0,0 +1,8 @@ +module.exports = { + snapshotSerializers: ['@emotion/jest/serializer'], + testEnvironment: 'jsdom', + testEnvironmentOptions: { + browsers: ['chrome', 'firefox', 'safari'], + }, + transformIgnorePatterns: [`/node_modules/(?!nanoid)`], +}; diff --git a/packages/mui-joy/logo.png b/packages/mui-joy/logo.png new file mode 100644 index 0000000000..0db8558c7a Binary files /dev/null and b/packages/mui-joy/logo.png differ diff --git a/packages/mui-joy/package-lock.json b/packages/mui-joy/package-lock.json new file mode 100644 index 0000000000..be77eb5872 --- /dev/null +++ b/packages/mui-joy/package-lock.json @@ -0,0 +1,10111 @@ +{ + "name": "@rjsf/mui-joy", + "version": "5.15.1", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "name": "@rjsf/mui-joy", + "version": "5.15.1", + "license": "Apache-2.0", + "devDependencies": { + "@babel/core": "^7.22.17", + "@babel/plugin-proposal-class-properties": "^7.18.6", + "@babel/plugin-proposal-optional-chaining": "^7.21.0", + "@babel/preset-env": "^7.22.15", + "@babel/preset-react": "^7.22.15", + "@babel/preset-typescript": "^7.22.15", + "@emotion/jest": "^11.11.0", + "@emotion/react": "^11.11.1", + "@emotion/styled": "^11.11.0", + "@mui/icons-material": "^5.14.8", + "@mui/joy": "^5.0.0-beta.20", + "@rjsf/core": "^5.15.1", + "@rjsf/snapshot-tests": "^5.15.1", + "@rjsf/utils": "^5.15.1", + "@rjsf/validator-ajv8": "^5.15.1", + "@types/jest": "^29.5.7", + "@types/react": "^17.0.65", + "@types/react-dom": "^17.0.20", + "@types/react-test-renderer": "^17.0.3", + "babel-jest": "^29.6.4", + "esbuild": "^0.18.20", + "eslint": "^8.48.0", + "jest": "^29.6.4", + "jest-environment-jsdom": "^29.6.4", + "jest-watch-typeahead": "^2.2.2", + "react": "^17.0.2", + "react-dom": "^17.0.2", + "react-test-renderer": "^17.0.2", + "rimraf": "^5.0.1", + "rollup": "^3.29.0", + "typescript": "^4.9.5" + }, + "engines": { + "node": ">=14" + }, + "peerDependencies": { + "@emotion/react": "^11.7.0", + "@emotion/styled": "^11.6.0", + "@mui/icons-material": "^5.2.0", + "@mui/joy": "^5.0.0-beta.20", + "@rjsf/core": "^5.12.x", + "@rjsf/utils": "^5.12.x", + "react": ">=17" + } + }, + "node_modules/@aashutoshrathi/word-wrap": { + "version": "1.2.6", + "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz", + "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/@ampproject/remapping": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz", + "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==", + "dev": true, + "dependencies": { + "@jridgewell/gen-mapping": "^0.3.0", + "@jridgewell/trace-mapping": "^0.3.9" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@babel/code-frame": { + "version": "7.23.5", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.23.5.tgz", + "integrity": "sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==", + "dev": true, + "dependencies": { + "@babel/highlight": "^7.23.4", + "chalk": "^2.4.2" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/compat-data": { + "version": "7.23.5", + "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.23.5.tgz", + "integrity": "sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/core": { + "version": "7.23.6", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.6.tgz", + "integrity": "sha512-FxpRyGjrMJXh7X3wGLGhNDCRiwpWEF74sKjTLDJSG5Kyvow3QZaG0Adbqzi9ZrVjTWpsX+2cxWXD71NMg93kdw==", + "dev": true, + "dependencies": { + "@ampproject/remapping": "^2.2.0", + "@babel/code-frame": "^7.23.5", + "@babel/generator": "^7.23.6", + "@babel/helper-compilation-targets": "^7.23.6", + "@babel/helper-module-transforms": "^7.23.3", + "@babel/helpers": "^7.23.6", + "@babel/parser": "^7.23.6", + "@babel/template": "^7.22.15", + "@babel/traverse": "^7.23.6", + "@babel/types": "^7.23.6", + "convert-source-map": "^2.0.0", + "debug": "^4.1.0", + "gensync": "^1.0.0-beta.2", + "json5": "^2.2.3", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/babel" + } + }, + "node_modules/@babel/generator": { + "version": "7.23.6", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.6.tgz", + "integrity": "sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==", + "dev": true, + "dependencies": { + "@babel/types": "^7.23.6", + "@jridgewell/gen-mapping": "^0.3.2", + "@jridgewell/trace-mapping": "^0.3.17", + "jsesc": "^2.5.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-annotate-as-pure": { + "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz", + "integrity": "sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==", + "dev": true, + "dependencies": { + "@babel/types": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-builder-binary-assignment-operator-visitor": { + "version": "7.22.15", + "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.15.tgz", + "integrity": "sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==", + "dev": true, + "dependencies": { + "@babel/types": "^7.22.15" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-compilation-targets": { + "version": "7.23.6", + "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz", + "integrity": "sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==", + "dev": true, + "dependencies": { + "@babel/compat-data": "^7.23.5", + "@babel/helper-validator-option": "^7.23.5", + "browserslist": "^4.22.2", + "lru-cache": "^5.1.1", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-create-class-features-plugin": { + "version": "7.23.6", + "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.23.6.tgz", + "integrity": "sha512-cBXU1vZni/CpGF29iTu4YRbOZt3Wat6zCoMDxRF1MayiEc4URxOj31tT65HUM0CRpMowA3HCJaAOVOUnMf96cw==", + "dev": true, + "dependencies": { + "@babel/helper-annotate-as-pure": "^7.22.5", + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-function-name": "^7.23.0", + "@babel/helper-member-expression-to-functions": "^7.23.0", + "@babel/helper-optimise-call-expression": "^7.22.5", + "@babel/helper-replace-supers": "^7.22.20", + "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5", + "@babel/helper-split-export-declaration": "^7.22.6", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/helper-create-regexp-features-plugin": { + "version": "7.22.15", + "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.15.tgz", + "integrity": "sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==", + "dev": true, + "dependencies": { + "@babel/helper-annotate-as-pure": "^7.22.5", + "regexpu-core": "^5.3.1", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/helper-define-polyfill-provider": { + "version": "0.4.4", + "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.4.tgz", + "integrity": "sha512-QcJMILQCu2jm5TFPGA3lCpJJTeEP+mqeXooG/NZbg/h5FTFi6V0+99ahlRsW8/kRLyb24LZVCCiclDedhLKcBA==", + "dev": true, + "dependencies": { + "@babel/helper-compilation-targets": "^7.22.6", + "@babel/helper-plugin-utils": "^7.22.5", + "debug": "^4.1.1", + "lodash.debounce": "^4.0.8", + "resolve": "^1.14.2" + }, + "peerDependencies": { + "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0" + } + }, + "node_modules/@babel/helper-environment-visitor": { + "version": "7.22.20", + "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz", + "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-function-name": { + "version": "7.23.0", + "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz", + "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==", + "dev": true, + "dependencies": { + "@babel/template": "^7.22.15", + "@babel/types": "^7.23.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-hoist-variables": { + "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz", + "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==", + "dev": true, + "dependencies": { + "@babel/types": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-member-expression-to-functions": { + "version": "7.23.0", + "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.23.0.tgz", + "integrity": "sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==", + "dev": true, + "dependencies": { + "@babel/types": "^7.23.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-module-imports": { + "version": "7.22.15", + "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.15.tgz", + "integrity": "sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==", + "dev": true, + "dependencies": { + "@babel/types": "^7.22.15" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-module-transforms": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.23.3.tgz", + "integrity": "sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==", + "dev": true, + "dependencies": { + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-module-imports": "^7.22.15", + "@babel/helper-simple-access": "^7.22.5", + "@babel/helper-split-export-declaration": "^7.22.6", + "@babel/helper-validator-identifier": "^7.22.20" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/helper-optimise-call-expression": { + "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz", + "integrity": "sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==", + "dev": true, + "dependencies": { + "@babel/types": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-plugin-utils": { + "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz", + "integrity": "sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-remap-async-to-generator": { + "version": "7.22.20", + "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.20.tgz", + "integrity": "sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw==", + "dev": true, + "dependencies": { + "@babel/helper-annotate-as-pure": "^7.22.5", + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-wrap-function": "^7.22.20" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/helper-replace-supers": { + "version": "7.22.20", + "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.22.20.tgz", + "integrity": "sha512-qsW0In3dbwQUbK8kejJ4R7IHVGwHJlV6lpG6UA7a9hSa2YEiAib+N1T2kr6PEeUT+Fl7najmSOS6SmAwCHK6Tw==", + "dev": true, + "dependencies": { + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-member-expression-to-functions": "^7.22.15", + "@babel/helper-optimise-call-expression": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/helper-simple-access": { + "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz", + "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==", + "dev": true, + "dependencies": { + "@babel/types": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-skip-transparent-expression-wrappers": { + "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.22.5.tgz", + "integrity": "sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==", + "dev": true, + "dependencies": { + "@babel/types": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-split-export-declaration": { + "version": "7.22.6", + "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz", + "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==", + "dev": true, + "dependencies": { + "@babel/types": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-string-parser": { + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.23.4.tgz", + "integrity": "sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-validator-identifier": { + "version": "7.22.20", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz", + "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-validator-option": { + "version": "7.23.5", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz", + "integrity": "sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-wrap-function": { + "version": "7.22.20", + "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.22.20.tgz", + "integrity": "sha512-pms/UwkOpnQe/PDAEdV/d7dVCoBbB+R4FvYoHGZz+4VPcg7RtYy2KP7S2lbuWM6FCSgob5wshfGESbC/hzNXZw==", + "dev": true, + "dependencies": { + "@babel/helper-function-name": "^7.22.5", + "@babel/template": "^7.22.15", + "@babel/types": "^7.22.19" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helpers": { + "version": "7.23.6", + "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.6.tgz", + "integrity": "sha512-wCfsbN4nBidDRhpDhvcKlzHWCTlgJYUUdSJfzXb2NuBssDSIjc3xcb+znA7l+zYsFljAcGM0aFkN40cR3lXiGA==", + "dev": true, + "dependencies": { + "@babel/template": "^7.22.15", + "@babel/traverse": "^7.23.6", + "@babel/types": "^7.23.6" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/highlight": { + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.23.4.tgz", + "integrity": "sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==", + "dev": true, + "dependencies": { + "@babel/helper-validator-identifier": "^7.22.20", + "chalk": "^2.4.2", + "js-tokens": "^4.0.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/parser": { + "version": "7.23.6", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.6.tgz", + "integrity": "sha512-Z2uID7YJ7oNvAI20O9X0bblw7Qqs8Q2hFy0R9tAfnfLkp5MW0UH9eUvnDSnFwKZ0AvgS1ucqR4KzvVHgnke1VQ==", + "dev": true, + "bin": { + "parser": "bin/babel-parser.js" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.23.3.tgz", + "integrity": "sha512-iRkKcCqb7iGnq9+3G6rZ+Ciz5VywC4XNRHe57lKM+jOeYAoR0lVqdeeDRfh0tQcTfw/+vBhHn926FmQhLtlFLQ==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.23.3.tgz", + "integrity": "sha512-WwlxbfMNdVEpQjZmK5mhm7oSwD3dS6eU+Iwsi4Knl9wAletWem7kaRsGOG+8UEbRyqxY4SS5zvtfXwX+jMxUwQ==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5", + "@babel/plugin-transform-optional-chaining": "^7.23.3" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.13.0" + } + }, + "node_modules/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.23.3.tgz", + "integrity": "sha512-XaJak1qcityzrX0/IU5nKHb34VaibwP3saKqG6a/tppelgllOH13LUann4ZCIBcVOeE6H18K4Vx9QKkVww3z/w==", + "dev": true, + "dependencies": { + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/plugin-proposal-class-properties": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.18.6.tgz", + "integrity": "sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==", + "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead.", + "dev": true, + "dependencies": { + "@babel/helper-create-class-features-plugin": "^7.18.6", + "@babel/helper-plugin-utils": "^7.18.6" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-proposal-optional-chaining": { + "version": "7.21.0", + "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.21.0.tgz", + "integrity": "sha512-p4zeefM72gpmEe2fkUr/OnOXpWEf8nAgk7ZYVqqfFiyIG7oFfVZcCrU64hWn5xp4tQ9LkV4bTIa5rD0KANpKNA==", + "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-chaining instead.", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.20.2", + "@babel/helper-skip-transparent-expression-wrappers": "^7.20.0", + "@babel/plugin-syntax-optional-chaining": "^7.8.3" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-proposal-private-property-in-object": { + "version": "7.21.0-placeholder-for-preset-env.2", + "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz", + "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==", + "dev": true, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-async-generators": { + "version": "7.8.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz", + "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.8.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-bigint": { + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz", + "integrity": "sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.8.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-class-properties": { + "version": "7.12.13", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz", + "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.12.13" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-class-static-block": { + "version": "7.14.5", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz", + "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.14.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-dynamic-import": { + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz", + "integrity": "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.8.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-export-namespace-from": { + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz", + "integrity": "sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.8.3" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-import-assertions": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.23.3.tgz", + "integrity": "sha512-lPgDSU+SJLK3xmFDTV2ZRQAiM7UuUjGidwBywFavObCiZc1BeAAcMtHJKUya92hPHO+at63JJPLygilZard8jw==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-import-attributes": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.23.3.tgz", + "integrity": "sha512-pawnE0P9g10xgoP7yKr6CK63K2FMsTE+FZidZO/1PwRdzmAPVs+HS1mAURUsgaoxammTJvULUdIkEK0gOcU2tA==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-import-meta": { + "version": "7.10.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz", + "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.10.4" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-json-strings": { + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz", + "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.8.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-jsx": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.23.3.tgz", + "integrity": "sha512-EB2MELswq55OHUoRZLGg/zC7QWUKfNLpE57m/S2yr1uEneIgsTgrSzXP3NXEsMkVn76OlaVVnzN+ugObuYGwhg==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-logical-assignment-operators": { + "version": "7.10.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz", + "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.10.4" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-nullish-coalescing-operator": { + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz", + "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.8.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-numeric-separator": { + "version": "7.10.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz", + "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.10.4" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-object-rest-spread": { + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz", + "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.8.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-optional-catch-binding": { + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz", + "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.8.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-optional-chaining": { + "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz", + "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.8.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-private-property-in-object": { + "version": "7.14.5", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz", + "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.14.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-top-level-await": { + "version": "7.14.5", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz", + "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.14.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-typescript": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.23.3.tgz", + "integrity": "sha512-9EiNjVJOMwCO+43TqoTrgQ8jMwcAd0sWyXi9RPfIsLTj4R2MADDDQXELhffaUx/uJv2AYcxBgPwH6j4TIA4ytQ==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-syntax-unicode-sets-regex": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz", + "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==", + "dev": true, + "dependencies": { + "@babel/helper-create-regexp-features-plugin": "^7.18.6", + "@babel/helper-plugin-utils": "^7.18.6" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/plugin-transform-arrow-functions": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.23.3.tgz", + "integrity": "sha512-NzQcQrzaQPkaEwoTm4Mhyl8jI1huEL/WWIEvudjTCMJ9aBZNpsJbMASx7EQECtQQPS/DcnFpo0FIh3LvEO9cxQ==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-async-generator-functions": { + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.23.4.tgz", + "integrity": "sha512-efdkfPhHYTtn0G6n2ddrESE91fgXxjlqLsnUtPWnJs4a4mZIbUaK7ffqKIIUKXSHwcDvaCVX6GXkaJJFqtX7jw==", + "dev": true, + "dependencies": { + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/helper-remap-async-to-generator": "^7.22.20", + "@babel/plugin-syntax-async-generators": "^7.8.4" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-async-to-generator": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.23.3.tgz", + "integrity": "sha512-A7LFsKi4U4fomjqXJlZg/u0ft/n8/7n7lpffUP/ZULx/DtV9SGlNKZolHH6PE8Xl1ngCc0M11OaeZptXVkfKSw==", + "dev": true, + "dependencies": { + "@babel/helper-module-imports": "^7.22.15", + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/helper-remap-async-to-generator": "^7.22.20" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-block-scoped-functions": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.23.3.tgz", + "integrity": "sha512-vI+0sIaPIO6CNuM9Kk5VmXcMVRiOpDh7w2zZt9GXzmE/9KD70CUEVhvPR/etAeNK/FAEkhxQtXOzVF3EuRL41A==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-block-scoping": { + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.23.4.tgz", + "integrity": "sha512-0QqbP6B6HOh7/8iNR4CQU2Th/bbRtBp4KS9vcaZd1fZ0wSh5Fyssg0UCIHwxh+ka+pNDREbVLQnHCMHKZfPwfw==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-class-properties": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.23.3.tgz", + "integrity": "sha512-uM+AN8yCIjDPccsKGlw271xjJtGii+xQIF/uMPS8H15L12jZTsLfF4o5vNO7d/oUguOyfdikHGc/yi9ge4SGIg==", + "dev": true, + "dependencies": { + "@babel/helper-create-class-features-plugin": "^7.22.15", + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-class-static-block": { + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.23.4.tgz", + "integrity": "sha512-nsWu/1M+ggti1SOALj3hfx5FXzAY06fwPJsUZD4/A5e1bWi46VUIWtD+kOX6/IdhXGsXBWllLFDSnqSCdUNydQ==", + "dev": true, + "dependencies": { + "@babel/helper-create-class-features-plugin": "^7.22.15", + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/plugin-syntax-class-static-block": "^7.14.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.12.0" + } + }, + "node_modules/@babel/plugin-transform-classes": { + "version": "7.23.5", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.23.5.tgz", + "integrity": "sha512-jvOTR4nicqYC9yzOHIhXG5emiFEOpappSJAl73SDSEDcybD+Puuze8Tnpb9p9qEyYup24tq891gkaygIFvWDqg==", + "dev": true, + "dependencies": { + "@babel/helper-annotate-as-pure": "^7.22.5", + "@babel/helper-compilation-targets": "^7.22.15", + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-function-name": "^7.23.0", + "@babel/helper-optimise-call-expression": "^7.22.5", + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/helper-replace-supers": "^7.22.20", + "@babel/helper-split-export-declaration": "^7.22.6", + "globals": "^11.1.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-computed-properties": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.23.3.tgz", + "integrity": "sha512-dTj83UVTLw/+nbiHqQSFdwO9CbTtwq1DsDqm3CUEtDrZNET5rT5E6bIdTlOftDTDLMYxvxHNEYO4B9SLl8SLZw==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/template": "^7.22.15" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-destructuring": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.23.3.tgz", + "integrity": "sha512-n225npDqjDIr967cMScVKHXJs7rout1q+tt50inyBCPkyZ8KxeI6d+GIbSBTT/w/9WdlWDOej3V9HE5Lgk57gw==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-dotall-regex": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.23.3.tgz", + "integrity": "sha512-vgnFYDHAKzFaTVp+mneDsIEbnJ2Np/9ng9iviHw3P/KVcgONxpNULEW/51Z/BaFojG2GI2GwwXck5uV1+1NOYQ==", + "dev": true, + "dependencies": { + "@babel/helper-create-regexp-features-plugin": "^7.22.15", + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-duplicate-keys": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.23.3.tgz", + "integrity": "sha512-RrqQ+BQmU3Oyav3J+7/myfvRCq7Tbz+kKLLshUmMwNlDHExbGL7ARhajvoBJEvc+fCguPPu887N+3RRXBVKZUA==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-dynamic-import": { + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.23.4.tgz", + "integrity": "sha512-V6jIbLhdJK86MaLh4Jpghi8ho5fGzt3imHOBu/x0jlBaPYqDoWz4RDXjmMOfnh+JWNaQleEAByZLV0QzBT4YQQ==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/plugin-syntax-dynamic-import": "^7.8.3" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-exponentiation-operator": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.23.3.tgz", + "integrity": "sha512-5fhCsl1odX96u7ILKHBj4/Y8vipoqwsJMh4csSA8qFfxrZDEA4Ssku2DyNvMJSmZNOEBT750LfFPbtrnTP90BQ==", + "dev": true, + "dependencies": { + "@babel/helper-builder-binary-assignment-operator-visitor": "^7.22.15", + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-export-namespace-from": { + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.23.4.tgz", + "integrity": "sha512-GzuSBcKkx62dGzZI1WVgTWvkkz84FZO5TC5T8dl/Tht/rAla6Dg/Mz9Yhypg+ezVACf/rgDuQt3kbWEv7LdUDQ==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/plugin-syntax-export-namespace-from": "^7.8.3" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-for-of": { + "version": "7.23.6", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.23.6.tgz", + "integrity": "sha512-aYH4ytZ0qSuBbpfhuofbg/e96oQ7U2w1Aw/UQmKT+1l39uEhUPoFS3fHevDc1G0OvewyDudfMKY1OulczHzWIw==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-function-name": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.23.3.tgz", + "integrity": "sha512-I1QXp1LxIvt8yLaib49dRW5Okt7Q4oaxao6tFVKS/anCdEOMtYwWVKoiOA1p34GOWIZjUK0E+zCp7+l1pfQyiw==", + "dev": true, + "dependencies": { + "@babel/helper-compilation-targets": "^7.22.15", + "@babel/helper-function-name": "^7.23.0", + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-json-strings": { + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.23.4.tgz", + "integrity": "sha512-81nTOqM1dMwZ/aRXQ59zVubN9wHGqk6UtqRK+/q+ciXmRy8fSolhGVvG09HHRGo4l6fr/c4ZhXUQH0uFW7PZbg==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/plugin-syntax-json-strings": "^7.8.3" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-literals": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.23.3.tgz", + "integrity": "sha512-wZ0PIXRxnwZvl9AYpqNUxpZ5BiTGrYt7kueGQ+N5FiQ7RCOD4cm8iShd6S6ggfVIWaJf2EMk8eRzAh52RfP4rQ==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-logical-assignment-operators": { + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.23.4.tgz", + "integrity": "sha512-Mc/ALf1rmZTP4JKKEhUwiORU+vcfarFVLfcFiolKUo6sewoxSEgl36ak5t+4WamRsNr6nzjZXQjM35WsU+9vbg==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-member-expression-literals": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.23.3.tgz", + "integrity": "sha512-sC3LdDBDi5x96LA+Ytekz2ZPk8i/Ck+DEuDbRAll5rknJ5XRTSaPKEYwomLcs1AA8wg9b3KjIQRsnApj+q51Ag==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-modules-amd": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.23.3.tgz", + "integrity": "sha512-vJYQGxeKM4t8hYCKVBlZX/gtIY2I7mRGFNcm85sgXGMTBcoV3QdVtdpbcWEbzbfUIUZKwvgFT82mRvaQIebZzw==", + "dev": true, + "dependencies": { + "@babel/helper-module-transforms": "^7.23.3", + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-modules-commonjs": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.23.3.tgz", + "integrity": "sha512-aVS0F65LKsdNOtcz6FRCpE4OgsP2OFnW46qNxNIX9h3wuzaNcSQsJysuMwqSibC98HPrf2vCgtxKNwS0DAlgcA==", + "dev": true, + "dependencies": { + "@babel/helper-module-transforms": "^7.23.3", + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/helper-simple-access": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-modules-systemjs": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.23.3.tgz", + "integrity": "sha512-ZxyKGTkF9xT9YJuKQRo19ewf3pXpopuYQd8cDXqNzc3mUNbOME0RKMoZxviQk74hwzfQsEe66dE92MaZbdHKNQ==", + "dev": true, + "dependencies": { + "@babel/helper-hoist-variables": "^7.22.5", + "@babel/helper-module-transforms": "^7.23.3", + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/helper-validator-identifier": "^7.22.20" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-modules-umd": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.23.3.tgz", + "integrity": "sha512-zHsy9iXX2nIsCBFPud3jKn1IRPWg3Ing1qOZgeKV39m1ZgIdpJqvlWVeiHBZC6ITRG0MfskhYe9cLgntfSFPIg==", + "dev": true, + "dependencies": { + "@babel/helper-module-transforms": "^7.23.3", + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-named-capturing-groups-regex": { + "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz", + "integrity": "sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==", + "dev": true, + "dependencies": { + "@babel/helper-create-regexp-features-plugin": "^7.22.5", + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/plugin-transform-new-target": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.23.3.tgz", + "integrity": "sha512-YJ3xKqtJMAT5/TIZnpAR3I+K+WaDowYbN3xyxI8zxx/Gsypwf9B9h0VB+1Nh6ACAAPRS5NSRje0uVv5i79HYGQ==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-nullish-coalescing-operator": { + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.23.4.tgz", + "integrity": "sha512-jHE9EVVqHKAQx+VePv5LLGHjmHSJR76vawFPTdlxR/LVJPfOEGxREQwQfjuZEOPTwG92X3LINSh3M40Rv4zpVA==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-numeric-separator": { + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.23.4.tgz", + "integrity": "sha512-mps6auzgwjRrwKEZA05cOwuDc9FAzoyFS4ZsG/8F43bTLf/TgkJg7QXOrPO1JO599iA3qgK9MXdMGOEC8O1h6Q==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/plugin-syntax-numeric-separator": "^7.10.4" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-object-rest-spread": { + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.23.4.tgz", + "integrity": "sha512-9x9K1YyeQVw0iOXJlIzwm8ltobIIv7j2iLyP2jIhEbqPRQ7ScNgwQufU2I0Gq11VjyG4gI4yMXt2VFags+1N3g==", + "dev": true, + "dependencies": { + "@babel/compat-data": "^7.23.3", + "@babel/helper-compilation-targets": "^7.22.15", + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/plugin-syntax-object-rest-spread": "^7.8.3", + "@babel/plugin-transform-parameters": "^7.23.3" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-object-super": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.23.3.tgz", + "integrity": "sha512-BwQ8q0x2JG+3lxCVFohg+KbQM7plfpBwThdW9A6TMtWwLsbDA01Ek2Zb/AgDN39BiZsExm4qrXxjk+P1/fzGrA==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/helper-replace-supers": "^7.22.20" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-optional-catch-binding": { + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.23.4.tgz", + "integrity": "sha512-XIq8t0rJPHf6Wvmbn9nFxU6ao4c7WhghTR5WyV8SrJfUFzyxhCm4nhC+iAp3HFhbAKLfYpgzhJ6t4XCtVwqO5A==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/plugin-syntax-optional-catch-binding": "^7.8.3" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-optional-chaining": { + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.23.4.tgz", + "integrity": "sha512-ZU8y5zWOfjM5vZ+asjgAPwDaBjJzgufjES89Rs4Lpq63O300R/kOz30WCLo6BxxX6QVEilwSlpClnG5cZaikTA==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5", + "@babel/plugin-syntax-optional-chaining": "^7.8.3" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-parameters": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.23.3.tgz", + "integrity": "sha512-09lMt6UsUb3/34BbECKVbVwrT9bO6lILWln237z7sLaWnMsTi7Yc9fhX5DLpkJzAGfaReXI22wP41SZmnAA3Vw==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-private-methods": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.23.3.tgz", + "integrity": "sha512-UzqRcRtWsDMTLrRWFvUBDwmw06tCQH9Rl1uAjfh6ijMSmGYQ+fpdB+cnqRC8EMh5tuuxSv0/TejGL+7vyj+50g==", + "dev": true, + "dependencies": { + "@babel/helper-create-class-features-plugin": "^7.22.15", + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-private-property-in-object": { + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.23.4.tgz", + "integrity": "sha512-9G3K1YqTq3F4Vt88Djx1UZ79PDyj+yKRnUy7cZGSMe+a7jkwD259uKKuUzQlPkGam7R+8RJwh5z4xO27fA1o2A==", + "dev": true, + "dependencies": { + "@babel/helper-annotate-as-pure": "^7.22.5", + "@babel/helper-create-class-features-plugin": "^7.22.15", + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/plugin-syntax-private-property-in-object": "^7.14.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-property-literals": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.23.3.tgz", + "integrity": "sha512-jR3Jn3y7cZp4oEWPFAlRsSWjxKe4PZILGBSd4nis1TsC5qeSpb+nrtihJuDhNI7QHiVbUaiXa0X2RZY3/TI6Nw==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-react-display-name": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.23.3.tgz", + "integrity": "sha512-GnvhtVfA2OAtzdX58FJxU19rhoGeQzyVndw3GgtdECQvQFXPEZIOVULHVZGAYmOgmqjXpVpfocAbSjh99V/Fqw==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-react-jsx": { + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.23.4.tgz", + "integrity": "sha512-5xOpoPguCZCRbo/JeHlloSkTA8Bld1J/E1/kLfD1nsuiW1m8tduTA1ERCgIZokDflX/IBzKcqR3l7VlRgiIfHA==", + "dev": true, + "dependencies": { + "@babel/helper-annotate-as-pure": "^7.22.5", + "@babel/helper-module-imports": "^7.22.15", + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/plugin-syntax-jsx": "^7.23.3", + "@babel/types": "^7.23.4" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-react-jsx-development": { + "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.22.5.tgz", + "integrity": "sha512-bDhuzwWMuInwCYeDeMzyi7TaBgRQei6DqxhbyniL7/VG4RSS7HtSL2QbY4eESy1KJqlWt8g3xeEBGPuo+XqC8A==", + "dev": true, + "dependencies": { + "@babel/plugin-transform-react-jsx": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-react-pure-annotations": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.23.3.tgz", + "integrity": "sha512-qMFdSS+TUhB7Q/3HVPnEdYJDQIk57jkntAwSuz9xfSE4n+3I+vHYCli3HoHawN1Z3RfCz/y1zXA/JXjG6cVImQ==", + "dev": true, + "dependencies": { + "@babel/helper-annotate-as-pure": "^7.22.5", + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-regenerator": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.23.3.tgz", + "integrity": "sha512-KP+75h0KghBMcVpuKisx3XTu9Ncut8Q8TuvGO4IhY+9D5DFEckQefOuIsB/gQ2tG71lCke4NMrtIPS8pOj18BQ==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5", + "regenerator-transform": "^0.15.2" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-reserved-words": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.23.3.tgz", + "integrity": "sha512-QnNTazY54YqgGxwIexMZva9gqbPa15t/x9VS+0fsEFWplwVpXYZivtgl43Z1vMpc1bdPP2PP8siFeVcnFvA3Cg==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-shorthand-properties": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.23.3.tgz", + "integrity": "sha512-ED2fgqZLmexWiN+YNFX26fx4gh5qHDhn1O2gvEhreLW2iI63Sqm4llRLCXALKrCnbN4Jy0VcMQZl/SAzqug/jg==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-spread": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.23.3.tgz", + "integrity": "sha512-VvfVYlrlBVu+77xVTOAoxQ6mZbnIq5FM0aGBSFEcIh03qHf+zNqA4DC/3XMUozTg7bZV3e3mZQ0i13VB6v5yUg==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-sticky-regex": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.23.3.tgz", + "integrity": "sha512-HZOyN9g+rtvnOU3Yh7kSxXrKbzgrm5X4GncPY1QOquu7epga5MxKHVpYu2hvQnry/H+JjckSYRb93iNfsioAGg==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-template-literals": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.23.3.tgz", + "integrity": "sha512-Flok06AYNp7GV2oJPZZcP9vZdszev6vPBkHLwxwSpaIqx75wn6mUd3UFWsSsA0l8nXAKkyCmL/sR02m8RYGeHg==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-typeof-symbol": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.23.3.tgz", + "integrity": "sha512-4t15ViVnaFdrPC74be1gXBSMzXk3B4Us9lP7uLRQHTFpV5Dvt33pn+2MyyNxmN3VTTm3oTrZVMUmuw3oBnQ2oQ==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-typescript": { + "version": "7.23.6", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.23.6.tgz", + "integrity": "sha512-6cBG5mBvUu4VUD04OHKnYzbuHNP8huDsD3EDqqpIpsswTDoqHCjLoHb6+QgsV1WsT2nipRqCPgxD3LXnEO7XfA==", + "dev": true, + "dependencies": { + "@babel/helper-annotate-as-pure": "^7.22.5", + "@babel/helper-create-class-features-plugin": "^7.23.6", + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/plugin-syntax-typescript": "^7.23.3" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-unicode-escapes": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.23.3.tgz", + "integrity": "sha512-OMCUx/bU6ChE3r4+ZdylEqAjaQgHAgipgW8nsCfu5pGqDcFytVd91AwRvUJSBZDz0exPGgnjoqhgRYLRjFZc9Q==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-unicode-property-regex": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.23.3.tgz", + "integrity": "sha512-KcLIm+pDZkWZQAFJ9pdfmh89EwVfmNovFBcXko8szpBeF8z68kWIPeKlmSOkT9BXJxs2C0uk+5LxoxIv62MROA==", + "dev": true, + "dependencies": { + "@babel/helper-create-regexp-features-plugin": "^7.22.15", + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-unicode-regex": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.23.3.tgz", + "integrity": "sha512-wMHpNA4x2cIA32b/ci3AfwNgheiva2W0WUKWTK7vBHBhDKfPsc5cFGNWm69WBqpwd86u1qwZ9PWevKqm1A3yAw==", + "dev": true, + "dependencies": { + "@babel/helper-create-regexp-features-plugin": "^7.22.15", + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-unicode-sets-regex": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.23.3.tgz", + "integrity": "sha512-W7lliA/v9bNR83Qc3q1ip9CQMZ09CcHDbHfbLRDNuAhn1Mvkr1ZNF7hPmztMQvtTGVLJ9m8IZqWsTkXOml8dbw==", + "dev": true, + "dependencies": { + "@babel/helper-create-regexp-features-plugin": "^7.22.15", + "@babel/helper-plugin-utils": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/preset-env": { + "version": "7.23.6", + "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.23.6.tgz", + "integrity": "sha512-2XPn/BqKkZCpzYhUUNZ1ssXw7DcXfKQEjv/uXZUXgaebCMYmkEsfZ2yY+vv+xtXv50WmL5SGhyB6/xsWxIvvOQ==", + "dev": true, + "dependencies": { + "@babel/compat-data": "^7.23.5", + "@babel/helper-compilation-targets": "^7.23.6", + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/helper-validator-option": "^7.23.5", + "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.23.3", + "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.23.3", + "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.23.3", + "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2", + "@babel/plugin-syntax-async-generators": "^7.8.4", + "@babel/plugin-syntax-class-properties": "^7.12.13", + "@babel/plugin-syntax-class-static-block": "^7.14.5", + "@babel/plugin-syntax-dynamic-import": "^7.8.3", + "@babel/plugin-syntax-export-namespace-from": "^7.8.3", + "@babel/plugin-syntax-import-assertions": "^7.23.3", + "@babel/plugin-syntax-import-attributes": "^7.23.3", + "@babel/plugin-syntax-import-meta": "^7.10.4", + "@babel/plugin-syntax-json-strings": "^7.8.3", + "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4", + "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3", + "@babel/plugin-syntax-numeric-separator": "^7.10.4", + "@babel/plugin-syntax-object-rest-spread": "^7.8.3", + "@babel/plugin-syntax-optional-catch-binding": "^7.8.3", + "@babel/plugin-syntax-optional-chaining": "^7.8.3", + "@babel/plugin-syntax-private-property-in-object": "^7.14.5", + "@babel/plugin-syntax-top-level-await": "^7.14.5", + "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6", + "@babel/plugin-transform-arrow-functions": "^7.23.3", + "@babel/plugin-transform-async-generator-functions": "^7.23.4", + "@babel/plugin-transform-async-to-generator": "^7.23.3", + "@babel/plugin-transform-block-scoped-functions": "^7.23.3", + "@babel/plugin-transform-block-scoping": "^7.23.4", + "@babel/plugin-transform-class-properties": "^7.23.3", + "@babel/plugin-transform-class-static-block": "^7.23.4", + "@babel/plugin-transform-classes": "^7.23.5", + "@babel/plugin-transform-computed-properties": "^7.23.3", + "@babel/plugin-transform-destructuring": "^7.23.3", + "@babel/plugin-transform-dotall-regex": "^7.23.3", + "@babel/plugin-transform-duplicate-keys": "^7.23.3", + "@babel/plugin-transform-dynamic-import": "^7.23.4", + "@babel/plugin-transform-exponentiation-operator": "^7.23.3", + "@babel/plugin-transform-export-namespace-from": "^7.23.4", + "@babel/plugin-transform-for-of": "^7.23.6", + "@babel/plugin-transform-function-name": "^7.23.3", + "@babel/plugin-transform-json-strings": "^7.23.4", + "@babel/plugin-transform-literals": "^7.23.3", + "@babel/plugin-transform-logical-assignment-operators": "^7.23.4", + "@babel/plugin-transform-member-expression-literals": "^7.23.3", + "@babel/plugin-transform-modules-amd": "^7.23.3", + "@babel/plugin-transform-modules-commonjs": "^7.23.3", + "@babel/plugin-transform-modules-systemjs": "^7.23.3", + "@babel/plugin-transform-modules-umd": "^7.23.3", + "@babel/plugin-transform-named-capturing-groups-regex": "^7.22.5", + "@babel/plugin-transform-new-target": "^7.23.3", + "@babel/plugin-transform-nullish-coalescing-operator": "^7.23.4", + "@babel/plugin-transform-numeric-separator": "^7.23.4", + "@babel/plugin-transform-object-rest-spread": "^7.23.4", + "@babel/plugin-transform-object-super": "^7.23.3", + "@babel/plugin-transform-optional-catch-binding": "^7.23.4", + "@babel/plugin-transform-optional-chaining": "^7.23.4", + "@babel/plugin-transform-parameters": "^7.23.3", + "@babel/plugin-transform-private-methods": "^7.23.3", + "@babel/plugin-transform-private-property-in-object": "^7.23.4", + "@babel/plugin-transform-property-literals": "^7.23.3", + "@babel/plugin-transform-regenerator": "^7.23.3", + "@babel/plugin-transform-reserved-words": "^7.23.3", + "@babel/plugin-transform-shorthand-properties": "^7.23.3", + "@babel/plugin-transform-spread": "^7.23.3", + "@babel/plugin-transform-sticky-regex": "^7.23.3", + "@babel/plugin-transform-template-literals": "^7.23.3", + "@babel/plugin-transform-typeof-symbol": "^7.23.3", + "@babel/plugin-transform-unicode-escapes": "^7.23.3", + "@babel/plugin-transform-unicode-property-regex": "^7.23.3", + "@babel/plugin-transform-unicode-regex": "^7.23.3", + "@babel/plugin-transform-unicode-sets-regex": "^7.23.3", + "@babel/preset-modules": "0.1.6-no-external-plugins", + "babel-plugin-polyfill-corejs2": "^0.4.6", + "babel-plugin-polyfill-corejs3": "^0.8.5", + "babel-plugin-polyfill-regenerator": "^0.5.3", + "core-js-compat": "^3.31.0", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/preset-modules": { + "version": "0.1.6-no-external-plugins", + "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz", + "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.0.0", + "@babel/types": "^7.4.4", + "esutils": "^2.0.2" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0 || ^8.0.0-0 <8.0.0" + } + }, + "node_modules/@babel/preset-react": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.23.3.tgz", + "integrity": "sha512-tbkHOS9axH6Ysf2OUEqoSZ6T3Fa2SrNH6WTWSPBboxKzdxNc9qOICeLXkNG0ZEwbQ1HY8liwOce4aN/Ceyuq6w==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/helper-validator-option": "^7.22.15", + "@babel/plugin-transform-react-display-name": "^7.23.3", + "@babel/plugin-transform-react-jsx": "^7.22.15", + "@babel/plugin-transform-react-jsx-development": "^7.22.5", + "@babel/plugin-transform-react-pure-annotations": "^7.23.3" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/preset-typescript": { + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.23.3.tgz", + "integrity": "sha512-17oIGVlqz6CchO9RFYn5U6ZpWRZIngayYCtrPRSgANSwC2V1Jb+iP74nVxzzXJte8b8BYxrL1yY96xfhTBrNNQ==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.22.5", + "@babel/helper-validator-option": "^7.22.15", + "@babel/plugin-syntax-jsx": "^7.23.3", + "@babel/plugin-transform-modules-commonjs": "^7.23.3", + "@babel/plugin-transform-typescript": "^7.23.3" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/regjsgen": { + "version": "0.8.0", + "resolved": "https://registry.npmjs.org/@babel/regjsgen/-/regjsgen-0.8.0.tgz", + "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==", + "dev": true + }, + "node_modules/@babel/runtime": { + "version": "7.23.6", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.6.tgz", + "integrity": "sha512-zHd0eUrf5GZoOWVCXp6koAKQTfZV07eit6bGPmJgnZdnSAvvZee6zniW2XMF7Cmc4ISOOnPy3QaSiIJGJkVEDQ==", + "dev": true, + "dependencies": { + "regenerator-runtime": "^0.14.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/template": { + "version": "7.22.15", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz", + "integrity": "sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==", + "dev": true, + "dependencies": { + "@babel/code-frame": "^7.22.13", + "@babel/parser": "^7.22.15", + "@babel/types": "^7.22.15" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/traverse": { + "version": "7.23.6", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.6.tgz", + "integrity": "sha512-czastdK1e8YByZqezMPFiZ8ahwVMh/ESl9vPgvgdB9AmFMGP5jfpFax74AQgl5zj4XHzqeYAg2l8PuUeRS1MgQ==", + "dev": true, + "dependencies": { + "@babel/code-frame": "^7.23.5", + "@babel/generator": "^7.23.6", + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-function-name": "^7.23.0", + "@babel/helper-hoist-variables": "^7.22.5", + "@babel/helper-split-export-declaration": "^7.22.6", + "@babel/parser": "^7.23.6", + "@babel/types": "^7.23.6", + "debug": "^4.3.1", + "globals": "^11.1.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/types": { + "version": "7.23.6", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.6.tgz", + "integrity": "sha512-+uarb83brBzPKN38NX1MkB6vb6+mwvR6amUulqAE7ccQw1pEl+bCia9TbdG1lsnFP7lZySvUn37CHyXQdfTwzg==", + "dev": true, + "dependencies": { + "@babel/helper-string-parser": "^7.23.4", + "@babel/helper-validator-identifier": "^7.22.20", + "to-fast-properties": "^2.0.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@bcoe/v8-coverage": { + "version": "0.2.3", + "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz", + "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==", + "dev": true + }, + "node_modules/@emotion/babel-plugin": { + "version": "11.11.0", + "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.11.0.tgz", + "integrity": "sha512-m4HEDZleaaCH+XgDDsPF15Ht6wTLsgDTeR3WYj9Q/k76JtWhrJjcP4+/XlG8LGT/Rol9qUfOIztXeA84ATpqPQ==", + "dev": true, + "dependencies": { + "@babel/helper-module-imports": "^7.16.7", + "@babel/runtime": "^7.18.3", + "@emotion/hash": "^0.9.1", + "@emotion/memoize": "^0.8.1", + "@emotion/serialize": "^1.1.2", + "babel-plugin-macros": "^3.1.0", + "convert-source-map": "^1.5.0", + "escape-string-regexp": "^4.0.0", + "find-root": "^1.1.0", + "source-map": "^0.5.7", + "stylis": "4.2.0" + } + }, + "node_modules/@emotion/babel-plugin/node_modules/convert-source-map": { + "version": "1.9.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz", + "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==", + "dev": true + }, + "node_modules/@emotion/cache": { + "version": "11.11.0", + "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz", + "integrity": "sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==", + "dev": true, + "dependencies": { + "@emotion/memoize": "^0.8.1", + "@emotion/sheet": "^1.2.2", + "@emotion/utils": "^1.2.1", + "@emotion/weak-memoize": "^0.3.1", + "stylis": "4.2.0" + } + }, + "node_modules/@emotion/css-prettifier": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/@emotion/css-prettifier/-/css-prettifier-1.1.3.tgz", + "integrity": "sha512-KNv23+VQ+pcw3ebd1vSEl11CQ6SKAG5EQkrinjVGsfw3ZTWe6/tpWQrsvFLqCtU2LRiLPi04KgFCE4A9+crfpQ==", + "dev": true, + "dependencies": { + "@emotion/memoize": "^0.8.1", + "stylis": "4.2.0" + } + }, + "node_modules/@emotion/hash": { + "version": "0.9.1", + "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.1.tgz", + "integrity": "sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==", + "dev": true + }, + "node_modules/@emotion/is-prop-valid": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz", + "integrity": "sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==", + "dev": true, + "dependencies": { + "@emotion/memoize": "^0.8.1" + } + }, + "node_modules/@emotion/jest": { + "version": "11.11.0", + "resolved": "https://registry.npmjs.org/@emotion/jest/-/jest-11.11.0.tgz", + "integrity": "sha512-XZlnmdUZ32YjQnInsCFk/plKpkV/NXN1Ab4YoNvXN887MeR3Hr5ZsTyoblIW8AWwdfQiZHHphaPMb56lk6Ofdw==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.18.3", + "@emotion/css-prettifier": "^1.1.3", + "chalk": "^4.1.0", + "specificity": "^0.4.1", + "stylis": "4.2.0" + }, + "peerDependencies": { + "@types/jest": "^26.0.14 || ^27.0.0 || ^28.0.0 || ^29.0.0", + "enzyme-to-json": "^3.2.1" + }, + "peerDependenciesMeta": { + "@types/jest": { + "optional": true + }, + "enzyme-to-json": { + "optional": true + } + } + }, + "node_modules/@emotion/jest/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@emotion/jest/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/@emotion/jest/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/@emotion/jest/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/@emotion/jest/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/@emotion/jest/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==", + "dev": true + }, + "node_modules/@emotion/react": { + "version": "11.11.3", + "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.11.3.tgz", + "integrity": "sha512-Cnn0kuq4DoONOMcnoVsTOR8E+AdnKFf//6kUWc4LCdnxj31pZWn7rIULd6Y7/Js1PiPHzn7SKCM9vB/jBni8eA==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.18.3", + "@emotion/babel-plugin": "^11.11.0", + "@emotion/cache": "^11.11.0", + "@emotion/serialize": "^1.1.3", + "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1", + "@emotion/utils": "^1.2.1", + "@emotion/weak-memoize": "^0.3.1", + "hoist-non-react-statics": "^3.3.1" + }, + "peerDependencies": { + "react": ">=16.8.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@emotion/serialize": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.3.tgz", + "integrity": "sha512-iD4D6QVZFDhcbH0RAG1uVu1CwVLMWUkCvAqqlewO/rxf8+87yIBAlt4+AxMiiKPLs5hFc0owNk/sLLAOROw3cA==", + "dev": true, + "dependencies": { + "@emotion/hash": "^0.9.1", + "@emotion/memoize": "^0.8.1", + "@emotion/unitless": "^0.8.1", + "@emotion/utils": "^1.2.1", + "csstype": "^3.0.2" + } + }, + "node_modules/@emotion/sheet": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.2.tgz", + "integrity": "sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==", + "dev": true + }, + "node_modules/@emotion/styled": { + "version": "11.11.0", + "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.11.0.tgz", + "integrity": "sha512-hM5Nnvu9P3midq5aaXj4I+lnSfNi7Pmd4EWk1fOZ3pxookaQTNew6bp4JaCBYM4HVFZF9g7UjJmsUmC2JlxOng==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.18.3", + "@emotion/babel-plugin": "^11.11.0", + "@emotion/is-prop-valid": "^1.2.1", + "@emotion/serialize": "^1.1.2", + "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1", + "@emotion/utils": "^1.2.1" + }, + "peerDependencies": { + "@emotion/react": "^11.0.0-rc.0", + "react": ">=16.8.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@emotion/unitless": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz", + "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==", + "dev": true + }, + "node_modules/@emotion/use-insertion-effect-with-fallbacks": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.1.tgz", + "integrity": "sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==", + "dev": true, + "peerDependencies": { + "react": ">=16.8.0" + } + }, + "node_modules/@emotion/utils": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", + "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==", + "dev": true + }, + "node_modules/@emotion/weak-memoize": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz", + "integrity": "sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==", + "dev": true + }, + "node_modules/@esbuild/android-arm": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz", + "integrity": "sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/android-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz", + "integrity": "sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/android-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz", + "integrity": "sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/darwin-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz", + "integrity": "sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/darwin-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz", + "integrity": "sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/freebsd-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz", + "integrity": "sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/freebsd-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz", + "integrity": "sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-arm": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz", + "integrity": "sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz", + "integrity": "sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-ia32": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz", + "integrity": "sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-loong64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz", + "integrity": "sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==", + "cpu": [ + "loong64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-mips64el": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz", + "integrity": "sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==", + "cpu": [ + "mips64el" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-ppc64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz", + "integrity": "sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==", + "cpu": [ + "ppc64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-riscv64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz", + "integrity": "sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==", + "cpu": [ + "riscv64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-s390x": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz", + "integrity": "sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==", + "cpu": [ + "s390x" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz", + "integrity": "sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/netbsd-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz", + "integrity": "sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/openbsd-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz", + "integrity": "sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/sunos-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz", + "integrity": "sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/win32-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz", + "integrity": "sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/win32-ia32": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz", + "integrity": "sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/win32-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz", + "integrity": "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@eslint-community/eslint-utils": { + "version": "4.4.0", + "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz", + "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==", + "dev": true, + "dependencies": { + "eslint-visitor-keys": "^3.3.0" + }, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "peerDependencies": { + "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0" + } + }, + "node_modules/@eslint-community/regexpp": { + "version": "4.10.0", + "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.10.0.tgz", + "integrity": "sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==", + "dev": true, + "engines": { + "node": "^12.0.0 || ^14.0.0 || >=16.0.0" + } + }, + "node_modules/@eslint/eslintrc": { + "version": "2.1.4", + "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz", + "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==", + "dev": true, + "dependencies": { + "ajv": "^6.12.4", + "debug": "^4.3.2", + "espree": "^9.6.0", + "globals": "^13.19.0", + "ignore": "^5.2.0", + "import-fresh": "^3.2.1", + "js-yaml": "^4.1.0", + "minimatch": "^3.1.2", + "strip-json-comments": "^3.1.1" + }, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/@eslint/eslintrc/node_modules/ajv": { + "version": "6.12.6", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", + "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", + "dev": true, + "dependencies": { + "fast-deep-equal": "^3.1.1", + "fast-json-stable-stringify": "^2.0.0", + "json-schema-traverse": "^0.4.1", + "uri-js": "^4.2.2" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/epoberezkin" + } + }, + "node_modules/@eslint/eslintrc/node_modules/argparse": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", + "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", + "dev": true + }, + "node_modules/@eslint/eslintrc/node_modules/globals": { + "version": "13.24.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz", + "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==", + "dev": true, + "dependencies": { + "type-fest": "^0.20.2" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@eslint/eslintrc/node_modules/js-yaml": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz", + "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==", + "dev": true, + "dependencies": { + "argparse": "^2.0.1" + }, + "bin": { + "js-yaml": "bin/js-yaml.js" + } + }, + "node_modules/@eslint/eslintrc/node_modules/json-schema-traverse": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", + "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", + "dev": true + }, + "node_modules/@eslint/eslintrc/node_modules/type-fest": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz", + "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@eslint/js": { + "version": "8.56.0", + "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.56.0.tgz", + "integrity": "sha512-gMsVel9D7f2HLkBma9VbtzZRehRogVRfbr++f06nL2vnCGCNlzOD+/MUov/F4p8myyAHspEhVobgjpX64q5m6A==", + "dev": true, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + } + }, + "node_modules/@floating-ui/core": { + "version": "1.5.2", + "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.5.2.tgz", + "integrity": "sha512-Ii3MrfY/GAIN3OhXNzpCKaLxHQfJF9qvwq/kEJYdqDxeIHa01K8sldugal6TmeeXl+WMvhv9cnVzUTaFFJF09A==", + "dev": true, + "dependencies": { + "@floating-ui/utils": "^0.1.3" + } + }, + "node_modules/@floating-ui/dom": { + "version": "1.5.3", + "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.5.3.tgz", + "integrity": "sha512-ClAbQnEqJAKCJOEbbLo5IUlZHkNszqhuxS4fHAVxRPXPya6Ysf2G8KypnYcOTpx6I8xcgF9bbHb6g/2KpbV8qA==", + "dev": true, + "dependencies": { + "@floating-ui/core": "^1.4.2", + "@floating-ui/utils": "^0.1.3" + } + }, + "node_modules/@floating-ui/react-dom": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.0.4.tgz", + "integrity": "sha512-CF8k2rgKeh/49UrnIBs4BdxPUV6vize/Db1d/YbCLyp9GiVZ0BEwf5AiDSxJRCr6yOkGqTFHtmrULxkEfYZ7dQ==", + "dev": true, + "dependencies": { + "@floating-ui/dom": "^1.5.1" + }, + "peerDependencies": { + "react": ">=16.8.0", + "react-dom": ">=16.8.0" + } + }, + "node_modules/@floating-ui/utils": { + "version": "0.1.6", + "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.1.6.tgz", + "integrity": "sha512-OfX7E2oUDYxtBvsuS4e/jSn4Q9Qb6DzgeYtsAdkPZ47znpoNsMgZw0+tVijiv3uGNR6dgNlty6r9rzIzHjtd/A==", + "dev": true + }, + "node_modules/@humanwhocodes/config-array": { + "version": "0.11.13", + "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.13.tgz", + "integrity": "sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==", + "dev": true, + "dependencies": { + "@humanwhocodes/object-schema": "^2.0.1", + "debug": "^4.1.1", + "minimatch": "^3.0.5" + }, + "engines": { + "node": ">=10.10.0" + } + }, + "node_modules/@humanwhocodes/module-importer": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz", + "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==", + "dev": true, + "engines": { + "node": ">=12.22" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/nzakas" + } + }, + "node_modules/@humanwhocodes/object-schema": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.1.tgz", + "integrity": "sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==", + "dev": true + }, + "node_modules/@isaacs/cliui": { + "version": "8.0.2", + "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz", + "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==", + "dev": true, + "dependencies": { + "string-width": "^5.1.2", + "string-width-cjs": "npm:string-width@^4.2.0", + "strip-ansi": "^7.0.1", + "strip-ansi-cjs": "npm:strip-ansi@^6.0.1", + "wrap-ansi": "^8.1.0", + "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/@isaacs/cliui/node_modules/ansi-regex": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz", + "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==", + "dev": true, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-regex?sponsor=1" + } + }, + "node_modules/@isaacs/cliui/node_modules/ansi-styles": { + "version": "6.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz", + "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==", + "dev": true, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@isaacs/cliui/node_modules/emoji-regex": { + "version": "9.2.2", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz", + "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==", + "dev": true + }, + "node_modules/@isaacs/cliui/node_modules/string-width": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz", + "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==", + "dev": true, + "dependencies": { + "eastasianwidth": "^0.2.0", + "emoji-regex": "^9.2.2", + "strip-ansi": "^7.0.1" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@isaacs/cliui/node_modules/strip-ansi": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz", + "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==", + "dev": true, + "dependencies": { + "ansi-regex": "^6.0.1" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/strip-ansi?sponsor=1" + } + }, + "node_modules/@isaacs/cliui/node_modules/wrap-ansi": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz", + "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==", + "dev": true, + "dependencies": { + "ansi-styles": "^6.1.0", + "string-width": "^5.0.1", + "strip-ansi": "^7.0.1" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/wrap-ansi?sponsor=1" + } + }, + "node_modules/@istanbuljs/load-nyc-config": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz", + "integrity": "sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==", + "dev": true, + "dependencies": { + "camelcase": "^5.3.1", + "find-up": "^4.1.0", + "get-package-type": "^0.1.0", + "js-yaml": "^3.13.1", + "resolve-from": "^5.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@istanbuljs/schema": { + "version": "0.1.3", + "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz", + "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/@jest/console": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/@jest/console/-/console-29.7.0.tgz", + "integrity": "sha512-5Ni4CU7XHQi32IJ398EEP4RrB8eV09sXP2ROqD4bksHrnTree52PsxvX8tpL8LvTZ3pFzXyPbNQReSN41CAhOg==", + "dev": true, + "dependencies": { + "@jest/types": "^29.6.3", + "@types/node": "*", + "chalk": "^4.0.0", + "jest-message-util": "^29.7.0", + "jest-util": "^29.7.0", + "slash": "^3.0.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/@jest/console/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@jest/console/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/@jest/console/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/@jest/console/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/@jest/console/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/@jest/console/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@jest/core": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/@jest/core/-/core-29.7.0.tgz", + "integrity": "sha512-n7aeXWKMnGtDA48y8TLWJPJmLmmZ642Ceo78cYWEpiD7FzDgmNDV/GCVRorPABdXLJZ/9wzzgZAlHjXjxDHGsg==", + "dev": true, + "dependencies": { + "@jest/console": "^29.7.0", + "@jest/reporters": "^29.7.0", + "@jest/test-result": "^29.7.0", + "@jest/transform": "^29.7.0", + "@jest/types": "^29.6.3", + "@types/node": "*", + "ansi-escapes": "^4.2.1", + "chalk": "^4.0.0", + "ci-info": "^3.2.0", + "exit": "^0.1.2", + "graceful-fs": "^4.2.9", + "jest-changed-files": "^29.7.0", + "jest-config": "^29.7.0", + "jest-haste-map": "^29.7.0", + "jest-message-util": "^29.7.0", + "jest-regex-util": "^29.6.3", + "jest-resolve": "^29.7.0", + "jest-resolve-dependencies": "^29.7.0", + "jest-runner": "^29.7.0", + "jest-runtime": "^29.7.0", + "jest-snapshot": "^29.7.0", + "jest-util": "^29.7.0", + "jest-validate": "^29.7.0", + "jest-watcher": "^29.7.0", + "micromatch": "^4.0.4", + "pretty-format": "^29.7.0", + "slash": "^3.0.0", + "strip-ansi": "^6.0.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + }, + "peerDependencies": { + "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0" + }, + "peerDependenciesMeta": { + "node-notifier": { + "optional": true + } + } + }, + "node_modules/@jest/core/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@jest/core/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/@jest/core/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/@jest/core/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/@jest/core/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/@jest/core/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@jest/environment": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/@jest/environment/-/environment-29.7.0.tgz", + "integrity": "sha512-aQIfHDq33ExsN4jP1NWGXhxgQ/wixs60gDiKO+XVMd8Mn0NWPWgc34ZQDTb2jKaUWQ7MuwoitXAsN2XVXNMpAw==", + "dev": true, + "dependencies": { + "@jest/fake-timers": "^29.7.0", + "@jest/types": "^29.6.3", + "@types/node": "*", + "jest-mock": "^29.7.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/@jest/expect": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/@jest/expect/-/expect-29.7.0.tgz", + "integrity": "sha512-8uMeAMycttpva3P1lBHB8VciS9V0XAr3GymPpipdyQXbBcuhkLQOSe8E/p92RyAdToS6ZD1tFkX+CkhoECE0dQ==", + "dev": true, + "dependencies": { + "expect": "^29.7.0", + "jest-snapshot": "^29.7.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/@jest/expect-utils": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/@jest/expect-utils/-/expect-utils-29.7.0.tgz", + "integrity": "sha512-GlsNBWiFQFCVi9QVSx7f5AgMeLxe9YCCs5PuP2O2LdjDAA8Jh9eX7lA1Jq/xdXw3Wb3hyvlFNfZIfcRetSzYcA==", + "dev": true, + "dependencies": { + "jest-get-type": "^29.6.3" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/@jest/fake-timers": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/@jest/fake-timers/-/fake-timers-29.7.0.tgz", + "integrity": "sha512-q4DH1Ha4TTFPdxLsqDXK1d3+ioSL7yL5oCMJZgDYm6i+6CygW5E5xVr/D1HdsGxjt1ZWSfUAs9OxSB/BNelWrQ==", + "dev": true, + "dependencies": { + "@jest/types": "^29.6.3", + "@sinonjs/fake-timers": "^10.0.2", + "@types/node": "*", + "jest-message-util": "^29.7.0", + "jest-mock": "^29.7.0", + "jest-util": "^29.7.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/@jest/globals": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/@jest/globals/-/globals-29.7.0.tgz", + "integrity": "sha512-mpiz3dutLbkW2MNFubUGUEVLkTGiqW6yLVTA+JbP6fI6J5iL9Y0Nlg8k95pcF8ctKwCS7WVxteBs29hhfAotzQ==", + "dev": true, + "dependencies": { + "@jest/environment": "^29.7.0", + "@jest/expect": "^29.7.0", + "@jest/types": "^29.6.3", + "jest-mock": "^29.7.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/@jest/reporters": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/@jest/reporters/-/reporters-29.7.0.tgz", + "integrity": "sha512-DApq0KJbJOEzAFYjHADNNxAE3KbhxQB1y5Kplb5Waqw6zVbuWatSnMjE5gs8FUgEPmNsnZA3NCWl9NG0ia04Pg==", + "dev": true, + "dependencies": { + "@bcoe/v8-coverage": "^0.2.3", + "@jest/console": "^29.7.0", + "@jest/test-result": "^29.7.0", + "@jest/transform": "^29.7.0", + "@jest/types": "^29.6.3", + "@jridgewell/trace-mapping": "^0.3.18", + "@types/node": "*", + "chalk": "^4.0.0", + "collect-v8-coverage": "^1.0.0", + "exit": "^0.1.2", + "glob": "^7.1.3", + "graceful-fs": "^4.2.9", + "istanbul-lib-coverage": "^3.0.0", + "istanbul-lib-instrument": "^6.0.0", + "istanbul-lib-report": "^3.0.0", + "istanbul-lib-source-maps": "^4.0.0", + "istanbul-reports": "^3.1.3", + "jest-message-util": "^29.7.0", + "jest-util": "^29.7.0", + "jest-worker": "^29.7.0", + "slash": "^3.0.0", + "string-length": "^4.0.1", + "strip-ansi": "^6.0.0", + "v8-to-istanbul": "^9.0.1" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + }, + "peerDependencies": { + "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0" + }, + "peerDependenciesMeta": { + "node-notifier": { + "optional": true + } + } + }, + "node_modules/@jest/reporters/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@jest/reporters/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/@jest/reporters/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/@jest/reporters/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/@jest/reporters/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/@jest/reporters/node_modules/istanbul-lib-instrument": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-6.0.1.tgz", + "integrity": "sha512-EAMEJBsYuyyztxMxW3g7ugGPkrZsV57v0Hmv3mm1uQsmB+QnZuepg731CRaIgeUVSdmsTngOkSnauNF8p7FIhA==", + "dev": true, + "dependencies": { + "@babel/core": "^7.12.3", + "@babel/parser": "^7.14.7", + "@istanbuljs/schema": "^0.1.2", + "istanbul-lib-coverage": "^3.2.0", + "semver": "^7.5.4" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/@jest/reporters/node_modules/lru-cache": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", + "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", + "dev": true, + "dependencies": { + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/@jest/reporters/node_modules/semver": { + "version": "7.5.4", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz", + "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==", + "dev": true, + "dependencies": { + "lru-cache": "^6.0.0" + }, + "bin": { + "semver": "bin/semver.js" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/@jest/reporters/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@jest/reporters/node_modules/yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + }, + "node_modules/@jest/schemas": { + "version": "29.6.3", + "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz", + "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==", + "dev": true, + "dependencies": { + "@sinclair/typebox": "^0.27.8" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/@jest/source-map": { + "version": "29.6.3", + "resolved": "https://registry.npmjs.org/@jest/source-map/-/source-map-29.6.3.tgz", + "integrity": "sha512-MHjT95QuipcPrpLM+8JMSzFx6eHp5Bm+4XeFDJlwsvVBjmKNiIAvasGK2fxz2WbGRlnvqehFbh07MMa7n3YJnw==", + "dev": true, + "dependencies": { + "@jridgewell/trace-mapping": "^0.3.18", + "callsites": "^3.0.0", + "graceful-fs": "^4.2.9" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/@jest/test-result": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/@jest/test-result/-/test-result-29.7.0.tgz", + "integrity": "sha512-Fdx+tv6x1zlkJPcWXmMDAG2HBnaR9XPSd5aDWQVsfrZmLVT3lU1cwyxLgRmXR9yrq4NBoEm9BMsfgFzTQAbJYA==", + "dev": true, + "dependencies": { + "@jest/console": "^29.7.0", + "@jest/types": "^29.6.3", + "@types/istanbul-lib-coverage": "^2.0.0", + "collect-v8-coverage": "^1.0.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/@jest/test-sequencer": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/@jest/test-sequencer/-/test-sequencer-29.7.0.tgz", + "integrity": "sha512-GQwJ5WZVrKnOJuiYiAF52UNUJXgTZx1NHjFSEB0qEMmSZKAkdMoIzw/Cj6x6NF4AvV23AUqDpFzQkN/eYCYTxw==", + "dev": true, + "dependencies": { + "@jest/test-result": "^29.7.0", + "graceful-fs": "^4.2.9", + "jest-haste-map": "^29.7.0", + "slash": "^3.0.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/@jest/transform": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-29.7.0.tgz", + "integrity": "sha512-ok/BTPFzFKVMwO5eOHRrvnBVHdRy9IrsrW1GpMaQ9MCnilNLXQKmAX8s1YXDFaai9xJpac2ySzV0YeRRECr2Vw==", + "dev": true, + "dependencies": { + "@babel/core": "^7.11.6", + "@jest/types": "^29.6.3", + "@jridgewell/trace-mapping": "^0.3.18", + "babel-plugin-istanbul": "^6.1.1", + "chalk": "^4.0.0", + "convert-source-map": "^2.0.0", + "fast-json-stable-stringify": "^2.1.0", + "graceful-fs": "^4.2.9", + "jest-haste-map": "^29.7.0", + "jest-regex-util": "^29.6.3", + "jest-util": "^29.7.0", + "micromatch": "^4.0.4", + "pirates": "^4.0.4", + "slash": "^3.0.0", + "write-file-atomic": "^4.0.2" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/@jest/transform/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@jest/transform/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/@jest/transform/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/@jest/transform/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/@jest/transform/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/@jest/transform/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@jest/types": { + "version": "29.6.3", + "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz", + "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==", + "dev": true, + "dependencies": { + "@jest/schemas": "^29.6.3", + "@types/istanbul-lib-coverage": "^2.0.0", + "@types/istanbul-reports": "^3.0.0", + "@types/node": "*", + "@types/yargs": "^17.0.8", + "chalk": "^4.0.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/@jest/types/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@jest/types/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/@jest/types/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/@jest/types/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/@jest/types/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/@jest/types/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@jridgewell/gen-mapping": { + "version": "0.3.3", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz", + "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==", + "dev": true, + "dependencies": { + "@jridgewell/set-array": "^1.0.1", + "@jridgewell/sourcemap-codec": "^1.4.10", + "@jridgewell/trace-mapping": "^0.3.9" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/resolve-uri": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz", + "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==", + "dev": true, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/set-array": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz", + "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==", + "dev": true, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/sourcemap-codec": { + "version": "1.4.15", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz", + "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==", + "dev": true + }, + "node_modules/@jridgewell/trace-mapping": { + "version": "0.3.20", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz", + "integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==", + "dev": true, + "dependencies": { + "@jridgewell/resolve-uri": "^3.1.0", + "@jridgewell/sourcemap-codec": "^1.4.14" + } + }, + "node_modules/@mui/base": { + "version": "5.0.0-beta.29", + "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.29.tgz", + "integrity": "sha512-OXfUssYrB6ch/xpBVHMKAjThPlI9VyGGKdvQLMXef2j39wXfcxPlUVQlwia/lmE3rxWIGvbwkZsDtNYzLMsDUg==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.23.6", + "@floating-ui/react-dom": "^2.0.4", + "@mui/types": "^7.2.11", + "@mui/utils": "^5.15.2", + "@popperjs/core": "^2.11.8", + "clsx": "^2.0.0", + "prop-types": "^15.8.1" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + }, + "peerDependencies": { + "@types/react": "^17.0.0 || ^18.0.0", + "react": "^17.0.0 || ^18.0.0", + "react-dom": "^17.0.0 || ^18.0.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@mui/core-downloads-tracker": { + "version": "5.15.2", + "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.15.2.tgz", + "integrity": "sha512-0vk4ckS2w1F5PmkSXSd7F/QuRlNcPqWTJ8CPl+HQRLTIhJVS/VKEI+3dQufOdKfn2wS+ecnvlvXerbugs+xZ8Q==", + "dev": true, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + } + }, + "node_modules/@mui/icons-material": { + "version": "5.15.2", + "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.15.2.tgz", + "integrity": "sha512-Vs0Z6cd6ieTavMjqPvIJJfwsKaCLdRSErk5LjKdZlBqk7r2SR6roDyhVTQuZOeCzjEFj0qZ4iVPp2DJZRwuYbw==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.23.6" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + }, + "peerDependencies": { + "@mui/material": "^5.0.0", + "@types/react": "^17.0.0 || ^18.0.0", + "react": "^17.0.0 || ^18.0.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@mui/joy": { + "version": "5.0.0-beta.20", + "resolved": "https://registry.npmjs.org/@mui/joy/-/joy-5.0.0-beta.20.tgz", + "integrity": "sha512-w0BjmY8XKdca0s7yRZiURhSlhiqDtSnhNFl6GHixYytNB5u8Al6GMdYH0aLB2w5+QP8ojPueYQ7oXkS/qo0skQ==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.23.6", + "@mui/base": "5.0.0-beta.29", + "@mui/core-downloads-tracker": "^5.15.2", + "@mui/system": "^5.15.2", + "@mui/types": "^7.2.11", + "@mui/utils": "^5.15.2", + "clsx": "^2.0.0", + "prop-types": "^15.8.1" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + }, + "peerDependencies": { + "@emotion/react": "^11.5.0", + "@emotion/styled": "^11.3.0", + "@types/react": "^17.0.0 || ^18.0.0", + "react": "^17.0.0 || ^18.0.0", + "react-dom": "^17.0.0 || ^18.0.0" + }, + "peerDependenciesMeta": { + "@emotion/react": { + "optional": true + }, + "@emotion/styled": { + "optional": true + }, + "@types/react": { + "optional": true + } + } + }, + "node_modules/@mui/material": { + "version": "5.15.2", + "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.15.2.tgz", + "integrity": "sha512-JnoIrpNmEHG5uC1IyEdgsnDiaiuCZnUIh7f9oeAr87AvBmNiEJPbo7XrD7kBTFWwp+b97rQ12QdSs9CLhT2n/A==", + "dev": true, + "peer": true, + "dependencies": { + "@babel/runtime": "^7.23.6", + "@mui/base": "5.0.0-beta.29", + "@mui/core-downloads-tracker": "^5.15.2", + "@mui/system": "^5.15.2", + "@mui/types": "^7.2.11", + "@mui/utils": "^5.15.2", + "@types/react-transition-group": "^4.4.10", + "clsx": "^2.0.0", + "csstype": "^3.1.2", + "prop-types": "^15.8.1", + "react-is": "^18.2.0", + "react-transition-group": "^4.4.5" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + }, + "peerDependencies": { + "@emotion/react": "^11.5.0", + "@emotion/styled": "^11.3.0", + "@types/react": "^17.0.0 || ^18.0.0", + "react": "^17.0.0 || ^18.0.0", + "react-dom": "^17.0.0 || ^18.0.0" + }, + "peerDependenciesMeta": { + "@emotion/react": { + "optional": true + }, + "@emotion/styled": { + "optional": true + }, + "@types/react": { + "optional": true + } + } + }, + "node_modules/@mui/private-theming": { + "version": "5.15.2", + "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.15.2.tgz", + "integrity": "sha512-KlXx5TH1Mw9omSY+Q6rz5TA/P71meSYaAOeopiW8s6o433+fnOxS17rZbmd1RnDZGCo+j24TfCavQuCMBAZnQA==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.23.6", + "@mui/utils": "^5.15.2", + "prop-types": "^15.8.1" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + }, + "peerDependencies": { + "@types/react": "^17.0.0 || ^18.0.0", + "react": "^17.0.0 || ^18.0.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@mui/styled-engine": { + "version": "5.15.2", + "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.15.2.tgz", + "integrity": "sha512-fYEN3IZzbebeHwAmQHhxwruiOIi8W74709qXg/7tgtHV4byQSmPgnnKsZkg0hFlzjEbcJIRZyZI0qEecgpR2cg==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.23.6", + "@emotion/cache": "^11.11.0", + "csstype": "^3.1.2", + "prop-types": "^15.8.1" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + }, + "peerDependencies": { + "@emotion/react": "^11.4.1", + "@emotion/styled": "^11.3.0", + "react": "^17.0.0 || ^18.0.0" + }, + "peerDependenciesMeta": { + "@emotion/react": { + "optional": true + }, + "@emotion/styled": { + "optional": true + } + } + }, + "node_modules/@mui/system": { + "version": "5.15.2", + "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.15.2.tgz", + "integrity": "sha512-I7CzLiHDtU/BTobJgSk+wPGGWG95K8lYfdFEnq//wOgSrLDAdOVvl2gleDxJWO+yAbGz4RKEOnR9KuD+xQZH4A==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.23.6", + "@mui/private-theming": "^5.15.2", + "@mui/styled-engine": "^5.15.2", + "@mui/types": "^7.2.11", + "@mui/utils": "^5.15.2", + "clsx": "^2.0.0", + "csstype": "^3.1.2", + "prop-types": "^15.8.1" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + }, + "peerDependencies": { + "@emotion/react": "^11.5.0", + "@emotion/styled": "^11.3.0", + "@types/react": "^17.0.0 || ^18.0.0", + "react": "^17.0.0 || ^18.0.0" + }, + "peerDependenciesMeta": { + "@emotion/react": { + "optional": true + }, + "@emotion/styled": { + "optional": true + }, + "@types/react": { + "optional": true + } + } + }, + "node_modules/@mui/types": { + "version": "7.2.11", + "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.11.tgz", + "integrity": "sha512-KWe/QTEsFFlFSH+qRYf3zoFEj3z67s+qAuSnMMg+gFwbxG7P96Hm6g300inQL1Wy///gSRb8juX7Wafvp93m3w==", + "dev": true, + "peerDependencies": { + "@types/react": "^17.0.0 || ^18.0.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@mui/utils": { + "version": "5.15.2", + "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.15.2.tgz", + "integrity": "sha512-6dGM9/guFKBlFRHA7/mbM+E7wE7CYDy9Ny4JLtD3J+NTyhi8nd8YxlzgAgTaTVqY0BpdQ2zdfB/q6+p2EdGM0w==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.23.6", + "@types/prop-types": "^15.7.11", + "prop-types": "^15.8.1", + "react-is": "^18.2.0" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + }, + "peerDependencies": { + "@types/react": "^17.0.0 || ^18.0.0", + "react": "^17.0.0 || ^18.0.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@nodelib/fs.scandir": { + "version": "2.1.5", + "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", + "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==", + "dev": true, + "dependencies": { + "@nodelib/fs.stat": "2.0.5", + "run-parallel": "^1.1.9" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/@nodelib/fs.stat": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz", + "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==", + "dev": true, + "engines": { + "node": ">= 8" + } + }, + "node_modules/@nodelib/fs.walk": { + "version": "1.2.8", + "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz", + "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==", + "dev": true, + "dependencies": { + "@nodelib/fs.scandir": "2.1.5", + "fastq": "^1.6.0" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/@pkgjs/parseargs": { + "version": "0.11.0", + "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz", + "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==", + "dev": true, + "optional": true, + "engines": { + "node": ">=14" + } + }, + "node_modules/@popperjs/core": { + "version": "2.11.8", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz", + "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==", + "dev": true, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/popperjs" + } + }, + "node_modules/@rjsf/core": { + "version": "5.15.1", + "resolved": "https://registry.npmjs.org/@rjsf/core/-/core-5.15.1.tgz", + "integrity": "sha512-Ysn9G7sAS9A/fY4tCXv0LUUM8rNgXpVUkkoeOg3Yx6Y0vTctLVM7eorfmKuRKOrUZFCVe/MY0RjJfP3n2v1Fbg==", + "dev": true, + "dependencies": { + "lodash": "^4.17.21", + "lodash-es": "^4.17.21", + "markdown-to-jsx": "^7.3.2", + "nanoid": "^3.3.6", + "prop-types": "^15.8.1" + }, + "engines": { + "node": ">=14" + }, + "peerDependencies": { + "@rjsf/utils": "^5.12.x", + "react": "^16.14.0 || >=17" + } + }, + "node_modules/@rjsf/snapshot-tests": { + "version": "5.15.1", + "resolved": "https://registry.npmjs.org/@rjsf/snapshot-tests/-/snapshot-tests-5.15.1.tgz", + "integrity": "sha512-FVSNG6y65HwISxNIwQ6iw1wR8qhII339r42hUdupofEnBqUs4+D57xd1DsFuASSBOJXFaYnZOU2Fxf4CM8smbA==", + "dev": true, + "dependencies": { + "@rjsf/core": "^5.15.1", + "@rjsf/utils": "^5.15.1", + "@rjsf/validator-ajv8": "^5.15.1" + }, + "engines": { + "node": ">=14" + }, + "peerDependencies": { + "react": "^16.14.0 || >=17", + "react-test-renderer": "^17.0.2" + } + }, + "node_modules/@rjsf/utils": { + "version": "5.15.1", + "resolved": "https://registry.npmjs.org/@rjsf/utils/-/utils-5.15.1.tgz", + "integrity": "sha512-ko1hpwy5gK7qwUpiD9fULekBShSrnFDWaIuhLkrN6HsNYGhN9PHZKrlTGcxl3seQvAzXkWfh1aRxNYw4YLCywg==", + "dev": true, + "dependencies": { + "json-schema-merge-allof": "^0.8.1", + "jsonpointer": "^5.0.1", + "lodash": "^4.17.21", + "lodash-es": "^4.17.21", + "react-is": "^18.2.0" + }, + "engines": { + "node": ">=14" + }, + "peerDependencies": { + "react": "^16.14.0 || >=17" + } + }, + "node_modules/@rjsf/validator-ajv8": { + "version": "5.15.1", + "resolved": "https://registry.npmjs.org/@rjsf/validator-ajv8/-/validator-ajv8-5.15.1.tgz", + "integrity": "sha512-QEbjdpLTmDCq4pdmeNaCiMiq3CId7IJ/Iri5FI794fhH8mn8Geu5hWqisMBTbrptfGdItY4RapKvoIglQEZKOg==", + "dev": true, + "dependencies": { + "ajv": "^8.12.0", + "ajv-formats": "^2.1.1", + "lodash": "^4.17.21", + "lodash-es": "^4.17.21" + }, + "engines": { + "node": ">=14" + }, + "peerDependencies": { + "@rjsf/utils": "^5.12.x" + } + }, + "node_modules/@sinclair/typebox": { + "version": "0.27.8", + "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz", + "integrity": "sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==", + "dev": true + }, + "node_modules/@sinonjs/commons": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-3.0.0.tgz", + "integrity": "sha512-jXBtWAF4vmdNmZgD5FoKsVLv3rPgDnLgPbU84LIJ3otV44vJlDRokVng5v8NFJdCf/da9legHcKaRuZs4L7faA==", + "dev": true, + "dependencies": { + "type-detect": "4.0.8" + } + }, + "node_modules/@sinonjs/fake-timers": { + "version": "10.3.0", + "resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-10.3.0.tgz", + "integrity": "sha512-V4BG07kuYSUkTCSBHG8G8TNhM+F19jXFWnQtzj+we8DrkpSBCee9Z3Ms8yiGer/dlmhe35/Xdgyo3/0rQKg7YA==", + "dev": true, + "dependencies": { + "@sinonjs/commons": "^3.0.0" + } + }, + "node_modules/@tootallnate/once": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-2.0.0.tgz", + "integrity": "sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==", + "dev": true, + "engines": { + "node": ">= 10" + } + }, + "node_modules/@types/babel__core": { + "version": "7.20.5", + "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz", + "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==", + "dev": true, + "dependencies": { + "@babel/parser": "^7.20.7", + "@babel/types": "^7.20.7", + "@types/babel__generator": "*", + "@types/babel__template": "*", + "@types/babel__traverse": "*" + } + }, + "node_modules/@types/babel__generator": { + "version": "7.6.8", + "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.8.tgz", + "integrity": "sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==", + "dev": true, + "dependencies": { + "@babel/types": "^7.0.0" + } + }, + "node_modules/@types/babel__template": { + "version": "7.4.4", + "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz", + "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==", + "dev": true, + "dependencies": { + "@babel/parser": "^7.1.0", + "@babel/types": "^7.0.0" + } + }, + "node_modules/@types/babel__traverse": { + "version": "7.20.4", + "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.4.tgz", + "integrity": "sha512-mSM/iKUk5fDDrEV/e83qY+Cr3I1+Q3qqTuEn++HAWYjEa1+NxZr6CNrcJGf2ZTnq4HoFGC3zaTPZTobCzCFukA==", + "dev": true, + "dependencies": { + "@babel/types": "^7.20.7" + } + }, + "node_modules/@types/graceful-fs": { + "version": "4.1.9", + "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.9.tgz", + "integrity": "sha512-olP3sd1qOEe5dXTSaFvQG+02VdRXcdytWLAZsAq1PecU8uqQAhkrnbli7DagjtXKW/Bl7YJbUsa8MPcuc8LHEQ==", + "dev": true, + "dependencies": { + "@types/node": "*" + } + }, + "node_modules/@types/istanbul-lib-coverage": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz", + "integrity": "sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==", + "dev": true + }, + "node_modules/@types/istanbul-lib-report": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.3.tgz", + "integrity": "sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA==", + "dev": true, + "dependencies": { + "@types/istanbul-lib-coverage": "*" + } + }, + "node_modules/@types/istanbul-reports": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz", + "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==", + "dev": true, + "dependencies": { + "@types/istanbul-lib-report": "*" + } + }, + "node_modules/@types/jest": { + "version": "29.5.11", + "resolved": "https://registry.npmjs.org/@types/jest/-/jest-29.5.11.tgz", + "integrity": "sha512-S2mHmYIVe13vrm6q4kN6fLYYAka15ALQki/vgDC3mIukEOx8WJlv0kQPM+d4w8Gp6u0uSdKND04IlTXBv0rwnQ==", + "dev": true, + "dependencies": { + "expect": "^29.0.0", + "pretty-format": "^29.0.0" + } + }, + "node_modules/@types/jsdom": { + "version": "20.0.1", + "resolved": "https://registry.npmjs.org/@types/jsdom/-/jsdom-20.0.1.tgz", + "integrity": "sha512-d0r18sZPmMQr1eG35u12FZfhIXNrnsPU/g5wvRKCUf/tOGilKKwYMYGqh33BNR6ba+2gkHw1EUiHoN3mn7E5IQ==", + "dev": true, + "dependencies": { + "@types/node": "*", + "@types/tough-cookie": "*", + "parse5": "^7.0.0" + } + }, + "node_modules/@types/node": { + "version": "20.10.5", + "resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.5.tgz", + "integrity": "sha512-nNPsNE65wjMxEKI93yOP+NPGGBJz/PoN3kZsVLee0XMiJolxSekEVD8wRwBUBqkwc7UWop0edW50yrCQW4CyRw==", + "dev": true, + "dependencies": { + "undici-types": "~5.26.4" + } + }, + "node_modules/@types/parse-json": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz", + "integrity": "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==", + "dev": true + }, + "node_modules/@types/prop-types": { + "version": "15.7.11", + "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.11.tgz", + "integrity": "sha512-ga8y9v9uyeiLdpKddhxYQkxNDrfvuPrlFb0N1qnZZByvcElJaXthF1UhvCh9TLWJBEHeNtdnbysW7Y6Uq8CVng==", + "dev": true + }, + "node_modules/@types/react": { + "version": "17.0.74", + "resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.74.tgz", + "integrity": "sha512-nBtFGaeTMzpiL/p73xbmCi00SiCQZDTJUk9ZuHOLtil3nI+y7l269LHkHIAYpav99ZwGnPJzuJsJpfLXjiQ52g==", + "dev": true, + "dependencies": { + "@types/prop-types": "*", + "@types/scheduler": "*", + "csstype": "^3.0.2" + } + }, + "node_modules/@types/react-dom": { + "version": "17.0.25", + "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-17.0.25.tgz", + "integrity": "sha512-urx7A7UxkZQmThYA4So0NelOVjx3V4rNFVJwp0WZlbIK5eM4rNJDiN3R/E9ix0MBh6kAEojk/9YL+Te6D9zHNA==", + "dev": true, + "dependencies": { + "@types/react": "^17" + } + }, + "node_modules/@types/react-test-renderer": { + "version": "17.0.9", + "resolved": "https://registry.npmjs.org/@types/react-test-renderer/-/react-test-renderer-17.0.9.tgz", + "integrity": "sha512-bOfxcu5oZ+KxvACScbkTwZ4eGCtZFTz4VZCOVAIfGbThxqiXSIGipKVG8ubaYBXquUSQROzNIUzviWdSnnAlzg==", + "dev": true, + "dependencies": { + "@types/react": "^17" + } + }, + "node_modules/@types/react-transition-group": { + "version": "4.4.10", + "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.10.tgz", + "integrity": "sha512-hT/+s0VQs2ojCX823m60m5f0sL5idt9SO6Tj6Dg+rdphGPIeJbJ6CxvBYkgkGKrYeDjvIpKTR38UzmtHJOGW3Q==", + "dev": true, + "peer": true, + "dependencies": { + "@types/react": "*" + } + }, + "node_modules/@types/scheduler": { + "version": "0.16.8", + "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.8.tgz", + "integrity": "sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A==", + "dev": true + }, + "node_modules/@types/stack-utils": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.3.tgz", + "integrity": "sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==", + "dev": true + }, + "node_modules/@types/tough-cookie": { + "version": "4.0.5", + "resolved": "https://registry.npmjs.org/@types/tough-cookie/-/tough-cookie-4.0.5.tgz", + "integrity": "sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA==", + "dev": true + }, + "node_modules/@types/yargs": { + "version": "17.0.32", + "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.32.tgz", + "integrity": "sha512-xQ67Yc/laOG5uMfX/093MRlGGCIBzZMarVa+gfNKJxWAIgykYpVGkBdbqEzGDDfCrVUj6Hiff4mTZ5BA6TmAog==", + "dev": true, + "dependencies": { + "@types/yargs-parser": "*" + } + }, + "node_modules/@types/yargs-parser": { + "version": "21.0.3", + "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.3.tgz", + "integrity": "sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==", + "dev": true + }, + "node_modules/@ungap/structured-clone": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz", + "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==", + "dev": true + }, + "node_modules/abab": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz", + "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==", + "deprecated": "Use your platform's native atob() and btoa() methods instead", + "dev": true + }, + "node_modules/acorn": { + "version": "8.11.3", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz", + "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==", + "dev": true, + "bin": { + "acorn": "bin/acorn" + }, + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/acorn-globals": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/acorn-globals/-/acorn-globals-7.0.1.tgz", + "integrity": "sha512-umOSDSDrfHbTNPuNpC2NSnnA3LUrqpevPb4T9jRx4MagXNS0rs+gwiTcAvqCRmsD6utzsrzNt+ebm00SNWiC3Q==", + "dev": true, + "dependencies": { + "acorn": "^8.1.0", + "acorn-walk": "^8.0.2" + } + }, + "node_modules/acorn-jsx": { + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz", + "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==", + "dev": true, + "peerDependencies": { + "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0" + } + }, + "node_modules/acorn-walk": { + "version": "8.3.1", + "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.1.tgz", + "integrity": "sha512-TgUZgYvqZprrl7YldZNoa9OciCAyZR+Ejm9eXzKCmjsF5IKp/wgQ7Z/ZpjpGTIUPwrHQIcYeI8qDh4PsEwxMbw==", + "dev": true, + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/agent-base": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz", + "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==", + "dev": true, + "dependencies": { + "debug": "4" + }, + "engines": { + "node": ">= 6.0.0" + } + }, + "node_modules/ajv": { + "version": "8.12.0", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz", + "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==", + "dev": true, + "dependencies": { + "fast-deep-equal": "^3.1.1", + "json-schema-traverse": "^1.0.0", + "require-from-string": "^2.0.2", + "uri-js": "^4.2.2" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/epoberezkin" + } + }, + "node_modules/ajv-formats": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz", + "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==", + "dev": true, + "dependencies": { + "ajv": "^8.0.0" + }, + "peerDependencies": { + "ajv": "^8.0.0" + }, + "peerDependenciesMeta": { + "ajv": { + "optional": true + } + } + }, + "node_modules/ansi-escapes": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz", + "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==", + "dev": true, + "dependencies": { + "type-fest": "^0.21.3" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "dev": true, + "dependencies": { + "color-convert": "^1.9.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/anymatch": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", + "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==", + "dev": true, + "dependencies": { + "normalize-path": "^3.0.0", + "picomatch": "^2.0.4" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/argparse": { + "version": "1.0.10", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz", + "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==", + "dev": true, + "dependencies": { + "sprintf-js": "~1.0.2" + } + }, + "node_modules/asynckit": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz", + "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==", + "dev": true + }, + "node_modules/babel-jest": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-29.7.0.tgz", + "integrity": "sha512-BrvGY3xZSwEcCzKvKsCi2GgHqDqsYkOP4/by5xCgIwGXQxIEh+8ew3gmrE1y7XRR6LHZIj6yLYnUi/mm2KXKBg==", + "dev": true, + "dependencies": { + "@jest/transform": "^29.7.0", + "@types/babel__core": "^7.1.14", + "babel-plugin-istanbul": "^6.1.1", + "babel-preset-jest": "^29.6.3", + "chalk": "^4.0.0", + "graceful-fs": "^4.2.9", + "slash": "^3.0.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + }, + "peerDependencies": { + "@babel/core": "^7.8.0" + } + }, + "node_modules/babel-jest/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/babel-jest/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/babel-jest/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/babel-jest/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/babel-jest/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/babel-jest/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/babel-plugin-istanbul": { + "version": "6.1.1", + "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz", + "integrity": "sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.0.0", + "@istanbuljs/load-nyc-config": "^1.0.0", + "@istanbuljs/schema": "^0.1.2", + "istanbul-lib-instrument": "^5.0.4", + "test-exclude": "^6.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/babel-plugin-jest-hoist": { + "version": "29.6.3", + "resolved": "https://registry.npmjs.org/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-29.6.3.tgz", + "integrity": "sha512-ESAc/RJvGTFEzRwOTT4+lNDk/GNHMkKbNzsvT0qKRfDyyYTskxB5rnU2njIDYVxXCBHHEI1c0YwHob3WaYujOg==", + "dev": true, + "dependencies": { + "@babel/template": "^7.3.3", + "@babel/types": "^7.3.3", + "@types/babel__core": "^7.1.14", + "@types/babel__traverse": "^7.0.6" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/babel-plugin-macros": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz", + "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.12.5", + "cosmiconfig": "^7.0.0", + "resolve": "^1.19.0" + }, + "engines": { + "node": ">=10", + "npm": ">=6" + } + }, + "node_modules/babel-plugin-polyfill-corejs2": { + "version": "0.4.7", + "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.7.tgz", + "integrity": "sha512-LidDk/tEGDfuHW2DWh/Hgo4rmnw3cduK6ZkOI1NPFceSK3n/yAGeOsNT7FLnSGHkXj3RHGSEVkN3FsCTY6w2CQ==", + "dev": true, + "dependencies": { + "@babel/compat-data": "^7.22.6", + "@babel/helper-define-polyfill-provider": "^0.4.4", + "semver": "^6.3.1" + }, + "peerDependencies": { + "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0" + } + }, + "node_modules/babel-plugin-polyfill-corejs3": { + "version": "0.8.7", + "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.7.tgz", + "integrity": "sha512-KyDvZYxAzkC0Aj2dAPyDzi2Ym15e5JKZSK+maI7NAwSqofvuFglbSsxE7wUOvTg9oFVnHMzVzBKcqEb4PJgtOA==", + "dev": true, + "dependencies": { + "@babel/helper-define-polyfill-provider": "^0.4.4", + "core-js-compat": "^3.33.1" + }, + "peerDependencies": { + "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0" + } + }, + "node_modules/babel-plugin-polyfill-regenerator": { + "version": "0.5.4", + "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.4.tgz", + "integrity": "sha512-S/x2iOCvDaCASLYsOOgWOq4bCfKYVqvO/uxjkaYyZ3rVsVE3CeAI/c84NpyuBBymEgNvHgjEot3a9/Z/kXvqsg==", + "dev": true, + "dependencies": { + "@babel/helper-define-polyfill-provider": "^0.4.4" + }, + "peerDependencies": { + "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0" + } + }, + "node_modules/babel-preset-current-node-syntax": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.0.1.tgz", + "integrity": "sha512-M7LQ0bxarkxQoN+vz5aJPsLBn77n8QgTFmo8WK0/44auK2xlCXrYcUxHFxgU7qW5Yzw/CjmLRK2uJzaCd7LvqQ==", + "dev": true, + "dependencies": { + "@babel/plugin-syntax-async-generators": "^7.8.4", + "@babel/plugin-syntax-bigint": "^7.8.3", + "@babel/plugin-syntax-class-properties": "^7.8.3", + "@babel/plugin-syntax-import-meta": "^7.8.3", + "@babel/plugin-syntax-json-strings": "^7.8.3", + "@babel/plugin-syntax-logical-assignment-operators": "^7.8.3", + "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3", + "@babel/plugin-syntax-numeric-separator": "^7.8.3", + "@babel/plugin-syntax-object-rest-spread": "^7.8.3", + "@babel/plugin-syntax-optional-catch-binding": "^7.8.3", + "@babel/plugin-syntax-optional-chaining": "^7.8.3", + "@babel/plugin-syntax-top-level-await": "^7.8.3" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/babel-preset-jest": { + "version": "29.6.3", + "resolved": "https://registry.npmjs.org/babel-preset-jest/-/babel-preset-jest-29.6.3.tgz", + "integrity": "sha512-0B3bhxR6snWXJZtR/RliHTDPRgn1sNHOR0yVtq/IiQFyuOVjFS+wuio/R4gSNkyYmKmJB4wGZv2NZanmKmTnNA==", + "dev": true, + "dependencies": { + "babel-plugin-jest-hoist": "^29.6.3", + "babel-preset-current-node-syntax": "^1.0.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/balanced-match": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", + "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", + "dev": true + }, + "node_modules/brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "dev": true, + "dependencies": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "node_modules/braces": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", + "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "dev": true, + "dependencies": { + "fill-range": "^7.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/browserslist": { + "version": "4.22.2", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.2.tgz", + "integrity": "sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/browserslist" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "dependencies": { + "caniuse-lite": "^1.0.30001565", + "electron-to-chromium": "^1.4.601", + "node-releases": "^2.0.14", + "update-browserslist-db": "^1.0.13" + }, + "bin": { + "browserslist": "cli.js" + }, + "engines": { + "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7" + } + }, + "node_modules/bser": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/bser/-/bser-2.1.1.tgz", + "integrity": "sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==", + "dev": true, + "dependencies": { + "node-int64": "^0.4.0" + } + }, + "node_modules/buffer-from": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz", + "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==", + "dev": true + }, + "node_modules/callsites": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz", + "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/camelcase": { + "version": "5.3.1", + "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz", + "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/caniuse-lite": { + "version": "1.0.30001572", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001572.tgz", + "integrity": "sha512-1Pbh5FLmn5y4+QhNyJE9j3/7dK44dGB83/ZMjv/qJk86TvDbjk0LosiZo0i0WB0Vx607qMX9jYrn1VLHCkN4rw==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/caniuse-lite" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ] + }, + "node_modules/chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "dev": true, + "dependencies": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/chalk/node_modules/escape-string-regexp": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", + "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==", + "dev": true, + "engines": { + "node": ">=0.8.0" + } + }, + "node_modules/char-regex": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/char-regex/-/char-regex-1.0.2.tgz", + "integrity": "sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==", + "dev": true, + "engines": { + "node": ">=10" + } + }, + "node_modules/ci-info": { + "version": "3.9.0", + "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz", + "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/sibiraj-s" + } + ], + "engines": { + "node": ">=8" + } + }, + "node_modules/cjs-module-lexer": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-1.2.3.tgz", + "integrity": "sha512-0TNiGstbQmCFwt4akjjBg5pLRTSyj/PkWQ1ZoO2zntmg9yLqSRxwEa4iCfQLGjqhiqBfOJa7W/E8wfGrTDmlZQ==", + "dev": true + }, + "node_modules/cliui": { + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz", + "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==", + "dev": true, + "dependencies": { + "string-width": "^4.2.0", + "strip-ansi": "^6.0.1", + "wrap-ansi": "^7.0.0" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/clsx": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz", + "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/co": { + "version": "4.6.0", + "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz", + "integrity": "sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==", + "dev": true, + "engines": { + "iojs": ">= 1.0.0", + "node": ">= 0.12.0" + } + }, + "node_modules/collect-v8-coverage": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/collect-v8-coverage/-/collect-v8-coverage-1.0.2.tgz", + "integrity": "sha512-lHl4d5/ONEbLlJvaJNtsF/Lz+WvB07u2ycqTYbdrq7UypDXailES4valYb2eWiJFxZlVmpGekfqoxQhzyFdT4Q==", + "dev": true + }, + "node_modules/color-convert": { + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "dev": true, + "dependencies": { + "color-name": "1.1.3" + } + }, + "node_modules/color-name": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==", + "dev": true + }, + "node_modules/combined-stream": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz", + "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==", + "dev": true, + "dependencies": { + "delayed-stream": "~1.0.0" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/compute-gcd": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/compute-gcd/-/compute-gcd-1.2.1.tgz", + "integrity": "sha512-TwMbxBNz0l71+8Sc4czv13h4kEqnchV9igQZBi6QUaz09dnz13juGnnaWWJTRsP3brxOoxeB4SA2WELLw1hCtg==", + "dev": true, + "dependencies": { + "validate.io-array": "^1.0.3", + "validate.io-function": "^1.0.2", + "validate.io-integer-array": "^1.0.0" + } + }, + "node_modules/compute-lcm": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/compute-lcm/-/compute-lcm-1.1.2.tgz", + "integrity": "sha512-OFNPdQAXnQhDSKioX8/XYT6sdUlXwpeMjfd6ApxMJfyZ4GxmLR1xvMERctlYhlHwIiz6CSpBc2+qYKjHGZw4TQ==", + "dev": true, + "dependencies": { + "compute-gcd": "^1.2.1", + "validate.io-array": "^1.0.3", + "validate.io-function": "^1.0.2", + "validate.io-integer-array": "^1.0.0" + } + }, + "node_modules/concat-map": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", + "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==", + "dev": true + }, + "node_modules/convert-source-map": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz", + "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==", + "dev": true + }, + "node_modules/core-js-compat": { + "version": "3.35.0", + "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.35.0.tgz", + "integrity": "sha512-5blwFAddknKeNgsjBzilkdQ0+YK8L1PfqPYq40NOYMYFSS38qj+hpTcLLWwpIwA2A5bje/x5jmVn2tzUMg9IVw==", + "dev": true, + "dependencies": { + "browserslist": "^4.22.2" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/core-js" + } + }, + "node_modules/cosmiconfig": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz", + "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==", + "dev": true, + "dependencies": { + "@types/parse-json": "^4.0.0", + "import-fresh": "^3.2.1", + "parse-json": "^5.0.0", + "path-type": "^4.0.0", + "yaml": "^1.10.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/create-jest": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/create-jest/-/create-jest-29.7.0.tgz", + "integrity": "sha512-Adz2bdH0Vq3F53KEMJOoftQFutWCukm6J24wbPWRO4k1kMY7gS7ds/uoJkNuV8wDCtWWnuwGcJwpWcih+zEW1Q==", + "dev": true, + "dependencies": { + "@jest/types": "^29.6.3", + "chalk": "^4.0.0", + "exit": "^0.1.2", + "graceful-fs": "^4.2.9", + "jest-config": "^29.7.0", + "jest-util": "^29.7.0", + "prompts": "^2.0.1" + }, + "bin": { + "create-jest": "bin/create-jest.js" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/create-jest/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/create-jest/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/create-jest/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/create-jest/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/create-jest/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/create-jest/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/cross-spawn": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz", + "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==", + "dev": true, + "dependencies": { + "path-key": "^3.1.0", + "shebang-command": "^2.0.0", + "which": "^2.0.1" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/cssom": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.5.0.tgz", + "integrity": "sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==", + "dev": true + }, + "node_modules/cssstyle": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-2.3.0.tgz", + "integrity": "sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==", + "dev": true, + "dependencies": { + "cssom": "~0.3.6" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/cssstyle/node_modules/cssom": { + "version": "0.3.8", + "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.3.8.tgz", + "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==", + "dev": true + }, + "node_modules/csstype": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz", + "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==", + "dev": true + }, + "node_modules/data-urls": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-3.0.2.tgz", + "integrity": "sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==", + "dev": true, + "dependencies": { + "abab": "^2.0.6", + "whatwg-mimetype": "^3.0.0", + "whatwg-url": "^11.0.0" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/debug": { + "version": "4.3.4", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", + "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", + "dev": true, + "dependencies": { + "ms": "2.1.2" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, + "node_modules/decimal.js": { + "version": "10.4.3", + "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.3.tgz", + "integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==", + "dev": true + }, + "node_modules/dedent": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/dedent/-/dedent-1.5.1.tgz", + "integrity": "sha512-+LxW+KLWxu3HW3M2w2ympwtqPrqYRzU8fqi6Fhd18fBALe15blJPI/I4+UHveMVG6lJqB4JNd4UG0S5cnVHwIg==", + "dev": true, + "peerDependencies": { + "babel-plugin-macros": "^3.1.0" + }, + "peerDependenciesMeta": { + "babel-plugin-macros": { + "optional": true + } + } + }, + "node_modules/deep-is": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz", + "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==", + "dev": true + }, + "node_modules/deepmerge": { + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz", + "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/delayed-stream": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz", + "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==", + "dev": true, + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/detect-newline": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/detect-newline/-/detect-newline-3.1.0.tgz", + "integrity": "sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/diff-sequences": { + "version": "29.6.3", + "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.6.3.tgz", + "integrity": "sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==", + "dev": true, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/doctrine": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz", + "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==", + "dev": true, + "dependencies": { + "esutils": "^2.0.2" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/dom-helpers": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz", + "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==", + "dev": true, + "peer": true, + "dependencies": { + "@babel/runtime": "^7.8.7", + "csstype": "^3.0.2" + } + }, + "node_modules/domexception": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/domexception/-/domexception-4.0.0.tgz", + "integrity": "sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==", + "deprecated": "Use your platform's native DOMException instead", + "dev": true, + "dependencies": { + "webidl-conversions": "^7.0.0" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/eastasianwidth": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz", + "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==", + "dev": true + }, + "node_modules/electron-to-chromium": { + "version": "1.4.616", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.616.tgz", + "integrity": "sha512-1n7zWYh8eS0L9Uy+GskE0lkBUNK83cXTVJI0pU3mGprFsbfSdAc15VTFbo+A+Bq4pwstmL30AVcEU3Fo463lNg==", + "dev": true + }, + "node_modules/emittery": { + "version": "0.13.1", + "resolved": "https://registry.npmjs.org/emittery/-/emittery-0.13.1.tgz", + "integrity": "sha512-DeWwawk6r5yR9jFgnDKYt4sLS0LmHJJi3ZOnb5/JdbYwj3nW+FxQnHIjhBKz8YLC7oRNPVM9NQ47I3CVx34eqQ==", + "dev": true, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sindresorhus/emittery?sponsor=1" + } + }, + "node_modules/emoji-regex": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", + "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", + "dev": true + }, + "node_modules/entities": { + "version": "4.5.0", + "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz", + "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==", + "dev": true, + "engines": { + "node": ">=0.12" + }, + "funding": { + "url": "https://github.com/fb55/entities?sponsor=1" + } + }, + "node_modules/error-ex": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz", + "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==", + "dev": true, + "dependencies": { + "is-arrayish": "^0.2.1" + } + }, + "node_modules/esbuild": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz", + "integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==", + "dev": true, + "hasInstallScript": true, + "bin": { + "esbuild": "bin/esbuild" + }, + "engines": { + "node": ">=12" + }, + "optionalDependencies": { + "@esbuild/android-arm": "0.18.20", + "@esbuild/android-arm64": "0.18.20", + "@esbuild/android-x64": "0.18.20", + "@esbuild/darwin-arm64": "0.18.20", + "@esbuild/darwin-x64": "0.18.20", + "@esbuild/freebsd-arm64": "0.18.20", + "@esbuild/freebsd-x64": "0.18.20", + "@esbuild/linux-arm": "0.18.20", + "@esbuild/linux-arm64": "0.18.20", + "@esbuild/linux-ia32": "0.18.20", + "@esbuild/linux-loong64": "0.18.20", + "@esbuild/linux-mips64el": "0.18.20", + "@esbuild/linux-ppc64": "0.18.20", + "@esbuild/linux-riscv64": "0.18.20", + "@esbuild/linux-s390x": "0.18.20", + "@esbuild/linux-x64": "0.18.20", + "@esbuild/netbsd-x64": "0.18.20", + "@esbuild/openbsd-x64": "0.18.20", + "@esbuild/sunos-x64": "0.18.20", + "@esbuild/win32-arm64": "0.18.20", + "@esbuild/win32-ia32": "0.18.20", + "@esbuild/win32-x64": "0.18.20" + } + }, + "node_modules/escalade": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz", + "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/escape-string-regexp": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz", + "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/escodegen": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-2.1.0.tgz", + "integrity": "sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==", + "dev": true, + "dependencies": { + "esprima": "^4.0.1", + "estraverse": "^5.2.0", + "esutils": "^2.0.2" + }, + "bin": { + "escodegen": "bin/escodegen.js", + "esgenerate": "bin/esgenerate.js" + }, + "engines": { + "node": ">=6.0" + }, + "optionalDependencies": { + "source-map": "~0.6.1" + } + }, + "node_modules/escodegen/node_modules/source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true, + "optional": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/eslint": { + "version": "8.56.0", + "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.56.0.tgz", + "integrity": "sha512-Go19xM6T9puCOWntie1/P997aXxFsOi37JIHRWI514Hc6ZnaHGKY9xFhrU65RT6CcBEzZoGG1e6Nq+DT04ZtZQ==", + "dev": true, + "dependencies": { + "@eslint-community/eslint-utils": "^4.2.0", + "@eslint-community/regexpp": "^4.6.1", + "@eslint/eslintrc": "^2.1.4", + "@eslint/js": "8.56.0", + "@humanwhocodes/config-array": "^0.11.13", + "@humanwhocodes/module-importer": "^1.0.1", + "@nodelib/fs.walk": "^1.2.8", + "@ungap/structured-clone": "^1.2.0", + "ajv": "^6.12.4", + "chalk": "^4.0.0", + "cross-spawn": "^7.0.2", + "debug": "^4.3.2", + "doctrine": "^3.0.0", + "escape-string-regexp": "^4.0.0", + "eslint-scope": "^7.2.2", + "eslint-visitor-keys": "^3.4.3", + "espree": "^9.6.1", + "esquery": "^1.4.2", + "esutils": "^2.0.2", + "fast-deep-equal": "^3.1.3", + "file-entry-cache": "^6.0.1", + "find-up": "^5.0.0", + "glob-parent": "^6.0.2", + "globals": "^13.19.0", + "graphemer": "^1.4.0", + "ignore": "^5.2.0", + "imurmurhash": "^0.1.4", + "is-glob": "^4.0.0", + "is-path-inside": "^3.0.3", + "js-yaml": "^4.1.0", + "json-stable-stringify-without-jsonify": "^1.0.1", + "levn": "^0.4.1", + "lodash.merge": "^4.6.2", + "minimatch": "^3.1.2", + "natural-compare": "^1.4.0", + "optionator": "^0.9.3", + "strip-ansi": "^6.0.1", + "text-table": "^0.2.0" + }, + "bin": { + "eslint": "bin/eslint.js" + }, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/eslint-scope": { + "version": "7.2.2", + "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz", + "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==", + "dev": true, + "dependencies": { + "esrecurse": "^4.3.0", + "estraverse": "^5.2.0" + }, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/eslint-visitor-keys": { + "version": "3.4.3", + "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz", + "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==", + "dev": true, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/eslint/node_modules/ajv": { + "version": "6.12.6", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", + "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", + "dev": true, + "dependencies": { + "fast-deep-equal": "^3.1.1", + "fast-json-stable-stringify": "^2.0.0", + "json-schema-traverse": "^0.4.1", + "uri-js": "^4.2.2" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/epoberezkin" + } + }, + "node_modules/eslint/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/eslint/node_modules/argparse": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", + "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", + "dev": true + }, + "node_modules/eslint/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/eslint/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/eslint/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/eslint/node_modules/find-up": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz", + "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==", + "dev": true, + "dependencies": { + "locate-path": "^6.0.0", + "path-exists": "^4.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/eslint/node_modules/globals": { + "version": "13.24.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz", + "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==", + "dev": true, + "dependencies": { + "type-fest": "^0.20.2" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/eslint/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/eslint/node_modules/js-yaml": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz", + "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==", + "dev": true, + "dependencies": { + "argparse": "^2.0.1" + }, + "bin": { + "js-yaml": "bin/js-yaml.js" + } + }, + "node_modules/eslint/node_modules/json-schema-traverse": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", + "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", + "dev": true + }, + "node_modules/eslint/node_modules/locate-path": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz", + "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==", + "dev": true, + "dependencies": { + "p-locate": "^5.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/eslint/node_modules/p-locate": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz", + "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==", + "dev": true, + "dependencies": { + "p-limit": "^3.0.2" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/eslint/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/eslint/node_modules/type-fest": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz", + "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/espree": { + "version": "9.6.1", + "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz", + "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==", + "dev": true, + "dependencies": { + "acorn": "^8.9.0", + "acorn-jsx": "^5.3.2", + "eslint-visitor-keys": "^3.4.1" + }, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/esprima": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz", + "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==", + "dev": true, + "bin": { + "esparse": "bin/esparse.js", + "esvalidate": "bin/esvalidate.js" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/esquery": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz", + "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==", + "dev": true, + "dependencies": { + "estraverse": "^5.1.0" + }, + "engines": { + "node": ">=0.10" + } + }, + "node_modules/esrecurse": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz", + "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==", + "dev": true, + "dependencies": { + "estraverse": "^5.2.0" + }, + "engines": { + "node": ">=4.0" + } + }, + "node_modules/estraverse": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz", + "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==", + "dev": true, + "engines": { + "node": ">=4.0" + } + }, + "node_modules/esutils": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz", + "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/execa": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz", + "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==", + "dev": true, + "dependencies": { + "cross-spawn": "^7.0.3", + "get-stream": "^6.0.0", + "human-signals": "^2.1.0", + "is-stream": "^2.0.0", + "merge-stream": "^2.0.0", + "npm-run-path": "^4.0.1", + "onetime": "^5.1.2", + "signal-exit": "^3.0.3", + "strip-final-newline": "^2.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sindresorhus/execa?sponsor=1" + } + }, + "node_modules/exit": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/exit/-/exit-0.1.2.tgz", + "integrity": "sha512-Zk/eNKV2zbjpKzrsQ+n1G6poVbErQxJ0LBOJXaKZ1EViLzH+hrLu9cdXI4zw9dBQJslwBEpbQ2P1oS7nDxs6jQ==", + "dev": true, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/expect": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/expect/-/expect-29.7.0.tgz", + "integrity": "sha512-2Zks0hf1VLFYI1kbh0I5jP3KHHyCHpkfyHBzsSXRFgl/Bg9mWYfMW8oD+PdMPlEwy5HNsR9JutYy6pMeOh61nw==", + "dev": true, + "dependencies": { + "@jest/expect-utils": "^29.7.0", + "jest-get-type": "^29.6.3", + "jest-matcher-utils": "^29.7.0", + "jest-message-util": "^29.7.0", + "jest-util": "^29.7.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/fast-deep-equal": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", + "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==", + "dev": true + }, + "node_modules/fast-json-stable-stringify": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz", + "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==", + "dev": true + }, + "node_modules/fast-levenshtein": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz", + "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==", + "dev": true + }, + "node_modules/fastq": { + "version": "1.16.0", + "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.16.0.tgz", + "integrity": "sha512-ifCoaXsDrsdkWTtiNJX5uzHDsrck5TzfKKDcuFFTIrrc/BS076qgEIfoIy1VeZqViznfKiysPYTh/QeHtnIsYA==", + "dev": true, + "dependencies": { + "reusify": "^1.0.4" + } + }, + "node_modules/fb-watchman": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/fb-watchman/-/fb-watchman-2.0.2.tgz", + "integrity": "sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==", + "dev": true, + "dependencies": { + "bser": "2.1.1" + } + }, + "node_modules/file-entry-cache": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz", + "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==", + "dev": true, + "dependencies": { + "flat-cache": "^3.0.4" + }, + "engines": { + "node": "^10.12.0 || >=12.0.0" + } + }, + "node_modules/fill-range": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", + "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "dev": true, + "dependencies": { + "to-regex-range": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/find-root": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz", + "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==", + "dev": true + }, + "node_modules/find-up": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz", + "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==", + "dev": true, + "dependencies": { + "locate-path": "^5.0.0", + "path-exists": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/flat-cache": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz", + "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==", + "dev": true, + "dependencies": { + "flatted": "^3.2.9", + "keyv": "^4.5.3", + "rimraf": "^3.0.2" + }, + "engines": { + "node": "^10.12.0 || >=12.0.0" + } + }, + "node_modules/flat-cache/node_modules/rimraf": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz", + "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==", + "dev": true, + "dependencies": { + "glob": "^7.1.3" + }, + "bin": { + "rimraf": "bin.js" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/flatted": { + "version": "3.2.9", + "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.9.tgz", + "integrity": "sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==", + "dev": true + }, + "node_modules/foreground-child": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.1.1.tgz", + "integrity": "sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==", + "dev": true, + "dependencies": { + "cross-spawn": "^7.0.0", + "signal-exit": "^4.0.1" + }, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/foreground-child/node_modules/signal-exit": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz", + "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==", + "dev": true, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/form-data": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz", + "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==", + "dev": true, + "dependencies": { + "asynckit": "^0.4.0", + "combined-stream": "^1.0.8", + "mime-types": "^2.1.12" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/fs.realpath": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", + "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==", + "dev": true + }, + "node_modules/fsevents": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", + "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", + "dev": true, + "hasInstallScript": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^8.16.0 || ^10.6.0 || >=11.0.0" + } + }, + "node_modules/function-bind": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz", + "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==", + "dev": true, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/gensync": { + "version": "1.0.0-beta.2", + "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz", + "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/get-caller-file": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz", + "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==", + "dev": true, + "engines": { + "node": "6.* || 8.* || >= 10.*" + } + }, + "node_modules/get-package-type": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/get-package-type/-/get-package-type-0.1.0.tgz", + "integrity": "sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==", + "dev": true, + "engines": { + "node": ">=8.0.0" + } + }, + "node_modules/get-stream": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz", + "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/glob": { + "version": "7.2.3", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz", + "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==", + "dev": true, + "dependencies": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.1.1", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + }, + "engines": { + "node": "*" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/glob-parent": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz", + "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==", + "dev": true, + "dependencies": { + "is-glob": "^4.0.3" + }, + "engines": { + "node": ">=10.13.0" + } + }, + "node_modules/globals": { + "version": "11.12.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", + "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/graceful-fs": { + "version": "4.2.11", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz", + "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==", + "dev": true + }, + "node_modules/graphemer": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz", + "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==", + "dev": true + }, + "node_modules/has-flag": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", + "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/hasown": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz", + "integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==", + "dev": true, + "dependencies": { + "function-bind": "^1.1.2" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/hoist-non-react-statics": { + "version": "3.3.2", + "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", + "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==", + "dev": true, + "dependencies": { + "react-is": "^16.7.0" + } + }, + "node_modules/hoist-non-react-statics/node_modules/react-is": { + "version": "16.13.1", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", + "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==", + "dev": true + }, + "node_modules/html-encoding-sniffer": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz", + "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==", + "dev": true, + "dependencies": { + "whatwg-encoding": "^2.0.0" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/html-escaper": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz", + "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==", + "dev": true + }, + "node_modules/http-proxy-agent": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz", + "integrity": "sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==", + "dev": true, + "dependencies": { + "@tootallnate/once": "2", + "agent-base": "6", + "debug": "4" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/https-proxy-agent": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz", + "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==", + "dev": true, + "dependencies": { + "agent-base": "6", + "debug": "4" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/human-signals": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz", + "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==", + "dev": true, + "engines": { + "node": ">=10.17.0" + } + }, + "node_modules/iconv-lite": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz", + "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==", + "dev": true, + "dependencies": { + "safer-buffer": ">= 2.1.2 < 3.0.0" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/ignore": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.0.tgz", + "integrity": "sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==", + "dev": true, + "engines": { + "node": ">= 4" + } + }, + "node_modules/import-fresh": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz", + "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==", + "dev": true, + "dependencies": { + "parent-module": "^1.0.0", + "resolve-from": "^4.0.0" + }, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/import-fresh/node_modules/resolve-from": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz", + "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/import-local": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.1.0.tgz", + "integrity": "sha512-ASB07uLtnDs1o6EHjKpX34BKYDSqnFerfTOJL2HvMqF70LnxpjkzDB8J44oT9pu4AMPkQwf8jl6szgvNd2tRIg==", + "dev": true, + "dependencies": { + "pkg-dir": "^4.2.0", + "resolve-cwd": "^3.0.0" + }, + "bin": { + "import-local-fixture": "fixtures/cli.js" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/imurmurhash": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz", + "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==", + "dev": true, + "engines": { + "node": ">=0.8.19" + } + }, + "node_modules/inflight": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", + "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==", + "dev": true, + "dependencies": { + "once": "^1.3.0", + "wrappy": "1" + } + }, + "node_modules/inherits": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", + "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", + "dev": true + }, + "node_modules/is-arrayish": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz", + "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==", + "dev": true + }, + "node_modules/is-core-module": { + "version": "2.13.1", + "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz", + "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==", + "dev": true, + "dependencies": { + "hasown": "^2.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-fullwidth-code-point": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", + "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/is-generator-fn": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/is-generator-fn/-/is-generator-fn-2.1.0.tgz", + "integrity": "sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/is-glob": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "dev": true, + "dependencies": { + "is-extglob": "^2.1.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "dev": true, + "engines": { + "node": ">=0.12.0" + } + }, + "node_modules/is-path-inside": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz", + "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/is-potential-custom-element-name": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz", + "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==", + "dev": true + }, + "node_modules/is-stream": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz", + "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==", + "dev": true, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/isexe": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", + "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==", + "dev": true + }, + "node_modules/istanbul-lib-coverage": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz", + "integrity": "sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/istanbul-lib-instrument": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz", + "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==", + "dev": true, + "dependencies": { + "@babel/core": "^7.12.3", + "@babel/parser": "^7.14.7", + "@istanbuljs/schema": "^0.1.2", + "istanbul-lib-coverage": "^3.2.0", + "semver": "^6.3.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/istanbul-lib-report": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz", + "integrity": "sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==", + "dev": true, + "dependencies": { + "istanbul-lib-coverage": "^3.0.0", + "make-dir": "^4.0.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/istanbul-lib-report/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/istanbul-lib-report/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/istanbul-lib-source-maps": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz", + "integrity": "sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==", + "dev": true, + "dependencies": { + "debug": "^4.1.1", + "istanbul-lib-coverage": "^3.0.0", + "source-map": "^0.6.1" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/istanbul-lib-source-maps/node_modules/source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/istanbul-reports": { + "version": "3.1.6", + "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.6.tgz", + "integrity": "sha512-TLgnMkKg3iTDsQ9PbPTdpfAK2DzjF9mqUG7RMgcQl8oFjad8ob4laGxv5XV5U9MAfx8D6tSJiUyuAwzLicaxlg==", + "dev": true, + "dependencies": { + "html-escaper": "^2.0.0", + "istanbul-lib-report": "^3.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/jackspeak": { + "version": "2.3.6", + "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz", + "integrity": "sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==", + "dev": true, + "dependencies": { + "@isaacs/cliui": "^8.0.2" + }, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + }, + "optionalDependencies": { + "@pkgjs/parseargs": "^0.11.0" + } + }, + "node_modules/jest": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest/-/jest-29.7.0.tgz", + "integrity": "sha512-NIy3oAFp9shda19hy4HK0HRTWKtPJmGdnvywu01nOqNC2vZg+Z+fvJDxpMQA88eb2I9EcafcdjYgsDthnYTvGw==", + "dev": true, + "dependencies": { + "@jest/core": "^29.7.0", + "@jest/types": "^29.6.3", + "import-local": "^3.0.2", + "jest-cli": "^29.7.0" + }, + "bin": { + "jest": "bin/jest.js" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + }, + "peerDependencies": { + "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0" + }, + "peerDependenciesMeta": { + "node-notifier": { + "optional": true + } + } + }, + "node_modules/jest-changed-files": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-changed-files/-/jest-changed-files-29.7.0.tgz", + "integrity": "sha512-fEArFiwf1BpQ+4bXSprcDc3/x4HSzL4al2tozwVpDFpsxALjLYdyiIK4e5Vz66GQJIbXJ82+35PtysofptNX2w==", + "dev": true, + "dependencies": { + "execa": "^5.0.0", + "jest-util": "^29.7.0", + "p-limit": "^3.1.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-circus": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-circus/-/jest-circus-29.7.0.tgz", + "integrity": "sha512-3E1nCMgipcTkCocFwM90XXQab9bS+GMsjdpmPrlelaxwD93Ad8iVEjX/vvHPdLPnFf+L40u+5+iutRdA1N9myw==", + "dev": true, + "dependencies": { + "@jest/environment": "^29.7.0", + "@jest/expect": "^29.7.0", + "@jest/test-result": "^29.7.0", + "@jest/types": "^29.6.3", + "@types/node": "*", + "chalk": "^4.0.0", + "co": "^4.6.0", + "dedent": "^1.0.0", + "is-generator-fn": "^2.0.0", + "jest-each": "^29.7.0", + "jest-matcher-utils": "^29.7.0", + "jest-message-util": "^29.7.0", + "jest-runtime": "^29.7.0", + "jest-snapshot": "^29.7.0", + "jest-util": "^29.7.0", + "p-limit": "^3.1.0", + "pretty-format": "^29.7.0", + "pure-rand": "^6.0.0", + "slash": "^3.0.0", + "stack-utils": "^2.0.3" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-circus/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/jest-circus/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/jest-circus/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/jest-circus/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/jest-circus/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-circus/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-cli": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-cli/-/jest-cli-29.7.0.tgz", + "integrity": "sha512-OVVobw2IubN/GSYsxETi+gOe7Ka59EFMR/twOU3Jb2GnKKeMGJB5SGUUrEz3SFVmJASUdZUzy83sLNNQ2gZslg==", + "dev": true, + "dependencies": { + "@jest/core": "^29.7.0", + "@jest/test-result": "^29.7.0", + "@jest/types": "^29.6.3", + "chalk": "^4.0.0", + "create-jest": "^29.7.0", + "exit": "^0.1.2", + "import-local": "^3.0.2", + "jest-config": "^29.7.0", + "jest-util": "^29.7.0", + "jest-validate": "^29.7.0", + "yargs": "^17.3.1" + }, + "bin": { + "jest": "bin/jest.js" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + }, + "peerDependencies": { + "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0" + }, + "peerDependenciesMeta": { + "node-notifier": { + "optional": true + } + } + }, + "node_modules/jest-cli/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/jest-cli/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/jest-cli/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/jest-cli/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/jest-cli/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-cli/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-config": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-config/-/jest-config-29.7.0.tgz", + "integrity": "sha512-uXbpfeQ7R6TZBqI3/TxCU4q4ttk3u0PJeC+E0zbfSoSjq6bJ7buBPxzQPL0ifrkY4DNu4JUdk0ImlBUYi840eQ==", + "dev": true, + "dependencies": { + "@babel/core": "^7.11.6", + "@jest/test-sequencer": "^29.7.0", + "@jest/types": "^29.6.3", + "babel-jest": "^29.7.0", + "chalk": "^4.0.0", + "ci-info": "^3.2.0", + "deepmerge": "^4.2.2", + "glob": "^7.1.3", + "graceful-fs": "^4.2.9", + "jest-circus": "^29.7.0", + "jest-environment-node": "^29.7.0", + "jest-get-type": "^29.6.3", + "jest-regex-util": "^29.6.3", + "jest-resolve": "^29.7.0", + "jest-runner": "^29.7.0", + "jest-util": "^29.7.0", + "jest-validate": "^29.7.0", + "micromatch": "^4.0.4", + "parse-json": "^5.2.0", + "pretty-format": "^29.7.0", + "slash": "^3.0.0", + "strip-json-comments": "^3.1.1" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + }, + "peerDependencies": { + "@types/node": "*", + "ts-node": ">=9.0.0" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + }, + "ts-node": { + "optional": true + } + } + }, + "node_modules/jest-config/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/jest-config/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/jest-config/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/jest-config/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/jest-config/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-config/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-diff": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-29.7.0.tgz", + "integrity": "sha512-LMIgiIrhigmPrs03JHpxUh2yISK3vLFPkAodPeo0+BuF7wA2FoQbkEg1u8gBYBThncu7e1oEDUfIXVuTqLRUjw==", + "dev": true, + "dependencies": { + "chalk": "^4.0.0", + "diff-sequences": "^29.6.3", + "jest-get-type": "^29.6.3", + "pretty-format": "^29.7.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-diff/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/jest-diff/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/jest-diff/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/jest-diff/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/jest-diff/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-diff/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-docblock": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-docblock/-/jest-docblock-29.7.0.tgz", + "integrity": "sha512-q617Auw3A612guyaFgsbFeYpNP5t2aoUNLwBUbc/0kD1R4t9ixDbyFTHd1nok4epoVFpr7PmeWHrhvuV3XaJ4g==", + "dev": true, + "dependencies": { + "detect-newline": "^3.0.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-each": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-each/-/jest-each-29.7.0.tgz", + "integrity": "sha512-gns+Er14+ZrEoC5fhOfYCY1LOHHr0TI+rQUHZS8Ttw2l7gl+80eHc/gFf2Ktkw0+SIACDTeWvpFcv3B04VembQ==", + "dev": true, + "dependencies": { + "@jest/types": "^29.6.3", + "chalk": "^4.0.0", + "jest-get-type": "^29.6.3", + "jest-util": "^29.7.0", + "pretty-format": "^29.7.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-each/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/jest-each/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/jest-each/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/jest-each/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/jest-each/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-each/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-environment-jsdom": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-environment-jsdom/-/jest-environment-jsdom-29.7.0.tgz", + "integrity": "sha512-k9iQbsf9OyOfdzWH8HDmrRT0gSIcX+FLNW7IQq94tFX0gynPwqDTW0Ho6iMVNjGz/nb+l/vW3dWM2bbLLpkbXA==", + "dev": true, + "dependencies": { + "@jest/environment": "^29.7.0", + "@jest/fake-timers": "^29.7.0", + "@jest/types": "^29.6.3", + "@types/jsdom": "^20.0.0", + "@types/node": "*", + "jest-mock": "^29.7.0", + "jest-util": "^29.7.0", + "jsdom": "^20.0.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + }, + "peerDependencies": { + "canvas": "^2.5.0" + }, + "peerDependenciesMeta": { + "canvas": { + "optional": true + } + } + }, + "node_modules/jest-environment-node": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-environment-node/-/jest-environment-node-29.7.0.tgz", + "integrity": "sha512-DOSwCRqXirTOyheM+4d5YZOrWcdu0LNZ87ewUoywbcb2XR4wKgqiG8vNeYwhjFMbEkfju7wx2GYH0P2gevGvFw==", + "dev": true, + "dependencies": { + "@jest/environment": "^29.7.0", + "@jest/fake-timers": "^29.7.0", + "@jest/types": "^29.6.3", + "@types/node": "*", + "jest-mock": "^29.7.0", + "jest-util": "^29.7.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-get-type": { + "version": "29.6.3", + "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.6.3.tgz", + "integrity": "sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==", + "dev": true, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-haste-map": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-29.7.0.tgz", + "integrity": "sha512-fP8u2pyfqx0K1rGn1R9pyE0/KTn+G7PxktWidOBTqFPLYX0b9ksaMFkhK5vrS3DVun09pckLdlx90QthlW7AmA==", + "dev": true, + "dependencies": { + "@jest/types": "^29.6.3", + "@types/graceful-fs": "^4.1.3", + "@types/node": "*", + "anymatch": "^3.0.3", + "fb-watchman": "^2.0.0", + "graceful-fs": "^4.2.9", + "jest-regex-util": "^29.6.3", + "jest-util": "^29.7.0", + "jest-worker": "^29.7.0", + "micromatch": "^4.0.4", + "walker": "^1.0.8" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + }, + "optionalDependencies": { + "fsevents": "^2.3.2" + } + }, + "node_modules/jest-leak-detector": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-leak-detector/-/jest-leak-detector-29.7.0.tgz", + "integrity": "sha512-kYA8IJcSYtST2BY9I+SMC32nDpBT3J2NvWJx8+JCuCdl/CR1I4EKUJROiP8XtCcxqgTTBGJNdbB1A8XRKbTetw==", + "dev": true, + "dependencies": { + "jest-get-type": "^29.6.3", + "pretty-format": "^29.7.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-matcher-utils": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-29.7.0.tgz", + "integrity": "sha512-sBkD+Xi9DtcChsI3L3u0+N0opgPYnCRPtGcQYrgXmR+hmt/fYfWAL0xRXYU8eWOdfuLgBe0YCW3AFtnRLagq/g==", + "dev": true, + "dependencies": { + "chalk": "^4.0.0", + "jest-diff": "^29.7.0", + "jest-get-type": "^29.6.3", + "pretty-format": "^29.7.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-matcher-utils/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/jest-matcher-utils/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/jest-matcher-utils/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/jest-matcher-utils/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/jest-matcher-utils/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-matcher-utils/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-message-util": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.7.0.tgz", + "integrity": "sha512-GBEV4GRADeP+qtB2+6u61stea8mGcOT4mCtrYISZwfu9/ISHFJ/5zOMXYbpBE9RsS5+Gb63DW4FgmnKJ79Kf6w==", + "dev": true, + "dependencies": { + "@babel/code-frame": "^7.12.13", + "@jest/types": "^29.6.3", + "@types/stack-utils": "^2.0.0", + "chalk": "^4.0.0", + "graceful-fs": "^4.2.9", + "micromatch": "^4.0.4", + "pretty-format": "^29.7.0", + "slash": "^3.0.0", + "stack-utils": "^2.0.3" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-message-util/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/jest-message-util/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/jest-message-util/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/jest-message-util/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/jest-message-util/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-message-util/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-mock": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-mock/-/jest-mock-29.7.0.tgz", + "integrity": "sha512-ITOMZn+UkYS4ZFh83xYAOzWStloNzJFO2s8DWrE4lhtGD+AorgnbkiKERe4wQVBydIGPx059g6riW5Btp6Llnw==", + "dev": true, + "dependencies": { + "@jest/types": "^29.6.3", + "@types/node": "*", + "jest-util": "^29.7.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-pnp-resolver": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz", + "integrity": "sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==", + "dev": true, + "engines": { + "node": ">=6" + }, + "peerDependencies": { + "jest-resolve": "*" + }, + "peerDependenciesMeta": { + "jest-resolve": { + "optional": true + } + } + }, + "node_modules/jest-regex-util": { + "version": "29.6.3", + "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-29.6.3.tgz", + "integrity": "sha512-KJJBsRCyyLNWCNBOvZyRDnAIfUiRJ8v+hOBQYGn8gDyF3UegwiP4gwRR3/SDa42g1YbVycTidUF3rKjyLFDWbg==", + "dev": true, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-resolve": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-resolve/-/jest-resolve-29.7.0.tgz", + "integrity": "sha512-IOVhZSrg+UvVAshDSDtHyFCCBUl/Q3AAJv8iZ6ZjnZ74xzvwuzLXid9IIIPgTnY62SJjfuupMKZsZQRsCvxEgA==", + "dev": true, + "dependencies": { + "chalk": "^4.0.0", + "graceful-fs": "^4.2.9", + "jest-haste-map": "^29.7.0", + "jest-pnp-resolver": "^1.2.2", + "jest-util": "^29.7.0", + "jest-validate": "^29.7.0", + "resolve": "^1.20.0", + "resolve.exports": "^2.0.0", + "slash": "^3.0.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-resolve-dependencies": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-resolve-dependencies/-/jest-resolve-dependencies-29.7.0.tgz", + "integrity": "sha512-un0zD/6qxJ+S0et7WxeI3H5XSe9lTBBR7bOHCHXkKR6luG5mwDDlIzVQ0V5cZCuoTgEdcdwzTghYkTWfubi+nA==", + "dev": true, + "dependencies": { + "jest-regex-util": "^29.6.3", + "jest-snapshot": "^29.7.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-resolve/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/jest-resolve/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/jest-resolve/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/jest-resolve/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/jest-resolve/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-resolve/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-runner": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-runner/-/jest-runner-29.7.0.tgz", + "integrity": "sha512-fsc4N6cPCAahybGBfTRcq5wFR6fpLznMg47sY5aDpsoejOcVYFb07AHuSnR0liMcPTgBsA3ZJL6kFOjPdoNipQ==", + "dev": true, + "dependencies": { + "@jest/console": "^29.7.0", + "@jest/environment": "^29.7.0", + "@jest/test-result": "^29.7.0", + "@jest/transform": "^29.7.0", + "@jest/types": "^29.6.3", + "@types/node": "*", + "chalk": "^4.0.0", + "emittery": "^0.13.1", + "graceful-fs": "^4.2.9", + "jest-docblock": "^29.7.0", + "jest-environment-node": "^29.7.0", + "jest-haste-map": "^29.7.0", + "jest-leak-detector": "^29.7.0", + "jest-message-util": "^29.7.0", + "jest-resolve": "^29.7.0", + "jest-runtime": "^29.7.0", + "jest-util": "^29.7.0", + "jest-watcher": "^29.7.0", + "jest-worker": "^29.7.0", + "p-limit": "^3.1.0", + "source-map-support": "0.5.13" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-runner/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/jest-runner/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/jest-runner/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/jest-runner/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/jest-runner/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-runner/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-runtime": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-runtime/-/jest-runtime-29.7.0.tgz", + "integrity": "sha512-gUnLjgwdGqW7B4LvOIkbKs9WGbn+QLqRQQ9juC6HndeDiezIwhDP+mhMwHWCEcfQ5RUXa6OPnFF8BJh5xegwwQ==", + "dev": true, + "dependencies": { + "@jest/environment": "^29.7.0", + "@jest/fake-timers": "^29.7.0", + "@jest/globals": "^29.7.0", + "@jest/source-map": "^29.6.3", + "@jest/test-result": "^29.7.0", + "@jest/transform": "^29.7.0", + "@jest/types": "^29.6.3", + "@types/node": "*", + "chalk": "^4.0.0", + "cjs-module-lexer": "^1.0.0", + "collect-v8-coverage": "^1.0.0", + "glob": "^7.1.3", + "graceful-fs": "^4.2.9", + "jest-haste-map": "^29.7.0", + "jest-message-util": "^29.7.0", + "jest-mock": "^29.7.0", + "jest-regex-util": "^29.6.3", + "jest-resolve": "^29.7.0", + "jest-snapshot": "^29.7.0", + "jest-util": "^29.7.0", + "slash": "^3.0.0", + "strip-bom": "^4.0.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-runtime/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/jest-runtime/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/jest-runtime/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/jest-runtime/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/jest-runtime/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-runtime/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-snapshot": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-snapshot/-/jest-snapshot-29.7.0.tgz", + "integrity": "sha512-Rm0BMWtxBcioHr1/OX5YCP8Uov4riHvKPknOGs804Zg9JGZgmIBkbtlxJC/7Z4msKYVbIJtfU+tKb8xlYNfdkw==", + "dev": true, + "dependencies": { + "@babel/core": "^7.11.6", + "@babel/generator": "^7.7.2", + "@babel/plugin-syntax-jsx": "^7.7.2", + "@babel/plugin-syntax-typescript": "^7.7.2", + "@babel/types": "^7.3.3", + "@jest/expect-utils": "^29.7.0", + "@jest/transform": "^29.7.0", + "@jest/types": "^29.6.3", + "babel-preset-current-node-syntax": "^1.0.0", + "chalk": "^4.0.0", + "expect": "^29.7.0", + "graceful-fs": "^4.2.9", + "jest-diff": "^29.7.0", + "jest-get-type": "^29.6.3", + "jest-matcher-utils": "^29.7.0", + "jest-message-util": "^29.7.0", + "jest-util": "^29.7.0", + "natural-compare": "^1.4.0", + "pretty-format": "^29.7.0", + "semver": "^7.5.3" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-snapshot/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/jest-snapshot/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/jest-snapshot/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/jest-snapshot/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/jest-snapshot/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-snapshot/node_modules/lru-cache": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", + "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", + "dev": true, + "dependencies": { + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/jest-snapshot/node_modules/semver": { + "version": "7.5.4", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz", + "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==", + "dev": true, + "dependencies": { + "lru-cache": "^6.0.0" + }, + "bin": { + "semver": "bin/semver.js" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/jest-snapshot/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-snapshot/node_modules/yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + }, + "node_modules/jest-util": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.7.0.tgz", + "integrity": "sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA==", + "dev": true, + "dependencies": { + "@jest/types": "^29.6.3", + "@types/node": "*", + "chalk": "^4.0.0", + "ci-info": "^3.2.0", + "graceful-fs": "^4.2.9", + "picomatch": "^2.2.3" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-util/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/jest-util/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/jest-util/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/jest-util/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/jest-util/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-util/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-validate": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-validate/-/jest-validate-29.7.0.tgz", + "integrity": "sha512-ZB7wHqaRGVw/9hST/OuFUReG7M8vKeq0/J2egIGLdvjHCmYqGARhzXmtgi+gVeZ5uXFF219aOc3Ls2yLg27tkw==", + "dev": true, + "dependencies": { + "@jest/types": "^29.6.3", + "camelcase": "^6.2.0", + "chalk": "^4.0.0", + "jest-get-type": "^29.6.3", + "leven": "^3.1.0", + "pretty-format": "^29.7.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-validate/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/jest-validate/node_modules/camelcase": { + "version": "6.3.0", + "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz", + "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/jest-validate/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/jest-validate/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/jest-validate/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/jest-validate/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-validate/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-watch-typeahead": { + "version": "2.2.2", + "resolved": "https://registry.npmjs.org/jest-watch-typeahead/-/jest-watch-typeahead-2.2.2.tgz", + "integrity": "sha512-+QgOFW4o5Xlgd6jGS5X37i08tuuXNW8X0CV9WNFi+3n8ExCIP+E1melYhvYLjv5fE6D0yyzk74vsSO8I6GqtvQ==", + "dev": true, + "dependencies": { + "ansi-escapes": "^6.0.0", + "chalk": "^5.2.0", + "jest-regex-util": "^29.0.0", + "jest-watcher": "^29.0.0", + "slash": "^5.0.0", + "string-length": "^5.0.1", + "strip-ansi": "^7.0.1" + }, + "engines": { + "node": "^14.17.0 || ^16.10.0 || >=18.0.0" + }, + "peerDependencies": { + "jest": "^27.0.0 || ^28.0.0 || ^29.0.0" + } + }, + "node_modules/jest-watch-typeahead/node_modules/ansi-escapes": { + "version": "6.2.0", + "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-6.2.0.tgz", + "integrity": "sha512-kzRaCqXnpzWs+3z5ABPQiVke+iq0KXkHo8xiWV4RPTi5Yli0l97BEQuhXV1s7+aSU/fu1kUuxgS4MsQ0fRuygw==", + "dev": true, + "dependencies": { + "type-fest": "^3.0.0" + }, + "engines": { + "node": ">=14.16" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/jest-watch-typeahead/node_modules/ansi-regex": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz", + "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==", + "dev": true, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-regex?sponsor=1" + } + }, + "node_modules/jest-watch-typeahead/node_modules/chalk": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz", + "integrity": "sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==", + "dev": true, + "engines": { + "node": "^12.17.0 || ^14.13 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/jest-watch-typeahead/node_modules/char-regex": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/char-regex/-/char-regex-2.0.1.tgz", + "integrity": "sha512-oSvEeo6ZUD7NepqAat3RqoucZ5SeqLJgOvVIwkafu6IP3V0pO38s/ypdVUmDDK6qIIHNlYHJAKX9E7R7HoKElw==", + "dev": true, + "engines": { + "node": ">=12.20" + } + }, + "node_modules/jest-watch-typeahead/node_modules/slash": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-5.1.0.tgz", + "integrity": "sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==", + "dev": true, + "engines": { + "node": ">=14.16" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/jest-watch-typeahead/node_modules/string-length": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/string-length/-/string-length-5.0.1.tgz", + "integrity": "sha512-9Ep08KAMUn0OadnVaBuRdE2l615CQ508kr0XMadjClfYpdCyvrbFp6Taebo8yyxokQ4viUd/xPPUA4FGgUa0ow==", + "dev": true, + "dependencies": { + "char-regex": "^2.0.0", + "strip-ansi": "^7.0.1" + }, + "engines": { + "node": ">=12.20" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/jest-watch-typeahead/node_modules/strip-ansi": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz", + "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==", + "dev": true, + "dependencies": { + "ansi-regex": "^6.0.1" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/strip-ansi?sponsor=1" + } + }, + "node_modules/jest-watch-typeahead/node_modules/type-fest": { + "version": "3.13.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-3.13.1.tgz", + "integrity": "sha512-tLq3bSNx+xSpwvAJnzrK0Ep5CLNWjvFTOp71URMaAEWBfRb9nnJiBoUe0tF8bI4ZFO3omgBR6NvnbzVUT3Ly4g==", + "dev": true, + "engines": { + "node": ">=14.16" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/jest-watcher": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-watcher/-/jest-watcher-29.7.0.tgz", + "integrity": "sha512-49Fg7WXkU3Vl2h6LbLtMQ/HyB6rXSIX7SqvBLQmssRBGN9I0PNvPmAmCWSOY6SOvrjhI/F7/bGAv9RtnsPA03g==", + "dev": true, + "dependencies": { + "@jest/test-result": "^29.7.0", + "@jest/types": "^29.6.3", + "@types/node": "*", + "ansi-escapes": "^4.2.1", + "chalk": "^4.0.0", + "emittery": "^0.13.1", + "jest-util": "^29.7.0", + "string-length": "^4.0.1" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-watcher/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/jest-watcher/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/jest-watcher/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/jest-watcher/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/jest-watcher/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-watcher/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-worker": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.7.0.tgz", + "integrity": "sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==", + "dev": true, + "dependencies": { + "@types/node": "*", + "jest-util": "^29.7.0", + "merge-stream": "^2.0.0", + "supports-color": "^8.0.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/jest-worker/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/jest-worker/node_modules/supports-color": { + "version": "8.1.1", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz", + "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/supports-color?sponsor=1" + } + }, + "node_modules/js-tokens": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", + "dev": true + }, + "node_modules/js-yaml": { + "version": "3.14.1", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz", + "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==", + "dev": true, + "dependencies": { + "argparse": "^1.0.7", + "esprima": "^4.0.0" + }, + "bin": { + "js-yaml": "bin/js-yaml.js" + } + }, + "node_modules/jsdom": { + "version": "20.0.3", + "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-20.0.3.tgz", + "integrity": "sha512-SYhBvTh89tTfCD/CRdSOm13mOBa42iTaTyfyEWBdKcGdPxPtLFBXuHR8XHb33YNYaP+lLbmSvBTsnoesCNJEsQ==", + "dev": true, + "dependencies": { + "abab": "^2.0.6", + "acorn": "^8.8.1", + "acorn-globals": "^7.0.0", + "cssom": "^0.5.0", + "cssstyle": "^2.3.0", + "data-urls": "^3.0.2", + "decimal.js": "^10.4.2", + "domexception": "^4.0.0", + "escodegen": "^2.0.0", + "form-data": "^4.0.0", + "html-encoding-sniffer": "^3.0.0", + "http-proxy-agent": "^5.0.0", + "https-proxy-agent": "^5.0.1", + "is-potential-custom-element-name": "^1.0.1", + "nwsapi": "^2.2.2", + "parse5": "^7.1.1", + "saxes": "^6.0.0", + "symbol-tree": "^3.2.4", + "tough-cookie": "^4.1.2", + "w3c-xmlserializer": "^4.0.0", + "webidl-conversions": "^7.0.0", + "whatwg-encoding": "^2.0.0", + "whatwg-mimetype": "^3.0.0", + "whatwg-url": "^11.0.0", + "ws": "^8.11.0", + "xml-name-validator": "^4.0.0" + }, + "engines": { + "node": ">=14" + }, + "peerDependencies": { + "canvas": "^2.5.0" + }, + "peerDependenciesMeta": { + "canvas": { + "optional": true + } + } + }, + "node_modules/jsesc": { + "version": "2.5.2", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", + "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==", + "dev": true, + "bin": { + "jsesc": "bin/jsesc" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/json-buffer": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz", + "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==", + "dev": true + }, + "node_modules/json-parse-even-better-errors": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz", + "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==", + "dev": true + }, + "node_modules/json-schema-compare": { + "version": "0.2.2", + "resolved": "https://registry.npmjs.org/json-schema-compare/-/json-schema-compare-0.2.2.tgz", + "integrity": "sha512-c4WYmDKyJXhs7WWvAWm3uIYnfyWFoIp+JEoX34rctVvEkMYCPGhXtvmFFXiffBbxfZsvQ0RNnV5H7GvDF5HCqQ==", + "dev": true, + "dependencies": { + "lodash": "^4.17.4" + } + }, + "node_modules/json-schema-merge-allof": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/json-schema-merge-allof/-/json-schema-merge-allof-0.8.1.tgz", + "integrity": "sha512-CTUKmIlPJbsWfzRRnOXz+0MjIqvnleIXwFTzz+t9T86HnYX/Rozria6ZVGLktAU9e+NygNljveP+yxqtQp/Q4w==", + "dev": true, + "dependencies": { + "compute-lcm": "^1.1.2", + "json-schema-compare": "^0.2.2", + "lodash": "^4.17.20" + }, + "engines": { + "node": ">=12.0.0" + } + }, + "node_modules/json-schema-traverse": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz", + "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==", + "dev": true + }, + "node_modules/json-stable-stringify-without-jsonify": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz", + "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==", + "dev": true + }, + "node_modules/json5": { + "version": "2.2.3", + "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", + "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==", + "dev": true, + "bin": { + "json5": "lib/cli.js" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/jsonpointer": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/jsonpointer/-/jsonpointer-5.0.1.tgz", + "integrity": "sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/keyv": { + "version": "4.5.4", + "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz", + "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==", + "dev": true, + "dependencies": { + "json-buffer": "3.0.1" + } + }, + "node_modules/kleur": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz", + "integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/leven": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz", + "integrity": "sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/levn": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz", + "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==", + "dev": true, + "dependencies": { + "prelude-ls": "^1.2.1", + "type-check": "~0.4.0" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/lines-and-columns": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", + "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==", + "dev": true + }, + "node_modules/locate-path": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", + "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==", + "dev": true, + "dependencies": { + "p-locate": "^4.1.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/lodash": { + "version": "4.17.21", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", + "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", + "dev": true + }, + "node_modules/lodash-es": { + "version": "4.17.21", + "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz", + "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==", + "dev": true + }, + "node_modules/lodash.debounce": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz", + "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==", + "dev": true + }, + "node_modules/lodash.merge": { + "version": "4.6.2", + "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz", + "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==", + "dev": true + }, + "node_modules/loose-envify": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", + "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", + "dev": true, + "dependencies": { + "js-tokens": "^3.0.0 || ^4.0.0" + }, + "bin": { + "loose-envify": "cli.js" + } + }, + "node_modules/lru-cache": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", + "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==", + "dev": true, + "dependencies": { + "yallist": "^3.0.2" + } + }, + "node_modules/make-dir": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz", + "integrity": "sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==", + "dev": true, + "dependencies": { + "semver": "^7.5.3" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/make-dir/node_modules/lru-cache": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", + "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", + "dev": true, + "dependencies": { + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/make-dir/node_modules/semver": { + "version": "7.5.4", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz", + "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==", + "dev": true, + "dependencies": { + "lru-cache": "^6.0.0" + }, + "bin": { + "semver": "bin/semver.js" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/make-dir/node_modules/yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + }, + "node_modules/makeerror": { + "version": "1.0.12", + "resolved": "https://registry.npmjs.org/makeerror/-/makeerror-1.0.12.tgz", + "integrity": "sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==", + "dev": true, + "dependencies": { + "tmpl": "1.0.5" + } + }, + "node_modules/markdown-to-jsx": { + "version": "7.3.2", + "resolved": "https://registry.npmjs.org/markdown-to-jsx/-/markdown-to-jsx-7.3.2.tgz", + "integrity": "sha512-B+28F5ucp83aQm+OxNrPkS8z0tMKaeHiy0lHJs3LqCyDQFtWuenaIrkaVTgAm1pf1AU85LXltva86hlaT17i8Q==", + "dev": true, + "engines": { + "node": ">= 10" + }, + "peerDependencies": { + "react": ">= 0.14.0" + } + }, + "node_modules/merge-stream": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz", + "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==", + "dev": true + }, + "node_modules/micromatch": { + "version": "4.0.5", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz", + "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==", + "dev": true, + "dependencies": { + "braces": "^3.0.2", + "picomatch": "^2.3.1" + }, + "engines": { + "node": ">=8.6" + } + }, + "node_modules/mime-db": { + "version": "1.52.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz", + "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==", + "dev": true, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/mime-types": { + "version": "2.1.35", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz", + "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==", + "dev": true, + "dependencies": { + "mime-db": "1.52.0" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/mimic-fn": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz", + "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/minimatch": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", + "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", + "dev": true, + "dependencies": { + "brace-expansion": "^1.1.7" + }, + "engines": { + "node": "*" + } + }, + "node_modules/minipass": { + "version": "7.0.4", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.0.4.tgz", + "integrity": "sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==", + "dev": true, + "engines": { + "node": ">=16 || 14 >=14.17" + } + }, + "node_modules/ms": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", + "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", + "dev": true + }, + "node_modules/nanoid": { + "version": "3.3.7", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz", + "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "bin": { + "nanoid": "bin/nanoid.cjs" + }, + "engines": { + "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" + } + }, + "node_modules/natural-compare": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz", + "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==", + "dev": true + }, + "node_modules/node-int64": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz", + "integrity": "sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==", + "dev": true + }, + "node_modules/node-releases": { + "version": "2.0.14", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz", + "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==", + "dev": true + }, + "node_modules/normalize-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", + "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/npm-run-path": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz", + "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==", + "dev": true, + "dependencies": { + "path-key": "^3.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/nwsapi": { + "version": "2.2.7", + "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.7.tgz", + "integrity": "sha512-ub5E4+FBPKwAZx0UwIQOjYWGHTEq5sPqHQNRN8Z9e4A7u3Tj1weLJsL59yH9vmvqEtBHaOmT6cYQKIZOxp35FQ==", + "dev": true + }, + "node_modules/object-assign": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", + "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/once": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", + "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==", + "dev": true, + "dependencies": { + "wrappy": "1" + } + }, + "node_modules/onetime": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz", + "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==", + "dev": true, + "dependencies": { + "mimic-fn": "^2.1.0" + }, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/optionator": { + "version": "0.9.3", + "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz", + "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==", + "dev": true, + "dependencies": { + "@aashutoshrathi/word-wrap": "^1.2.3", + "deep-is": "^0.1.3", + "fast-levenshtein": "^2.0.6", + "levn": "^0.4.1", + "prelude-ls": "^1.2.1", + "type-check": "^0.4.0" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/p-limit": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz", + "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==", + "dev": true, + "dependencies": { + "yocto-queue": "^0.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/p-locate": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz", + "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==", + "dev": true, + "dependencies": { + "p-limit": "^2.2.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/p-locate/node_modules/p-limit": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", + "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", + "dev": true, + "dependencies": { + "p-try": "^2.0.0" + }, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/p-try": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz", + "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/parent-module": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz", + "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==", + "dev": true, + "dependencies": { + "callsites": "^3.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/parse-json": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz", + "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==", + "dev": true, + "dependencies": { + "@babel/code-frame": "^7.0.0", + "error-ex": "^1.3.1", + "json-parse-even-better-errors": "^2.3.0", + "lines-and-columns": "^1.1.6" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/parse5": { + "version": "7.1.2", + "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz", + "integrity": "sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==", + "dev": true, + "dependencies": { + "entities": "^4.4.0" + }, + "funding": { + "url": "https://github.com/inikulin/parse5?sponsor=1" + } + }, + "node_modules/path-exists": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", + "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/path-is-absolute": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", + "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/path-key": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz", + "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/path-parse": { + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", + "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", + "dev": true + }, + "node_modules/path-scurry": { + "version": "1.10.1", + "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.10.1.tgz", + "integrity": "sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==", + "dev": true, + "dependencies": { + "lru-cache": "^9.1.1 || ^10.0.0", + "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/path-scurry/node_modules/lru-cache": { + "version": "10.1.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.1.0.tgz", + "integrity": "sha512-/1clY/ui8CzjKFyjdvwPWJUYKiFVXG2I2cY0ssG7h4+hwk+XOIX7ZSG9Q7TW8TW3Kp3BUSqgFWBLgL4PJ+Blag==", + "dev": true, + "engines": { + "node": "14 || >=16.14" + } + }, + "node_modules/path-type": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz", + "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/picocolors": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", + "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==", + "dev": true + }, + "node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/pirates": { + "version": "4.0.6", + "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz", + "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==", + "dev": true, + "engines": { + "node": ">= 6" + } + }, + "node_modules/pkg-dir": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz", + "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==", + "dev": true, + "dependencies": { + "find-up": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/prelude-ls": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz", + "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==", + "dev": true, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/pretty-format": { + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz", + "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==", + "dev": true, + "dependencies": { + "@jest/schemas": "^29.6.3", + "ansi-styles": "^5.0.0", + "react-is": "^18.0.0" + }, + "engines": { + "node": "^14.15.0 || ^16.10.0 || >=18.0.0" + } + }, + "node_modules/pretty-format/node_modules/ansi-styles": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz", + "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/prompts": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz", + "integrity": "sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==", + "dev": true, + "dependencies": { + "kleur": "^3.0.3", + "sisteransi": "^1.0.5" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/prop-types": { + "version": "15.8.1", + "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz", + "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==", + "dev": true, + "dependencies": { + "loose-envify": "^1.4.0", + "object-assign": "^4.1.1", + "react-is": "^16.13.1" + } + }, + "node_modules/prop-types/node_modules/react-is": { + "version": "16.13.1", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", + "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==", + "dev": true + }, + "node_modules/psl": { + "version": "1.9.0", + "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz", + "integrity": "sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==", + "dev": true + }, + "node_modules/punycode": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz", + "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/pure-rand": { + "version": "6.0.4", + "resolved": "https://registry.npmjs.org/pure-rand/-/pure-rand-6.0.4.tgz", + "integrity": "sha512-LA0Y9kxMYv47GIPJy6MI84fqTd2HmYZI83W/kM/SkKfDlajnZYfmXFTxkbY+xSBPkLJxltMa9hIkmdc29eguMA==", + "dev": true, + "funding": [ + { + "type": "individual", + "url": "https://github.com/sponsors/dubzzz" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/fast-check" + } + ] + }, + "node_modules/querystringify": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz", + "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==", + "dev": true + }, + "node_modules/queue-microtask": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", + "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ] + }, + "node_modules/react": { + "version": "17.0.2", + "resolved": "https://registry.npmjs.org/react/-/react-17.0.2.tgz", + "integrity": "sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==", + "dev": true, + "dependencies": { + "loose-envify": "^1.1.0", + "object-assign": "^4.1.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/react-dom": { + "version": "17.0.2", + "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-17.0.2.tgz", + "integrity": "sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==", + "dev": true, + "dependencies": { + "loose-envify": "^1.1.0", + "object-assign": "^4.1.1", + "scheduler": "^0.20.2" + }, + "peerDependencies": { + "react": "17.0.2" + } + }, + "node_modules/react-is": { + "version": "18.2.0", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz", + "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==", + "dev": true + }, + "node_modules/react-shallow-renderer": { + "version": "16.15.0", + "resolved": "https://registry.npmjs.org/react-shallow-renderer/-/react-shallow-renderer-16.15.0.tgz", + "integrity": "sha512-oScf2FqQ9LFVQgA73vr86xl2NaOIX73rh+YFqcOp68CWj56tSfgtGKrEbyhCj0rSijyG9M1CYprTh39fBi5hzA==", + "dev": true, + "dependencies": { + "object-assign": "^4.1.1", + "react-is": "^16.12.0 || ^17.0.0 || ^18.0.0" + }, + "peerDependencies": { + "react": "^16.0.0 || ^17.0.0 || ^18.0.0" + } + }, + "node_modules/react-test-renderer": { + "version": "17.0.2", + "resolved": "https://registry.npmjs.org/react-test-renderer/-/react-test-renderer-17.0.2.tgz", + "integrity": "sha512-yaQ9cB89c17PUb0x6UfWRs7kQCorVdHlutU1boVPEsB8IDZH6n9tHxMacc3y0JoXOJUsZb/t/Mb8FUWMKaM7iQ==", + "dev": true, + "dependencies": { + "object-assign": "^4.1.1", + "react-is": "^17.0.2", + "react-shallow-renderer": "^16.13.1", + "scheduler": "^0.20.2" + }, + "peerDependencies": { + "react": "17.0.2" + } + }, + "node_modules/react-test-renderer/node_modules/react-is": { + "version": "17.0.2", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", + "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==", + "dev": true + }, + "node_modules/react-transition-group": { + "version": "4.4.5", + "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz", + "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==", + "dev": true, + "peer": true, + "dependencies": { + "@babel/runtime": "^7.5.5", + "dom-helpers": "^5.0.1", + "loose-envify": "^1.4.0", + "prop-types": "^15.6.2" + }, + "peerDependencies": { + "react": ">=16.6.0", + "react-dom": ">=16.6.0" + } + }, + "node_modules/regenerate": { + "version": "1.4.2", + "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz", + "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==", + "dev": true + }, + "node_modules/regenerate-unicode-properties": { + "version": "10.1.1", + "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.1.tgz", + "integrity": "sha512-X007RyZLsCJVVrjgEFVpLUTZwyOZk3oiL75ZcuYjlIWd6rNJtOjkBwQc5AsRrpbKVkxN6sklw/k/9m2jJYOf8Q==", + "dev": true, + "dependencies": { + "regenerate": "^1.4.2" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/regenerator-runtime": { + "version": "0.14.1", + "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz", + "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==", + "dev": true + }, + "node_modules/regenerator-transform": { + "version": "0.15.2", + "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.2.tgz", + "integrity": "sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.8.4" + } + }, + "node_modules/regexpu-core": { + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-5.3.2.tgz", + "integrity": "sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==", + "dev": true, + "dependencies": { + "@babel/regjsgen": "^0.8.0", + "regenerate": "^1.4.2", + "regenerate-unicode-properties": "^10.1.0", + "regjsparser": "^0.9.1", + "unicode-match-property-ecmascript": "^2.0.0", + "unicode-match-property-value-ecmascript": "^2.1.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/regjsparser": { + "version": "0.9.1", + "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.9.1.tgz", + "integrity": "sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==", + "dev": true, + "dependencies": { + "jsesc": "~0.5.0" + }, + "bin": { + "regjsparser": "bin/parser" + } + }, + "node_modules/regjsparser/node_modules/jsesc": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz", + "integrity": "sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==", + "dev": true, + "bin": { + "jsesc": "bin/jsesc" + } + }, + "node_modules/require-directory": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz", + "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/require-from-string": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz", + "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/requires-port": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz", + "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==", + "dev": true + }, + "node_modules/resolve": { + "version": "1.22.8", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz", + "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==", + "dev": true, + "dependencies": { + "is-core-module": "^2.13.0", + "path-parse": "^1.0.7", + "supports-preserve-symlinks-flag": "^1.0.0" + }, + "bin": { + "resolve": "bin/resolve" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/resolve-cwd": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-3.0.0.tgz", + "integrity": "sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==", + "dev": true, + "dependencies": { + "resolve-from": "^5.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/resolve-from": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz", + "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/resolve.exports": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/resolve.exports/-/resolve.exports-2.0.2.tgz", + "integrity": "sha512-X2UW6Nw3n/aMgDVy+0rSqgHlv39WZAlZrXCdnbyEiKm17DSqHX4MmQMaST3FbeWR5FTuRcUwYAziZajji0Y7mg==", + "dev": true, + "engines": { + "node": ">=10" + } + }, + "node_modules/reusify": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz", + "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==", + "dev": true, + "engines": { + "iojs": ">=1.0.0", + "node": ">=0.10.0" + } + }, + "node_modules/rimraf": { + "version": "5.0.5", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-5.0.5.tgz", + "integrity": "sha512-CqDakW+hMe/Bz202FPEymy68P+G50RfMQK+Qo5YUqc9SPipvbGjCGKd0RSKEelbsfQuw3g5NZDSrlZZAJurH1A==", + "dev": true, + "dependencies": { + "glob": "^10.3.7" + }, + "bin": { + "rimraf": "dist/esm/bin.mjs" + }, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/rimraf/node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dev": true, + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "node_modules/rimraf/node_modules/glob": { + "version": "10.3.10", + "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz", + "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==", + "dev": true, + "dependencies": { + "foreground-child": "^3.1.0", + "jackspeak": "^2.3.5", + "minimatch": "^9.0.1", + "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0", + "path-scurry": "^1.10.1" + }, + "bin": { + "glob": "dist/esm/bin.mjs" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/rimraf/node_modules/minimatch": { + "version": "9.0.3", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz", + "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==", + "dev": true, + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/rollup": { + "version": "3.29.4", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.4.tgz", + "integrity": "sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==", + "dev": true, + "bin": { + "rollup": "dist/bin/rollup" + }, + "engines": { + "node": ">=14.18.0", + "npm": ">=8.0.0" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + } + }, + "node_modules/run-parallel": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz", + "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "dependencies": { + "queue-microtask": "^1.2.2" + } + }, + "node_modules/safer-buffer": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", + "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", + "dev": true + }, + "node_modules/saxes": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz", + "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==", + "dev": true, + "dependencies": { + "xmlchars": "^2.2.0" + }, + "engines": { + "node": ">=v12.22.7" + } + }, + "node_modules/scheduler": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.20.2.tgz", + "integrity": "sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ==", + "dev": true, + "dependencies": { + "loose-envify": "^1.1.0", + "object-assign": "^4.1.1" + } + }, + "node_modules/semver": { + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", + "dev": true, + "bin": { + "semver": "bin/semver.js" + } + }, + "node_modules/shebang-command": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", + "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==", + "dev": true, + "dependencies": { + "shebang-regex": "^3.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/shebang-regex": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz", + "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/signal-exit": { + "version": "3.0.7", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz", + "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==", + "dev": true + }, + "node_modules/sisteransi": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz", + "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==", + "dev": true + }, + "node_modules/slash": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz", + "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/source-map": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/source-map-support": { + "version": "0.5.13", + "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.13.tgz", + "integrity": "sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==", + "dev": true, + "dependencies": { + "buffer-from": "^1.0.0", + "source-map": "^0.6.0" + } + }, + "node_modules/source-map-support/node_modules/source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/specificity": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/specificity/-/specificity-0.4.1.tgz", + "integrity": "sha512-1klA3Gi5PD1Wv9Q0wUoOQN1IWAuPu0D1U03ThXTr0cJ20+/iq2tHSDnK7Kk/0LXJ1ztUB2/1Os0wKmfyNgUQfg==", + "dev": true, + "bin": { + "specificity": "bin/specificity" + } + }, + "node_modules/sprintf-js": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz", + "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==", + "dev": true + }, + "node_modules/stack-utils": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz", + "integrity": "sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==", + "dev": true, + "dependencies": { + "escape-string-regexp": "^2.0.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/stack-utils/node_modules/escape-string-regexp": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz", + "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/string-length": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/string-length/-/string-length-4.0.2.tgz", + "integrity": "sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==", + "dev": true, + "dependencies": { + "char-regex": "^1.0.2", + "strip-ansi": "^6.0.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/string-width": { + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", + "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", + "dev": true, + "dependencies": { + "emoji-regex": "^8.0.0", + "is-fullwidth-code-point": "^3.0.0", + "strip-ansi": "^6.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/string-width-cjs": { + "name": "string-width", + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", + "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", + "dev": true, + "dependencies": { + "emoji-regex": "^8.0.0", + "is-fullwidth-code-point": "^3.0.0", + "strip-ansi": "^6.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/strip-ansi-cjs": { + "name": "strip-ansi", + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/strip-bom": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-4.0.0.tgz", + "integrity": "sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/strip-final-newline": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz", + "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/strip-json-comments": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz", + "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==", + "dev": true, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/stylis": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz", + "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==", + "dev": true + }, + "node_modules/supports-color": { + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "dev": true, + "dependencies": { + "has-flag": "^3.0.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/supports-preserve-symlinks-flag": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", + "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", + "dev": true, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/symbol-tree": { + "version": "3.2.4", + "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz", + "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==", + "dev": true + }, + "node_modules/test-exclude": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz", + "integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==", + "dev": true, + "dependencies": { + "@istanbuljs/schema": "^0.1.2", + "glob": "^7.1.4", + "minimatch": "^3.0.4" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/text-table": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz", + "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==", + "dev": true + }, + "node_modules/tmpl": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz", + "integrity": "sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==", + "dev": true + }, + "node_modules/to-fast-properties": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", + "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "dev": true, + "dependencies": { + "is-number": "^7.0.0" + }, + "engines": { + "node": ">=8.0" + } + }, + "node_modules/tough-cookie": { + "version": "4.1.3", + "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.3.tgz", + "integrity": "sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==", + "dev": true, + "dependencies": { + "psl": "^1.1.33", + "punycode": "^2.1.1", + "universalify": "^0.2.0", + "url-parse": "^1.5.3" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/tr46": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/tr46/-/tr46-3.0.0.tgz", + "integrity": "sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==", + "dev": true, + "dependencies": { + "punycode": "^2.1.1" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/type-check": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz", + "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==", + "dev": true, + "dependencies": { + "prelude-ls": "^1.2.1" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/type-detect": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz", + "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/type-fest": { + "version": "0.21.3", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz", + "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/typescript": { + "version": "4.9.5", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz", + "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==", + "dev": true, + "bin": { + "tsc": "bin/tsc", + "tsserver": "bin/tsserver" + }, + "engines": { + "node": ">=4.2.0" + } + }, + "node_modules/undici-types": { + "version": "5.26.5", + "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz", + "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==", + "dev": true + }, + "node_modules/unicode-canonical-property-names-ecmascript": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz", + "integrity": "sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/unicode-match-property-ecmascript": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz", + "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==", + "dev": true, + "dependencies": { + "unicode-canonical-property-names-ecmascript": "^2.0.0", + "unicode-property-aliases-ecmascript": "^2.0.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/unicode-match-property-value-ecmascript": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.1.0.tgz", + "integrity": "sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/unicode-property-aliases-ecmascript": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz", + "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/universalify": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz", + "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==", + "dev": true, + "engines": { + "node": ">= 4.0.0" + } + }, + "node_modules/update-browserslist-db": { + "version": "1.0.13", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz", + "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/browserslist" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "dependencies": { + "escalade": "^3.1.1", + "picocolors": "^1.0.0" + }, + "bin": { + "update-browserslist-db": "cli.js" + }, + "peerDependencies": { + "browserslist": ">= 4.21.0" + } + }, + "node_modules/uri-js": { + "version": "4.4.1", + "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz", + "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==", + "dev": true, + "dependencies": { + "punycode": "^2.1.0" + } + }, + "node_modules/url-parse": { + "version": "1.5.10", + "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz", + "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==", + "dev": true, + "dependencies": { + "querystringify": "^2.1.1", + "requires-port": "^1.0.0" + } + }, + "node_modules/v8-to-istanbul": { + "version": "9.2.0", + "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.2.0.tgz", + "integrity": "sha512-/EH/sDgxU2eGxajKdwLCDmQ4FWq+kpi3uCmBGpw1xJtnAxEjlD8j8PEiGWpCIMIs3ciNAgH0d3TTJiUkYzyZjA==", + "dev": true, + "dependencies": { + "@jridgewell/trace-mapping": "^0.3.12", + "@types/istanbul-lib-coverage": "^2.0.1", + "convert-source-map": "^2.0.0" + }, + "engines": { + "node": ">=10.12.0" + } + }, + "node_modules/validate.io-array": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/validate.io-array/-/validate.io-array-1.0.6.tgz", + "integrity": "sha512-DeOy7CnPEziggrOO5CZhVKJw6S3Yi7e9e65R1Nl/RTN1vTQKnzjfvks0/8kQ40FP/dsjRAOd4hxmJ7uLa6vxkg==", + "dev": true + }, + "node_modules/validate.io-function": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/validate.io-function/-/validate.io-function-1.0.2.tgz", + "integrity": "sha512-LlFybRJEriSuBnUhQyG5bwglhh50EpTL2ul23MPIuR1odjO7XaMLFV8vHGwp7AZciFxtYOeiSCT5st+XSPONiQ==", + "dev": true + }, + "node_modules/validate.io-integer": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/validate.io-integer/-/validate.io-integer-1.0.5.tgz", + "integrity": "sha512-22izsYSLojN/P6bppBqhgUDjCkr5RY2jd+N2a3DCAUey8ydvrZ/OkGvFPR7qfOpwR2LC5p4Ngzxz36g5Vgr/hQ==", + "dev": true, + "dependencies": { + "validate.io-number": "^1.0.3" + } + }, + "node_modules/validate.io-integer-array": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/validate.io-integer-array/-/validate.io-integer-array-1.0.0.tgz", + "integrity": "sha512-mTrMk/1ytQHtCY0oNO3dztafHYyGU88KL+jRxWuzfOmQb+4qqnWmI+gykvGp8usKZOM0H7keJHEbRaFiYA0VrA==", + "dev": true, + "dependencies": { + "validate.io-array": "^1.0.3", + "validate.io-integer": "^1.0.4" + } + }, + "node_modules/validate.io-number": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/validate.io-number/-/validate.io-number-1.0.3.tgz", + "integrity": "sha512-kRAyotcbNaSYoDnXvb4MHg/0a1egJdLwS6oJ38TJY7aw9n93Fl/3blIXdyYvPOp55CNxywooG/3BcrwNrBpcSg==", + "dev": true + }, + "node_modules/w3c-xmlserializer": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz", + "integrity": "sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==", + "dev": true, + "dependencies": { + "xml-name-validator": "^4.0.0" + }, + "engines": { + "node": ">=14" + } + }, + "node_modules/walker": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/walker/-/walker-1.0.8.tgz", + "integrity": "sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==", + "dev": true, + "dependencies": { + "makeerror": "1.0.12" + } + }, + "node_modules/webidl-conversions": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz", + "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==", + "dev": true, + "engines": { + "node": ">=12" + } + }, + "node_modules/whatwg-encoding": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz", + "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==", + "dev": true, + "dependencies": { + "iconv-lite": "0.6.3" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/whatwg-mimetype": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz", + "integrity": "sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==", + "dev": true, + "engines": { + "node": ">=12" + } + }, + "node_modules/whatwg-url": { + "version": "11.0.0", + "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-11.0.0.tgz", + "integrity": "sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==", + "dev": true, + "dependencies": { + "tr46": "^3.0.0", + "webidl-conversions": "^7.0.0" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/which": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", + "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", + "dev": true, + "dependencies": { + "isexe": "^2.0.0" + }, + "bin": { + "node-which": "bin/node-which" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/wrap-ansi": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", + "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.0.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/wrap-ansi?sponsor=1" + } + }, + "node_modules/wrap-ansi-cjs": { + "name": "wrap-ansi", + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", + "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.0.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/wrap-ansi?sponsor=1" + } + }, + "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/wrap-ansi-cjs/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/wrap-ansi-cjs/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/wrap-ansi/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/wrap-ansi/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/wrap-ansi/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/wrappy": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", + "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==", + "dev": true + }, + "node_modules/write-file-atomic": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.2.tgz", + "integrity": "sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==", + "dev": true, + "dependencies": { + "imurmurhash": "^0.1.4", + "signal-exit": "^3.0.7" + }, + "engines": { + "node": "^12.13.0 || ^14.15.0 || >=16.0.0" + } + }, + "node_modules/ws": { + "version": "8.16.0", + "resolved": "https://registry.npmjs.org/ws/-/ws-8.16.0.tgz", + "integrity": "sha512-HS0c//TP7Ina87TfiPUz1rQzMhHrl/SG2guqRcTOIUYD2q8uhUdNHZYJUaQ8aTGPzCh+c6oawMKW35nFl1dxyQ==", + "dev": true, + "engines": { + "node": ">=10.0.0" + }, + "peerDependencies": { + "bufferutil": "^4.0.1", + "utf-8-validate": ">=5.0.2" + }, + "peerDependenciesMeta": { + "bufferutil": { + "optional": true + }, + "utf-8-validate": { + "optional": true + } + } + }, + "node_modules/xml-name-validator": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz", + "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==", + "dev": true, + "engines": { + "node": ">=12" + } + }, + "node_modules/xmlchars": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz", + "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==", + "dev": true + }, + "node_modules/y18n": { + "version": "5.0.8", + "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz", + "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==", + "dev": true, + "engines": { + "node": ">=10" + } + }, + "node_modules/yallist": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz", + "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==", + "dev": true + }, + "node_modules/yaml": { + "version": "1.10.2", + "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz", + "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==", + "dev": true, + "engines": { + "node": ">= 6" + } + }, + "node_modules/yargs": { + "version": "17.7.2", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz", + "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==", + "dev": true, + "dependencies": { + "cliui": "^8.0.1", + "escalade": "^3.1.1", + "get-caller-file": "^2.0.5", + "require-directory": "^2.1.1", + "string-width": "^4.2.3", + "y18n": "^5.0.5", + "yargs-parser": "^21.1.1" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/yargs-parser": { + "version": "21.1.1", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz", + "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==", + "dev": true, + "engines": { + "node": ">=12" + } + }, + "node_modules/yocto-queue": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz", + "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + } + } +} diff --git a/packages/mui-joy/package.json b/packages/mui-joy/package.json new file mode 100644 index 0000000000..3269149529 --- /dev/null +++ b/packages/mui-joy/package.json @@ -0,0 +1,102 @@ +{ + "name": "@rjsf/mui-joy", + "version": "5.15.1", + "main": "./dist/index.js", + "module": "./lib/index.js", + "types": "./lib/index.d.ts", + "description": "Mui Joy theme, fields and widgets for react-jsonschema-form", + "files": [ + "dist", + "lib", + "src" + ], + "scripts": { + "build:ts": "tsc -b", + "build:cjs": "esbuild ./src/index.ts --bundle --outfile=dist/index.js --sourcemap --packages=external --format=cjs", + "build:esm": "esbuild ./src/index.ts --bundle --outfile=dist/mui.esm.js --sourcemap --packages=external --format=esm", + "build:umd": "rollup dist/mui.esm.js --format=umd --file=dist/mui.umd.js --name=@rjsf/mui", + "build": "npm run build:ts && npm run build:cjs && npm run build:esm && npm run build:umd", + "cs-check": "prettier -l \"{src,test}/**/*.ts?(x)\"", + "cs-format": "prettier \"{src,test}/**/*.ts?(x)\" --write", + "lint": "eslint src test", + "precommit": "lint-staged", + "test": "jest", + "test:update": "jest --u" + }, + "lint-staged": { + "{src,test}/**/*.ts?(x)": [ + "eslint --fix" + ] + }, + "engines": { + "node": ">=14" + }, + "peerDependencies": { + "@emotion/react": "^11.7.0", + "@emotion/styled": "^11.6.0", + "@mui/icons-material": "^5.2.0", + "@mui/joy": "^5.0.0-beta.20", + "@rjsf/core": "^5.12.x", + "@rjsf/utils": "^5.12.x", + "react": ">=17" + }, + "devDependencies": { + "@babel/core": "^7.22.17", + "@babel/plugin-proposal-class-properties": "^7.18.6", + "@babel/plugin-proposal-optional-chaining": "^7.21.0", + "@babel/preset-env": "^7.22.15", + "@babel/preset-react": "^7.22.15", + "@babel/preset-typescript": "^7.22.15", + "@emotion/jest": "^11.11.0", + "@emotion/react": "^11.11.1", + "@emotion/styled": "^11.11.0", + "@mui/icons-material": "^5.14.8", + "@mui/joy": "^5.0.0-beta.20", + "@rjsf/core": "^5.15.1", + "@rjsf/snapshot-tests": "^5.15.1", + "@rjsf/utils": "^5.15.1", + "@rjsf/validator-ajv8": "^5.15.1", + "@types/jest": "^29.5.7", + "@types/react": "^17.0.65", + "@types/react-dom": "^17.0.20", + "@types/react-test-renderer": "^17.0.3", + "babel-jest": "^29.6.4", + "esbuild": "^0.18.20", + "eslint": "^8.48.0", + "jest": "^29.6.4", + "jest-environment-jsdom": "^29.6.4", + "jest-watch-typeahead": "^2.2.2", + "react": "^17.0.2", + "react-dom": "^17.0.2", + "react-test-renderer": "^17.0.2", + "rimraf": "^5.0.1", + "rollup": "^3.29.0", + "typescript": "^4.9.5" + }, + "publishConfig": { + "access": "public" + }, + "author": "Agustin N. R. Ramirez ", + "contributors": [ + "Lorenz Henk ", + "Heath Chiavettone " + ], + "keywords": [ + "Material UI", + "react-jsonschema-form", + "jsonschema", + "json-schema", + "json", + "schema", + "form", + "react", + "material-ui 5", + "mui", + "rjsf-mui" + ], + "repository": { + "type": "git", + "url": "git+https://github.com/rjsf-team/react-jsonschema-form.git" + }, + "license": "Apache-2.0" +} diff --git a/packages/mui-joy/screenshot.png b/packages/mui-joy/screenshot.png new file mode 100644 index 0000000000..33a16f1f39 Binary files /dev/null and b/packages/mui-joy/screenshot.png differ diff --git a/packages/mui-joy/src/AddButton/AddButton.tsx b/packages/mui-joy/src/AddButton/AddButton.tsx new file mode 100644 index 0000000000..d976b29fa3 --- /dev/null +++ b/packages/mui-joy/src/AddButton/AddButton.tsx @@ -0,0 +1,18 @@ +import AddIcon from '@mui/icons-material/Add'; +import IconButton from '@mui/joy/IconButton'; +import { FormContextType, IconButtonProps, RJSFSchema, StrictRJSFSchema, TranslatableString } from '@rjsf/utils'; + +/** The `AddButton` renders a button that represent the `Add` action on a form + */ +export default function AddButton({ + uiSchema, + registry, + ...props +}: IconButtonProps) { + const { translateString } = registry; + return ( + + + + ); +} diff --git a/packages/mui-joy/src/AddButton/index.ts b/packages/mui-joy/src/AddButton/index.ts new file mode 100644 index 0000000000..752d720d32 --- /dev/null +++ b/packages/mui-joy/src/AddButton/index.ts @@ -0,0 +1,2 @@ +export { default } from './AddButton'; +export * from './AddButton'; diff --git a/packages/mui-joy/src/AltDateTimeWidget/AltDateTimeWidget.tsx b/packages/mui-joy/src/AltDateTimeWidget/AltDateTimeWidget.tsx new file mode 100644 index 0000000000..1edd10d57d --- /dev/null +++ b/packages/mui-joy/src/AltDateTimeWidget/AltDateTimeWidget.tsx @@ -0,0 +1,16 @@ +import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils'; + +/** The `AltDateTimeWidget` is an alternative widget for rendering datetime properties. + * It uses the AltDateWidget for rendering, with the `time` prop set to true by default. + * + * @param props - The `WidgetProps` for this component + */ +function AltDateTimeWidget({ + time = true, + ...props +}: WidgetProps) { + const { AltDateWidget } = props.registry.widgets; + return ; +} + +export default AltDateTimeWidget; diff --git a/packages/mui-joy/src/AltDateTimeWidget/index.ts b/packages/mui-joy/src/AltDateTimeWidget/index.ts new file mode 100644 index 0000000000..705c578507 --- /dev/null +++ b/packages/mui-joy/src/AltDateTimeWidget/index.ts @@ -0,0 +1,2 @@ +export { default } from './AltDateTimeWidget'; +export * from './AltDateTimeWidget'; diff --git a/packages/mui-joy/src/AltDateWidget/AltDateWidget.tsx b/packages/mui-joy/src/AltDateWidget/AltDateWidget.tsx new file mode 100644 index 0000000000..544e1c82bd --- /dev/null +++ b/packages/mui-joy/src/AltDateWidget/AltDateWidget.tsx @@ -0,0 +1,275 @@ +import { MouseEvent, memo, useCallback, useEffect, useReducer, useState } from 'react'; +import { + ariaDescribedByIds, + parseDateString, + toDateString, + pad, + DateObject, + FormContextType, + RJSFSchema, + StrictRJSFSchema, + TranslatableString, + WidgetProps, +} from '@rjsf/utils'; +import Stack from '@mui/joy/Stack'; +import Button from '@mui/joy/Button'; + +function rangeOptions(start: number, stop: number) { + const options = []; + for (let i = start; i <= stop; i++) { + options.push({ value: i, label: pad(i, 2) }); + } + return options; +} + +function readyForChange(state: DateObject) { + return Object.values(state).every((value) => value !== -1); +} + +function dateElementProps( + state: DateObject, + time: boolean, + yearsRange: [number, number] = [1900, new Date().getFullYear() + 2] +) { + const { year, month, day, hour, minute, second } = state; + const data = [ + { + type: 'year', + range: yearsRange, + value: year, + }, + { type: 'month', range: [1, 12], value: month }, + { type: 'day', range: [1, 31], value: day }, + ] as { type: string; range: [number, number]; value: number | undefined }[]; + if (time) { + data.push( + { type: 'hour', range: [0, 23], value: hour }, + { type: 'minute', range: [0, 59], value: minute }, + { type: 'second', range: [0, 59], value: second } + ); + } + return data; +} + +type DateElementProps = Pick< + WidgetProps, + 'value' | 'name' | 'disabled' | 'readonly' | 'autofocus' | 'registry' | 'onBlur' | 'onFocus' +> & { + rootId: string; + select: (property: keyof DateObject, value: any) => void; + type: string; + range: [number, number]; +}; + +function DateElement({ + type, + range, + value, + select, + rootId, + name, + disabled, + readonly, + autofocus, + registry, + onBlur, + onFocus, + endDecorator, +}: DateElementProps & any) { + const id = rootId + '_' + type; + const { SelectWidget } = registry.widgets; + return ( + select(type as keyof DateObject, value)} + onBlur={onBlur} + onFocus={onFocus} + registry={registry} + label='' + aria-describedby={ariaDescribedByIds(rootId)} + endDecorator={endDecorator} + /> + ); +} + +const Stacks = memo( + ({ id, name, handleChange, state, time, options, disabled, readonly, registry, onBlur, onFocus, autofocus }: any) => { + const dateTimeElements = dateElementProps(state, time, options.yearsRange as [number, number] | undefined); + if (!dateTimeElements) { + return null; + } + const dateElements = dateTimeElements.slice(0, 3); + const timeElements = dateTimeElements.slice(3); + if (time) { + return ( + <> + + {dateElements.map((elemProps, i) => ( + + ))} + + + {timeElements.map((elemProps, i) => ( + + ))} + + + ); + } else { + return ( + + {dateElements.map((elemProps, i) => ( + + ))} + + ); + } + } +); + +/** The `AltDateWidget` is an alternative widget for rendering date properties. + * + * @param props - The `WidgetProps` for this component + */ +function AltDateWidget({ + time = false, + disabled = false, + readonly = false, + autofocus = false, + options, + id, + name, + registry, + onBlur, + onFocus, + onChange, + value, +}: WidgetProps) { + const { translateString } = registry; + const [lastValue, setLastValue] = useState(value); + const [state, setState] = useReducer((state: DateObject, action: Partial) => { + return { ...state, ...action }; + }, parseDateString(value, time)); + + useEffect(() => { + try { + const stateValue = toDateString(state, time); + if (readyForChange(state) && stateValue !== value) { + // The user changed the date to a new valid data via the comboboxes, so call onChange + onChange(stateValue); + } else if (lastValue !== value) { + // We got a new value in the props + setLastValue(value); + setState(parseDateString(value, time)); + } + } catch (e) { + console.log('AltDateWidget useEffect error', e); + } + }, [time, value, onChange, state, lastValue]); + + const handleChange = useCallback((property: keyof DateObject, value: string) => { + setState({ [property]: value }); + }, []); + + const handleSetNow = useCallback( + (event: MouseEvent) => { + event.preventDefault(); + if (disabled || readonly) { + return; + } + const nextState = parseDateString(new Date().toJSON(), time); + onChange(toDateString(nextState, time)); + }, + [disabled, readonly, time] + ); + + const handleClear = useCallback( + (event: MouseEvent) => { + event.preventDefault(); + console.log('AltDateWidget handleClear', disabled, readonly); + if (disabled || readonly) { + return; + } + onChange(null); + }, + [disabled, readonly, onChange] + ); + + return ( + <> + + + {(options.hideNowButton !== 'undefined' ? !options.hideNowButton : true) && ( + + )} + {(options.hideClearButton !== 'undefined' ? !options.hideClearButton : true) && ( + + )} + + + ); +} + +export default AltDateWidget; diff --git a/packages/mui-joy/src/AltDateWidget/index.ts b/packages/mui-joy/src/AltDateWidget/index.ts new file mode 100644 index 0000000000..a7981fd21f --- /dev/null +++ b/packages/mui-joy/src/AltDateWidget/index.ts @@ -0,0 +1,2 @@ +export { default } from './AltDateWidget'; +export * from './AltDateWidget'; diff --git a/packages/mui-joy/src/ArrayFieldItemTemplate/ArrayFieldItemTemplate.tsx b/packages/mui-joy/src/ArrayFieldItemTemplate/ArrayFieldItemTemplate.tsx new file mode 100644 index 0000000000..30dc0424b5 --- /dev/null +++ b/packages/mui-joy/src/ArrayFieldItemTemplate/ArrayFieldItemTemplate.tsx @@ -0,0 +1,97 @@ +import { CSSProperties } from "react"; +import Box from "@mui/joy/Box"; +import Grid from "@mui/joy/Grid"; +import Sheet from "@mui/joy/Sheet"; +import { + ArrayFieldTemplateItemType, + FormContextType, + RJSFSchema, + StrictRJSFSchema, +} from "@rjsf/utils"; + +/** The `ArrayFieldItemTemplate` component is the template used to render an items of an array. + * + * @param props - The `ArrayFieldTemplateItemType` props for the component + */ +export default function ArrayFieldItemTemplate< + T = any, + S extends StrictRJSFSchema = RJSFSchema, + F extends FormContextType = any +>(props: ArrayFieldTemplateItemType) { + const { + children, + disabled, + hasToolbar, + hasCopy, + hasMoveDown, + hasMoveUp, + hasRemove, + index, + onCopyIndexClick, + onDropIndexClick, + onReorderClick, + readonly, + uiSchema, + registry, + } = props; + const { CopyButton, MoveDownButton, MoveUpButton, RemoveButton } = + registry.templates.ButtonTemplates; + const btnStyle: CSSProperties = { + flex: 1, + paddingLeft: 6, + paddingRight: 6, + fontWeight: "bold", + minWidth: 0, + }; + return ( + + + + + {children} + + + + {hasToolbar && ( + + {(hasMoveUp || hasMoveDown) && ( + + )} + {(hasMoveUp || hasMoveDown) && ( + + )} + {hasCopy && ( + + )} + {hasRemove && ( + + )} + + )} + + ); +} diff --git a/packages/mui-joy/src/ArrayFieldItemTemplate/index.ts b/packages/mui-joy/src/ArrayFieldItemTemplate/index.ts new file mode 100644 index 0000000000..f104431399 --- /dev/null +++ b/packages/mui-joy/src/ArrayFieldItemTemplate/index.ts @@ -0,0 +1,2 @@ +export { default } from './ArrayFieldItemTemplate'; +export * from './ArrayFieldItemTemplate'; diff --git a/packages/mui-joy/src/ArrayFieldTemplate/ArrayFieldTemplate.tsx b/packages/mui-joy/src/ArrayFieldTemplate/ArrayFieldTemplate.tsx new file mode 100644 index 0000000000..59cb78d996 --- /dev/null +++ b/packages/mui-joy/src/ArrayFieldTemplate/ArrayFieldTemplate.tsx @@ -0,0 +1,85 @@ +import Box from '@mui/joy/Box'; +import Grid from '@mui/joy/Grid'; +import Sheet from '@mui/joy/Sheet'; +import { + getTemplate, + getUiOptions, + ArrayFieldTemplateProps, + ArrayFieldTemplateItemType, + FormContextType, + RJSFSchema, + StrictRJSFSchema, +} from '@rjsf/utils'; + +/** The `ArrayFieldTemplate` component is the template used to render all items in an array. + * + * @param props - The `ArrayFieldTemplateItemType` props for the component + */ +export default function ArrayFieldTemplate< + T = any, + S extends StrictRJSFSchema = RJSFSchema, + F extends FormContextType = any +>(props: ArrayFieldTemplateProps) { + const { canAdd, disabled, idSchema, uiSchema, items, onAddClick, readonly, registry, required, schema, title } = + props; + const uiOptions = getUiOptions(uiSchema); + const ArrayFieldDescriptionTemplate = getTemplate<'ArrayFieldDescriptionTemplate', T, S, F>( + 'ArrayFieldDescriptionTemplate', + registry, + uiOptions + ); + const ArrayFieldItemTemplate = getTemplate<'ArrayFieldItemTemplate', T, S, F>( + 'ArrayFieldItemTemplate', + registry, + uiOptions + ); + const ArrayFieldTitleTemplate = getTemplate<'ArrayFieldTitleTemplate', T, S, F>( + 'ArrayFieldTitleTemplate', + registry, + uiOptions + ); + // Button templates are not overridden in the uiSchema + const { + ButtonTemplates: { AddButton }, + } = registry.templates; + return ( + + + + + {items && + items.map(({ key, ...itemProps }: ArrayFieldTemplateItemType) => ( + + ))} + {canAdd && ( + + + + + + + + )} + + + ); +} diff --git a/packages/mui-joy/src/ArrayFieldTemplate/index.ts b/packages/mui-joy/src/ArrayFieldTemplate/index.ts new file mode 100644 index 0000000000..ab908dec2c --- /dev/null +++ b/packages/mui-joy/src/ArrayFieldTemplate/index.ts @@ -0,0 +1,2 @@ +export { default } from './ArrayFieldTemplate'; +export * from './ArrayFieldTemplate'; diff --git a/packages/mui-joy/src/BaseInputTemplate/BaseInputTemplate.tsx b/packages/mui-joy/src/BaseInputTemplate/BaseInputTemplate.tsx new file mode 100644 index 0000000000..14612d56f8 --- /dev/null +++ b/packages/mui-joy/src/BaseInputTemplate/BaseInputTemplate.tsx @@ -0,0 +1,91 @@ +import * as React from 'react'; +import Input from '@mui/joy/Input'; +import { + BaseInputTemplateProps, + examplesId, + getInputProps, + FormContextType, + RJSFSchema, + StrictRJSFSchema, + labelValue, +} from '@rjsf/utils'; +import FormControl from '@mui/joy/FormControl'; +import FormLabel from '@mui/joy/FormLabel'; + +/** The `BaseInputTemplate` is the template to use to render the basic `` component for the `core` theme. + * It is used as the template for rendering many of the based widgets that differ by `type` and callbacks only. + * It can be customized/overridden for other themes or individual implementations as needed. + * + * @param props - The `WidgetProps` for this template + */ +export default function BaseInputTemplate< + T = any, + S extends StrictRJSFSchema = RJSFSchema, + F extends FormContextType = any +>(props: BaseInputTemplateProps) { + const { + id, + name, + label, + hideLabel, + placeholder, + required, + disabled, + readonly, + type, + value, + onChange, + onChangeOverride, + onBlur, + onFocus, + autofocus, + options, + schema, + rawErrors = [], + } = props; + const inputProps = getInputProps(schema, type, options); + // Now we need to pull out the step, min, max into an inner `inputProps` for material-ui + const { step, min, max, ...rest } = inputProps; + const otherProps = { + inputProps: { + step, + min, + max, + ...(schema.examples ? { list: examplesId(id) } : undefined), + }, + ...rest, + }; + const _onChange = ({ target: { value } }: React.ChangeEvent) => + onChange(value === '' ? options.emptyValue : value); + const _onBlur = ({ target: { value } }: React.FocusEvent) => onBlur(id, value); + const _onFocus = ({ target: { value } }: React.FocusEvent) => onFocus(id, value); + + const theLabel = labelValue(label, hideLabel); + + return ( + 0} disabled={disabled || readonly} required={required}> + {theLabel} + + {Array.isArray(schema.examples) && ( + (id)}> + {(schema.examples as string[]) + .concat(schema.default && !schema.examples.includes(schema.default) ? ([schema.default] as string[]) : []) + .map((example: any) => { + return + )} + + ); +} diff --git a/packages/mui-joy/src/BaseInputTemplate/index.ts b/packages/mui-joy/src/BaseInputTemplate/index.ts new file mode 100644 index 0000000000..f7ef8d5939 --- /dev/null +++ b/packages/mui-joy/src/BaseInputTemplate/index.ts @@ -0,0 +1,2 @@ +export { default } from './BaseInputTemplate'; +export * from './BaseInputTemplate'; diff --git a/packages/mui-joy/src/CheckboxWidget/CheckboxWidget.tsx b/packages/mui-joy/src/CheckboxWidget/CheckboxWidget.tsx new file mode 100644 index 0000000000..2cc29f52d5 --- /dev/null +++ b/packages/mui-joy/src/CheckboxWidget/CheckboxWidget.tsx @@ -0,0 +1,83 @@ +import { ChangeEventHandler, FocusEvent } from 'react'; +import Checkbox from '@mui/joy/Checkbox'; +import { + ariaDescribedByIds, + descriptionId, + getTemplate, + labelValue, + schemaRequiresTrueValue, + FormContextType, + RJSFSchema, + StrictRJSFSchema, + WidgetProps, +} from '@rjsf/utils'; + +/** The `CheckBoxWidget` is a widget for rendering boolean properties. + * It is typically used to represent a boolean. + * + * @param props - The `WidgetProps` for this component + */ +export default function CheckboxWidget< + T = any, + S extends StrictRJSFSchema = RJSFSchema, + F extends FormContextType = any +>(props: WidgetProps) { + const { + schema, + id, + value, + disabled, + readonly, + label = '', + hideLabel, + autofocus, + onChange, + onBlur, + onFocus, + registry, + options, + uiSchema, + } = props; + const DescriptionFieldTemplate = getTemplate<'DescriptionFieldTemplate', T, S, F>( + 'DescriptionFieldTemplate', + registry, + options + ); + // Because an unchecked checkbox will cause html5 validation to fail, only add + // the "required" attribute if the field value must be "true", due to the + // "const" or "enum" keywords + const required = schemaRequiresTrueValue(schema); + + const _onChange: ChangeEventHandler = (event) => onChange(event.target.checked); + const _onBlur = ({ target: { value } }: FocusEvent) => onBlur(id, value); + const _onFocus = ({ target: { value } }: FocusEvent) => onFocus(id, value); + const description = options.description ?? schema.description; + + return ( + <> + {!hideLabel && !!description && ( + (id)} + description={description} + schema={schema} + uiSchema={uiSchema} + registry={registry} + /> + )} + + (id)} + label={labelValue(label, hideLabel, false)} + /> + + ); +} diff --git a/packages/mui-joy/src/CheckboxWidget/index.ts b/packages/mui-joy/src/CheckboxWidget/index.ts new file mode 100644 index 0000000000..b9e3c318ec --- /dev/null +++ b/packages/mui-joy/src/CheckboxWidget/index.ts @@ -0,0 +1,2 @@ +export { default } from './CheckboxWidget'; +export * from './CheckboxWidget'; diff --git a/packages/mui-joy/src/CheckboxesWidget/CheckboxesWidget.tsx b/packages/mui-joy/src/CheckboxesWidget/CheckboxesWidget.tsx new file mode 100644 index 0000000000..3a275a8a38 --- /dev/null +++ b/packages/mui-joy/src/CheckboxesWidget/CheckboxesWidget.tsx @@ -0,0 +1,96 @@ +import { ChangeEvent, FocusEvent } from 'react'; +import Checkbox from '@mui/joy/Checkbox'; +import { + ariaDescribedByIds, + enumOptionsDeselectValue, + enumOptionsIsSelected, + enumOptionsSelectValue, + enumOptionsValueForIndex, + labelValue, + optionId, + FormContextType, + WidgetProps, + RJSFSchema, + StrictRJSFSchema, +} from '@rjsf/utils'; +import Typography from '@mui/joy/Typography'; +import Box from '@mui/joy/Box'; + +/** The `CheckboxesWidget` is a widget for rendering checkbox groups. + * It is typically used to represent an array of enums. + * + * @param props - The `WidgetProps` for this component + */ +export default function CheckboxesWidget< + T = any, + S extends StrictRJSFSchema = RJSFSchema, + F extends FormContextType = any +>({ + label, + hideLabel, + id, + disabled, + options, + value, + autofocus, + readonly, + onChange, + onBlur, + onFocus, +}: WidgetProps) { + const { enumOptions, enumDisabled, inline, emptyValue } = options; + const checkboxesValues = Array.isArray(value) ? value : [value]; + + const _onChange = + (index: number) => + ({ target: { checked } }: ChangeEvent) => { + if (checked) { + onChange(enumOptionsSelectValue(index, checkboxesValues, enumOptions)); + } else { + onChange(enumOptionsDeselectValue(index, checkboxesValues, enumOptions)); + } + }; + + const _onBlur = ({ target: { value } }: FocusEvent) => + onBlur(id, enumOptionsValueForIndex(value, enumOptions, emptyValue)); + const _onFocus = ({ target: { value } }: FocusEvent) => + onFocus(id, enumOptionsValueForIndex(value, enumOptions, emptyValue)); + + const fieldLabel = labelValue(label, hideLabel); + + return ( + <> + {fieldLabel} + + {Array.isArray(enumOptions) && + enumOptions.map((option, index: number) => { + const checked = enumOptionsIsSelected(option.value, checkboxesValues); + const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1; + return ( + (id)} + label={option.label} + /> + ); + })} + + + ); +} diff --git a/packages/mui-joy/src/CheckboxesWidget/index.ts b/packages/mui-joy/src/CheckboxesWidget/index.ts new file mode 100644 index 0000000000..97152004fa --- /dev/null +++ b/packages/mui-joy/src/CheckboxesWidget/index.ts @@ -0,0 +1,2 @@ +export { default } from './CheckboxesWidget'; +export * from './CheckboxesWidget'; diff --git a/packages/mui-joy/src/DescriptionField/DescriptionField.tsx b/packages/mui-joy/src/DescriptionField/DescriptionField.tsx new file mode 100644 index 0000000000..f5dd38ff44 --- /dev/null +++ b/packages/mui-joy/src/DescriptionField/DescriptionField.tsx @@ -0,0 +1,28 @@ +import Typography from "@mui/joy/Typography"; +import { + DescriptionFieldProps, + FormContextType, + RJSFSchema, + StrictRJSFSchema, +} from "@rjsf/utils"; + +/** The `DescriptionField` is the template to use to render the description of a field + * + * @param props - The `DescriptionFieldProps` for this component + */ +export default function DescriptionField< + T = any, + S extends StrictRJSFSchema = RJSFSchema, + F extends FormContextType = any +>(props: DescriptionFieldProps) { + const { id, description } = props; + if (description) { + return ( + + {description} + + ); + } + + return null; +} diff --git a/packages/mui-joy/src/DescriptionField/index.ts b/packages/mui-joy/src/DescriptionField/index.ts new file mode 100644 index 0000000000..401540d99b --- /dev/null +++ b/packages/mui-joy/src/DescriptionField/index.ts @@ -0,0 +1,2 @@ +export { default } from './DescriptionField'; +export * from './DescriptionField'; diff --git a/packages/mui-joy/src/ErrorList/ErrorList.tsx b/packages/mui-joy/src/ErrorList/ErrorList.tsx new file mode 100644 index 0000000000..c3cb229087 --- /dev/null +++ b/packages/mui-joy/src/ErrorList/ErrorList.tsx @@ -0,0 +1,48 @@ +import ErrorIcon from "@mui/icons-material/Error"; +import Box from "@mui/joy/Box"; +import List from "@mui/joy/List"; +import ListItem from "@mui/joy/ListItem"; +import ListItemContent from "@mui/joy/ListItemContent"; +import ListItemDecorator from "@mui/joy/ListItemDecorator"; +import Sheet from "@mui/joy/Sheet"; +import Typography from "@mui/joy/Typography"; +import { + ErrorListProps, + FormContextType, + RJSFSchema, + StrictRJSFSchema, + TranslatableString, +} from "@rjsf/utils"; + +/** The `ErrorList` component is the template that renders the all the errors associated with the fields in the `Form` + * + * @param props - The `ErrorListProps` for this component + */ +export default function ErrorList< + T = any, + S extends StrictRJSFSchema = RJSFSchema, + F extends FormContextType = any +>({ errors, registry }: ErrorListProps) { + const { translateString } = registry; + return ( + + + + {translateString(TranslatableString.ErrorsLabel)} + + + {errors.map((error, i: number) => { + return ( + + + + + {error.stack} + + ); + })} + + + + ); +} diff --git a/packages/mui-joy/src/ErrorList/index.ts b/packages/mui-joy/src/ErrorList/index.ts new file mode 100644 index 0000000000..79376ace11 --- /dev/null +++ b/packages/mui-joy/src/ErrorList/index.ts @@ -0,0 +1,2 @@ +export { default } from './ErrorList'; +export * from './ErrorList'; diff --git a/packages/mui-joy/src/FieldErrorTemplate/FieldErrorTemplate.tsx b/packages/mui-joy/src/FieldErrorTemplate/FieldErrorTemplate.tsx new file mode 100644 index 0000000000..22b6123dc8 --- /dev/null +++ b/packages/mui-joy/src/FieldErrorTemplate/FieldErrorTemplate.tsx @@ -0,0 +1,39 @@ +import List from "@mui/joy/List"; +import ListItem from "@mui/joy/ListItem"; +import ListItemContent from "@mui/joy/ListItemContent"; + +import { + errorId, + FieldErrorProps, + FormContextType, + RJSFSchema, + StrictRJSFSchema, +} from "@rjsf/utils"; + +/** The `FieldErrorTemplate` component renders the errors local to the particular field + * + * @param props - The `FieldErrorProps` for the errors being rendered + */ +export default function FieldErrorTemplate< + T = any, + S extends StrictRJSFSchema = RJSFSchema, + F extends FormContextType = any +>(props: FieldErrorProps) { + const { errors = [], idSchema } = props; + if (errors.length === 0) { + return null; + } + const id = errorId(idSchema); + + return ( + + {errors.map((error, i: number) => { + return ( + + {error} + + ); + })} + + ); +} diff --git a/packages/mui-joy/src/FieldErrorTemplate/index.ts b/packages/mui-joy/src/FieldErrorTemplate/index.ts new file mode 100644 index 0000000000..2fbf1c353d --- /dev/null +++ b/packages/mui-joy/src/FieldErrorTemplate/index.ts @@ -0,0 +1,2 @@ +export { default } from './FieldErrorTemplate'; +export * from './FieldErrorTemplate'; diff --git a/packages/mui-joy/src/FieldHelpTemplate/FieldHelpTemplate.tsx b/packages/mui-joy/src/FieldHelpTemplate/FieldHelpTemplate.tsx new file mode 100644 index 0000000000..d9a4e189f9 --- /dev/null +++ b/packages/mui-joy/src/FieldHelpTemplate/FieldHelpTemplate.tsx @@ -0,0 +1,19 @@ +import FormHelperText from '@mui/joy/FormHelperText'; +import { helpId, FieldHelpProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils'; + +/** The `FieldHelpTemplate` component renders any help desired for a field + * + * @param props - The `FieldHelpProps` to be rendered + */ +export default function FieldHelpTemplate< + T = any, + S extends StrictRJSFSchema = RJSFSchema, + F extends FormContextType = any +>(props: FieldHelpProps) { + const { idSchema, help } = props; + if (!help) { + return null; + } + const id = helpId(idSchema); + return {help}; +} diff --git a/packages/mui-joy/src/FieldHelpTemplate/index.ts b/packages/mui-joy/src/FieldHelpTemplate/index.ts new file mode 100644 index 0000000000..b439bce3f1 --- /dev/null +++ b/packages/mui-joy/src/FieldHelpTemplate/index.ts @@ -0,0 +1,2 @@ +export { default } from './FieldHelpTemplate'; +export * from './FieldHelpTemplate'; diff --git a/packages/mui-joy/src/FieldTemplate/FieldTemplate.tsx b/packages/mui-joy/src/FieldTemplate/FieldTemplate.tsx new file mode 100644 index 0000000000..60623bb22a --- /dev/null +++ b/packages/mui-joy/src/FieldTemplate/FieldTemplate.tsx @@ -0,0 +1,103 @@ +import FormControl from '@mui/joy/FormControl'; +import Typography from '@mui/joy/Typography'; +import { + FieldTemplateProps, + FormContextType, + RJSFSchema, + StrictRJSFSchema, + getTemplate, + getUiOptions, +} from '@rjsf/utils'; +import { useMemo } from 'react'; + +/** The `FieldTemplate` component is the template used by `SchemaField` to render any field. It renders the field + * content, (label, description, children, errors and help) inside of a `WrapIfAdditional` component. + * + * @param props - The `FieldTemplateProps` for this component + */ +export default function FieldTemplate< + T = any, + S extends StrictRJSFSchema = RJSFSchema, + F extends FormContextType = any +>(props: FieldTemplateProps) { + const { + id, + children, + classNames, + style, + disabled, + displayLabel, + hidden, + label, + onDropPropertyClick, + onKeyChange, + readonly, + required, + rawErrors = [], + errors, + help, + description, + rawDescription, + schema, + uiSchema, + registry, + } = props; + const uiOptions = getUiOptions(uiSchema); + const WrapIfAdditionalTemplate = getTemplate<'WrapIfAdditionalTemplate', T, S, F>( + 'WrapIfAdditionalTemplate', + registry, + uiOptions + ); + + const isCheckboxOrRadio = useMemo(() => { + let widget = (uiSchema?.['ui:widget'] ?? '') as string; + widget = widget.toLowerCase(); + const toReturn = widget.includes('checkbox') || widget.includes('radio'); + return toReturn; + }, [uiSchema]); + + if (hidden) { + return
{children}
; + } + + return ( + + {isCheckboxOrRadio ? ( + <> + {children} + {displayLabel && rawDescription ? ( + + {description} + + ) : null} + {errors} + {help} + + ) : ( + + {children} + {displayLabel && rawDescription ? ( + + {description} + + ) : null} + {errors} + {help} + + )} + + ); +} diff --git a/packages/mui-joy/src/FieldTemplate/index.ts b/packages/mui-joy/src/FieldTemplate/index.ts new file mode 100644 index 0000000000..6f7dc3861c --- /dev/null +++ b/packages/mui-joy/src/FieldTemplate/index.ts @@ -0,0 +1,2 @@ +export { default } from './FieldTemplate'; +export * from './FieldTemplate'; diff --git a/packages/mui-joy/src/IconButton/IconButton.tsx b/packages/mui-joy/src/IconButton/IconButton.tsx new file mode 100644 index 0000000000..8fa97ee16c --- /dev/null +++ b/packages/mui-joy/src/IconButton/IconButton.tsx @@ -0,0 +1,103 @@ +import IconButton, { + IconButtonProps as MuiIconButtonProps, +} from "@mui/joy/IconButton"; +import ArrowDownwardIcon from "@mui/icons-material/ArrowDownward"; +import ArrowUpwardIcon from "@mui/icons-material/ArrowUpward"; +import CopyIcon from "@mui/icons-material/ContentCopy"; +import RemoveIcon from "@mui/icons-material/Remove"; +import { + FormContextType, + IconButtonProps, + RJSFSchema, + StrictRJSFSchema, + TranslatableString, +} from "@rjsf/utils"; + +export default function MuiIconButton< + T = any, + S extends StrictRJSFSchema = RJSFSchema, + F extends FormContextType = any +>(props: IconButtonProps) { + const { icon, color, uiSchema, registry, ...otherProps } = props; + return ( + + {icon} + + ); +} + +export function CopyButton< + T = any, + S extends StrictRJSFSchema = RJSFSchema, + F extends FormContextType = any +>(props: IconButtonProps) { + const { + registry: { translateString }, + } = props; + return ( + } + /> + ); +} + +export function MoveDownButton< + T = any, + S extends StrictRJSFSchema = RJSFSchema, + F extends FormContextType = any +>(props: IconButtonProps) { + const { + registry: { translateString }, + } = props; + return ( + } + /> + ); +} + +export function MoveUpButton< + T = any, + S extends StrictRJSFSchema = RJSFSchema, + F extends FormContextType = any +>(props: IconButtonProps) { + const { + registry: { translateString }, + } = props; + return ( + } + /> + ); +} + +export function RemoveButton< + T = any, + S extends StrictRJSFSchema = RJSFSchema, + F extends FormContextType = any +>(props: IconButtonProps) { + const { iconType, ...otherProps } = props; + const { + registry: { translateString }, + } = otherProps; + return ( + + } + /> + ); +} diff --git a/packages/mui-joy/src/IconButton/index.ts b/packages/mui-joy/src/IconButton/index.ts new file mode 100644 index 0000000000..655ec4c488 --- /dev/null +++ b/packages/mui-joy/src/IconButton/index.ts @@ -0,0 +1,2 @@ +export { default } from './IconButton'; +export * from './IconButton'; diff --git a/packages/mui-joy/src/MuiForm/MuiForm.tsx b/packages/mui-joy/src/MuiForm/MuiForm.tsx new file mode 100644 index 0000000000..ccc1d3588b --- /dev/null +++ b/packages/mui-joy/src/MuiForm/MuiForm.tsx @@ -0,0 +1,15 @@ +import { ComponentType } from 'react'; +import { withTheme, FormProps } from '@rjsf/core'; +import { FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils'; + +import { generateTheme } from '../Theme'; + +export function generateForm< + T = any, + S extends StrictRJSFSchema = RJSFSchema, + F extends FormContextType = any +>(): ComponentType> { + return withTheme(generateTheme()); +} + +export default generateForm(); diff --git a/packages/mui-joy/src/MuiForm/index.ts b/packages/mui-joy/src/MuiForm/index.ts new file mode 100644 index 0000000000..f4609de609 --- /dev/null +++ b/packages/mui-joy/src/MuiForm/index.ts @@ -0,0 +1,2 @@ +export { default } from './MuiForm'; +export * from './MuiForm'; diff --git a/packages/mui-joy/src/ObjectFieldTemplate/ObjectFieldTemplate.tsx b/packages/mui-joy/src/ObjectFieldTemplate/ObjectFieldTemplate.tsx new file mode 100644 index 0000000000..8837814225 --- /dev/null +++ b/packages/mui-joy/src/ObjectFieldTemplate/ObjectFieldTemplate.tsx @@ -0,0 +1,104 @@ +import Grid from "@mui/joy/Grid"; +import { + FormContextType, + ObjectFieldTemplateProps, + RJSFSchema, + StrictRJSFSchema, + canExpand, + descriptionId, + getTemplate, + getUiOptions, + titleId, +} from "@rjsf/utils"; + +/** The `ObjectFieldTemplate` is the template to use to render all the inner properties of an object along with the + * title and description if available. If the object is expandable, then an `AddButton` is also rendered after all + * the properties. + * + * @param props - The `ObjectFieldTemplateProps` for this component + */ +export default function ObjectFieldTemplate< + T = any, + S extends StrictRJSFSchema = RJSFSchema, + F extends FormContextType = any +>(props: ObjectFieldTemplateProps) { + const { + description, + title, + properties, + required, + disabled, + readonly, + uiSchema, + idSchema, + schema, + formData, + onAddClick, + registry, + } = props; + const uiOptions = getUiOptions(uiSchema); + const TitleFieldTemplate = getTemplate<"TitleFieldTemplate", T, S, F>( + "TitleFieldTemplate", + registry, + uiOptions + ); + const DescriptionFieldTemplate = getTemplate< + "DescriptionFieldTemplate", + T, + S, + F + >("DescriptionFieldTemplate", registry, uiOptions); + // Button templates are not overridden in the uiSchema + const { + ButtonTemplates: { AddButton }, + } = registry.templates; + return ( + <> + {title && ( + (idSchema)} + title={title} + required={required} + schema={schema} + uiSchema={uiSchema} + registry={registry} + /> + )} + {description && ( + (idSchema)} + description={description} + schema={schema} + uiSchema={uiSchema} + registry={registry} + /> + )} + + {properties.map((element, index) => + // Remove the if the inner element is hidden as the + // itself would otherwise still take up space. + element.hidden ? ( + element.content + ) : ( + + {element.content} + + ) + )} + {canExpand(schema, uiSchema, formData) && ( + + + + + + )} + + + ); +} diff --git a/packages/mui-joy/src/ObjectFieldTemplate/index.ts b/packages/mui-joy/src/ObjectFieldTemplate/index.ts new file mode 100644 index 0000000000..77c68a9a40 --- /dev/null +++ b/packages/mui-joy/src/ObjectFieldTemplate/index.ts @@ -0,0 +1,2 @@ +export { default } from './ObjectFieldTemplate'; +export * from './ObjectFieldTemplate'; diff --git a/packages/mui-joy/src/RadioWidget/RadioWidget.tsx b/packages/mui-joy/src/RadioWidget/RadioWidget.tsx new file mode 100644 index 0000000000..a99384d72a --- /dev/null +++ b/packages/mui-joy/src/RadioWidget/RadioWidget.tsx @@ -0,0 +1,84 @@ +import { ChangeEvent, FocusEvent } from 'react'; +import FormLabel from '@mui/joy/FormLabel'; +import Radio from '@mui/joy/Radio'; +import RadioGroup from '@mui/joy/RadioGroup'; +import { + ariaDescribedByIds, + enumOptionsIndexForValue, + enumOptionsValueForIndex, + labelValue, + optionId, + FormContextType, + RJSFSchema, + StrictRJSFSchema, + WidgetProps, +} from '@rjsf/utils'; + +/** The `RadioWidget` is a widget for rendering a radio group. + * It is typically used with a string property constrained with enum options. + * + * @param props - The `WidgetProps` for this component + */ +export default function RadioWidget({ + id, + options, + value, + required, + disabled, + readonly, + label, + hideLabel, + onChange, + onBlur, + onFocus, +}: WidgetProps) { + const { enumOptions, enumDisabled, emptyValue } = options; + + const _onChange = (event: ChangeEvent) => + onChange(enumOptionsValueForIndex(event.target.value, enumOptions, emptyValue)); + const _onBlur = ({ target: { value } }: FocusEvent) => + onBlur(id, enumOptionsValueForIndex(value, enumOptions, emptyValue)); + const _onFocus = ({ target: { value } }: FocusEvent) => + onFocus(id, enumOptionsValueForIndex(value, enumOptions, emptyValue)); + + // const row = options ? options.inline : false; + const selectedIndex = enumOptionsIndexForValue(value, enumOptions) ?? null; + + return ( + <> + {labelValue( + + {label || undefined} + , + hideLabel + )} + (id)} + > + {Array.isArray(enumOptions) && + enumOptions.map((option, index) => { + const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1; + const radio = ( + + ); + + return radio; + })} + + + ); +} diff --git a/packages/mui-joy/src/RadioWidget/index.ts b/packages/mui-joy/src/RadioWidget/index.ts new file mode 100644 index 0000000000..10292dc565 --- /dev/null +++ b/packages/mui-joy/src/RadioWidget/index.ts @@ -0,0 +1,2 @@ +export { default } from './RadioWidget'; +export * from './RadioWidget'; diff --git a/packages/mui-joy/src/RangeWidget/RangeWidget.tsx b/packages/mui-joy/src/RangeWidget/RangeWidget.tsx new file mode 100644 index 0000000000..7b51ca41a2 --- /dev/null +++ b/packages/mui-joy/src/RangeWidget/RangeWidget.tsx @@ -0,0 +1,51 @@ +import { FocusEvent } from 'react'; +import FormLabel from '@mui/joy/FormLabel'; +import Slider from '@mui/joy/Slider'; +import { + ariaDescribedByIds, + labelValue, + FormContextType, + RJSFSchema, + StrictRJSFSchema, + WidgetProps, + rangeSpec, +} from '@rjsf/utils'; + +/** The `RangeWidget` component uses the `BaseInputTemplate` changing the type to `range` and wrapping the result + * in a div, with the value along side it. + * + * @param props - The `WidgetProps` for this component + */ +export default function RangeWidget( + props: WidgetProps +) { + const { value, readonly, disabled, onBlur, onFocus, options, schema, onChange, required, label, hideLabel, id } = + props; + const sliderProps = { value, label, id, name: id, ...rangeSpec(schema) }; + + const _onChange = (_: any, value?: number | number[]) => { + onChange(value ?? options.emptyValue); + }; + const _onBlur = ({ target: { value } }: FocusEvent) => onBlur(id, value); + const _onFocus = ({ target: { value } }: FocusEvent) => onFocus(id, value); + + return ( + <> + {labelValue( + + {label || undefined} + , + hideLabel + )} + (id)} + /> + + ); +} diff --git a/packages/mui-joy/src/RangeWidget/index.ts b/packages/mui-joy/src/RangeWidget/index.ts new file mode 100644 index 0000000000..d8c49226c6 --- /dev/null +++ b/packages/mui-joy/src/RangeWidget/index.ts @@ -0,0 +1,2 @@ +export { default } from './RangeWidget'; +export * from './RangeWidget'; diff --git a/packages/mui-joy/src/SelectWidget/SelectWidget.tsx b/packages/mui-joy/src/SelectWidget/SelectWidget.tsx new file mode 100644 index 0000000000..8da68c8e69 --- /dev/null +++ b/packages/mui-joy/src/SelectWidget/SelectWidget.tsx @@ -0,0 +1,99 @@ +import { + enumOptionsIndexForValue, + enumOptionsValueForIndex, + FormContextType, + labelValue, + RJSFSchema, + StrictRJSFSchema, + WidgetProps, +} from '@rjsf/utils'; +import Select from '@mui/joy/Select'; +import Option from '@mui/joy/Option'; +import FormControl from '@mui/joy/FormControl'; +import FormLabel from '@mui/joy/FormLabel'; + +/** The `SelectWidget` is a widget for rendering dropdowns. + * It is typically used with string properties constrained with enum options. + * + * @param props - The `WidgetProps` for this component + */ +export default function SelectWidget< + T = any, + S extends StrictRJSFSchema = RJSFSchema, + F extends FormContextType = any +>({ + id, + options, + required, + disabled, + placeholder, + label, + readonly, + value, + multiple, + autofocus, + onChange, + onBlur, + onFocus, + rawErrors = [], + hideLabel, +}: WidgetProps) { + const { enumOptions, enumDisabled, emptyValue: optEmptyVal } = options; + + multiple = typeof multiple === 'undefined' ? false : !!multiple; + + const emptyValue = multiple ? [] : ''; + const isEmpty = typeof value === 'undefined' || (multiple && value.length < 1) || (!multiple && value === emptyValue); + + const _onChange = ( + _event: + | React.MouseEvent + | React.KeyboardEvent + | React.FocusEvent + | null, + newValue: any + ) => onChange(enumOptionsValueForIndex(newValue, enumOptions, optEmptyVal)); + const _onBlur = (event: any) => onBlur(id, enumOptionsValueForIndex(event.target.value, enumOptions, optEmptyVal)); + const _onFocus: React.FocusEventHandler = (event) => + onFocus(id, enumOptionsValueForIndex(event.target.value, enumOptions, optEmptyVal)); + const selectedIndexes = enumOptionsIndexForValue(value, enumOptions, multiple); + + const theLabel = labelValue(label, hideLabel); + + return ( + 0} disabled={disabled || readonly} required={required}> + + {theLabel} + + + + ); +} diff --git a/packages/mui-joy/src/SelectWidget/index.ts b/packages/mui-joy/src/SelectWidget/index.ts new file mode 100644 index 0000000000..e37ea725b8 --- /dev/null +++ b/packages/mui-joy/src/SelectWidget/index.ts @@ -0,0 +1,2 @@ +export { default } from './SelectWidget'; +export * from './SelectWidget'; diff --git a/packages/mui-joy/src/SubmitButton/SubmitButton.tsx b/packages/mui-joy/src/SubmitButton/SubmitButton.tsx new file mode 100644 index 0000000000..78257be820 --- /dev/null +++ b/packages/mui-joy/src/SubmitButton/SubmitButton.tsx @@ -0,0 +1,23 @@ +import Box from '@mui/joy/Box'; +import Button from '@mui/joy/Button'; +import { getSubmitButtonOptions, FormContextType, RJSFSchema, StrictRJSFSchema, SubmitButtonProps } from '@rjsf/utils'; + +/** The `SubmitButton` renders a button that represent the `Submit` action on a form + */ +export default function SubmitButton< + T = any, + S extends StrictRJSFSchema = RJSFSchema, + F extends FormContextType = any +>({ uiSchema }: SubmitButtonProps) { + const { submitText, norender, props: submitButtonProps = {} } = getSubmitButtonOptions(uiSchema); + if (norender) { + return null; + } + return ( + + + + ); +} diff --git a/packages/mui-joy/src/SubmitButton/index.ts b/packages/mui-joy/src/SubmitButton/index.ts new file mode 100644 index 0000000000..f676497ba2 --- /dev/null +++ b/packages/mui-joy/src/SubmitButton/index.ts @@ -0,0 +1,2 @@ +export { default } from './SubmitButton'; +export * from './SubmitButton'; diff --git a/packages/mui-joy/src/Templates/Templates.ts b/packages/mui-joy/src/Templates/Templates.ts new file mode 100644 index 0000000000..dcc96749db --- /dev/null +++ b/packages/mui-joy/src/Templates/Templates.ts @@ -0,0 +1,46 @@ +import { FormContextType, RJSFSchema, StrictRJSFSchema, TemplatesType } from '@rjsf/utils'; + +import AddButton from '../AddButton'; +import ArrayFieldItemTemplate from '../ArrayFieldItemTemplate'; +import ArrayFieldTemplate from '../ArrayFieldTemplate'; +import BaseInputTemplate from '../BaseInputTemplate'; +import DescriptionField from '../DescriptionField'; +import ErrorList from '../ErrorList'; +import { CopyButton, MoveDownButton, MoveUpButton, RemoveButton } from '../IconButton'; +import FieldErrorTemplate from '../FieldErrorTemplate'; +import FieldHelpTemplate from '../FieldHelpTemplate'; +import FieldTemplate from '../FieldTemplate'; +import ObjectFieldTemplate from '../ObjectFieldTemplate'; +import SubmitButton from '../SubmitButton'; +import TitleField from '../TitleField'; +import WrapIfAdditionalTemplate from '../WrapIfAdditionalTemplate'; + +export function generateTemplates< + T = any, + S extends StrictRJSFSchema = RJSFSchema, + F extends FormContextType = any +>(): Partial> { + return { + ArrayFieldItemTemplate, + ArrayFieldTemplate, + BaseInputTemplate, + ButtonTemplates: { + AddButton, + CopyButton, + MoveDownButton, + MoveUpButton, + RemoveButton, + SubmitButton, + }, + DescriptionFieldTemplate: DescriptionField, + ErrorListTemplate: ErrorList, + FieldErrorTemplate, + FieldHelpTemplate, + FieldTemplate, + ObjectFieldTemplate, + TitleFieldTemplate: TitleField, + WrapIfAdditionalTemplate, + }; +} + +export default generateTemplates(); diff --git a/packages/mui-joy/src/Templates/index.ts b/packages/mui-joy/src/Templates/index.ts new file mode 100644 index 0000000000..612ccf692a --- /dev/null +++ b/packages/mui-joy/src/Templates/index.ts @@ -0,0 +1,2 @@ +export { default } from './Templates'; +export * from './Templates'; diff --git a/packages/mui-joy/src/TextareaWidget/TextareaWidget.tsx b/packages/mui-joy/src/TextareaWidget/TextareaWidget.tsx new file mode 100644 index 0000000000..a1b214fc4d --- /dev/null +++ b/packages/mui-joy/src/TextareaWidget/TextareaWidget.tsx @@ -0,0 +1,21 @@ +import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps, getTemplate } from '@rjsf/utils'; + +/** The `TextareaWidget` is a widget for rendering input fields as textarea. + * + * @param props - The `WidgetProps` for this component + */ +export default function TextareaWidget< + T = any, + S extends StrictRJSFSchema = RJSFSchema, + F extends FormContextType = any +>(props: WidgetProps) { + const { options, registry } = props; + const BaseInputTemplate = getTemplate<'BaseInputTemplate', T, S, F>('BaseInputTemplate', registry, options); + + let rows: string | number = 5; + if (typeof options.rows === 'string' || typeof options.rows === 'number') { + rows = options.rows; + } + + return ; +} diff --git a/packages/mui-joy/src/TextareaWidget/index.ts b/packages/mui-joy/src/TextareaWidget/index.ts new file mode 100644 index 0000000000..20e6d8e26b --- /dev/null +++ b/packages/mui-joy/src/TextareaWidget/index.ts @@ -0,0 +1,2 @@ +export { default } from './TextareaWidget'; +export * from './TextareaWidget'; diff --git a/packages/mui-joy/src/Theme/Theme.tsx b/packages/mui-joy/src/Theme/Theme.tsx new file mode 100644 index 0000000000..72e7d736fb --- /dev/null +++ b/packages/mui-joy/src/Theme/Theme.tsx @@ -0,0 +1,18 @@ +import { FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils'; +import { ThemeProps } from '@rjsf/core'; + +import { generateTemplates } from '../Templates'; +import { generateWidgets } from '../Widgets'; + +export function generateTheme< + T = any, + S extends StrictRJSFSchema = RJSFSchema, + F extends FormContextType = any +>(): ThemeProps { + return { + templates: generateTemplates(), + widgets: generateWidgets(), + }; +} + +export default generateTheme(); diff --git a/packages/mui-joy/src/Theme/index.ts b/packages/mui-joy/src/Theme/index.ts new file mode 100644 index 0000000000..6dfd7fa6e1 --- /dev/null +++ b/packages/mui-joy/src/Theme/index.ts @@ -0,0 +1,2 @@ +export { default } from './Theme'; +export * from './Theme'; diff --git a/packages/mui-joy/src/TitleField/TitleField.tsx b/packages/mui-joy/src/TitleField/TitleField.tsx new file mode 100644 index 0000000000..445e400c8b --- /dev/null +++ b/packages/mui-joy/src/TitleField/TitleField.tsx @@ -0,0 +1,20 @@ +import Box from '@mui/joy/Box'; +import Divider from '@mui/joy/Divider'; +import Typography from '@mui/joy/Typography'; +import { FormContextType, TitleFieldProps, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils'; + +/** The `TitleField` is the template to use to render the title of a field + * + * @param props - The `TitleFieldProps` for this component + */ +export default function TitleField({ + id, + title, +}: TitleFieldProps) { + return ( + + {title} + + + ); +} diff --git a/packages/mui-joy/src/TitleField/index.ts b/packages/mui-joy/src/TitleField/index.ts new file mode 100644 index 0000000000..cfa479d034 --- /dev/null +++ b/packages/mui-joy/src/TitleField/index.ts @@ -0,0 +1,2 @@ +export { default } from './TitleField'; +export * from './TitleField'; diff --git a/packages/mui-joy/src/Widgets/Widgets.ts b/packages/mui-joy/src/Widgets/Widgets.ts new file mode 100644 index 0000000000..6b3fc2f6a0 --- /dev/null +++ b/packages/mui-joy/src/Widgets/Widgets.ts @@ -0,0 +1,29 @@ +import { FormContextType, RegistryWidgetsType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils'; + +import CheckboxWidget from '../CheckboxWidget/CheckboxWidget'; +import CheckboxesWidget from '../CheckboxesWidget/CheckboxesWidget'; +import RadioWidget from '../RadioWidget/RadioWidget'; +import RangeWidget from '../RangeWidget/RangeWidget'; +import SelectWidget from '../SelectWidget/SelectWidget'; +import TextareaWidget from '../TextareaWidget/TextareaWidget'; +import AltDateWidget from '../AltDateWidget/AltDateWidget'; +import AltDateTimeWidget from '../AltDateTimeWidget/AltDateTimeWidget'; + +export function generateWidgets< + T = any, + S extends StrictRJSFSchema = RJSFSchema, + F extends FormContextType = any +>(): RegistryWidgetsType { + return { + CheckboxWidget, + CheckboxesWidget, + RadioWidget, + RangeWidget, + SelectWidget, + TextareaWidget, + AltDateWidget, + AltDateTimeWidget, + }; +} + +export default generateWidgets(); diff --git a/packages/mui-joy/src/Widgets/index.ts b/packages/mui-joy/src/Widgets/index.ts new file mode 100644 index 0000000000..de857bf557 --- /dev/null +++ b/packages/mui-joy/src/Widgets/index.ts @@ -0,0 +1,2 @@ +export { default } from './Widgets'; +export * from './Widgets'; diff --git a/packages/mui-joy/src/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.tsx b/packages/mui-joy/src/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.tsx new file mode 100644 index 0000000000..ba9d7e27cf --- /dev/null +++ b/packages/mui-joy/src/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.tsx @@ -0,0 +1,93 @@ +import { CSSProperties, FocusEvent } from 'react'; +import Grid from '@mui/joy/Grid'; + +import { + ADDITIONAL_PROPERTY_FLAG, + FormContextType, + RJSFSchema, + StrictRJSFSchema, + TranslatableString, + WrapIfAdditionalTemplateProps, +} from '@rjsf/utils'; +import FormControl from '@mui/joy/FormControl'; +import FormLabel from '@mui/joy/FormLabel'; + +import Input from '@mui/joy/Input'; + +/** The `WrapIfAdditional` component is used by the `FieldTemplate` to rename, or remove properties that are + * part of an `additionalProperties` part of a schema. + * + * @param props - The `WrapIfAdditionalProps` for this component + */ +export default function WrapIfAdditionalTemplate< + T = any, + S extends StrictRJSFSchema = RJSFSchema, + F extends FormContextType = any +>(props: WrapIfAdditionalTemplateProps) { + const { + children, + classNames, + style, + disabled, + id, + label, + onDropPropertyClick, + onKeyChange, + readonly, + required, + schema, + uiSchema, + registry, + } = props; + const { templates, translateString } = registry; + // Button templates are not overridden in the uiSchema + const { RemoveButton } = templates.ButtonTemplates; + const keyLabel = translateString(TranslatableString.KeyLabel, [label]); + const additional = ADDITIONAL_PROPERTY_FLAG in schema; + const btnStyle: CSSProperties = { + flex: 1, + paddingLeft: 6, + paddingRight: 6, + fontWeight: 'bold', + }; + + if (!additional) { + return ( +
+ {children} +
+ ); + } + + const handleBlur = ({ target }: FocusEvent) => onKeyChange(target.value); + + return ( + + + + {keyLabel} + + + + {children} + + + + + ); +} diff --git a/packages/mui-joy/src/WrapIfAdditionalTemplate/index.ts b/packages/mui-joy/src/WrapIfAdditionalTemplate/index.ts new file mode 100644 index 0000000000..7d7af6629d --- /dev/null +++ b/packages/mui-joy/src/WrapIfAdditionalTemplate/index.ts @@ -0,0 +1,2 @@ +export { default } from './WrapIfAdditionalTemplate'; +export * from './WrapIfAdditionalTemplate'; diff --git a/packages/mui-joy/src/index.ts b/packages/mui-joy/src/index.ts new file mode 100644 index 0000000000..0884bfbf19 --- /dev/null +++ b/packages/mui-joy/src/index.ts @@ -0,0 +1,8 @@ +import MuiForm from './MuiForm/MuiForm'; + +export { default as Form, generateForm } from './MuiForm'; +export { default as Templates, generateTemplates } from './Templates'; +export { default as Theme, generateTheme } from './Theme'; +export { default as Widgets, generateWidgets } from './Widgets'; + +export default MuiForm; diff --git a/packages/mui-joy/src/tsconfig.json b/packages/mui-joy/src/tsconfig.json new file mode 100644 index 0000000000..01834bf1ab --- /dev/null +++ b/packages/mui-joy/src/tsconfig.json @@ -0,0 +1,23 @@ +{ + "extends": "../../../tsconfig.base.json", + "include": [ + "./" + ], + "compilerOptions": { + "rootDir": "./", + "outDir": "../lib", + "baseUrl": "../", + "jsx": "react-jsx" + }, + "references": [ + { + "path": "../../core" + }, + { + "path": "../../utils" + }, + { + "path": "../../validator-ajv8" + } + ] +} diff --git a/packages/mui-joy/test/Array.test.tsx b/packages/mui-joy/test/Array.test.tsx new file mode 100644 index 0000000000..a17060201a --- /dev/null +++ b/packages/mui-joy/test/Array.test.tsx @@ -0,0 +1,5 @@ +import { arrayTests } from '@rjsf/snapshot-tests'; + +import Form from '../src'; + +arrayTests(Form); diff --git a/packages/mui-joy/test/Form.test.tsx b/packages/mui-joy/test/Form.test.tsx new file mode 100644 index 0000000000..fdc2b75b9e --- /dev/null +++ b/packages/mui-joy/test/Form.test.tsx @@ -0,0 +1,56 @@ +import { formTests, SLIDER_CUSTOMIZE, TEXTAREA_CUSTOMIZE } from '@rjsf/snapshot-tests'; + +import Form from '../src'; + +// The `TextareaAutosize` code reads the following data from the `getComputedStyle()` function in a useEffect hook +jest.spyOn(window, 'getComputedStyle').mockImplementation(() => { + return { + width: 100, + 'box-sizing': 10, + 'padding-bottom': 1, + 'padding-top': 1, + 'border-bottom-width': 1, + 'border-top-width': 1, + } as unknown as CSSStyleDeclaration; +}); + +formTests(Form, { + [TEXTAREA_CUSTOMIZE]: { + createNodeMock: (element) => { + if (element.type === 'textarea') { + // the `TextareaAutosize` code expects a ref for two textareas to exist, so use the feature of + // react-test-renderer to create one + // See: https://reactjs.org/docs/test-renderer.html#ideas + if (element.props['aria-hidden']) { + // The hidden one reads the following values + return { + style: { width: 10 }, + scrollHeight: 100, + }; + } + // The other one only really needs an empty object + return {}; + } + return null; + }, + }, + [SLIDER_CUSTOMIZE]: { + createNodeMock: (element) => { + // the `Slider` code expects a ref for a span.root to exist, so use the feature of + // react-test-renderer to create one + // See: https://reactjs.org/docs/test-renderer.html#ideas + if (element.type === 'span' && element.props.id === 'root') { + // Pretend to be an event listening component inside of an event listening document + return { + addEventListener: jest.fn(), + removeEventListener: jest.fn(), + ownerDocument: { + addEventListener: jest.fn(), + removeEventListener: jest.fn(), + }, + }; + } + return null; + }, + }, +}); diff --git a/packages/mui-joy/test/Object.test.tsx b/packages/mui-joy/test/Object.test.tsx new file mode 100644 index 0000000000..dabe023e32 --- /dev/null +++ b/packages/mui-joy/test/Object.test.tsx @@ -0,0 +1,5 @@ +import { objectTests } from '@rjsf/snapshot-tests'; + +import Form from '../src'; + +objectTests(Form); diff --git a/packages/mui-joy/test/__snapshots__/Array.test.tsx.snap b/packages/mui-joy/test/__snapshots__/Array.test.tsx.snap new file mode 100644 index 0000000000..e1942422ae --- /dev/null +++ b/packages/mui-joy/test/__snapshots__/Array.test.tsx.snap @@ -0,0 +1,14028 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`array fields array 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --ListItem-stickyBackground: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + --Sheet-background: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + position: relative; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-2 { + padding: 16px; +} + +.emotion-3 { + --Grid-columns: 12; + --Grid-columnSpacing: 0px; + --Grid-rowSpacing: 0px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); + -webkit-box-pack: end; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; +} + +.emotion-4 { + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-5 { + margin-top: 16px; +} + +.emotion-6 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: calc(var(--IconButton-size, 2.25rem) / 1.5); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2.25rem); + min-height: var(--IconButton-size, 2.25rem); + font-size: var(--joy-fontSize-md, 1rem); + padding-inline: 0.25rem; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + --variant-borderWidth: 0px; + color: var(--variant-plainColor, var(--joy-palette-primary-plainColor, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-6.Mui-focusVisible, +.emotion-6:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-6:hover { + --Icon-color: currentColor; + background-color: var(--variant-plainHoverBg, var(--joy-palette-primary-plainHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-6:active, +.emotion-6[aria-pressed="true"] { + --Icon-color: currentColor; + background-color: var(--variant-plainActiveBg, var(--joy-palette-primary-plainActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-6:disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-plainDisabledColor, var(--joy-palette-primary-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-7 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.5rem; +} + +.emotion-8 { + margin-top: 24px; +} + +.emotion-9 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-9.Mui-focusVisible, +.emotion-9:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-9:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-9:active, +.emotion-9[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-9.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-9.MuiButton-loading { + color: transparent; +} + +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+`; + +exports[`array fields array icons 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --ListItem-stickyBackground: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + --Sheet-background: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + position: relative; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-2 { + padding: 16px; +} + +.emotion-3 { + --Grid-columns: 12; + --Grid-columnSpacing: 0px; + --Grid-rowSpacing: 0px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-4 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-5 { + margin-bottom: 16px; +} + +.emotion-10 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-11 { + color: var(--FormLabel-asteriskColor); +} + +.emotion-12 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-12:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-12::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-12.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-12:focus-within::before { + --Input-focused: 1; +} + +.emotion-13 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-13:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-13::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-13::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-13:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-13::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-14 { + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-15 { + --Icon-margin: initial; + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --IconButton-size: 2rem; + --Icon-fontSize: calc(var(--IconButton-size, 2rem) / 1.6); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2rem); + min-height: var(--IconButton-size, 2rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-inline: 2px; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + --variant-borderWidth: 0px; + color: var(--variant-plainColor, var(--joy-palette-neutral-plainColor, var(--joy-palette-neutral-700, #32383E))); +} + +.emotion-15.Mui-focusVisible, +.emotion-15:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-15:hover { + --Icon-color: currentColor; + background-color: var(--variant-plainHoverBg, var(--joy-palette-neutral-plainHoverBg, var(--joy-palette-neutral-100, #F0F4F8))); + color: var(--variant-plainHoverColor, var(--joy-palette-neutral-plainHoverColor, var(--joy-palette-neutral-900, #0B0D0E))); + } +} + +.emotion-15:active, +.emotion-15[aria-pressed="true"] { + --Icon-color: currentColor; + background-color: var(--variant-plainActiveBg, var(--joy-palette-neutral-plainActiveBg, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-15:disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-16 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.25rem; +} + +.emotion-21 { + --Icon-margin: initial; + --Icon-color: currentColor; + --IconButton-size: 2rem; + --Icon-fontSize: calc(var(--IconButton-size, 2rem) / 1.6); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2rem); + min-height: var(--IconButton-size, 2rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-inline: 2px; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; +} + +.emotion-21.Mui-focusVisible, +.emotion-21:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-21:hover { + --Icon-color: currentColor; + } +} + +.emotion-21:active, +.emotion-21[aria-pressed="true"] { + --Icon-color: currentColor; +} + +.emotion-43 { + --Grid-columns: 12; + --Grid-columnSpacing: 0px; + --Grid-rowSpacing: 0px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); + -webkit-box-pack: end; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; +} + +.emotion-45 { + margin-top: 16px; +} + +.emotion-46 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: calc(var(--IconButton-size, 2.25rem) / 1.5); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2.25rem); + min-height: var(--IconButton-size, 2.25rem); + font-size: var(--joy-fontSize-md, 1rem); + padding-inline: 0.25rem; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + --variant-borderWidth: 0px; + color: var(--variant-plainColor, var(--joy-palette-primary-plainColor, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-46.Mui-focusVisible, +.emotion-46:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-46:hover { + --Icon-color: currentColor; + background-color: var(--variant-plainHoverBg, var(--joy-palette-primary-plainHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-46:active, +.emotion-46[aria-pressed="true"] { + --Icon-color: currentColor; + background-color: var(--variant-plainActiveBg, var(--joy-palette-primary-plainActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-46:disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-plainDisabledColor, var(--joy-palette-primary-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-47 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.5rem; +} + +.emotion-48 { + margin-top: 24px; +} + +.emotion-49 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-49.Mui-focusVisible, +.emotion-49:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-49:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-49:active, +.emotion-49[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-49.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-49.MuiButton-loading { + color: transparent; +} + +
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ +
+
+
+
+
+
+
+
+
+ + + + +
+
+
+
+
+
+
+
+
+
+ +
+ +
+
+
+
+
+
+
+
+
+ + + + +
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+`; + +exports[`array fields checkboxes 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-2 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-3 { + --Select-radius: var(--joy-radius-sm, 6px); + --Select-gap: 0.5rem; + --Select-placeholderOpacity: 0.64; + --Select-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Select-focusedThickness: var(--joy-focus-thickness, 2px); + --Select-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Select-indicatorColor: var(--joy-palette-text-tertiary, var(--joy-palette-neutral-600, #555E68)); + --Select-minHeight: 2.25rem; + --Select-paddingInline: 0.75rem; + --Select-decoratorChildHeight: min(1.75rem, var(--Select-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Select-decoratorChildOffset: min(calc(var(--Select-paddingInline) - (var(--Select-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Select-decoratorChildHeight)) / 2), var(--Select-paddingInline)); + --_Select-paddingBlock: max((var(--Select-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Select-decoratorChildHeight)) / 2, 0px); + --Select-decoratorChildRadius: max(var(--Select-radius) - var(--variant-borderWidth, 0px) - var(--_Select-paddingBlock), min(var(--_Select-paddingBlock) + var(--variant-borderWidth, 0px), var(--Select-radius) / 2)); + --Button-minHeight: var(--Select-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Select-decoratorChildHeight); + --Button-radius: var(--Select-decoratorChildRadius); + --IconButton-radius: var(--Select-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Select-minHeight); + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: var(--Select-radius); + cursor: pointer; + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + padding-block: 3px; + padding-inline: var(--Select-paddingInline); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-3:not([data-inverted-colors="false"]) { + --Select-focusedHighlight: var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB)); +} + +.emotion-3::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); +} + +.emotion-3.Mui-focusVisible { + --Select-indicatorColor: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); +} + +.emotion-3.Mui-focusVisible::before { + box-shadow: inset 0 0 0 var(--Select-focusedThickness) var(--Select-focusedHighlight); +} + +.emotion-3.Mui-disabled { + --Select-indicatorColor: inherit; +} + +.emotion-3:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-neutral-outlinedHoverBg, var(--joy-palette-neutral-100, #F0F4F8))); +} + +.emotion-3.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-4 { + border: 0; + outline: 0; + background: none; + padding: 0; + font-size: inherit; + color: inherit; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-family: inherit; + cursor: pointer; + white-space: nowrap; + overflow: hidden; +} + +.emotion-4::before { + content: ""; + display: block; + position: absolute; + top: calc(-1 * var(--variant-borderWidth, 0px)); + left: calc(-1 * var(--variant-borderWidth, 0px)); + right: calc(-1 * var(--variant-borderWidth, 0px)); + bottom: calc(-1 * var(--variant-borderWidth, 0px)); + border-radius: var(--Select-radius); +} + +.emotion-5 { + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + display: inherit; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-margin-start: var(--Select-gap); + margin-inline-start: var(--Select-gap); + -webkit-margin-end: calc(var(--Select-paddingInline) / -4); + margin-inline-end: calc(var(--Select-paddingInline) / -4); +} + +.MuiSelect-endDecorator+.emotion-5 { + -webkit-margin-start: calc(var(--Select-gap) / 2); + margin-inline-start: calc(var(--Select-gap) / 2); +} + +.emotion-5.Mui-expanded, +.Mui-disabled>.emotion-5 { + --Icon-color: currentColor; +} + +.emotion-6 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + margin: var(--Icon-margin); + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: var(--Icon-fontSize, var(--joy-fontSize-xl2, 1.5rem)); + color: var(--Icon-color, var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74))); +} + +.emotion-7 { + margin-top: 24px; +} + +.emotion-8 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-8.Mui-focusVisible, +.emotion-8:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-8:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-8:active, +.emotion-8[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-8.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-8.MuiButton-loading { + color: transparent; +} + +
+
+
+
+ +
+
+
+
+
+
+ +
+
+`; + +exports[`array fields empty errors array 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + --Grid-columns: 12; + --Grid-columnSpacing: 16px; + --Grid-rowSpacing: 16px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); +} + +.emotion-2 { + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + width: calc(100% * 12 / var(--Grid-columns)); + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-5 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-6 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-6:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-6::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-6.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-6:focus-within::before { + --Input-focused: 1; +} + +.emotion-7 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-7:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-7::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-7::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-7:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-7::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-8 { + margin-top: 24px; +} + +.emotion-9 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-9.Mui-focusVisible, +.emotion-9:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-9:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-9:active, +.emotion-9[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-9.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-9.MuiButton-loading { + color: transparent; +} + +
+
+
+ +
+
+
+
+
+ +
+ +
+
+
+
+
+
+
+
+
+ +
+
+`; + +exports[`array fields fixed array 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --ListItem-stickyBackground: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + --Sheet-background: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + position: relative; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-2 { + padding: 16px; +} + +.emotion-3 { + --Grid-columns: 12; + --Grid-columnSpacing: 0px; + --Grid-rowSpacing: 0px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-4 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-5 { + margin-bottom: 16px; +} + +.emotion-10 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-11 { + color: var(--FormLabel-asteriskColor); +} + +.emotion-12 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-12:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-12::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-12.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-12:focus-within::before { + --Input-focused: 1; +} + +.emotion-13 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-13:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-13::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-13::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-13:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-13::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-25 { + margin-top: 24px; +} + +.emotion-26 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-26.Mui-focusVisible, +.emotion-26:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-26:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-26:active, +.emotion-26[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-26.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-26.MuiButton-loading { + color: transparent; +} + +
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+`; + +exports[`array fields has errors 1`] = ` +.emotion-0 { + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --ListItem-stickyBackground: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + --Sheet-background: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + position: relative; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-1 { + margin-bottom: 16px; + padding: 16px; +} + +.emotion-2 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-display, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + font-size: var(--Typography-fontSize, var(--joy-fontSize-xl, 1.25rem)); + line-height: var(--joy-lineHeight-md, 1.5); + letter-spacing: -0.025em; + color: var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C)); +} + +.emotion-3 { + --ListDivider-gap: 0.25rem; + --ListItem-minHeight: 2rem; + --ListItem-paddingY: 3px; + --ListItem-paddingX: 0.5rem; + --ListItem-gap: 0.5rem; + --ListItemDecorator-size: 2rem; + --Icon-fontSize: var(--joy-fontSize-lg, 1.125rem); + --List-gap: 0px; + --List-nestedInsetStart: 0px; + --ListItem-paddingLeft: var(--ListItem-paddingX); + --ListItem-paddingRight: var(--ListItem-paddingX); + --unstable_List-childRadius: calc(max(var(--List-radius) - var(--List-padding), min(var(--List-padding) / 2, var(--List-radius) / 2)) - var(--variant-borderWidth, 0px)); + --ListItem-radius: var(--unstable_List-childRadius); + --ListItem-startActionTranslateX: calc(0.5 * var(--ListItem-paddingLeft)); + --ListItem-endActionTranslateX: calc(-0.5 * var(--ListItem-paddingRight)); + margin: initial; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-sm, 0.875rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--joy-palette-text-tertiary, var(--joy-palette-neutral-600, #555E68)); + padding-block: var(--List-padding, var(--ListDivider-gap)); + padding-inline: var(--List-padding); + box-sizing: border-box; + border-radius: var(--List-radius); + list-style: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + position: relative; + --variant-borderWidth: 0px; + color: var(--variant-plainColor, var(--joy-palette-neutral-plainColor, var(--joy-palette-neutral-700, #32383E))); + --unstable_List-borderWidth: var(--variant-borderWidth, 0px); +} + +.emotion-4 { + --ListItemButton-marginInline: calc(-1 * var(--ListItem-paddingLeft)) calc(-1 * var(--ListItem-paddingRight)); + --ListItemButton-marginBlock: calc(-1 * var(--ListItem-paddingY)); + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: var(--ListItem-gap); + margin-inline: var(--ListItem-marginInline); + --unstable_actionRadius: calc(var(--ListItem-radius) - var(--variant-borderWidth, 0px)); + box-sizing: border-box; + border-radius: var(--ListItem-radius); + display: var(--_ListItem-display); + -webkit-flex: none; + -ms-flex: none; + flex: none; + list-style-type: var(--_List-markerType, disc); + position: relative; + padding-block-start: var(--ListItem-paddingY); + padding-block-end: var(--ListItem-paddingY); + -webkit-padding-start: var(--ListItem-paddingLeft); + padding-inline-start: var(--ListItem-paddingLeft); + -webkit-padding-end: var(--ListItem-paddingRight); + padding-inline-end: var(--ListItem-paddingRight); + min-block-size: var(--ListItem-minHeight); + --variant-borderWidth: 0px; + color: var(--variant-plainColor, var(--joy-palette-neutral-plainColor, var(--joy-palette-neutral-700, #32383E))); +} + +.emotion-4:not([hidden]) { + --_ListItem-display: var(--_List-markerDisplay, flex); +} + +.MuiListItem-nested>.emotion-4 { + --_ListItem-display: flex; +} + +.emotion-5 { + box-sizing: border-box; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: var(--unstable_ListItemDecorator-alignItems, center); + -webkit-box-align: var(--unstable_ListItemDecorator-alignItems, center); + -ms-flex-align: var(--unstable_ListItemDecorator-alignItems, center); + align-items: var(--unstable_ListItemDecorator-alignItems, center); + min-inline-size: var(--ListItemDecorator-size); + -webkit-margin-end: calc(-1 * var(--ListItem-gap)); + margin-inline-end: calc(-1 * var(--ListItem-gap)); +} + +.emotion-6 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.5rem; + color: #d32f2f; +} + +.emotion-7 { + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + min-width: 0; +} + +.emotion-8 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-8.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-8.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-9 { + --Grid-columns: 12; + --Grid-columnSpacing: 16px; + --Grid-rowSpacing: 16px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); +} + +.emotion-10 { + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + width: calc(100% * 12 / var(--Grid-columns)); + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-13 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-14 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-danger-500, #C41C1C); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-danger-outlinedColor, var(--joy-palette-danger-500, #C41C1C))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-danger-outlinedBorder, var(--joy-palette-danger-300, #F09898))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-14:not([data-skip-inverted-colors]) { + --_Input-focusedHighlight: var(--joy-palette-danger-500, #C41C1C); + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-14::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-14.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-danger-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-danger-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-14:focus-within::before { + --Input-focused: 1; +} + +.emotion-15 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-15:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-15::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-15::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-15:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-15::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-19 { + margin-top: 24px; +} + +.emotion-20 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-20.Mui-focusVisible, +.emotion-20:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-20:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-20:active, +.emotion-20[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-20.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-20.MuiButton-loading { + color: transparent; +} + +
+
+
+

+ Errors +

+
    +
  • + + + + + +
    + .name Bad input + +
    +
    • +
+
+
+
+
+ +
+
+
+
+
+ +
+ +
+
+
    +
  • +
    + Bad input +
    +
    • +
+
+
+
+
+
+
+
+ +
+
+`; + +exports[`array fields no errors 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + --Grid-columns: 12; + --Grid-columnSpacing: 16px; + --Grid-rowSpacing: 16px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); +} + +.emotion-2 { + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + width: calc(100% * 12 / var(--Grid-columns)); + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-5 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-6 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-6:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-6::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-6.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-6:focus-within::before { + --Input-focused: 1; +} + +.emotion-7 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-7:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-7::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-7::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-7:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-7::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-8 { + margin-top: 24px; +} + +.emotion-9 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-9.Mui-focusVisible, +.emotion-9:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-9:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-9:active, +.emotion-9[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-9.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-9.MuiButton-loading { + color: transparent; +} + +
+
+
+ +
+
+
+
+
+ +
+ +
+
+
+
+
+
+
+
+
+ +
+
+`; + +exports[`with title and description array 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --ListItem-stickyBackground: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + --Sheet-background: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + position: relative; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-2 { + padding: 16px; +} + +.emotion-3 { + margin-bottom: 8px; + margin-top: 8px; +} + +.emotion-4 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-display, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + font-size: var(--Typography-fontSize, var(--joy-fontSize-xl, 1.25rem)); + line-height: var(--joy-lineHeight-md, 1.5); + letter-spacing: -0.025em; + color: var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C)); +} + +.emotion-5 { + --Divider-thickness: 1px; + --Divider-lineColor: var(--joy-palette-divider, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 0.2)); + margin: initial; + margin-inline: var(--_Divider-inset); + margin-block: initial; + position: relative; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border: none; + list-style: none; + background-color: var(--Divider-lineColor); + inline-size: initial; + block-size: var(--Divider-thickness); +} + +.emotion-6 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + margin-inline: -0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-7 { + --Grid-columns: 12; + --Grid-columnSpacing: 0px; + --Grid-rowSpacing: 0px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); + -webkit-box-pack: end; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; +} + +.emotion-8 { + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-9 { + margin-top: 16px; +} + +.emotion-10 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: calc(var(--IconButton-size, 2.25rem) / 1.5); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2.25rem); + min-height: var(--IconButton-size, 2.25rem); + font-size: var(--joy-fontSize-md, 1rem); + padding-inline: 0.25rem; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + --variant-borderWidth: 0px; + color: var(--variant-plainColor, var(--joy-palette-primary-plainColor, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-10.Mui-focusVisible, +.emotion-10:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-10:hover { + --Icon-color: currentColor; + background-color: var(--variant-plainHoverBg, var(--joy-palette-primary-plainHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-10:active, +.emotion-10[aria-pressed="true"] { + --Icon-color: currentColor; + background-color: var(--variant-plainActiveBg, var(--joy-palette-primary-plainActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-10:disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-plainDisabledColor, var(--joy-palette-primary-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-11 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.5rem; +} + +.emotion-12 { + margin-top: 24px; +} + +.emotion-13 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-13.Mui-focusVisible, +.emotion-13:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-13:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-13:active, +.emotion-13[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-13.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-13.MuiButton-loading { + color: transparent; +} + +
+
+
+
+
+
+

+ Test field +

+
+
+

+ a test description +

+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+`; + +exports[`with title and description array icons 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --ListItem-stickyBackground: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + --Sheet-background: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + position: relative; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-2 { + padding: 16px; +} + +.emotion-3 { + margin-bottom: 8px; + margin-top: 8px; +} + +.emotion-4 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-display, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + font-size: var(--Typography-fontSize, var(--joy-fontSize-xl, 1.25rem)); + line-height: var(--joy-lineHeight-md, 1.5); + letter-spacing: -0.025em; + color: var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C)); +} + +.emotion-5 { + --Divider-thickness: 1px; + --Divider-lineColor: var(--joy-palette-divider, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 0.2)); + margin: initial; + margin-inline: var(--_Divider-inset); + margin-block: initial; + position: relative; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border: none; + list-style: none; + background-color: var(--Divider-lineColor); + inline-size: initial; + block-size: var(--Divider-thickness); +} + +.emotion-6 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + margin-inline: -0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-7 { + --Grid-columns: 12; + --Grid-columnSpacing: 0px; + --Grid-rowSpacing: 0px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-8 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-9 { + margin-bottom: 16px; +} + +.emotion-14 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-15 { + color: var(--FormLabel-asteriskColor); +} + +.emotion-16 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-16:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-16::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-16.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-16:focus-within::before { + --Input-focused: 1; +} + +.emotion-17 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-17:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-17::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-17::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-17:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-17::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-18 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-plainColor, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 1)); +} + +.emotion-19 { + --Icon-fontSize: calc(1em * 1); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: inline; + font-size: var(--Typography-fontSize, inherit); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-20 { + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-21 { + --Icon-margin: initial; + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --IconButton-size: 2rem; + --Icon-fontSize: calc(var(--IconButton-size, 2rem) / 1.6); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2rem); + min-height: var(--IconButton-size, 2rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-inline: 2px; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + --variant-borderWidth: 0px; + color: var(--variant-plainColor, var(--joy-palette-neutral-plainColor, var(--joy-palette-neutral-700, #32383E))); +} + +.emotion-21.Mui-focusVisible, +.emotion-21:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-21:hover { + --Icon-color: currentColor; + background-color: var(--variant-plainHoverBg, var(--joy-palette-neutral-plainHoverBg, var(--joy-palette-neutral-100, #F0F4F8))); + color: var(--variant-plainHoverColor, var(--joy-palette-neutral-plainHoverColor, var(--joy-palette-neutral-900, #0B0D0E))); + } +} + +.emotion-21:active, +.emotion-21[aria-pressed="true"] { + --Icon-color: currentColor; + background-color: var(--variant-plainActiveBg, var(--joy-palette-neutral-plainActiveBg, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-21:disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-22 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.25rem; +} + +.emotion-27 { + --Icon-margin: initial; + --Icon-color: currentColor; + --IconButton-size: 2rem; + --Icon-fontSize: calc(var(--IconButton-size, 2rem) / 1.6); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2rem); + min-height: var(--IconButton-size, 2rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-inline: 2px; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; +} + +.emotion-27.Mui-focusVisible, +.emotion-27:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-27:hover { + --Icon-color: currentColor; + } +} + +.emotion-27:active, +.emotion-27[aria-pressed="true"] { + --Icon-color: currentColor; +} + +.emotion-51 { + --Grid-columns: 12; + --Grid-columnSpacing: 0px; + --Grid-rowSpacing: 0px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); + -webkit-box-pack: end; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; +} + +.emotion-53 { + margin-top: 16px; +} + +.emotion-54 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: calc(var(--IconButton-size, 2.25rem) / 1.5); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2.25rem); + min-height: var(--IconButton-size, 2.25rem); + font-size: var(--joy-fontSize-md, 1rem); + padding-inline: 0.25rem; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + --variant-borderWidth: 0px; + color: var(--variant-plainColor, var(--joy-palette-primary-plainColor, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-54.Mui-focusVisible, +.emotion-54:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-54:hover { + --Icon-color: currentColor; + background-color: var(--variant-plainHoverBg, var(--joy-palette-primary-plainHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-54:active, +.emotion-54[aria-pressed="true"] { + --Icon-color: currentColor; + background-color: var(--variant-plainActiveBg, var(--joy-palette-primary-plainActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-54:disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-plainDisabledColor, var(--joy-palette-primary-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-55 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.5rem; +} + +.emotion-56 { + margin-top: 24px; +} + +.emotion-57 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-57.Mui-focusVisible, +.emotion-57:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-57:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-57:active, +.emotion-57[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-57.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-57.MuiButton-loading { + color: transparent; +} + +
+
+
+
+
+
+

+ Test field +

+
+
+

+ a test description +

+
+
+
+
+
+
+
+
+ +
+ +
+
+

+ + a test item description + +

+
+
+
+
+
+
+
+ + + + +
+
+
+
+
+
+
+
+
+
+ +
+ +
+
+

+ + a test item description + +

+
+
+
+
+
+
+
+ + + + +
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+`; + +exports[`with title and description checkboxes 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-2 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-3 { + --Select-radius: var(--joy-radius-sm, 6px); + --Select-gap: 0.5rem; + --Select-placeholderOpacity: 0.64; + --Select-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Select-focusedThickness: var(--joy-focus-thickness, 2px); + --Select-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Select-indicatorColor: var(--joy-palette-text-tertiary, var(--joy-palette-neutral-600, #555E68)); + --Select-minHeight: 2.25rem; + --Select-paddingInline: 0.75rem; + --Select-decoratorChildHeight: min(1.75rem, var(--Select-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Select-decoratorChildOffset: min(calc(var(--Select-paddingInline) - (var(--Select-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Select-decoratorChildHeight)) / 2), var(--Select-paddingInline)); + --_Select-paddingBlock: max((var(--Select-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Select-decoratorChildHeight)) / 2, 0px); + --Select-decoratorChildRadius: max(var(--Select-radius) - var(--variant-borderWidth, 0px) - var(--_Select-paddingBlock), min(var(--_Select-paddingBlock) + var(--variant-borderWidth, 0px), var(--Select-radius) / 2)); + --Button-minHeight: var(--Select-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Select-decoratorChildHeight); + --Button-radius: var(--Select-decoratorChildRadius); + --IconButton-radius: var(--Select-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Select-minHeight); + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: var(--Select-radius); + cursor: pointer; + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + padding-block: 3px; + padding-inline: var(--Select-paddingInline); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-3:not([data-inverted-colors="false"]) { + --Select-focusedHighlight: var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB)); +} + +.emotion-3::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); +} + +.emotion-3.Mui-focusVisible { + --Select-indicatorColor: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); +} + +.emotion-3.Mui-focusVisible::before { + box-shadow: inset 0 0 0 var(--Select-focusedThickness) var(--Select-focusedHighlight); +} + +.emotion-3.Mui-disabled { + --Select-indicatorColor: inherit; +} + +.emotion-3:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-neutral-outlinedHoverBg, var(--joy-palette-neutral-100, #F0F4F8))); +} + +.emotion-3.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-4 { + border: 0; + outline: 0; + background: none; + padding: 0; + font-size: inherit; + color: inherit; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-family: inherit; + cursor: pointer; + white-space: nowrap; + overflow: hidden; +} + +.emotion-4::before { + content: ""; + display: block; + position: absolute; + top: calc(-1 * var(--variant-borderWidth, 0px)); + left: calc(-1 * var(--variant-borderWidth, 0px)); + right: calc(-1 * var(--variant-borderWidth, 0px)); + bottom: calc(-1 * var(--variant-borderWidth, 0px)); + border-radius: var(--Select-radius); +} + +.emotion-5 { + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + display: inherit; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-margin-start: var(--Select-gap); + margin-inline-start: var(--Select-gap); + -webkit-margin-end: calc(var(--Select-paddingInline) / -4); + margin-inline-end: calc(var(--Select-paddingInline) / -4); +} + +.MuiSelect-endDecorator+.emotion-5 { + -webkit-margin-start: calc(var(--Select-gap) / 2); + margin-inline-start: calc(var(--Select-gap) / 2); +} + +.emotion-5.Mui-expanded, +.Mui-disabled>.emotion-5 { + --Icon-color: currentColor; +} + +.emotion-6 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + margin: var(--Icon-margin); + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: var(--Icon-fontSize, var(--joy-fontSize-xl2, 1.5rem)); + color: var(--Icon-color, var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74))); +} + +.emotion-7 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-plainColor, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 1)); +} + +.emotion-8 { + --Icon-fontSize: calc(1em * 1); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: inline; + font-size: var(--Typography-fontSize, inherit); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-9 { + margin-top: 24px; +} + +.emotion-10 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-10.Mui-focusVisible, +.emotion-10:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-10:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-10:active, +.emotion-10[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-10.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-10.MuiButton-loading { + color: transparent; +} + +
+
+
+
+ +
+
+
+

+ + a test description + +

+
+
+
+ +
+
+`; + +exports[`with title and description fixed array 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --ListItem-stickyBackground: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + --Sheet-background: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + position: relative; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-2 { + padding: 16px; +} + +.emotion-3 { + margin-bottom: 8px; + margin-top: 8px; +} + +.emotion-4 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-display, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + font-size: var(--Typography-fontSize, var(--joy-fontSize-xl, 1.25rem)); + line-height: var(--joy-lineHeight-md, 1.5); + letter-spacing: -0.025em; + color: var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C)); +} + +.emotion-5 { + --Divider-thickness: 1px; + --Divider-lineColor: var(--joy-palette-divider, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 0.2)); + margin: initial; + margin-inline: var(--_Divider-inset); + margin-block: initial; + position: relative; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border: none; + list-style: none; + background-color: var(--Divider-lineColor); + inline-size: initial; + block-size: var(--Divider-thickness); +} + +.emotion-6 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + margin-inline: -0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-7 { + --Grid-columns: 12; + --Grid-columnSpacing: 0px; + --Grid-rowSpacing: 0px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-8 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-9 { + margin-bottom: 16px; +} + +.emotion-14 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-15 { + color: var(--FormLabel-asteriskColor); +} + +.emotion-16 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-16:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-16::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-16.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-16:focus-within::before { + --Input-focused: 1; +} + +.emotion-17 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-17:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-17::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-17::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-17:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-17::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-18 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-plainColor, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 1)); +} + +.emotion-19 { + --Icon-fontSize: calc(1em * 1); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: inline; + font-size: var(--Typography-fontSize, inherit); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-33 { + margin-top: 24px; +} + +.emotion-34 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-34.Mui-focusVisible, +.emotion-34:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-34:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-34:active, +.emotion-34[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-34.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-34.MuiButton-loading { + color: transparent; +} + +
+
+
+
+
+
+

+ Test field +

+
+
+

+ a test description +

+
+
+
+
+
+
+
+
+ +
+ +
+
+

+ + a test item description + +

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ +
+
+

+ + a test item description + +

+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+`; + +exports[`with title and description from both array 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --ListItem-stickyBackground: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + --Sheet-background: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + position: relative; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-2 { + padding: 16px; +} + +.emotion-3 { + margin-bottom: 8px; + margin-top: 8px; +} + +.emotion-4 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-display, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + font-size: var(--Typography-fontSize, var(--joy-fontSize-xl, 1.25rem)); + line-height: var(--joy-lineHeight-md, 1.5); + letter-spacing: -0.025em; + color: var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C)); +} + +.emotion-5 { + --Divider-thickness: 1px; + --Divider-lineColor: var(--joy-palette-divider, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 0.2)); + margin: initial; + margin-inline: var(--_Divider-inset); + margin-block: initial; + position: relative; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border: none; + list-style: none; + background-color: var(--Divider-lineColor); + inline-size: initial; + block-size: var(--Divider-thickness); +} + +.emotion-6 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + margin-inline: -0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-7 { + --Grid-columns: 12; + --Grid-columnSpacing: 0px; + --Grid-rowSpacing: 0px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); + -webkit-box-pack: end; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; +} + +.emotion-8 { + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-9 { + margin-top: 16px; +} + +.emotion-10 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: calc(var(--IconButton-size, 2.25rem) / 1.5); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2.25rem); + min-height: var(--IconButton-size, 2.25rem); + font-size: var(--joy-fontSize-md, 1rem); + padding-inline: 0.25rem; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + --variant-borderWidth: 0px; + color: var(--variant-plainColor, var(--joy-palette-primary-plainColor, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-10.Mui-focusVisible, +.emotion-10:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-10:hover { + --Icon-color: currentColor; + background-color: var(--variant-plainHoverBg, var(--joy-palette-primary-plainHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-10:active, +.emotion-10[aria-pressed="true"] { + --Icon-color: currentColor; + background-color: var(--variant-plainActiveBg, var(--joy-palette-primary-plainActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-10:disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-plainDisabledColor, var(--joy-palette-primary-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-11 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.5rem; +} + +.emotion-12 { + margin-top: 24px; +} + +.emotion-13 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-13.Mui-focusVisible, +.emotion-13:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-13:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-13:active, +.emotion-13[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-13.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-13.MuiButton-loading { + color: transparent; +} + +
+
+
+
+
+
+

+ My Field +

+
+
+

+ a fancier description +

+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+`; + +exports[`with title and description from both array icons 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --ListItem-stickyBackground: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + --Sheet-background: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + position: relative; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-2 { + padding: 16px; +} + +.emotion-3 { + margin-bottom: 8px; + margin-top: 8px; +} + +.emotion-4 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-display, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + font-size: var(--Typography-fontSize, var(--joy-fontSize-xl, 1.25rem)); + line-height: var(--joy-lineHeight-md, 1.5); + letter-spacing: -0.025em; + color: var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C)); +} + +.emotion-5 { + --Divider-thickness: 1px; + --Divider-lineColor: var(--joy-palette-divider, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 0.2)); + margin: initial; + margin-inline: var(--_Divider-inset); + margin-block: initial; + position: relative; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border: none; + list-style: none; + background-color: var(--Divider-lineColor); + inline-size: initial; + block-size: var(--Divider-thickness); +} + +.emotion-6 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + margin-inline: -0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-7 { + --Grid-columns: 12; + --Grid-columnSpacing: 0px; + --Grid-rowSpacing: 0px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-8 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-9 { + margin-bottom: 16px; +} + +.emotion-14 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-15 { + color: var(--FormLabel-asteriskColor); +} + +.emotion-16 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-16:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-16::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-16.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-16:focus-within::before { + --Input-focused: 1; +} + +.emotion-17 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-17:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-17::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-17::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-17:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-17::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-18 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-plainColor, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 1)); +} + +.emotion-19 { + --Icon-fontSize: calc(1em * 1); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: inline; + font-size: var(--Typography-fontSize, inherit); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-20 { + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-21 { + --Icon-margin: initial; + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --IconButton-size: 2rem; + --Icon-fontSize: calc(var(--IconButton-size, 2rem) / 1.6); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2rem); + min-height: var(--IconButton-size, 2rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-inline: 2px; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + --variant-borderWidth: 0px; + color: var(--variant-plainColor, var(--joy-palette-neutral-plainColor, var(--joy-palette-neutral-700, #32383E))); +} + +.emotion-21.Mui-focusVisible, +.emotion-21:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-21:hover { + --Icon-color: currentColor; + background-color: var(--variant-plainHoverBg, var(--joy-palette-neutral-plainHoverBg, var(--joy-palette-neutral-100, #F0F4F8))); + color: var(--variant-plainHoverColor, var(--joy-palette-neutral-plainHoverColor, var(--joy-palette-neutral-900, #0B0D0E))); + } +} + +.emotion-21:active, +.emotion-21[aria-pressed="true"] { + --Icon-color: currentColor; + background-color: var(--variant-plainActiveBg, var(--joy-palette-neutral-plainActiveBg, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-21:disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-22 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.25rem; +} + +.emotion-27 { + --Icon-margin: initial; + --Icon-color: currentColor; + --IconButton-size: 2rem; + --Icon-fontSize: calc(var(--IconButton-size, 2rem) / 1.6); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2rem); + min-height: var(--IconButton-size, 2rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-inline: 2px; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; +} + +.emotion-27.Mui-focusVisible, +.emotion-27:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-27:hover { + --Icon-color: currentColor; + } +} + +.emotion-27:active, +.emotion-27[aria-pressed="true"] { + --Icon-color: currentColor; +} + +.emotion-51 { + --Grid-columns: 12; + --Grid-columnSpacing: 0px; + --Grid-rowSpacing: 0px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); + -webkit-box-pack: end; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; +} + +.emotion-53 { + margin-top: 16px; +} + +.emotion-54 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: calc(var(--IconButton-size, 2.25rem) / 1.5); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2.25rem); + min-height: var(--IconButton-size, 2.25rem); + font-size: var(--joy-fontSize-md, 1rem); + padding-inline: 0.25rem; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + --variant-borderWidth: 0px; + color: var(--variant-plainColor, var(--joy-palette-primary-plainColor, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-54.Mui-focusVisible, +.emotion-54:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-54:hover { + --Icon-color: currentColor; + background-color: var(--variant-plainHoverBg, var(--joy-palette-primary-plainHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-54:active, +.emotion-54[aria-pressed="true"] { + --Icon-color: currentColor; + background-color: var(--variant-plainActiveBg, var(--joy-palette-primary-plainActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-54:disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-plainDisabledColor, var(--joy-palette-primary-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-55 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.5rem; +} + +.emotion-56 { + margin-top: 24px; +} + +.emotion-57 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-57.Mui-focusVisible, +.emotion-57:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-57:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-57:active, +.emotion-57[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-57.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-57.MuiButton-loading { + color: transparent; +} + +
+
+
+
+
+
+

+ My Field +

+
+
+

+ a fancier description +

+
+
+
+
+
+
+
+
+ +
+ +
+
+

+ + a fancier item description + +

+
+
+
+
+
+
+
+ + + + +
+
+
+
+
+
+
+
+
+
+ +
+ +
+
+

+ + a fancier item description + +

+
+
+
+
+
+
+
+ + + + +
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+`; + +exports[`with title and description from both checkboxes 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-2 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-3 { + --Select-radius: var(--joy-radius-sm, 6px); + --Select-gap: 0.5rem; + --Select-placeholderOpacity: 0.64; + --Select-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Select-focusedThickness: var(--joy-focus-thickness, 2px); + --Select-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Select-indicatorColor: var(--joy-palette-text-tertiary, var(--joy-palette-neutral-600, #555E68)); + --Select-minHeight: 2.25rem; + --Select-paddingInline: 0.75rem; + --Select-decoratorChildHeight: min(1.75rem, var(--Select-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Select-decoratorChildOffset: min(calc(var(--Select-paddingInline) - (var(--Select-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Select-decoratorChildHeight)) / 2), var(--Select-paddingInline)); + --_Select-paddingBlock: max((var(--Select-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Select-decoratorChildHeight)) / 2, 0px); + --Select-decoratorChildRadius: max(var(--Select-radius) - var(--variant-borderWidth, 0px) - var(--_Select-paddingBlock), min(var(--_Select-paddingBlock) + var(--variant-borderWidth, 0px), var(--Select-radius) / 2)); + --Button-minHeight: var(--Select-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Select-decoratorChildHeight); + --Button-radius: var(--Select-decoratorChildRadius); + --IconButton-radius: var(--Select-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Select-minHeight); + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: var(--Select-radius); + cursor: pointer; + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + padding-block: 3px; + padding-inline: var(--Select-paddingInline); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-3:not([data-inverted-colors="false"]) { + --Select-focusedHighlight: var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB)); +} + +.emotion-3::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); +} + +.emotion-3.Mui-focusVisible { + --Select-indicatorColor: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); +} + +.emotion-3.Mui-focusVisible::before { + box-shadow: inset 0 0 0 var(--Select-focusedThickness) var(--Select-focusedHighlight); +} + +.emotion-3.Mui-disabled { + --Select-indicatorColor: inherit; +} + +.emotion-3:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-neutral-outlinedHoverBg, var(--joy-palette-neutral-100, #F0F4F8))); +} + +.emotion-3.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-4 { + border: 0; + outline: 0; + background: none; + padding: 0; + font-size: inherit; + color: inherit; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-family: inherit; + cursor: pointer; + white-space: nowrap; + overflow: hidden; +} + +.emotion-4::before { + content: ""; + display: block; + position: absolute; + top: calc(-1 * var(--variant-borderWidth, 0px)); + left: calc(-1 * var(--variant-borderWidth, 0px)); + right: calc(-1 * var(--variant-borderWidth, 0px)); + bottom: calc(-1 * var(--variant-borderWidth, 0px)); + border-radius: var(--Select-radius); +} + +.emotion-5 { + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + display: inherit; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-margin-start: var(--Select-gap); + margin-inline-start: var(--Select-gap); + -webkit-margin-end: calc(var(--Select-paddingInline) / -4); + margin-inline-end: calc(var(--Select-paddingInline) / -4); +} + +.MuiSelect-endDecorator+.emotion-5 { + -webkit-margin-start: calc(var(--Select-gap) / 2); + margin-inline-start: calc(var(--Select-gap) / 2); +} + +.emotion-5.Mui-expanded, +.Mui-disabled>.emotion-5 { + --Icon-color: currentColor; +} + +.emotion-6 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + margin: var(--Icon-margin); + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: var(--Icon-fontSize, var(--joy-fontSize-xl2, 1.5rem)); + color: var(--Icon-color, var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74))); +} + +.emotion-7 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-plainColor, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 1)); +} + +.emotion-8 { + --Icon-fontSize: calc(1em * 1); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: inline; + font-size: var(--Typography-fontSize, inherit); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-9 { + margin-top: 24px; +} + +.emotion-10 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-10.Mui-focusVisible, +.emotion-10:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-10:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-10:active, +.emotion-10[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-10.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-10.MuiButton-loading { + color: transparent; +} + +
+
+
+
+ +
+
+
+

+ + a fancier description + +

+
+
+
+ +
+
+`; + +exports[`with title and description from both fixed array 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --ListItem-stickyBackground: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + --Sheet-background: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + position: relative; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-2 { + padding: 16px; +} + +.emotion-3 { + margin-bottom: 8px; + margin-top: 8px; +} + +.emotion-4 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-display, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + font-size: var(--Typography-fontSize, var(--joy-fontSize-xl, 1.25rem)); + line-height: var(--joy-lineHeight-md, 1.5); + letter-spacing: -0.025em; + color: var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C)); +} + +.emotion-5 { + --Divider-thickness: 1px; + --Divider-lineColor: var(--joy-palette-divider, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 0.2)); + margin: initial; + margin-inline: var(--_Divider-inset); + margin-block: initial; + position: relative; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border: none; + list-style: none; + background-color: var(--Divider-lineColor); + inline-size: initial; + block-size: var(--Divider-thickness); +} + +.emotion-6 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + margin-inline: -0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-7 { + --Grid-columns: 12; + --Grid-columnSpacing: 0px; + --Grid-rowSpacing: 0px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-8 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-9 { + margin-bottom: 16px; +} + +.emotion-14 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-15 { + color: var(--FormLabel-asteriskColor); +} + +.emotion-16 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-16:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-16::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-16.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-16:focus-within::before { + --Input-focused: 1; +} + +.emotion-17 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-17:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-17::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-17::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-17:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-17::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-18 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-plainColor, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 1)); +} + +.emotion-19 { + --Icon-fontSize: calc(1em * 1); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: inline; + font-size: var(--Typography-fontSize, inherit); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-33 { + margin-top: 24px; +} + +.emotion-34 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-34.Mui-focusVisible, +.emotion-34:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-34:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-34:active, +.emotion-34[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-34.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-34.MuiButton-loading { + color: transparent; +} + +
+
+
+
+
+
+

+ My Field +

+
+
+

+ a fancier description +

+
+
+
+
+
+
+
+
+ +
+ +
+
+

+ + a fancier item description + +

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ +
+
+

+ + a fancier item description + +

+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+`; + +exports[`with title and description from uiSchema array 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --ListItem-stickyBackground: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + --Sheet-background: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + position: relative; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-2 { + padding: 16px; +} + +.emotion-3 { + margin-bottom: 8px; + margin-top: 8px; +} + +.emotion-4 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-display, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + font-size: var(--Typography-fontSize, var(--joy-fontSize-xl, 1.25rem)); + line-height: var(--joy-lineHeight-md, 1.5); + letter-spacing: -0.025em; + color: var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C)); +} + +.emotion-5 { + --Divider-thickness: 1px; + --Divider-lineColor: var(--joy-palette-divider, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 0.2)); + margin: initial; + margin-inline: var(--_Divider-inset); + margin-block: initial; + position: relative; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border: none; + list-style: none; + background-color: var(--Divider-lineColor); + inline-size: initial; + block-size: var(--Divider-thickness); +} + +.emotion-6 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + margin-inline: -0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-7 { + --Grid-columns: 12; + --Grid-columnSpacing: 0px; + --Grid-rowSpacing: 0px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); + -webkit-box-pack: end; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; +} + +.emotion-8 { + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-9 { + margin-top: 16px; +} + +.emotion-10 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: calc(var(--IconButton-size, 2.25rem) / 1.5); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2.25rem); + min-height: var(--IconButton-size, 2.25rem); + font-size: var(--joy-fontSize-md, 1rem); + padding-inline: 0.25rem; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + --variant-borderWidth: 0px; + color: var(--variant-plainColor, var(--joy-palette-primary-plainColor, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-10.Mui-focusVisible, +.emotion-10:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-10:hover { + --Icon-color: currentColor; + background-color: var(--variant-plainHoverBg, var(--joy-palette-primary-plainHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-10:active, +.emotion-10[aria-pressed="true"] { + --Icon-color: currentColor; + background-color: var(--variant-plainActiveBg, var(--joy-palette-primary-plainActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-10:disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-plainDisabledColor, var(--joy-palette-primary-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-11 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.5rem; +} + +.emotion-12 { + margin-top: 24px; +} + +.emotion-13 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-13.Mui-focusVisible, +.emotion-13:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-13:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-13:active, +.emotion-13[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-13.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-13.MuiButton-loading { + color: transparent; +} + +
+
+
+
+
+
+

+ My Field +

+
+
+

+ a fancier description +

+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+`; + +exports[`with title and description from uiSchema array icons 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --ListItem-stickyBackground: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + --Sheet-background: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + position: relative; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-2 { + padding: 16px; +} + +.emotion-3 { + margin-bottom: 8px; + margin-top: 8px; +} + +.emotion-4 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-display, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + font-size: var(--Typography-fontSize, var(--joy-fontSize-xl, 1.25rem)); + line-height: var(--joy-lineHeight-md, 1.5); + letter-spacing: -0.025em; + color: var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C)); +} + +.emotion-5 { + --Divider-thickness: 1px; + --Divider-lineColor: var(--joy-palette-divider, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 0.2)); + margin: initial; + margin-inline: var(--_Divider-inset); + margin-block: initial; + position: relative; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border: none; + list-style: none; + background-color: var(--Divider-lineColor); + inline-size: initial; + block-size: var(--Divider-thickness); +} + +.emotion-6 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + margin-inline: -0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-7 { + --Grid-columns: 12; + --Grid-columnSpacing: 0px; + --Grid-rowSpacing: 0px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-8 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-9 { + margin-bottom: 16px; +} + +.emotion-14 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-15 { + color: var(--FormLabel-asteriskColor); +} + +.emotion-16 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-16:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-16::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-16.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-16:focus-within::before { + --Input-focused: 1; +} + +.emotion-17 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-17:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-17::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-17::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-17:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-17::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-18 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-plainColor, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 1)); +} + +.emotion-19 { + --Icon-fontSize: calc(1em * 1); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: inline; + font-size: var(--Typography-fontSize, inherit); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-20 { + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-21 { + --Icon-margin: initial; + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --IconButton-size: 2rem; + --Icon-fontSize: calc(var(--IconButton-size, 2rem) / 1.6); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2rem); + min-height: var(--IconButton-size, 2rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-inline: 2px; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + --variant-borderWidth: 0px; + color: var(--variant-plainColor, var(--joy-palette-neutral-plainColor, var(--joy-palette-neutral-700, #32383E))); +} + +.emotion-21.Mui-focusVisible, +.emotion-21:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-21:hover { + --Icon-color: currentColor; + background-color: var(--variant-plainHoverBg, var(--joy-palette-neutral-plainHoverBg, var(--joy-palette-neutral-100, #F0F4F8))); + color: var(--variant-plainHoverColor, var(--joy-palette-neutral-plainHoverColor, var(--joy-palette-neutral-900, #0B0D0E))); + } +} + +.emotion-21:active, +.emotion-21[aria-pressed="true"] { + --Icon-color: currentColor; + background-color: var(--variant-plainActiveBg, var(--joy-palette-neutral-plainActiveBg, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-21:disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-22 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.25rem; +} + +.emotion-27 { + --Icon-margin: initial; + --Icon-color: currentColor; + --IconButton-size: 2rem; + --Icon-fontSize: calc(var(--IconButton-size, 2rem) / 1.6); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2rem); + min-height: var(--IconButton-size, 2rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-inline: 2px; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; +} + +.emotion-27.Mui-focusVisible, +.emotion-27:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-27:hover { + --Icon-color: currentColor; + } +} + +.emotion-27:active, +.emotion-27[aria-pressed="true"] { + --Icon-color: currentColor; +} + +.emotion-51 { + --Grid-columns: 12; + --Grid-columnSpacing: 0px; + --Grid-rowSpacing: 0px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); + -webkit-box-pack: end; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; +} + +.emotion-53 { + margin-top: 16px; +} + +.emotion-54 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: calc(var(--IconButton-size, 2.25rem) / 1.5); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2.25rem); + min-height: var(--IconButton-size, 2.25rem); + font-size: var(--joy-fontSize-md, 1rem); + padding-inline: 0.25rem; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + --variant-borderWidth: 0px; + color: var(--variant-plainColor, var(--joy-palette-primary-plainColor, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-54.Mui-focusVisible, +.emotion-54:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-54:hover { + --Icon-color: currentColor; + background-color: var(--variant-plainHoverBg, var(--joy-palette-primary-plainHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-54:active, +.emotion-54[aria-pressed="true"] { + --Icon-color: currentColor; + background-color: var(--variant-plainActiveBg, var(--joy-palette-primary-plainActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-54:disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-plainDisabledColor, var(--joy-palette-primary-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-55 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.5rem; +} + +.emotion-56 { + margin-top: 24px; +} + +.emotion-57 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-57.Mui-focusVisible, +.emotion-57:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-57:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-57:active, +.emotion-57[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-57.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-57.MuiButton-loading { + color: transparent; +} + +
+
+
+
+
+
+

+ My Field +

+
+
+

+ a fancier description +

+
+
+
+
+
+
+
+
+ +
+ +
+
+

+ + a fancier item description + +

+
+
+
+
+
+
+
+ + + + +
+
+
+
+
+
+
+
+
+
+ +
+ +
+
+

+ + a fancier item description + +

+
+
+
+
+
+
+
+ + + + +
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+`; + +exports[`with title and description from uiSchema checkboxes 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-2 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-3 { + --Select-radius: var(--joy-radius-sm, 6px); + --Select-gap: 0.5rem; + --Select-placeholderOpacity: 0.64; + --Select-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Select-focusedThickness: var(--joy-focus-thickness, 2px); + --Select-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Select-indicatorColor: var(--joy-palette-text-tertiary, var(--joy-palette-neutral-600, #555E68)); + --Select-minHeight: 2.25rem; + --Select-paddingInline: 0.75rem; + --Select-decoratorChildHeight: min(1.75rem, var(--Select-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Select-decoratorChildOffset: min(calc(var(--Select-paddingInline) - (var(--Select-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Select-decoratorChildHeight)) / 2), var(--Select-paddingInline)); + --_Select-paddingBlock: max((var(--Select-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Select-decoratorChildHeight)) / 2, 0px); + --Select-decoratorChildRadius: max(var(--Select-radius) - var(--variant-borderWidth, 0px) - var(--_Select-paddingBlock), min(var(--_Select-paddingBlock) + var(--variant-borderWidth, 0px), var(--Select-radius) / 2)); + --Button-minHeight: var(--Select-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Select-decoratorChildHeight); + --Button-radius: var(--Select-decoratorChildRadius); + --IconButton-radius: var(--Select-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Select-minHeight); + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: var(--Select-radius); + cursor: pointer; + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + padding-block: 3px; + padding-inline: var(--Select-paddingInline); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-3:not([data-inverted-colors="false"]) { + --Select-focusedHighlight: var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB)); +} + +.emotion-3::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); +} + +.emotion-3.Mui-focusVisible { + --Select-indicatorColor: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); +} + +.emotion-3.Mui-focusVisible::before { + box-shadow: inset 0 0 0 var(--Select-focusedThickness) var(--Select-focusedHighlight); +} + +.emotion-3.Mui-disabled { + --Select-indicatorColor: inherit; +} + +.emotion-3:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-neutral-outlinedHoverBg, var(--joy-palette-neutral-100, #F0F4F8))); +} + +.emotion-3.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-4 { + border: 0; + outline: 0; + background: none; + padding: 0; + font-size: inherit; + color: inherit; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-family: inherit; + cursor: pointer; + white-space: nowrap; + overflow: hidden; +} + +.emotion-4::before { + content: ""; + display: block; + position: absolute; + top: calc(-1 * var(--variant-borderWidth, 0px)); + left: calc(-1 * var(--variant-borderWidth, 0px)); + right: calc(-1 * var(--variant-borderWidth, 0px)); + bottom: calc(-1 * var(--variant-borderWidth, 0px)); + border-radius: var(--Select-radius); +} + +.emotion-5 { + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + display: inherit; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-margin-start: var(--Select-gap); + margin-inline-start: var(--Select-gap); + -webkit-margin-end: calc(var(--Select-paddingInline) / -4); + margin-inline-end: calc(var(--Select-paddingInline) / -4); +} + +.MuiSelect-endDecorator+.emotion-5 { + -webkit-margin-start: calc(var(--Select-gap) / 2); + margin-inline-start: calc(var(--Select-gap) / 2); +} + +.emotion-5.Mui-expanded, +.Mui-disabled>.emotion-5 { + --Icon-color: currentColor; +} + +.emotion-6 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + margin: var(--Icon-margin); + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: var(--Icon-fontSize, var(--joy-fontSize-xl2, 1.5rem)); + color: var(--Icon-color, var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74))); +} + +.emotion-7 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-plainColor, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 1)); +} + +.emotion-8 { + --Icon-fontSize: calc(1em * 1); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: inline; + font-size: var(--Typography-fontSize, inherit); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-9 { + margin-top: 24px; +} + +.emotion-10 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-10.Mui-focusVisible, +.emotion-10:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-10:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-10:active, +.emotion-10[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-10.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-10.MuiButton-loading { + color: transparent; +} + +
+
+
+
+ +
+
+
+

+ + a fancier description + +

+
+
+
+ +
+
+`; + +exports[`with title and description from uiSchema fixed array 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --ListItem-stickyBackground: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + --Sheet-background: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + position: relative; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-2 { + padding: 16px; +} + +.emotion-3 { + margin-bottom: 8px; + margin-top: 8px; +} + +.emotion-4 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-display, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + font-size: var(--Typography-fontSize, var(--joy-fontSize-xl, 1.25rem)); + line-height: var(--joy-lineHeight-md, 1.5); + letter-spacing: -0.025em; + color: var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C)); +} + +.emotion-5 { + --Divider-thickness: 1px; + --Divider-lineColor: var(--joy-palette-divider, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 0.2)); + margin: initial; + margin-inline: var(--_Divider-inset); + margin-block: initial; + position: relative; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border: none; + list-style: none; + background-color: var(--Divider-lineColor); + inline-size: initial; + block-size: var(--Divider-thickness); +} + +.emotion-6 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + margin-inline: -0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-7 { + --Grid-columns: 12; + --Grid-columnSpacing: 0px; + --Grid-rowSpacing: 0px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-8 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-9 { + margin-bottom: 16px; +} + +.emotion-14 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-15 { + color: var(--FormLabel-asteriskColor); +} + +.emotion-16 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-16:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-16::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-16.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-16:focus-within::before { + --Input-focused: 1; +} + +.emotion-17 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-17:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-17::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-17::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-17:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-17::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-18 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-plainColor, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 1)); +} + +.emotion-19 { + --Icon-fontSize: calc(1em * 1); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: inline; + font-size: var(--Typography-fontSize, inherit); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-33 { + margin-top: 24px; +} + +.emotion-34 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-34.Mui-focusVisible, +.emotion-34:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-34:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-34:active, +.emotion-34[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-34.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-34.MuiButton-loading { + color: transparent; +} + +
+
+
+
+
+
+

+ My Field +

+
+
+

+ a fancier description +

+
+
+
+
+
+
+
+
+ +
+ +
+
+

+ + a fancier item description + +

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ +
+
+

+ + a fancier item description + +

+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+`; + +exports[`with title and description with global label off array 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --ListItem-stickyBackground: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + --Sheet-background: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + position: relative; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-2 { + padding: 16px; +} + +.emotion-3 { + --Grid-columns: 12; + --Grid-columnSpacing: 0px; + --Grid-rowSpacing: 0px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); + -webkit-box-pack: end; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; +} + +.emotion-4 { + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-5 { + margin-top: 16px; +} + +.emotion-6 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: calc(var(--IconButton-size, 2.25rem) / 1.5); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2.25rem); + min-height: var(--IconButton-size, 2.25rem); + font-size: var(--joy-fontSize-md, 1rem); + padding-inline: 0.25rem; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + --variant-borderWidth: 0px; + color: var(--variant-plainColor, var(--joy-palette-primary-plainColor, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-6.Mui-focusVisible, +.emotion-6:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-6:hover { + --Icon-color: currentColor; + background-color: var(--variant-plainHoverBg, var(--joy-palette-primary-plainHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-6:active, +.emotion-6[aria-pressed="true"] { + --Icon-color: currentColor; + background-color: var(--variant-plainActiveBg, var(--joy-palette-primary-plainActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-6:disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-plainDisabledColor, var(--joy-palette-primary-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-7 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.5rem; +} + +.emotion-8 { + margin-top: 24px; +} + +.emotion-9 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-9.Mui-focusVisible, +.emotion-9:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-9:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-9:active, +.emotion-9[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-9.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-9.MuiButton-loading { + color: transparent; +} + +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+`; + +exports[`with title and description with global label off array icons 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --ListItem-stickyBackground: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + --Sheet-background: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + position: relative; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-2 { + padding: 16px; +} + +.emotion-3 { + --Grid-columns: 12; + --Grid-columnSpacing: 0px; + --Grid-rowSpacing: 0px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-4 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-5 { + margin-bottom: 16px; +} + +.emotion-10 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-11 { + color: var(--FormLabel-asteriskColor); +} + +.emotion-12 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-12:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-12::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-12.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-12:focus-within::before { + --Input-focused: 1; +} + +.emotion-13 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-13:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-13::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-13::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-13:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-13::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-14 { + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-15 { + --Icon-margin: initial; + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --IconButton-size: 2rem; + --Icon-fontSize: calc(var(--IconButton-size, 2rem) / 1.6); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2rem); + min-height: var(--IconButton-size, 2rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-inline: 2px; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + --variant-borderWidth: 0px; + color: var(--variant-plainColor, var(--joy-palette-neutral-plainColor, var(--joy-palette-neutral-700, #32383E))); +} + +.emotion-15.Mui-focusVisible, +.emotion-15:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-15:hover { + --Icon-color: currentColor; + background-color: var(--variant-plainHoverBg, var(--joy-palette-neutral-plainHoverBg, var(--joy-palette-neutral-100, #F0F4F8))); + color: var(--variant-plainHoverColor, var(--joy-palette-neutral-plainHoverColor, var(--joy-palette-neutral-900, #0B0D0E))); + } +} + +.emotion-15:active, +.emotion-15[aria-pressed="true"] { + --Icon-color: currentColor; + background-color: var(--variant-plainActiveBg, var(--joy-palette-neutral-plainActiveBg, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-15:disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-16 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.25rem; +} + +.emotion-21 { + --Icon-margin: initial; + --Icon-color: currentColor; + --IconButton-size: 2rem; + --Icon-fontSize: calc(var(--IconButton-size, 2rem) / 1.6); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2rem); + min-height: var(--IconButton-size, 2rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-inline: 2px; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; +} + +.emotion-21.Mui-focusVisible, +.emotion-21:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-21:hover { + --Icon-color: currentColor; + } +} + +.emotion-21:active, +.emotion-21[aria-pressed="true"] { + --Icon-color: currentColor; +} + +.emotion-43 { + --Grid-columns: 12; + --Grid-columnSpacing: 0px; + --Grid-rowSpacing: 0px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); + -webkit-box-pack: end; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; +} + +.emotion-45 { + margin-top: 16px; +} + +.emotion-46 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: calc(var(--IconButton-size, 2.25rem) / 1.5); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2.25rem); + min-height: var(--IconButton-size, 2.25rem); + font-size: var(--joy-fontSize-md, 1rem); + padding-inline: 0.25rem; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + --variant-borderWidth: 0px; + color: var(--variant-plainColor, var(--joy-palette-primary-plainColor, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-46.Mui-focusVisible, +.emotion-46:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-46:hover { + --Icon-color: currentColor; + background-color: var(--variant-plainHoverBg, var(--joy-palette-primary-plainHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-46:active, +.emotion-46[aria-pressed="true"] { + --Icon-color: currentColor; + background-color: var(--variant-plainActiveBg, var(--joy-palette-primary-plainActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-46:disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-plainDisabledColor, var(--joy-palette-primary-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-47 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.5rem; +} + +.emotion-48 { + margin-top: 24px; +} + +.emotion-49 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-49.Mui-focusVisible, +.emotion-49:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-49:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-49:active, +.emotion-49[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-49.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-49.MuiButton-loading { + color: transparent; +} + +
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ +
+
+
+
+
+
+
+
+
+ + + + +
+
+
+
+
+
+
+
+
+
+ +
+ +
+
+
+
+
+
+
+
+
+ + + + +
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+`; + +exports[`with title and description with global label off checkboxes 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-2 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-3 { + --Select-radius: var(--joy-radius-sm, 6px); + --Select-gap: 0.5rem; + --Select-placeholderOpacity: 0.64; + --Select-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Select-focusedThickness: var(--joy-focus-thickness, 2px); + --Select-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Select-indicatorColor: var(--joy-palette-text-tertiary, var(--joy-palette-neutral-600, #555E68)); + --Select-minHeight: 2.25rem; + --Select-paddingInline: 0.75rem; + --Select-decoratorChildHeight: min(1.75rem, var(--Select-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Select-decoratorChildOffset: min(calc(var(--Select-paddingInline) - (var(--Select-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Select-decoratorChildHeight)) / 2), var(--Select-paddingInline)); + --_Select-paddingBlock: max((var(--Select-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Select-decoratorChildHeight)) / 2, 0px); + --Select-decoratorChildRadius: max(var(--Select-radius) - var(--variant-borderWidth, 0px) - var(--_Select-paddingBlock), min(var(--_Select-paddingBlock) + var(--variant-borderWidth, 0px), var(--Select-radius) / 2)); + --Button-minHeight: var(--Select-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Select-decoratorChildHeight); + --Button-radius: var(--Select-decoratorChildRadius); + --IconButton-radius: var(--Select-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Select-minHeight); + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: var(--Select-radius); + cursor: pointer; + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + padding-block: 3px; + padding-inline: var(--Select-paddingInline); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-3:not([data-inverted-colors="false"]) { + --Select-focusedHighlight: var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB)); +} + +.emotion-3::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); +} + +.emotion-3.Mui-focusVisible { + --Select-indicatorColor: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); +} + +.emotion-3.Mui-focusVisible::before { + box-shadow: inset 0 0 0 var(--Select-focusedThickness) var(--Select-focusedHighlight); +} + +.emotion-3.Mui-disabled { + --Select-indicatorColor: inherit; +} + +.emotion-3:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-neutral-outlinedHoverBg, var(--joy-palette-neutral-100, #F0F4F8))); +} + +.emotion-3.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-4 { + border: 0; + outline: 0; + background: none; + padding: 0; + font-size: inherit; + color: inherit; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-family: inherit; + cursor: pointer; + white-space: nowrap; + overflow: hidden; +} + +.emotion-4::before { + content: ""; + display: block; + position: absolute; + top: calc(-1 * var(--variant-borderWidth, 0px)); + left: calc(-1 * var(--variant-borderWidth, 0px)); + right: calc(-1 * var(--variant-borderWidth, 0px)); + bottom: calc(-1 * var(--variant-borderWidth, 0px)); + border-radius: var(--Select-radius); +} + +.emotion-5 { + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + display: inherit; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-margin-start: var(--Select-gap); + margin-inline-start: var(--Select-gap); + -webkit-margin-end: calc(var(--Select-paddingInline) / -4); + margin-inline-end: calc(var(--Select-paddingInline) / -4); +} + +.MuiSelect-endDecorator+.emotion-5 { + -webkit-margin-start: calc(var(--Select-gap) / 2); + margin-inline-start: calc(var(--Select-gap) / 2); +} + +.emotion-5.Mui-expanded, +.Mui-disabled>.emotion-5 { + --Icon-color: currentColor; +} + +.emotion-6 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + margin: var(--Icon-margin); + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: var(--Icon-fontSize, var(--joy-fontSize-xl2, 1.5rem)); + color: var(--Icon-color, var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74))); +} + +.emotion-7 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-plainColor, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 1)); +} + +.emotion-8 { + --Icon-fontSize: calc(1em * 1); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: inline; + font-size: var(--Typography-fontSize, inherit); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-9 { + margin-top: 24px; +} + +.emotion-10 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-10.Mui-focusVisible, +.emotion-10:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-10:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-10:active, +.emotion-10[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-10.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-10.MuiButton-loading { + color: transparent; +} + +
+
+
+
+ +
+
+
+

+ + a test description + +

+
+
+
+ +
+
+`; + +exports[`with title and description with global label off fixed array 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --ListItem-stickyBackground: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + --Sheet-background: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + position: relative; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-2 { + padding: 16px; +} + +.emotion-3 { + --Grid-columns: 12; + --Grid-columnSpacing: 0px; + --Grid-rowSpacing: 0px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-4 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-5 { + margin-bottom: 16px; +} + +.emotion-10 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-11 { + color: var(--FormLabel-asteriskColor); +} + +.emotion-12 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-12:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-12::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-12.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-12:focus-within::before { + --Input-focused: 1; +} + +.emotion-13 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-13:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-13::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-13::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-13:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-13::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-25 { + margin-top: 24px; +} + +.emotion-26 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-26.Mui-focusVisible, +.emotion-26:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-26:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-26:active, +.emotion-26[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-26.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-26.MuiButton-loading { + color: transparent; +} + +
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+`; diff --git a/packages/mui-joy/test/__snapshots__/Form.test.tsx.snap b/packages/mui-joy/test/__snapshots__/Form.test.tsx.snap new file mode 100644 index 0000000000..2cfcb50603 --- /dev/null +++ b/packages/mui-joy/test/__snapshots__/Form.test.tsx.snap @@ -0,0 +1,12598 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`single fields checkbox field 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + --Icon-fontSize: var(--Checkbox-size); + --Checkbox-size: 1.25rem; + font-size: var(--joy-fontSize-md, 1rem); + gap: var(--Checkbox-gap, 0.625rem); + position: relative; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + line-height: var(--Checkbox-size); + color: var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C)); +} + +.emotion-1~* { + --FormHelperText-margin: 0.25rem 0 0 1.875rem; +} + +.emotion-1.Mui-disabled { + color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-2 { + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + box-sizing: border-box; + border-radius: min(var(--joy-radius-sm, 6px), 0.25rem); + width: var(--Checkbox-size); + height: var(--Checkbox-size); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-2.Mui-checked, +.emotion-2.MuiCheckbox-indeterminate { + --Icon-color: currentColor; +} + +@media (hover: hover) { + .emotion-2:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-neutral-outlinedHoverBg, var(--joy-palette-neutral-100, #F0F4F8))); + } +} + +.emotion-2:active { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-neutral-outlinedActiveBg, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-2.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-3 { + border-radius: var(--Checkbox-actionRadius, inherit); + text-align: left; + position: absolute; + top: calc(-1 * var(--variant-borderWidth, 0px)); + left: calc(-1 * var(--variant-borderWidth, 0px)); + bottom: calc(-1 * var(--variant-borderWidth, 0px)); + right: calc(-1 * var(--variant-borderWidth, 0px)); + z-index: 1; +} + +.emotion-3.Mui-focusVisible, +.emotion-3:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +.emotion-4 { + margin: 0; + opacity: 0; + position: absolute; + width: 100%; + height: 100%; + cursor: pointer; +} + +.emotion-5 { + margin-top: 24px; +} + +.emotion-6 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-6.Mui-focusVisible, +.emotion-6:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-6:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-6:active, +.emotion-6[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-6.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-6.MuiButton-loading { + color: transparent; +} + +
+
+
+ + + + + + + + +
+
+
+ +
+
+`; + +exports[`single fields checkbox field with label 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + --Icon-fontSize: var(--Checkbox-size); + --Checkbox-size: 1.25rem; + font-size: var(--joy-fontSize-md, 1rem); + gap: var(--Checkbox-gap, 0.625rem); + position: relative; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + line-height: var(--Checkbox-size); + color: var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C)); +} + +.emotion-1~* { + --FormHelperText-margin: 0.25rem 0 0 1.875rem; +} + +.emotion-1.Mui-disabled { + color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-2 { + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + box-sizing: border-box; + border-radius: min(var(--joy-radius-sm, 6px), 0.25rem); + width: var(--Checkbox-size); + height: var(--Checkbox-size); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-2.Mui-checked, +.emotion-2.MuiCheckbox-indeterminate { + --Icon-color: currentColor; +} + +@media (hover: hover) { + .emotion-2:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-neutral-outlinedHoverBg, var(--joy-palette-neutral-100, #F0F4F8))); + } +} + +.emotion-2:active { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-neutral-outlinedActiveBg, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-2.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-3 { + border-radius: var(--Checkbox-actionRadius, inherit); + text-align: left; + position: absolute; + top: calc(-1 * var(--variant-borderWidth, 0px)); + left: calc(-1 * var(--variant-borderWidth, 0px)); + bottom: calc(-1 * var(--variant-borderWidth, 0px)); + right: calc(-1 * var(--variant-borderWidth, 0px)); + z-index: 1; +} + +.emotion-3.Mui-focusVisible, +.emotion-3:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +.emotion-4 { + margin: 0; + opacity: 0; + position: absolute; + width: 100%; + height: 100%; + cursor: pointer; +} + +.emotion-5 { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + min-width: 0; +} + +.emotion-6 { + margin-top: 24px; +} + +.emotion-7 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-7.Mui-focusVisible, +.emotion-7:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-7:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-7:active, +.emotion-7[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-7.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-7.MuiButton-loading { + color: transparent; +} + +
+
+
+ + + + + + + + +
+
+
+ +
+
+`; + +exports[`single fields checkboxes field 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--joy-palette-text-secondary, var(--joy-palette-neutral-700, #32383E)); +} + +.emotion-2 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 24px; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-3 { + --Icon-fontSize: var(--Checkbox-size); + --Checkbox-size: 1.25rem; + font-size: var(--joy-fontSize-md, 1rem); + gap: var(--Checkbox-gap, 0.625rem); + position: relative; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + line-height: var(--Checkbox-size); + color: var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C)); +} + +.emotion-3~* { + --FormHelperText-margin: 0.25rem 0 0 1.875rem; +} + +.emotion-3.Mui-disabled { + color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-4 { + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + box-sizing: border-box; + border-radius: min(var(--joy-radius-sm, 6px), 0.25rem); + width: var(--Checkbox-size); + height: var(--Checkbox-size); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-4.Mui-checked, +.emotion-4.MuiCheckbox-indeterminate { + --Icon-color: currentColor; +} + +@media (hover: hover) { + .emotion-4:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-neutral-outlinedHoverBg, var(--joy-palette-neutral-100, #F0F4F8))); + } +} + +.emotion-4:active { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-neutral-outlinedActiveBg, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-4.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-5 { + border-radius: var(--Checkbox-actionRadius, inherit); + text-align: left; + position: absolute; + top: calc(-1 * var(--variant-borderWidth, 0px)); + left: calc(-1 * var(--variant-borderWidth, 0px)); + bottom: calc(-1 * var(--variant-borderWidth, 0px)); + right: calc(-1 * var(--variant-borderWidth, 0px)); + z-index: 1; +} + +.emotion-5.Mui-focusVisible, +.emotion-5:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +.emotion-6 { + margin: 0; + opacity: 0; + position: absolute; + width: 100%; + height: 100%; + cursor: pointer; +} + +.emotion-7 { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + min-width: 0; +} + +.emotion-23 { + margin-top: 24px; +} + +.emotion-24 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-24.Mui-focusVisible, +.emotion-24:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-24:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-24:active, +.emotion-24[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-24.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-24.MuiButton-loading { + color: transparent; +} + +
+
+
+

+ + An enum list rendered as checkboxes + +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ +
+
+`; + +exports[`single fields field with description 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + --Grid-columns: 12; + --Grid-columnSpacing: 16px; + --Grid-rowSpacing: 16px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); +} + +.emotion-2 { + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + width: calc(100% * 12 / var(--Grid-columns)); + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-5 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-6 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-6:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-6::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-6.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-6:focus-within::before { + --Input-focused: 1; +} + +.emotion-7 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-7:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-7::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-7::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-7:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-7::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-8 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-plainColor, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 1)); +} + +.emotion-9 { + --Icon-fontSize: calc(1em * 1); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: inline; + font-size: var(--Typography-fontSize, inherit); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-10 { + margin-top: 24px; +} + +.emotion-11 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-11.Mui-focusVisible, +.emotion-11:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-11:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-11:active, +.emotion-11[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-11.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-11.MuiButton-loading { + color: transparent; +} + +
+
+
+ +
+
+
+
+
+ +
+ +
+
+

+ + some description + +

+
+
+
+
+
+
+
+ +
+
+`; + +exports[`single fields field with description in uiSchema 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + --Grid-columns: 12; + --Grid-columnSpacing: 16px; + --Grid-rowSpacing: 16px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); +} + +.emotion-2 { + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + width: calc(100% * 12 / var(--Grid-columns)); + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-5 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-6 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-6:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-6::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-6.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-6:focus-within::before { + --Input-focused: 1; +} + +.emotion-7 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-7:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-7::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-7::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-7:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-7::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-8 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-plainColor, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 1)); +} + +.emotion-9 { + --Icon-fontSize: calc(1em * 1); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: inline; + font-size: var(--Typography-fontSize, inherit); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-10 { + margin-top: 24px; +} + +.emotion-11 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-11.Mui-focusVisible, +.emotion-11:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-11:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-11:active, +.emotion-11[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-11.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-11.MuiButton-loading { + color: transparent; +} + +
+
+
+ +
+
+
+
+
+ +
+ +
+
+

+ + some other description + +

+
+
+
+
+
+
+
+ +
+
+`; + +exports[`single fields format color 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-2 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-3 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-3:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-3::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-3.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-3:focus-within::before { + --Input-focused: 1; +} + +.emotion-4 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-4:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-4::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-5 { + margin-top: 24px; +} + +.emotion-6 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-6.Mui-focusVisible, +.emotion-6:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-6:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-6:active, +.emotion-6[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-6.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-6.MuiButton-loading { + color: transparent; +} + +
+
+
+
+ +
+ +
+
+
+
+
+ +
+
+`; + +exports[`single fields format date 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-2 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-3 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-3:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-3::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-3.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-3:focus-within::before { + --Input-focused: 1; +} + +.emotion-4 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-4:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-4::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-5 { + margin-top: 24px; +} + +.emotion-6 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-6.Mui-focusVisible, +.emotion-6:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-6:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-6:active, +.emotion-6[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-6.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-6.MuiButton-loading { + color: transparent; +} + +
+
+
+
+ +
+ +
+
+
+
+
+ +
+
+`; + +exports[`single fields format datetime 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-2 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-3 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-3:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-3::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-3.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-3:focus-within::before { + --Input-focused: 1; +} + +.emotion-4 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-4:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-4::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-5 { + margin-top: 24px; +} + +.emotion-6 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-6.Mui-focusVisible, +.emotion-6:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-6:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-6:active, +.emotion-6[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-6.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-6.MuiButton-loading { + color: transparent; +} + +
+
+
+
+ +
+ +
+
+
+
+
+ +
+
+`; + +exports[`single fields format time 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-2 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-3 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-3:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-3::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-3.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-3:focus-within::before { + --Input-focused: 1; +} + +.emotion-4 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-4:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-4::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-5 { + margin-top: 24px; +} + +.emotion-6 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-6.Mui-focusVisible, +.emotion-6:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-6:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-6:active, +.emotion-6[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-6.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-6.MuiButton-loading { + color: transparent; +} + +
+
+
+
+ +
+ +
+
+
+
+
+ +
+
+`; + +exports[`single fields help and error display 1`] = ` +.emotion-0 { + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --ListItem-stickyBackground: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + --Sheet-background: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + position: relative; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-1 { + margin-bottom: 16px; + padding: 16px; +} + +.emotion-2 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-display, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + font-size: var(--Typography-fontSize, var(--joy-fontSize-xl, 1.25rem)); + line-height: var(--joy-lineHeight-md, 1.5); + letter-spacing: -0.025em; + color: var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C)); +} + +.emotion-3 { + --ListDivider-gap: 0.25rem; + --ListItem-minHeight: 2rem; + --ListItem-paddingY: 3px; + --ListItem-paddingX: 0.5rem; + --ListItem-gap: 0.5rem; + --ListItemDecorator-size: 2rem; + --Icon-fontSize: var(--joy-fontSize-lg, 1.125rem); + --List-gap: 0px; + --List-nestedInsetStart: 0px; + --ListItem-paddingLeft: var(--ListItem-paddingX); + --ListItem-paddingRight: var(--ListItem-paddingX); + --unstable_List-childRadius: calc(max(var(--List-radius) - var(--List-padding), min(var(--List-padding) / 2, var(--List-radius) / 2)) - var(--variant-borderWidth, 0px)); + --ListItem-radius: var(--unstable_List-childRadius); + --ListItem-startActionTranslateX: calc(0.5 * var(--ListItem-paddingLeft)); + --ListItem-endActionTranslateX: calc(-0.5 * var(--ListItem-paddingRight)); + margin: initial; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-sm, 0.875rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--joy-palette-text-tertiary, var(--joy-palette-neutral-600, #555E68)); + padding-block: var(--List-padding, var(--ListDivider-gap)); + padding-inline: var(--List-padding); + box-sizing: border-box; + border-radius: var(--List-radius); + list-style: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + position: relative; + --variant-borderWidth: 0px; + color: var(--variant-plainColor, var(--joy-palette-neutral-plainColor, var(--joy-palette-neutral-700, #32383E))); + --unstable_List-borderWidth: var(--variant-borderWidth, 0px); +} + +.emotion-4 { + --ListItemButton-marginInline: calc(-1 * var(--ListItem-paddingLeft)) calc(-1 * var(--ListItem-paddingRight)); + --ListItemButton-marginBlock: calc(-1 * var(--ListItem-paddingY)); + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: var(--ListItem-gap); + margin-inline: var(--ListItem-marginInline); + --unstable_actionRadius: calc(var(--ListItem-radius) - var(--variant-borderWidth, 0px)); + box-sizing: border-box; + border-radius: var(--ListItem-radius); + display: var(--_ListItem-display); + -webkit-flex: none; + -ms-flex: none; + flex: none; + list-style-type: var(--_List-markerType, disc); + position: relative; + padding-block-start: var(--ListItem-paddingY); + padding-block-end: var(--ListItem-paddingY); + -webkit-padding-start: var(--ListItem-paddingLeft); + padding-inline-start: var(--ListItem-paddingLeft); + -webkit-padding-end: var(--ListItem-paddingRight); + padding-inline-end: var(--ListItem-paddingRight); + min-block-size: var(--ListItem-minHeight); + --variant-borderWidth: 0px; + color: var(--variant-plainColor, var(--joy-palette-neutral-plainColor, var(--joy-palette-neutral-700, #32383E))); +} + +.emotion-4:not([hidden]) { + --_ListItem-display: var(--_List-markerDisplay, flex); +} + +.MuiListItem-nested>.emotion-4 { + --_ListItem-display: flex; +} + +.emotion-5 { + box-sizing: border-box; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: var(--unstable_ListItemDecorator-alignItems, center); + -webkit-box-align: var(--unstable_ListItemDecorator-alignItems, center); + -ms-flex-align: var(--unstable_ListItemDecorator-alignItems, center); + align-items: var(--unstable_ListItemDecorator-alignItems, center); + min-inline-size: var(--ListItemDecorator-size); + -webkit-margin-end: calc(-1 * var(--ListItem-gap)); + margin-inline-end: calc(-1 * var(--ListItem-gap)); +} + +.emotion-6 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.5rem; + color: #d32f2f; +} + +.emotion-7 { + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + min-width: 0; +} + +.emotion-8 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-8.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-8.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-10 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-11 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-danger-500, #C41C1C); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-danger-outlinedColor, var(--joy-palette-danger-500, #C41C1C))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-danger-outlinedBorder, var(--joy-palette-danger-300, #F09898))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-11:not([data-skip-inverted-colors]) { + --_Input-focusedHighlight: var(--joy-palette-danger-500, #C41C1C); + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-11::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-11.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-danger-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-danger-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-11:focus-within::before { + --Input-focused: 1; +} + +.emotion-12 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-12:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-12::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-12::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-12:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-12::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-16 { + --Icon-fontSize: calc(var(--FormHelperText-lineHeight) * 1em); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 2px; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormHelperText-fontSize, var(--joy-fontSize-sm, 0.875rem)); + line-height: var(--FormHelperText-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormHelperText-color, var(--joy-palette-text-tertiary, var(--joy-palette-neutral-600, #555E68))); + margin: var(--FormHelperText-margin, 0px); +} + +.MuiFormLabel-root+.emotion-16 { + --FormHelperText-margin: 0px; +} + +.Mui-error .emotion-16 { + --Icon-color: currentColor; +} + +.emotion-17 { + margin-top: 24px; +} + +.emotion-18 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-18.Mui-focusVisible, +.emotion-18:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-18:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-18:active, +.emotion-18[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-18.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-18.MuiButton-loading { + color: transparent; +} + +
+
+
+

+ Errors +

+
    +
  • + + + + + +
    + . an error + +
    +
    • +
+
+
+
+
+
+ +
+ +
+
+
    +
  • +
    + an error +
    +
    • +
+
+ help me! +
+
+
+
+ +
+
+`; + +exports[`single fields hidden field 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + --Grid-columns: 12; + --Grid-columnSpacing: 16px; + --Grid-rowSpacing: 16px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); +} + +.emotion-2 { + margin-top: 24px; +} + +.emotion-3 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-3.Mui-focusVisible, +.emotion-3:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-3:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-3:active, +.emotion-3[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-3.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-3.MuiButton-loading { + color: transparent; +} + +
+
+
+ +
+
+ +
+
+
+
+
+ +
+
+`; + +exports[`single fields hidden label 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-2 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-3 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-3:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-3::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-3.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-3:focus-within::before { + --Input-focused: 1; +} + +.emotion-4 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-4:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-4::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-5 { + margin-top: 24px; +} + +.emotion-6 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-6.Mui-focusVisible, +.emotion-6:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-6:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-6:active, +.emotion-6[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-6.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-6.MuiButton-loading { + color: transparent; +} + +
+
+
+
+
+
+
+
+ +
+
+`; + +exports[`single fields null field 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + margin-top: 24px; +} + +.emotion-2 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-2.Mui-focusVisible, +.emotion-2:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-2:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-2:active, +.emotion-2[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-2.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-2.MuiButton-loading { + color: transparent; +} + +
+
+
+
+
+ +
+ +`; + +exports[`single fields number field 0 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-2 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-3 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-3:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-3::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-3.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-3:focus-within::before { + --Input-focused: 1; +} + +.emotion-4 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-4:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-4::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-5 { + margin-top: 24px; +} + +.emotion-6 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-6.Mui-focusVisible, +.emotion-6:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-6:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-6:active, +.emotion-6[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-6.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-6.MuiButton-loading { + color: transparent; +} + +
+
+
+
+ +
+ +
+
+
+
+
+ +
+
+`; + +exports[`single fields number field 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-2 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-3 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-3:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-3::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-3.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-3:focus-within::before { + --Input-focused: 1; +} + +.emotion-4 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-4:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-4::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-5 { + margin-top: 24px; +} + +.emotion-6 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-6.Mui-focusVisible, +.emotion-6:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-6:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-6:active, +.emotion-6[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-6.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-6.MuiButton-loading { + color: transparent; +} + +
+
+
+
+ +
+ +
+
+
+
+
+ +
+
+`; + +exports[`single fields password field 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-2 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-3 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-3:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-3::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-3.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-3:focus-within::before { + --Input-focused: 1; +} + +.emotion-4 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-4:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-4::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-5 { + margin-top: 24px; +} + +.emotion-6 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-6.Mui-focusVisible, +.emotion-6:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-6:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-6:active, +.emotion-6[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-6.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-6.MuiButton-loading { + color: transparent; +} + +
+
+
+
+ +
+ +
+
+
+
+
+ +
+
+`; + +exports[`single fields radio field 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-2 { + --RadioGroup-gap: 0.875rem; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin: var(--unstable_RadioGroup-margin); + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-radius: var(--joy-radius-sm, 6px); + --variant-borderWidth: 0px; + color: var(--variant-plainColor, var(--joy-palette-neutral-plainColor, var(--joy-palette-neutral-700, #32383E))); +} + +.emotion-3 { + --Icon-fontSize: var(--Radio-size); + --Icon-color: currentColor; + --Radio-size: 1.25rem; + font-size: var(--joy-fontSize-md, 1rem); + gap: var(--Radio-gap, 0.625rem); + position: relative; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + box-sizing: border-box; + min-width: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + line-height: var(--Radio-size); + color: var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C)); +} + +.emotion-3~* { + --FormHelperText-margin: 0.25rem 0 0 1.875rem; +} + +.emotion-3.Mui-disabled { + color: var(--variant-plainDisabledColor, var(--joy-palette-primary-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-4 { + --Icon-color: currentColor; + margin: 0; + box-sizing: border-box; + width: var(--Radio-size); + height: var(--Radio-size); + border-radius: var(--Radio-size); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-4.Mui-checked { + --Icon-color: currentColor; +} + +@media (hover: hover) { + .emotion-4:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-4:active { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-4.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-5 { + width: calc(var(--Radio-size) / 2); + height: calc(var(--Radio-size) / 2); + border-radius: inherit; + color: inherit; + background-color: currentColor; + -webkit-transform: scale(0); + -moz-transform: scale(0); + -ms-transform: scale(0); + transform: scale(0); +} + +.emotion-6 { + position: absolute; + text-align: left; + border-radius: var(--Radio-actionRadius, inherit); + top: calc(-1 * var(--variant-borderWidth, 0px)); + left: calc(-1 * var(--variant-borderWidth, 0px)); + bottom: calc(-1 * var(--variant-borderWidth, 0px)); + right: calc(-1 * var(--variant-borderWidth, 0px)); + z-index: 1; +} + +.emotion-6.Mui-focusVisible, +.emotion-6:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +.emotion-7 { + margin: 0; + opacity: 0; + position: absolute; + height: 100%; + width: 100%; + cursor: pointer; +} + +.emotion-8 { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + min-width: 0; +} + +.emotion-9 { + --Icon-fontSize: var(--Radio-size); + --Icon-color: currentColor; + --Radio-size: 1.25rem; + font-size: var(--joy-fontSize-md, 1rem); + gap: var(--Radio-gap, 0.625rem); + position: relative; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + box-sizing: border-box; + min-width: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + line-height: var(--Radio-size); + color: var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C)); + margin-block-start: var(--RadioGroup-gap); +} + +.emotion-9~* { + --FormHelperText-margin: 0.25rem 0 0 1.875rem; +} + +.emotion-9.Mui-disabled { + color: var(--variant-plainDisabledColor, var(--joy-palette-primary-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-15 { + margin-top: 24px; +} + +.emotion-16 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-16.Mui-focusVisible, +.emotion-16:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-16:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-16:active, +.emotion-16[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-16.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-16.MuiButton-loading { + color: transparent; +} + +
+
+
+
+
+
+ +
+
+`; + +exports[`single fields schema examples 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-2 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-3 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-3:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-3::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-3.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-3:focus-within::before { + --Input-focused: 1; +} + +.emotion-4 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-4:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-4::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-5 { + margin-top: 24px; +} + +.emotion-6 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-6.Mui-focusVisible, +.emotion-6:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-6:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-6:active, +.emotion-6[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-6.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-6.MuiButton-loading { + color: transparent; +} + +
+
+
+
+ +
+ +
+ + +
+
+
+
+ +
+
+`; + +exports[`single fields select field 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-2 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-3 { + --Select-radius: var(--joy-radius-sm, 6px); + --Select-gap: 0.5rem; + --Select-placeholderOpacity: 0.64; + --Select-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Select-focusedThickness: var(--joy-focus-thickness, 2px); + --Select-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Select-indicatorColor: var(--joy-palette-text-tertiary, var(--joy-palette-neutral-600, #555E68)); + --Select-minHeight: 2.25rem; + --Select-paddingInline: 0.75rem; + --Select-decoratorChildHeight: min(1.75rem, var(--Select-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Select-decoratorChildOffset: min(calc(var(--Select-paddingInline) - (var(--Select-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Select-decoratorChildHeight)) / 2), var(--Select-paddingInline)); + --_Select-paddingBlock: max((var(--Select-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Select-decoratorChildHeight)) / 2, 0px); + --Select-decoratorChildRadius: max(var(--Select-radius) - var(--variant-borderWidth, 0px) - var(--_Select-paddingBlock), min(var(--_Select-paddingBlock) + var(--variant-borderWidth, 0px), var(--Select-radius) / 2)); + --Button-minHeight: var(--Select-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Select-decoratorChildHeight); + --Button-radius: var(--Select-decoratorChildRadius); + --IconButton-radius: var(--Select-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Select-minHeight); + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: var(--Select-radius); + cursor: pointer; + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + padding-block: 3px; + padding-inline: var(--Select-paddingInline); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-3:not([data-inverted-colors="false"]) { + --Select-focusedHighlight: var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB)); +} + +.emotion-3::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); +} + +.emotion-3.Mui-focusVisible { + --Select-indicatorColor: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); +} + +.emotion-3.Mui-focusVisible::before { + box-shadow: inset 0 0 0 var(--Select-focusedThickness) var(--Select-focusedHighlight); +} + +.emotion-3.Mui-disabled { + --Select-indicatorColor: inherit; +} + +.emotion-3:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-neutral-outlinedHoverBg, var(--joy-palette-neutral-100, #F0F4F8))); +} + +.emotion-3.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-4 { + border: 0; + outline: 0; + background: none; + padding: 0; + font-size: inherit; + color: inherit; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-family: inherit; + cursor: pointer; + white-space: nowrap; + overflow: hidden; +} + +.emotion-4::before { + content: ""; + display: block; + position: absolute; + top: calc(-1 * var(--variant-borderWidth, 0px)); + left: calc(-1 * var(--variant-borderWidth, 0px)); + right: calc(-1 * var(--variant-borderWidth, 0px)); + bottom: calc(-1 * var(--variant-borderWidth, 0px)); + border-radius: var(--Select-radius); +} + +.emotion-5 { + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + display: inherit; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-margin-start: var(--Select-gap); + margin-inline-start: var(--Select-gap); + -webkit-margin-end: calc(var(--Select-paddingInline) / -4); + margin-inline-end: calc(var(--Select-paddingInline) / -4); +} + +.MuiSelect-endDecorator+.emotion-5 { + -webkit-margin-start: calc(var(--Select-gap) / 2); + margin-inline-start: calc(var(--Select-gap) / 2); +} + +.emotion-5.Mui-expanded, +.Mui-disabled>.emotion-5 { + --Icon-color: currentColor; +} + +.emotion-6 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + margin: var(--Icon-margin); + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: var(--Icon-fontSize, var(--joy-fontSize-xl2, 1.5rem)); + color: var(--Icon-color, var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74))); +} + +.emotion-7 { + margin-top: 24px; +} + +.emotion-8 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-8.Mui-focusVisible, +.emotion-8:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-8:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-8:active, +.emotion-8[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-8.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-8.MuiButton-loading { + color: transparent; +} + +
+
+
+
+ +
+ + + + + + + +
+
+
+
+
+ +
+
+`; + +exports[`single fields select field multiple choice 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-2 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-3 { + --Select-radius: var(--joy-radius-sm, 6px); + --Select-gap: 0.5rem; + --Select-placeholderOpacity: 0.64; + --Select-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Select-focusedThickness: var(--joy-focus-thickness, 2px); + --Select-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Select-indicatorColor: var(--joy-palette-text-tertiary, var(--joy-palette-neutral-600, #555E68)); + --Select-minHeight: 2.25rem; + --Select-paddingInline: 0.75rem; + --Select-decoratorChildHeight: min(1.75rem, var(--Select-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Select-decoratorChildOffset: min(calc(var(--Select-paddingInline) - (var(--Select-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Select-decoratorChildHeight)) / 2), var(--Select-paddingInline)); + --_Select-paddingBlock: max((var(--Select-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Select-decoratorChildHeight)) / 2, 0px); + --Select-decoratorChildRadius: max(var(--Select-radius) - var(--variant-borderWidth, 0px) - var(--_Select-paddingBlock), min(var(--_Select-paddingBlock) + var(--variant-borderWidth, 0px), var(--Select-radius) / 2)); + --Button-minHeight: var(--Select-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Select-decoratorChildHeight); + --Button-radius: var(--Select-decoratorChildRadius); + --IconButton-radius: var(--Select-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Select-minHeight); + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: var(--Select-radius); + cursor: pointer; + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + padding-block: 3px; + padding-inline: var(--Select-paddingInline); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-3:not([data-inverted-colors="false"]) { + --Select-focusedHighlight: var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB)); +} + +.emotion-3::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); +} + +.emotion-3.Mui-focusVisible { + --Select-indicatorColor: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); +} + +.emotion-3.Mui-focusVisible::before { + box-shadow: inset 0 0 0 var(--Select-focusedThickness) var(--Select-focusedHighlight); +} + +.emotion-3.Mui-disabled { + --Select-indicatorColor: inherit; +} + +.emotion-3:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-neutral-outlinedHoverBg, var(--joy-palette-neutral-100, #F0F4F8))); +} + +.emotion-3.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-4 { + border: 0; + outline: 0; + background: none; + padding: 0; + font-size: inherit; + color: inherit; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-family: inherit; + cursor: pointer; + white-space: nowrap; + overflow: hidden; +} + +.emotion-4::before { + content: ""; + display: block; + position: absolute; + top: calc(-1 * var(--variant-borderWidth, 0px)); + left: calc(-1 * var(--variant-borderWidth, 0px)); + right: calc(-1 * var(--variant-borderWidth, 0px)); + bottom: calc(-1 * var(--variant-borderWidth, 0px)); + border-radius: var(--Select-radius); +} + +.emotion-5 { + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + display: inherit; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-margin-start: var(--Select-gap); + margin-inline-start: var(--Select-gap); + -webkit-margin-end: calc(var(--Select-paddingInline) / -4); + margin-inline-end: calc(var(--Select-paddingInline) / -4); +} + +.MuiSelect-endDecorator+.emotion-5 { + -webkit-margin-start: calc(var(--Select-gap) / 2); + margin-inline-start: calc(var(--Select-gap) / 2); +} + +.emotion-5.Mui-expanded, +.Mui-disabled>.emotion-5 { + --Icon-color: currentColor; +} + +.emotion-6 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + margin: var(--Icon-margin); + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: var(--Icon-fontSize, var(--joy-fontSize-xl2, 1.5rem)); + color: var(--Icon-color, var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74))); +} + +.emotion-7 { + margin-top: 24px; +} + +.emotion-8 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-8.Mui-focusVisible, +.emotion-8:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-8:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-8:active, +.emotion-8[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-8.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-8.MuiButton-loading { + color: transparent; +} + +
+
+
+
+ +
+
+
+
+
+
+ +
+
+`; + +exports[`single fields select field multiple choice enumDisabled 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-2 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-3 { + --Select-radius: var(--joy-radius-sm, 6px); + --Select-gap: 0.5rem; + --Select-placeholderOpacity: 0.64; + --Select-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Select-focusedThickness: var(--joy-focus-thickness, 2px); + --Select-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Select-indicatorColor: var(--joy-palette-text-tertiary, var(--joy-palette-neutral-600, #555E68)); + --Select-minHeight: 2.25rem; + --Select-paddingInline: 0.75rem; + --Select-decoratorChildHeight: min(1.75rem, var(--Select-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Select-decoratorChildOffset: min(calc(var(--Select-paddingInline) - (var(--Select-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Select-decoratorChildHeight)) / 2), var(--Select-paddingInline)); + --_Select-paddingBlock: max((var(--Select-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Select-decoratorChildHeight)) / 2, 0px); + --Select-decoratorChildRadius: max(var(--Select-radius) - var(--variant-borderWidth, 0px) - var(--_Select-paddingBlock), min(var(--_Select-paddingBlock) + var(--variant-borderWidth, 0px), var(--Select-radius) / 2)); + --Button-minHeight: var(--Select-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Select-decoratorChildHeight); + --Button-radius: var(--Select-decoratorChildRadius); + --IconButton-radius: var(--Select-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Select-minHeight); + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: var(--Select-radius); + cursor: pointer; + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + padding-block: 3px; + padding-inline: var(--Select-paddingInline); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-3:not([data-inverted-colors="false"]) { + --Select-focusedHighlight: var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB)); +} + +.emotion-3::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); +} + +.emotion-3.Mui-focusVisible { + --Select-indicatorColor: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); +} + +.emotion-3.Mui-focusVisible::before { + box-shadow: inset 0 0 0 var(--Select-focusedThickness) var(--Select-focusedHighlight); +} + +.emotion-3.Mui-disabled { + --Select-indicatorColor: inherit; +} + +.emotion-3:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-neutral-outlinedHoverBg, var(--joy-palette-neutral-100, #F0F4F8))); +} + +.emotion-3.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-4 { + border: 0; + outline: 0; + background: none; + padding: 0; + font-size: inherit; + color: inherit; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-family: inherit; + cursor: pointer; + white-space: nowrap; + overflow: hidden; +} + +.emotion-4::before { + content: ""; + display: block; + position: absolute; + top: calc(-1 * var(--variant-borderWidth, 0px)); + left: calc(-1 * var(--variant-borderWidth, 0px)); + right: calc(-1 * var(--variant-borderWidth, 0px)); + bottom: calc(-1 * var(--variant-borderWidth, 0px)); + border-radius: var(--Select-radius); +} + +.emotion-5 { + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + display: inherit; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-margin-start: var(--Select-gap); + margin-inline-start: var(--Select-gap); + -webkit-margin-end: calc(var(--Select-paddingInline) / -4); + margin-inline-end: calc(var(--Select-paddingInline) / -4); +} + +.MuiSelect-endDecorator+.emotion-5 { + -webkit-margin-start: calc(var(--Select-gap) / 2); + margin-inline-start: calc(var(--Select-gap) / 2); +} + +.emotion-5.Mui-expanded, +.Mui-disabled>.emotion-5 { + --Icon-color: currentColor; +} + +.emotion-6 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + margin: var(--Icon-margin); + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: var(--Icon-fontSize, var(--joy-fontSize-xl2, 1.5rem)); + color: var(--Icon-color, var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74))); +} + +.emotion-7 { + margin-top: 24px; +} + +.emotion-8 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-8.Mui-focusVisible, +.emotion-8:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-8:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-8:active, +.emotion-8[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-8.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-8.MuiButton-loading { + color: transparent; +} + +
+
+
+
+ +
+
+
+
+
+
+ +
+
+`; + +exports[`single fields select field multiple choice formData 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-2 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-3 { + --Select-radius: var(--joy-radius-sm, 6px); + --Select-gap: 0.5rem; + --Select-placeholderOpacity: 0.64; + --Select-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Select-focusedThickness: var(--joy-focus-thickness, 2px); + --Select-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Select-indicatorColor: var(--joy-palette-text-tertiary, var(--joy-palette-neutral-600, #555E68)); + --Select-minHeight: 2.25rem; + --Select-paddingInline: 0.75rem; + --Select-decoratorChildHeight: min(1.75rem, var(--Select-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Select-decoratorChildOffset: min(calc(var(--Select-paddingInline) - (var(--Select-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Select-decoratorChildHeight)) / 2), var(--Select-paddingInline)); + --_Select-paddingBlock: max((var(--Select-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Select-decoratorChildHeight)) / 2, 0px); + --Select-decoratorChildRadius: max(var(--Select-radius) - var(--variant-borderWidth, 0px) - var(--_Select-paddingBlock), min(var(--_Select-paddingBlock) + var(--variant-borderWidth, 0px), var(--Select-radius) / 2)); + --Button-minHeight: var(--Select-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Select-decoratorChildHeight); + --Button-radius: var(--Select-decoratorChildRadius); + --IconButton-radius: var(--Select-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Select-minHeight); + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: var(--Select-radius); + cursor: pointer; + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + padding-block: 3px; + padding-inline: var(--Select-paddingInline); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-3:not([data-inverted-colors="false"]) { + --Select-focusedHighlight: var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB)); +} + +.emotion-3::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); +} + +.emotion-3.Mui-focusVisible { + --Select-indicatorColor: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); +} + +.emotion-3.Mui-focusVisible::before { + box-shadow: inset 0 0 0 var(--Select-focusedThickness) var(--Select-focusedHighlight); +} + +.emotion-3.Mui-disabled { + --Select-indicatorColor: inherit; +} + +.emotion-3:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-neutral-outlinedHoverBg, var(--joy-palette-neutral-100, #F0F4F8))); +} + +.emotion-3.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-4 { + border: 0; + outline: 0; + background: none; + padding: 0; + font-size: inherit; + color: inherit; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-family: inherit; + cursor: pointer; + white-space: nowrap; + overflow: hidden; +} + +.emotion-4::before { + content: ""; + display: block; + position: absolute; + top: calc(-1 * var(--variant-borderWidth, 0px)); + left: calc(-1 * var(--variant-borderWidth, 0px)); + right: calc(-1 * var(--variant-borderWidth, 0px)); + bottom: calc(-1 * var(--variant-borderWidth, 0px)); + border-radius: var(--Select-radius); +} + +.emotion-5 { + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + display: inherit; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-margin-start: var(--Select-gap); + margin-inline-start: var(--Select-gap); + -webkit-margin-end: calc(var(--Select-paddingInline) / -4); + margin-inline-end: calc(var(--Select-paddingInline) / -4); +} + +.MuiSelect-endDecorator+.emotion-5 { + -webkit-margin-start: calc(var(--Select-gap) / 2); + margin-inline-start: calc(var(--Select-gap) / 2); +} + +.emotion-5.Mui-expanded, +.Mui-disabled>.emotion-5 { + --Icon-color: currentColor; +} + +.emotion-6 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + margin: var(--Icon-margin); + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: var(--Icon-fontSize, var(--joy-fontSize-xl2, 1.5rem)); + color: var(--Icon-color, var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74))); +} + +.emotion-7 { + margin-top: 24px; +} + +.emotion-8 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-8.Mui-focusVisible, +.emotion-8:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-8:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-8:active, +.emotion-8[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-8.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-8.MuiButton-loading { + color: transparent; +} + +
+
+
+
+ +
+
+
+
+
+
+ +
+
+`; + +exports[`single fields select field multiple choice with labels 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-2 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-3 { + --Select-radius: var(--joy-radius-sm, 6px); + --Select-gap: 0.5rem; + --Select-placeholderOpacity: 0.64; + --Select-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Select-focusedThickness: var(--joy-focus-thickness, 2px); + --Select-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Select-indicatorColor: var(--joy-palette-text-tertiary, var(--joy-palette-neutral-600, #555E68)); + --Select-minHeight: 2.25rem; + --Select-paddingInline: 0.75rem; + --Select-decoratorChildHeight: min(1.75rem, var(--Select-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Select-decoratorChildOffset: min(calc(var(--Select-paddingInline) - (var(--Select-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Select-decoratorChildHeight)) / 2), var(--Select-paddingInline)); + --_Select-paddingBlock: max((var(--Select-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Select-decoratorChildHeight)) / 2, 0px); + --Select-decoratorChildRadius: max(var(--Select-radius) - var(--variant-borderWidth, 0px) - var(--_Select-paddingBlock), min(var(--_Select-paddingBlock) + var(--variant-borderWidth, 0px), var(--Select-radius) / 2)); + --Button-minHeight: var(--Select-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Select-decoratorChildHeight); + --Button-radius: var(--Select-decoratorChildRadius); + --IconButton-radius: var(--Select-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Select-minHeight); + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: var(--Select-radius); + cursor: pointer; + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + padding-block: 3px; + padding-inline: var(--Select-paddingInline); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-3:not([data-inverted-colors="false"]) { + --Select-focusedHighlight: var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB)); +} + +.emotion-3::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); +} + +.emotion-3.Mui-focusVisible { + --Select-indicatorColor: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); +} + +.emotion-3.Mui-focusVisible::before { + box-shadow: inset 0 0 0 var(--Select-focusedThickness) var(--Select-focusedHighlight); +} + +.emotion-3.Mui-disabled { + --Select-indicatorColor: inherit; +} + +.emotion-3:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-neutral-outlinedHoverBg, var(--joy-palette-neutral-100, #F0F4F8))); +} + +.emotion-3.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-4 { + border: 0; + outline: 0; + background: none; + padding: 0; + font-size: inherit; + color: inherit; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-family: inherit; + cursor: pointer; + white-space: nowrap; + overflow: hidden; +} + +.emotion-4::before { + content: ""; + display: block; + position: absolute; + top: calc(-1 * var(--variant-borderWidth, 0px)); + left: calc(-1 * var(--variant-borderWidth, 0px)); + right: calc(-1 * var(--variant-borderWidth, 0px)); + bottom: calc(-1 * var(--variant-borderWidth, 0px)); + border-radius: var(--Select-radius); +} + +.emotion-5 { + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + display: inherit; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-margin-start: var(--Select-gap); + margin-inline-start: var(--Select-gap); + -webkit-margin-end: calc(var(--Select-paddingInline) / -4); + margin-inline-end: calc(var(--Select-paddingInline) / -4); +} + +.MuiSelect-endDecorator+.emotion-5 { + -webkit-margin-start: calc(var(--Select-gap) / 2); + margin-inline-start: calc(var(--Select-gap) / 2); +} + +.emotion-5.Mui-expanded, +.Mui-disabled>.emotion-5 { + --Icon-color: currentColor; +} + +.emotion-6 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + margin: var(--Icon-margin); + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: var(--Icon-fontSize, var(--joy-fontSize-xl2, 1.5rem)); + color: var(--Icon-color, var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74))); +} + +.emotion-7 { + margin-top: 24px; +} + +.emotion-8 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-8.Mui-focusVisible, +.emotion-8:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-8:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-8:active, +.emotion-8[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-8.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-8.MuiButton-loading { + color: transparent; +} + +
+
+
+
+ +
+
+
+
+
+
+ +
+
+`; + +exports[`single fields select field single choice enumDisabled 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-2 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-3 { + --Select-radius: var(--joy-radius-sm, 6px); + --Select-gap: 0.5rem; + --Select-placeholderOpacity: 0.64; + --Select-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Select-focusedThickness: var(--joy-focus-thickness, 2px); + --Select-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Select-indicatorColor: var(--joy-palette-text-tertiary, var(--joy-palette-neutral-600, #555E68)); + --Select-minHeight: 2.25rem; + --Select-paddingInline: 0.75rem; + --Select-decoratorChildHeight: min(1.75rem, var(--Select-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Select-decoratorChildOffset: min(calc(var(--Select-paddingInline) - (var(--Select-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Select-decoratorChildHeight)) / 2), var(--Select-paddingInline)); + --_Select-paddingBlock: max((var(--Select-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Select-decoratorChildHeight)) / 2, 0px); + --Select-decoratorChildRadius: max(var(--Select-radius) - var(--variant-borderWidth, 0px) - var(--_Select-paddingBlock), min(var(--_Select-paddingBlock) + var(--variant-borderWidth, 0px), var(--Select-radius) / 2)); + --Button-minHeight: var(--Select-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Select-decoratorChildHeight); + --Button-radius: var(--Select-decoratorChildRadius); + --IconButton-radius: var(--Select-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Select-minHeight); + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: var(--Select-radius); + cursor: pointer; + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + padding-block: 3px; + padding-inline: var(--Select-paddingInline); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-3:not([data-inverted-colors="false"]) { + --Select-focusedHighlight: var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB)); +} + +.emotion-3::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); +} + +.emotion-3.Mui-focusVisible { + --Select-indicatorColor: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); +} + +.emotion-3.Mui-focusVisible::before { + box-shadow: inset 0 0 0 var(--Select-focusedThickness) var(--Select-focusedHighlight); +} + +.emotion-3.Mui-disabled { + --Select-indicatorColor: inherit; +} + +.emotion-3:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-neutral-outlinedHoverBg, var(--joy-palette-neutral-100, #F0F4F8))); +} + +.emotion-3.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-4 { + border: 0; + outline: 0; + background: none; + padding: 0; + font-size: inherit; + color: inherit; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-family: inherit; + cursor: pointer; + white-space: nowrap; + overflow: hidden; +} + +.emotion-4::before { + content: ""; + display: block; + position: absolute; + top: calc(-1 * var(--variant-borderWidth, 0px)); + left: calc(-1 * var(--variant-borderWidth, 0px)); + right: calc(-1 * var(--variant-borderWidth, 0px)); + bottom: calc(-1 * var(--variant-borderWidth, 0px)); + border-radius: var(--Select-radius); +} + +.emotion-5 { + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + display: inherit; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-margin-start: var(--Select-gap); + margin-inline-start: var(--Select-gap); + -webkit-margin-end: calc(var(--Select-paddingInline) / -4); + margin-inline-end: calc(var(--Select-paddingInline) / -4); +} + +.MuiSelect-endDecorator+.emotion-5 { + -webkit-margin-start: calc(var(--Select-gap) / 2); + margin-inline-start: calc(var(--Select-gap) / 2); +} + +.emotion-5.Mui-expanded, +.Mui-disabled>.emotion-5 { + --Icon-color: currentColor; +} + +.emotion-6 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + margin: var(--Icon-margin); + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: var(--Icon-fontSize, var(--joy-fontSize-xl2, 1.5rem)); + color: var(--Icon-color, var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74))); +} + +.emotion-7 { + margin-top: 24px; +} + +.emotion-8 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-8.Mui-focusVisible, +.emotion-8:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-8:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-8:active, +.emotion-8[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-8.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-8.MuiButton-loading { + color: transparent; +} + +
+
+
+
+ +
+ + + + + + + +
+
+
+
+
+ +
+
+`; + +exports[`single fields select field single choice formData 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-2 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-3 { + --Select-radius: var(--joy-radius-sm, 6px); + --Select-gap: 0.5rem; + --Select-placeholderOpacity: 0.64; + --Select-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Select-focusedThickness: var(--joy-focus-thickness, 2px); + --Select-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Select-indicatorColor: var(--joy-palette-text-tertiary, var(--joy-palette-neutral-600, #555E68)); + --Select-minHeight: 2.25rem; + --Select-paddingInline: 0.75rem; + --Select-decoratorChildHeight: min(1.75rem, var(--Select-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Select-decoratorChildOffset: min(calc(var(--Select-paddingInline) - (var(--Select-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Select-decoratorChildHeight)) / 2), var(--Select-paddingInline)); + --_Select-paddingBlock: max((var(--Select-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Select-decoratorChildHeight)) / 2, 0px); + --Select-decoratorChildRadius: max(var(--Select-radius) - var(--variant-borderWidth, 0px) - var(--_Select-paddingBlock), min(var(--_Select-paddingBlock) + var(--variant-borderWidth, 0px), var(--Select-radius) / 2)); + --Button-minHeight: var(--Select-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Select-decoratorChildHeight); + --Button-radius: var(--Select-decoratorChildRadius); + --IconButton-radius: var(--Select-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Select-minHeight); + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-radius: var(--Select-radius); + cursor: pointer; + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); + padding-block: 3px; + padding-inline: var(--Select-paddingInline); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-3:not([data-inverted-colors="false"]) { + --Select-focusedHighlight: var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB)); +} + +.emotion-3::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); +} + +.emotion-3.Mui-focusVisible { + --Select-indicatorColor: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); +} + +.emotion-3.Mui-focusVisible::before { + box-shadow: inset 0 0 0 var(--Select-focusedThickness) var(--Select-focusedHighlight); +} + +.emotion-3.Mui-disabled { + --Select-indicatorColor: inherit; +} + +.emotion-3:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-neutral-outlinedHoverBg, var(--joy-palette-neutral-100, #F0F4F8))); +} + +.emotion-3.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-4 { + border: 0; + outline: 0; + background: none; + padding: 0; + font-size: inherit; + color: inherit; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-family: inherit; + cursor: pointer; + white-space: nowrap; + overflow: hidden; +} + +.emotion-4::before { + content: ""; + display: block; + position: absolute; + top: calc(-1 * var(--variant-borderWidth, 0px)); + left: calc(-1 * var(--variant-borderWidth, 0px)); + right: calc(-1 * var(--variant-borderWidth, 0px)); + bottom: calc(-1 * var(--variant-borderWidth, 0px)); + border-radius: var(--Select-radius); +} + +.emotion-5 { + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + display: inherit; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-margin-start: var(--Select-gap); + margin-inline-start: var(--Select-gap); + -webkit-margin-end: calc(var(--Select-paddingInline) / -4); + margin-inline-end: calc(var(--Select-paddingInline) / -4); +} + +.MuiSelect-endDecorator+.emotion-5 { + -webkit-margin-start: calc(var(--Select-gap) / 2); + margin-inline-start: calc(var(--Select-gap) / 2); +} + +.emotion-5.Mui-expanded, +.Mui-disabled>.emotion-5 { + --Icon-color: currentColor; +} + +.emotion-6 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + margin: var(--Icon-margin); + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: var(--Icon-fontSize, var(--joy-fontSize-xl2, 1.5rem)); + color: var(--Icon-color, var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74))); +} + +.emotion-7 { + margin-top: 24px; +} + +.emotion-8 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-8.Mui-focusVisible, +.emotion-8:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-8:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-8:active, +.emotion-8[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-8.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-8.MuiButton-loading { + color: transparent; +} + +
+
+
+
+ +
+ + + + + + + +
+
+
+
+
+ +
+
+`; + +exports[`single fields slider field 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-2 { + --Slider-size: max(42px, max(var(--Slider-thumbSize), var(--Slider-trackSize))); + --Slider-trackRadius: var(--Slider-size); + --Slider-markBackground: var(--joy-palette-text-tertiary, var(--joy-palette-neutral-600, #555E68)); + --Slider-markSize: 2px; + --Slider-trackSize: 6px; + --Slider-thumbSize: 18px; + --Slider-valueLabelArrowSize: 8px; + --Slider-thumbRadius: calc(var(--Slider-thumbSize) / 2); + --Slider-thumbWidth: var(--Slider-thumbSize); + --variant-borderWidth: 0px; + --Slider-trackColor: var(--variant-solidColor, var(--joy-palette-primary-solidColor, var(--joy-palette-common-white, #FFF))); + --Slider-thumbBackground: var(--variant-solidColor, var(--joy-palette-primary-solidColor, var(--joy-palette-common-white, #FFF))); + --Slider-thumbColor: var(--variant-solidBg, var(--joy-palette-primary-solidBg, var(--joy-palette-primary-500, #0B6BCB))); + --Slider-trackBackground: var(--variant-solidBg, var(--joy-palette-primary-solidBg, var(--joy-palette-primary-500, #0B6BCB))); + --Slider-railBackground: var(--joy-palette-background-level2, var(--joy-palette-neutral-200, #DDE7EE)); + box-sizing: border-box; + display: inline-block; + position: relative; + cursor: pointer; + touch-action: none; + -webkit-tap-highlight-color: transparent; + padding: calc(var(--Slider-size) / 2) 0; + width: 100%; +} + +.emotion-2 .MuiSlider-markActive { + --Slider-markBackground: var(--Slider-trackColor); +} + +@media (hover: hover) { + .emotion-2:hover { + --Slider-thumbColor: var(--variant-solidHoverBg, var(--joy-palette-primary-solidHoverBg, var(--joy-palette-primary-600, #185EA5))); + --Slider-trackBackground: var(--variant-solidHoverBg, var(--joy-palette-primary-solidHoverBg, var(--joy-palette-primary-600, #185EA5))); + --Slider-railBackground: var(--joy-palette-background-level2, var(--joy-palette-neutral-200, #DDE7EE)); + } +} + +.emotion-2:active { + --Slider-thumbColor: var(--variant-solidActiveBg, var(--joy-palette-primary-solidActiveBg, var(--joy-palette-primary-700, #12467B))); + --Slider-trackBackground: var(--variant-solidActiveBg, var(--joy-palette-primary-solidActiveBg, var(--joy-palette-primary-700, #12467B))); + --Slider-railBackground: var(--joy-palette-background-level2, var(--joy-palette-neutral-200, #DDE7EE)); +} + +.emotion-2.Mui-disabled { + pointer-events: none; + color: var(--joy-palette-text-tertiary, var(--joy-palette-neutral-600, #555E68)); + --Slider-trackColor: var(--variant-solidDisabledColor, var(--joy-palette-primary-solidDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --Slider-thumbBackground: var(--variant-solidDisabledColor, var(--joy-palette-primary-solidDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --Slider-thumbColor: var(--variant-solidDisabledBg, var(--joy-palette-primary-solidDisabledBg, var(--joy-palette-neutral-100, #F0F4F8))); + --Slider-trackBackground: var(--variant-solidDisabledBg, var(--joy-palette-primary-solidDisabledBg, var(--joy-palette-neutral-100, #F0F4F8))); + --Slider-railBackground: var(--joy-palette-background-level2, var(--joy-palette-neutral-200, #DDE7EE)); +} + +@media print { + .emotion-2 { + -webkit-print-color-adjust: exact; + color-adjust: exact; + } +} + +.emotion-3 { + display: block; + position: absolute; + background-color: var(--Slider-railBackground); + border: initial; + border-radius: var(--Slider-trackRadius); + height: var(--Slider-trackSize); + top: 50%; + left: 0; + right: 0; + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.emotion-4 { + display: block; + position: absolute; + color: var(--Slider-trackColor); + border: var(--variant-borderWidth, 0px) solid var(--Slider-trackBorderColor); + background-color: var(--Slider-trackBackground); + height: var(--Slider-trackSize); + top: 50%; + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + border-radius: var(--Slider-trackRadius) 0 0 var(--Slider-trackRadius); +} + +.emotion-5 { + position: absolute; + box-sizing: border-box; + outline: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + width: var(--Slider-thumbWidth); + height: var(--Slider-thumbSize); + border: var(--variant-borderWidth, 0px) solid var(--Slider-trackBorderColor); + border-radius: var(--Slider-thumbRadius); + box-shadow: var(--Slider-thumbShadow); + color: var(--Slider-thumbColor); + background-color: var(--Slider-thumbBackground); + top: 50%; + -webkit-transform: translate(-50%, -50%); + -moz-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} + +.emotion-5.Mui-focusVisible, +.emotion-5:focus-visible { + outline-offset: 0; + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); + outline-width: max(4px, var(--Slider-thumbSize) / 3.6); + outline-color: rgba(var(--joy-palette-primary-mainChannel, 11 107 203) / 0.32); +} + +.emotion-5::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + background: transparent; + top: 0; + left: 0; + width: 100%; + height: 100%; + border: 2px solid; + border-color: var(--Slider-thumbColor); + border-radius: inherit; +} + +.emotion-7 { + font-size: 0.875rem; + line-height: 1.5; + padding-inline: 0.375rem; + min-width: 24px; + z-index: 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + white-space: nowrap; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + bottom: 0; + transform-origin: bottom center; + -webkit-transform: translateY(calc((var(--Slider-thumbSize) + var(--Slider-valueLabelArrowSize)) * -1)) scale(0); + -moz-transform: translateY(calc((var(--Slider-thumbSize) + var(--Slider-valueLabelArrowSize)) * -1)) scale(0); + -ms-transform: translateY(calc((var(--Slider-thumbSize) + var(--Slider-valueLabelArrowSize)) * -1)) scale(0); + transform: translateY(calc((var(--Slider-thumbSize) + var(--Slider-valueLabelArrowSize)) * -1)) scale(0); + position: absolute; + background-color: var(--joy-palette-background-tooltip, var(--joy-palette-neutral-500, #636B74)); + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)),0px 2px 4px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + border-radius: var(--joy-radius-xs, 2px); + color: #fff; +} + +.emotion-7::before { + display: var(--Slider-valueLabelArrowDisplay); + position: absolute; + content: ""; + color: var(--joy-palette-background-tooltip, var(--joy-palette-neutral-500, #636B74)); + bottom: 0; + border: calc(var(--Slider-valueLabelArrowSize) / 2) solid; + border-color: currentColor; + border-right-color: transparent; + border-bottom-color: transparent; + border-left-color: transparent; + left: 50%; + -webkit-transform: translate(-50%, 100%); + -moz-transform: translate(-50%, 100%); + -ms-transform: translate(-50%, 100%); + transform: translate(-50%, 100%); + background-color: transparent; +} + +.emotion-7.MuiSlider-valueLabelOpen { + -webkit-transform: translateY(calc((var(--Slider-thumbSize) + var(--Slider-valueLabelArrowSize)) * -1)) scale(1); + -moz-transform: translateY(calc((var(--Slider-thumbSize) + var(--Slider-valueLabelArrowSize)) * -1)) scale(1); + -ms-transform: translateY(calc((var(--Slider-thumbSize) + var(--Slider-valueLabelArrowSize)) * -1)) scale(1); + transform: translateY(calc((var(--Slider-thumbSize) + var(--Slider-valueLabelArrowSize)) * -1)) scale(1); +} + +.emotion-8 { + margin-top: 24px; +} + +.emotion-9 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-9.Mui-focusVisible, +.emotion-9:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-9:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-9:active, +.emotion-9[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-9.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-9.MuiButton-loading { + color: transparent; +} + +
+
+
+
+
+
+ +
+
+`; + +exports[`single fields string field format data-url 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-2 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-3 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-3:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-3::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-3.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-3:focus-within::before { + --Input-focused: 1; +} + +.emotion-4 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-4:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-4::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-5 { + margin-top: 24px; +} + +.emotion-6 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-6.Mui-focusVisible, +.emotion-6:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-6:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-6:active, +.emotion-6[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-6.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-6.MuiButton-loading { + color: transparent; +} + +
+
+
+
+
+ +
+ +
+
+
+
+
+
+ +
+
+`; + +exports[`single fields string field format email 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-2 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-3 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-3:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-3::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-3.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-3:focus-within::before { + --Input-focused: 1; +} + +.emotion-4 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-4:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-4::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-5 { + margin-top: 24px; +} + +.emotion-6 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-6.Mui-focusVisible, +.emotion-6:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-6:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-6:active, +.emotion-6[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-6.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-6.MuiButton-loading { + color: transparent; +} + +
+
+
+
+ +
+ +
+
+
+
+
+ +
+
+`; + +exports[`single fields string field format uri 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-2 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-3 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-3:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-3::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-3.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-3:focus-within::before { + --Input-focused: 1; +} + +.emotion-4 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-4:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-4::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-5 { + margin-top: 24px; +} + +.emotion-6 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-6.Mui-focusVisible, +.emotion-6:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-6:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-6:active, +.emotion-6[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-6.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-6.MuiButton-loading { + color: transparent; +} + +
+
+
+
+ +
+ +
+
+
+
+
+ +
+
+`; + +exports[`single fields string field regular 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-2 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-3 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-3:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-3::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-3.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-3:focus-within::before { + --Input-focused: 1; +} + +.emotion-4 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-4:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-4::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-5 { + margin-top: 24px; +} + +.emotion-6 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-6.Mui-focusVisible, +.emotion-6:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-6:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-6:active, +.emotion-6[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-6.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-6.MuiButton-loading { + color: transparent; +} + +
+
+
+
+ +
+ +
+
+
+
+
+ +
+
+`; + +exports[`single fields string field with placeholder 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-2 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-3 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-3:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-3::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-3.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-3:focus-within::before { + --Input-focused: 1; +} + +.emotion-4 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-4:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-4::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-5 { + margin-top: 24px; +} + +.emotion-6 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-6.Mui-focusVisible, +.emotion-6:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-6:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-6:active, +.emotion-6[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-6.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-6.MuiButton-loading { + color: transparent; +} + +
+
+
+
+ +
+ +
+
+
+
+
+ +
+
+`; + +exports[`single fields textarea field 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-2 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-3 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-3:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-3::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-3.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-3:focus-within::before { + --Input-focused: 1; +} + +.emotion-4 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-4:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-4::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-5 { + margin-top: 24px; +} + +.emotion-6 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-6.Mui-focusVisible, +.emotion-6:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-6:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-6:active, +.emotion-6[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-6.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-6.MuiButton-loading { + color: transparent; +} + +
+
+
+
+ +
+ +
+
+
+
+
+ +
+
+`; + +exports[`single fields title field 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + margin-bottom: 8px; + margin-top: 8px; +} + +.emotion-2 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-display, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + font-size: var(--Typography-fontSize, var(--joy-fontSize-xl, 1.25rem)); + line-height: var(--joy-lineHeight-md, 1.5); + letter-spacing: -0.025em; + color: var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C)); +} + +.emotion-3 { + --Divider-thickness: 1px; + --Divider-lineColor: var(--joy-palette-divider, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 0.2)); + margin: initial; + margin-inline: var(--_Divider-inset); + margin-block: initial; + position: relative; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border: none; + list-style: none; + background-color: var(--Divider-lineColor); + inline-size: initial; + block-size: var(--Divider-thickness); +} + +.emotion-4 { + --Grid-columns: 12; + --Grid-columnSpacing: 16px; + --Grid-rowSpacing: 16px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); +} + +.emotion-5 { + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + width: calc(100% * 12 / var(--Grid-columns)); + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-8 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-9 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-9:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-9::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-9.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-9:focus-within::before { + --Input-focused: 1; +} + +.emotion-10 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-10:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-10::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-10::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-10:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-10::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-11 { + margin-top: 24px; +} + +.emotion-12 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-12.Mui-focusVisible, +.emotion-12:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-12:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-12:active, +.emotion-12[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-12.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-12.MuiButton-loading { + color: transparent; +} + +
+
+
+
+

+ Titre 1 +

+
+
+
+
+
+
+
+ +
+ +
+
+
+
+
+
+
+
+
+ +
+
+`; + +exports[`single fields unsupported field 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + margin-top: 24px; +} + +.emotion-2 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-2.Mui-focusVisible, +.emotion-2:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-2:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-2:active, +.emotion-2[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-2.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-2.MuiButton-loading { + color: transparent; +} + +
+
+
+
+

+ + Unsupported field schema for field + + root + + : + + Unknown field type undefined + + . + +

+ 
+          {}
+
+
+
+
+
+ +
+
+`; + +exports[`single fields up/down field 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-2 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-3 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-3:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-3::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-3.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-3:focus-within::before { + --Input-focused: 1; +} + +.emotion-4 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-4:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-4::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-5 { + margin-top: 24px; +} + +.emotion-6 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-6.Mui-focusVisible, +.emotion-6:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-6:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-6:active, +.emotion-6[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-6.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-6.MuiButton-loading { + color: transparent; +} + +
+
+
+
+ +
+ +
+
+
+
+
+ +
+
+`; + +exports[`single fields using custom tagName 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-2 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-3 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-3:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-3::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-3.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-3:focus-within::before { + --Input-focused: 1; +} + +.emotion-4 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-4:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-4::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-4::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-5 { + margin-top: 24px; +} + +.emotion-6 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-6.Mui-focusVisible, +.emotion-6:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-6:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-6:active, +.emotion-6[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-6.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-6.MuiButton-loading { + color: transparent; +} + +
+
+
+
+ +
+ +
+
+
+
+
+ +
+
+`; diff --git a/packages/mui-joy/test/__snapshots__/Object.test.tsx.snap b/packages/mui-joy/test/__snapshots__/Object.test.tsx.snap new file mode 100644 index 0000000000..1fd283d218 --- /dev/null +++ b/packages/mui-joy/test/__snapshots__/Object.test.tsx.snap @@ -0,0 +1,9246 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`object fields additionalProperties 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + --Grid-columns: 12; + --Grid-columnSpacing: 16px; + --Grid-rowSpacing: 16px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); +} + +.emotion-2 { + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + width: calc(100% * 12 / var(--Grid-columns)); + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-3 { + --Grid-columns: 12; + --Grid-columnSpacing: 16px; + --Grid-rowSpacing: 16px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-4 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-6 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-7 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-7:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-7::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-7.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-7:focus-within::before { + --Input-focused: 1; +} + +.emotion-8 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-8:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-8::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-8::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-8:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-8::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-15 { + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-16 { + --Icon-margin: initial; + --Icon-color: currentColor; + --IconButton-size: 2rem; + --Icon-fontSize: calc(var(--IconButton-size, 2rem) / 1.6); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2rem); + min-height: var(--IconButton-size, 2rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-inline: 2px; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; +} + +.emotion-16.Mui-focusVisible, +.emotion-16:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-16:hover { + --Icon-color: currentColor; + } +} + +.emotion-16:active, +.emotion-16[aria-pressed="true"] { + --Icon-color: currentColor; +} + +.emotion-17 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.5rem; +} + +.emotion-18 { + --Grid-columnsLevel1: var(--Grid-columns); + --Grid-columnSpacingLevel1: var(--Grid-columnSpacing); + --Grid-rowSpacingLevel1: var(--Grid-rowSpacing); + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacingLevel1) / -2) calc(var(--Grid-columnSpacingLevel1) / -2); + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); + -webkit-box-pack: end; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; +} + +.emotion-19 { + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacingLevel1) / 2) calc(var(--Grid-columnSpacingLevel1) / 2); +} + +.emotion-20 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: calc(var(--IconButton-size, 2.25rem) / 1.5); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2.25rem); + min-height: var(--IconButton-size, 2.25rem); + font-size: var(--joy-fontSize-md, 1rem); + padding-inline: 0.25rem; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + --variant-borderWidth: 0px; + color: var(--variant-plainColor, var(--joy-palette-primary-plainColor, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-20.Mui-focusVisible, +.emotion-20:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-20:hover { + --Icon-color: currentColor; + background-color: var(--variant-plainHoverBg, var(--joy-palette-primary-plainHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-20:active, +.emotion-20[aria-pressed="true"] { + --Icon-color: currentColor; + background-color: var(--variant-plainActiveBg, var(--joy-palette-primary-plainActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-20:disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-plainDisabledColor, var(--joy-palette-primary-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-22 { + margin-top: 24px; +} + +.emotion-23 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-23.Mui-focusVisible, +.emotion-23:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-23:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-23:active, +.emotion-23[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-23.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-23.MuiButton-loading { + color: transparent; +} + +
+
+
+ +
+
+
+
+
+ +
+ +
+
+
+
+
+
+ +
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+`; + +exports[`object fields object 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + --Grid-columns: 12; + --Grid-columnSpacing: 16px; + --Grid-rowSpacing: 16px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); +} + +.emotion-2 { + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + width: calc(100% * 12 / var(--Grid-columns)); + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-5 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-6 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-6:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-6::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-6.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-6:focus-within::before { + --Input-focused: 1; +} + +.emotion-7 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-7:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-7::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-7::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-7:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-7::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-14 { + margin-top: 24px; +} + +.emotion-15 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-15.Mui-focusVisible, +.emotion-15:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-15:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-15:active, +.emotion-15[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-15.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-15.MuiButton-loading { + color: transparent; +} + +
+
+
+ +
+
+
+
+
+ +
+ +
+
+
+
+
+
+
+
+
+ +
+ +
+
+
+
+
+
+
+
+
+ +
+
+`; + +exports[`object fields show add button and fields if additionalProperties is true and not an object 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + --Grid-columns: 12; + --Grid-columnSpacing: 16px; + --Grid-rowSpacing: 16px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); +} + +.emotion-2 { + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + width: calc(100% * 12 / var(--Grid-columns)); + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-3 { + --Grid-columns: 12; + --Grid-columnSpacing: 16px; + --Grid-rowSpacing: 16px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-4 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-6 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-7 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-7:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-7::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-7.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-7:focus-within::before { + --Input-focused: 1; +} + +.emotion-8 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-8:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-8::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-8::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-8:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-8::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-15 { + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-16 { + --Icon-margin: initial; + --Icon-color: currentColor; + --IconButton-size: 2rem; + --Icon-fontSize: calc(var(--IconButton-size, 2rem) / 1.6); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2rem); + min-height: var(--IconButton-size, 2rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-inline: 2px; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; +} + +.emotion-16.Mui-focusVisible, +.emotion-16:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-16:hover { + --Icon-color: currentColor; + } +} + +.emotion-16:active, +.emotion-16[aria-pressed="true"] { + --Icon-color: currentColor; +} + +.emotion-17 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.5rem; +} + +.emotion-18 { + --Grid-columnsLevel1: var(--Grid-columns); + --Grid-columnSpacingLevel1: var(--Grid-columnSpacing); + --Grid-rowSpacingLevel1: var(--Grid-rowSpacing); + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacingLevel1) / -2) calc(var(--Grid-columnSpacingLevel1) / -2); + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); + -webkit-box-pack: end; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; +} + +.emotion-19 { + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacingLevel1) / 2) calc(var(--Grid-columnSpacingLevel1) / 2); +} + +.emotion-20 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: calc(var(--IconButton-size, 2.25rem) / 1.5); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2.25rem); + min-height: var(--IconButton-size, 2.25rem); + font-size: var(--joy-fontSize-md, 1rem); + padding-inline: 0.25rem; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + --variant-borderWidth: 0px; + color: var(--variant-plainColor, var(--joy-palette-primary-plainColor, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-20.Mui-focusVisible, +.emotion-20:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-20:hover { + --Icon-color: currentColor; + background-color: var(--variant-plainHoverBg, var(--joy-palette-primary-plainHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-20:active, +.emotion-20[aria-pressed="true"] { + --Icon-color: currentColor; + background-color: var(--variant-plainActiveBg, var(--joy-palette-primary-plainActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-20:disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-plainDisabledColor, var(--joy-palette-primary-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-22 { + margin-top: 24px; +} + +.emotion-23 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-23.Mui-focusVisible, +.emotion-23:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-23:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-23:active, +.emotion-23[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-23.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-23.MuiButton-loading { + color: transparent; +} + +
+
+
+ +
+
+
+
+
+ +
+ +
+
+
+
+
+
+ +
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+`; + +exports[`object fields with title and description additionalProperties 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + margin-bottom: 8px; + margin-top: 8px; +} + +.emotion-2 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-display, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + font-size: var(--Typography-fontSize, var(--joy-fontSize-xl, 1.25rem)); + line-height: var(--joy-lineHeight-md, 1.5); + letter-spacing: -0.025em; + color: var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C)); +} + +.emotion-3 { + --Divider-thickness: 1px; + --Divider-lineColor: var(--joy-palette-divider, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 0.2)); + margin: initial; + margin-inline: var(--_Divider-inset); + margin-block: initial; + position: relative; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border: none; + list-style: none; + background-color: var(--Divider-lineColor); + inline-size: initial; + block-size: var(--Divider-thickness); +} + +.emotion-4 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + margin-inline: -0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-5 { + --Grid-columns: 12; + --Grid-columnSpacing: 16px; + --Grid-rowSpacing: 16px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); +} + +.emotion-6 { + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + width: calc(100% * 12 / var(--Grid-columns)); + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-7 { + --Grid-columns: 12; + --Grid-columnSpacing: 16px; + --Grid-rowSpacing: 16px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-8 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-10 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-11 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-11:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-11::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-11.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-11:focus-within::before { + --Input-focused: 1; +} + +.emotion-12 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-12:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-12::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-12::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-12:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-12::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-19 { + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-20 { + --Icon-margin: initial; + --Icon-color: currentColor; + --IconButton-size: 2rem; + --Icon-fontSize: calc(var(--IconButton-size, 2rem) / 1.6); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2rem); + min-height: var(--IconButton-size, 2rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-inline: 2px; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; +} + +.emotion-20.Mui-focusVisible, +.emotion-20:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-20:hover { + --Icon-color: currentColor; + } +} + +.emotion-20:active, +.emotion-20[aria-pressed="true"] { + --Icon-color: currentColor; +} + +.emotion-21 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.5rem; +} + +.emotion-22 { + --Grid-columnsLevel1: var(--Grid-columns); + --Grid-columnSpacingLevel1: var(--Grid-columnSpacing); + --Grid-rowSpacingLevel1: var(--Grid-rowSpacing); + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacingLevel1) / -2) calc(var(--Grid-columnSpacingLevel1) / -2); + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); + -webkit-box-pack: end; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; +} + +.emotion-23 { + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacingLevel1) / 2) calc(var(--Grid-columnSpacingLevel1) / 2); +} + +.emotion-24 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: calc(var(--IconButton-size, 2.25rem) / 1.5); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2.25rem); + min-height: var(--IconButton-size, 2.25rem); + font-size: var(--joy-fontSize-md, 1rem); + padding-inline: 0.25rem; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + --variant-borderWidth: 0px; + color: var(--variant-plainColor, var(--joy-palette-primary-plainColor, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-24.Mui-focusVisible, +.emotion-24:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-24:hover { + --Icon-color: currentColor; + background-color: var(--variant-plainHoverBg, var(--joy-palette-primary-plainHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-24:active, +.emotion-24[aria-pressed="true"] { + --Icon-color: currentColor; + background-color: var(--variant-plainActiveBg, var(--joy-palette-primary-plainActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-24:disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-plainDisabledColor, var(--joy-palette-primary-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-26 { + margin-top: 24px; +} + +.emotion-27 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-27.Mui-focusVisible, +.emotion-27:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-27:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-27:active, +.emotion-27[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-27.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-27.MuiButton-loading { + color: transparent; +} + +
+
+
+
+

+ Test field +

+
+
+

+ a test description +

+
+
+
+
+
+ +
+ +
+
+
+
+
+
+ +
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+`; + +exports[`object fields with title and description from both additionalProperties 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + margin-bottom: 8px; + margin-top: 8px; +} + +.emotion-2 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-display, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + font-size: var(--Typography-fontSize, var(--joy-fontSize-xl, 1.25rem)); + line-height: var(--joy-lineHeight-md, 1.5); + letter-spacing: -0.025em; + color: var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C)); +} + +.emotion-3 { + --Divider-thickness: 1px; + --Divider-lineColor: var(--joy-palette-divider, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 0.2)); + margin: initial; + margin-inline: var(--_Divider-inset); + margin-block: initial; + position: relative; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border: none; + list-style: none; + background-color: var(--Divider-lineColor); + inline-size: initial; + block-size: var(--Divider-thickness); +} + +.emotion-4 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + margin-inline: -0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-5 { + --Grid-columns: 12; + --Grid-columnSpacing: 16px; + --Grid-rowSpacing: 16px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); +} + +.emotion-6 { + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + width: calc(100% * 12 / var(--Grid-columns)); + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-7 { + --Grid-columns: 12; + --Grid-columnSpacing: 16px; + --Grid-rowSpacing: 16px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-8 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-10 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-11 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-11:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-11::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-11.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-11:focus-within::before { + --Input-focused: 1; +} + +.emotion-12 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-12:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-12::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-12::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-12:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-12::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-19 { + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-20 { + --Icon-margin: initial; + --Icon-color: currentColor; + --IconButton-size: 2rem; + --Icon-fontSize: calc(var(--IconButton-size, 2rem) / 1.6); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2rem); + min-height: var(--IconButton-size, 2rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-inline: 2px; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; +} + +.emotion-20.Mui-focusVisible, +.emotion-20:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-20:hover { + --Icon-color: currentColor; + } +} + +.emotion-20:active, +.emotion-20[aria-pressed="true"] { + --Icon-color: currentColor; +} + +.emotion-21 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.5rem; +} + +.emotion-22 { + --Grid-columnsLevel1: var(--Grid-columns); + --Grid-columnSpacingLevel1: var(--Grid-columnSpacing); + --Grid-rowSpacingLevel1: var(--Grid-rowSpacing); + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacingLevel1) / -2) calc(var(--Grid-columnSpacingLevel1) / -2); + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); + -webkit-box-pack: end; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; +} + +.emotion-23 { + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacingLevel1) / 2) calc(var(--Grid-columnSpacingLevel1) / 2); +} + +.emotion-24 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: calc(var(--IconButton-size, 2.25rem) / 1.5); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2.25rem); + min-height: var(--IconButton-size, 2.25rem); + font-size: var(--joy-fontSize-md, 1rem); + padding-inline: 0.25rem; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + --variant-borderWidth: 0px; + color: var(--variant-plainColor, var(--joy-palette-primary-plainColor, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-24.Mui-focusVisible, +.emotion-24:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-24:hover { + --Icon-color: currentColor; + background-color: var(--variant-plainHoverBg, var(--joy-palette-primary-plainHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-24:active, +.emotion-24[aria-pressed="true"] { + --Icon-color: currentColor; + background-color: var(--variant-plainActiveBg, var(--joy-palette-primary-plainActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-24:disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-plainDisabledColor, var(--joy-palette-primary-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-26 { + margin-top: 24px; +} + +.emotion-27 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-27.Mui-focusVisible, +.emotion-27:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-27:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-27:active, +.emotion-27[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-27.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-27.MuiButton-loading { + color: transparent; +} + +
+
+
+
+

+ My Field +

+
+
+

+ a fancier description +

+
+
+
+
+
+ +
+ +
+
+
+
+
+
+ +
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+`; + +exports[`object fields with title and description from both object 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + margin-bottom: 8px; + margin-top: 8px; +} + +.emotion-2 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-display, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + font-size: var(--Typography-fontSize, var(--joy-fontSize-xl, 1.25rem)); + line-height: var(--joy-lineHeight-md, 1.5); + letter-spacing: -0.025em; + color: var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C)); +} + +.emotion-3 { + --Divider-thickness: 1px; + --Divider-lineColor: var(--joy-palette-divider, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 0.2)); + margin: initial; + margin-inline: var(--_Divider-inset); + margin-block: initial; + position: relative; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border: none; + list-style: none; + background-color: var(--Divider-lineColor); + inline-size: initial; + block-size: var(--Divider-thickness); +} + +.emotion-4 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + margin-inline: -0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-5 { + --Grid-columns: 12; + --Grid-columnSpacing: 16px; + --Grid-rowSpacing: 16px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); +} + +.emotion-6 { + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + width: calc(100% * 12 / var(--Grid-columns)); + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-9 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-10 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-10:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-10::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-10.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-10:focus-within::before { + --Input-focused: 1; +} + +.emotion-11 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-11:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-11::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-11::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-11:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-11::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-12 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-plainColor, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 1)); +} + +.emotion-13 { + --Icon-fontSize: calc(1em * 1); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: inline; + font-size: var(--Typography-fontSize, inherit); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-22 { + margin-top: 24px; +} + +.emotion-23 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-23.Mui-focusVisible, +.emotion-23:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-23:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-23:active, +.emotion-23[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-23.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-23.MuiButton-loading { + color: transparent; +} + +
+
+
+
+

+ My Field +

+
+
+

+ a fancier description +

+
+
+
+
+
+ +
+ +
+
+

+ + a fancier item A description + +

+
+
+
+
+
+
+
+ +
+ +
+
+

+ + a fancier item B description + +

+
+
+
+
+
+
+
+ +
+
+`; + +exports[`object fields with title and description from uiSchema additionalProperties 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + margin-bottom: 8px; + margin-top: 8px; +} + +.emotion-2 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-display, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + font-size: var(--Typography-fontSize, var(--joy-fontSize-xl, 1.25rem)); + line-height: var(--joy-lineHeight-md, 1.5); + letter-spacing: -0.025em; + color: var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C)); +} + +.emotion-3 { + --Divider-thickness: 1px; + --Divider-lineColor: var(--joy-palette-divider, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 0.2)); + margin: initial; + margin-inline: var(--_Divider-inset); + margin-block: initial; + position: relative; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border: none; + list-style: none; + background-color: var(--Divider-lineColor); + inline-size: initial; + block-size: var(--Divider-thickness); +} + +.emotion-4 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + margin-inline: -0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-5 { + --Grid-columns: 12; + --Grid-columnSpacing: 16px; + --Grid-rowSpacing: 16px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); +} + +.emotion-6 { + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + width: calc(100% * 12 / var(--Grid-columns)); + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-7 { + --Grid-columns: 12; + --Grid-columnSpacing: 16px; + --Grid-rowSpacing: 16px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-8 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-10 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-11 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-11:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-11::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-11.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-11:focus-within::before { + --Input-focused: 1; +} + +.emotion-12 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-12:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-12::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-12::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-12:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-12::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-19 { + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-20 { + --Icon-margin: initial; + --Icon-color: currentColor; + --IconButton-size: 2rem; + --Icon-fontSize: calc(var(--IconButton-size, 2rem) / 1.6); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2rem); + min-height: var(--IconButton-size, 2rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-inline: 2px; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; +} + +.emotion-20.Mui-focusVisible, +.emotion-20:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-20:hover { + --Icon-color: currentColor; + } +} + +.emotion-20:active, +.emotion-20[aria-pressed="true"] { + --Icon-color: currentColor; +} + +.emotion-21 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.5rem; +} + +.emotion-22 { + --Grid-columnsLevel1: var(--Grid-columns); + --Grid-columnSpacingLevel1: var(--Grid-columnSpacing); + --Grid-rowSpacingLevel1: var(--Grid-rowSpacing); + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacingLevel1) / -2) calc(var(--Grid-columnSpacingLevel1) / -2); + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); + -webkit-box-pack: end; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; +} + +.emotion-23 { + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacingLevel1) / 2) calc(var(--Grid-columnSpacingLevel1) / 2); +} + +.emotion-24 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: calc(var(--IconButton-size, 2.25rem) / 1.5); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2.25rem); + min-height: var(--IconButton-size, 2.25rem); + font-size: var(--joy-fontSize-md, 1rem); + padding-inline: 0.25rem; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + --variant-borderWidth: 0px; + color: var(--variant-plainColor, var(--joy-palette-primary-plainColor, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-24.Mui-focusVisible, +.emotion-24:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-24:hover { + --Icon-color: currentColor; + background-color: var(--variant-plainHoverBg, var(--joy-palette-primary-plainHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-24:active, +.emotion-24[aria-pressed="true"] { + --Icon-color: currentColor; + background-color: var(--variant-plainActiveBg, var(--joy-palette-primary-plainActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-24:disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-plainDisabledColor, var(--joy-palette-primary-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-26 { + margin-top: 24px; +} + +.emotion-27 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-27.Mui-focusVisible, +.emotion-27:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-27:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-27:active, +.emotion-27[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-27.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-27.MuiButton-loading { + color: transparent; +} + +
+
+
+
+

+ My Field +

+
+
+

+ a fancier description +

+
+
+
+
+
+ +
+ +
+
+
+
+
+
+ +
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+`; + +exports[`object fields with title and description from uiSchema object 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + margin-bottom: 8px; + margin-top: 8px; +} + +.emotion-2 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-display, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + font-size: var(--Typography-fontSize, var(--joy-fontSize-xl, 1.25rem)); + line-height: var(--joy-lineHeight-md, 1.5); + letter-spacing: -0.025em; + color: var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C)); +} + +.emotion-3 { + --Divider-thickness: 1px; + --Divider-lineColor: var(--joy-palette-divider, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 0.2)); + margin: initial; + margin-inline: var(--_Divider-inset); + margin-block: initial; + position: relative; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border: none; + list-style: none; + background-color: var(--Divider-lineColor); + inline-size: initial; + block-size: var(--Divider-thickness); +} + +.emotion-4 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + margin-inline: -0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-5 { + --Grid-columns: 12; + --Grid-columnSpacing: 16px; + --Grid-rowSpacing: 16px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); +} + +.emotion-6 { + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + width: calc(100% * 12 / var(--Grid-columns)); + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-9 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-10 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-10:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-10::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-10.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-10:focus-within::before { + --Input-focused: 1; +} + +.emotion-11 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-11:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-11::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-11::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-11:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-11::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-12 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-plainColor, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 1)); +} + +.emotion-13 { + --Icon-fontSize: calc(1em * 1); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: inline; + font-size: var(--Typography-fontSize, inherit); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-22 { + margin-top: 24px; +} + +.emotion-23 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-23.Mui-focusVisible, +.emotion-23:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-23:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-23:active, +.emotion-23[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-23.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-23.MuiButton-loading { + color: transparent; +} + +
+
+
+
+

+ My Field +

+
+
+

+ a fancier description +

+
+
+
+
+
+ +
+ +
+
+

+ + a fancier item A description + +

+
+
+
+
+
+
+
+ +
+ +
+
+

+ + a fancier item B description + +

+
+
+
+
+
+
+
+ +
+
+`; + +exports[`object fields with title and description from uiSchema show add button and fields if additionalProperties is true and not an object 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + margin-bottom: 8px; + margin-top: 8px; +} + +.emotion-2 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-display, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + font-size: var(--Typography-fontSize, var(--joy-fontSize-xl, 1.25rem)); + line-height: var(--joy-lineHeight-md, 1.5); + letter-spacing: -0.025em; + color: var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C)); +} + +.emotion-3 { + --Divider-thickness: 1px; + --Divider-lineColor: var(--joy-palette-divider, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 0.2)); + margin: initial; + margin-inline: var(--_Divider-inset); + margin-block: initial; + position: relative; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border: none; + list-style: none; + background-color: var(--Divider-lineColor); + inline-size: initial; + block-size: var(--Divider-thickness); +} + +.emotion-4 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + margin-inline: -0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-5 { + --Grid-columns: 12; + --Grid-columnSpacing: 16px; + --Grid-rowSpacing: 16px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); +} + +.emotion-6 { + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + width: calc(100% * 12 / var(--Grid-columns)); + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-7 { + --Grid-columns: 12; + --Grid-columnSpacing: 16px; + --Grid-rowSpacing: 16px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-8 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-10 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-11 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-11:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-11::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-11.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-11:focus-within::before { + --Input-focused: 1; +} + +.emotion-12 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-12:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-12::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-12::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-12:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-12::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-19 { + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-20 { + --Icon-margin: initial; + --Icon-color: currentColor; + --IconButton-size: 2rem; + --Icon-fontSize: calc(var(--IconButton-size, 2rem) / 1.6); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2rem); + min-height: var(--IconButton-size, 2rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-inline: 2px; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; +} + +.emotion-20.Mui-focusVisible, +.emotion-20:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-20:hover { + --Icon-color: currentColor; + } +} + +.emotion-20:active, +.emotion-20[aria-pressed="true"] { + --Icon-color: currentColor; +} + +.emotion-21 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.5rem; +} + +.emotion-22 { + --Grid-columnsLevel1: var(--Grid-columns); + --Grid-columnSpacingLevel1: var(--Grid-columnSpacing); + --Grid-rowSpacingLevel1: var(--Grid-rowSpacing); + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacingLevel1) / -2) calc(var(--Grid-columnSpacingLevel1) / -2); + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); + -webkit-box-pack: end; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; +} + +.emotion-23 { + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacingLevel1) / 2) calc(var(--Grid-columnSpacingLevel1) / 2); +} + +.emotion-24 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: calc(var(--IconButton-size, 2.25rem) / 1.5); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2.25rem); + min-height: var(--IconButton-size, 2.25rem); + font-size: var(--joy-fontSize-md, 1rem); + padding-inline: 0.25rem; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + --variant-borderWidth: 0px; + color: var(--variant-plainColor, var(--joy-palette-primary-plainColor, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-24.Mui-focusVisible, +.emotion-24:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-24:hover { + --Icon-color: currentColor; + background-color: var(--variant-plainHoverBg, var(--joy-palette-primary-plainHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-24:active, +.emotion-24[aria-pressed="true"] { + --Icon-color: currentColor; + background-color: var(--variant-plainActiveBg, var(--joy-palette-primary-plainActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-24:disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-plainDisabledColor, var(--joy-palette-primary-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-26 { + margin-top: 24px; +} + +.emotion-27 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-27.Mui-focusVisible, +.emotion-27:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-27:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-27:active, +.emotion-27[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-27.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-27.MuiButton-loading { + color: transparent; +} + +
+
+
+
+

+ My Field +

+
+
+

+ a fancier description +

+
+
+
+
+
+ +
+ +
+
+
+
+
+
+ +
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+`; + +exports[`object fields with title and description object 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + margin-bottom: 8px; + margin-top: 8px; +} + +.emotion-2 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-display, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + font-size: var(--Typography-fontSize, var(--joy-fontSize-xl, 1.25rem)); + line-height: var(--joy-lineHeight-md, 1.5); + letter-spacing: -0.025em; + color: var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C)); +} + +.emotion-3 { + --Divider-thickness: 1px; + --Divider-lineColor: var(--joy-palette-divider, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 0.2)); + margin: initial; + margin-inline: var(--_Divider-inset); + margin-block: initial; + position: relative; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border: none; + list-style: none; + background-color: var(--Divider-lineColor); + inline-size: initial; + block-size: var(--Divider-thickness); +} + +.emotion-4 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + margin-inline: -0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-5 { + --Grid-columns: 12; + --Grid-columnSpacing: 16px; + --Grid-rowSpacing: 16px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); +} + +.emotion-6 { + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + width: calc(100% * 12 / var(--Grid-columns)); + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-9 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-10 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-10:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-10::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-10.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-10:focus-within::before { + --Input-focused: 1; +} + +.emotion-11 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-11:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-11::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-11::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-11:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-11::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-12 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-plainColor, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 1)); +} + +.emotion-13 { + --Icon-fontSize: calc(1em * 1); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: inline; + font-size: var(--Typography-fontSize, inherit); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-22 { + margin-top: 24px; +} + +.emotion-23 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-23.Mui-focusVisible, +.emotion-23:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-23:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-23:active, +.emotion-23[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-23.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-23.MuiButton-loading { + color: transparent; +} + +
+
+
+
+

+ Test field +

+
+
+

+ a test description +

+
+
+
+
+
+ +
+ +
+
+

+ + A description + +

+
+
+
+
+
+
+
+ +
+ +
+
+

+ + B description + +

+
+
+
+
+
+
+
+ +
+
+`; + +exports[`object fields with title and description show add button and fields if additionalProperties is true and not an object 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + margin-bottom: 8px; + margin-top: 8px; +} + +.emotion-2 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-display, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + font-size: var(--Typography-fontSize, var(--joy-fontSize-xl, 1.25rem)); + line-height: var(--joy-lineHeight-md, 1.5); + letter-spacing: -0.025em; + color: var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C)); +} + +.emotion-3 { + --Divider-thickness: 1px; + --Divider-lineColor: var(--joy-palette-divider, rgba(var(--joy-palette-neutral-mainChannel, 99 107 116) / 0.2)); + margin: initial; + margin-inline: var(--_Divider-inset); + margin-block: initial; + position: relative; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + border: none; + list-style: none; + background-color: var(--Divider-lineColor); + inline-size: initial; + block-size: var(--Divider-thickness); +} + +.emotion-4 { + --Icon-fontSize: calc(1em * var(--joy-lineHeight-md, 1.5)); + --Icon-color: currentColor; + margin: var(--Typography-margin, 0px); + display: block; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--Typography-fontSize, var(--joy-fontSize-md, 1rem)); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + border-radius: var(--joy-radius-xs, 2px); + padding-block: min(0.1em, 4px); + padding-inline: 0.25em; + margin-inline: -0.25em; + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); +} + +.emotion-5 { + --Grid-columns: 12; + --Grid-columnSpacing: 16px; + --Grid-rowSpacing: 16px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); +} + +.emotion-6 { + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + width: calc(100% * 12 / var(--Grid-columns)); + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-7 { + --Grid-columns: 12; + --Grid-columnSpacing: 16px; + --Grid-rowSpacing: 16px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-8 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-10 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-11 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-11:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-11::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-11.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-11:focus-within::before { + --Input-focused: 1; +} + +.emotion-12 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-12:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-12::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-12::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-12:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-12::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-19 { + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-20 { + --Icon-margin: initial; + --Icon-color: currentColor; + --IconButton-size: 2rem; + --Icon-fontSize: calc(var(--IconButton-size, 2rem) / 1.6); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2rem); + min-height: var(--IconButton-size, 2rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-inline: 2px; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; +} + +.emotion-20.Mui-focusVisible, +.emotion-20:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-20:hover { + --Icon-color: currentColor; + } +} + +.emotion-20:active, +.emotion-20[aria-pressed="true"] { + --Icon-color: currentColor; +} + +.emotion-21 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.5rem; +} + +.emotion-22 { + --Grid-columnsLevel1: var(--Grid-columns); + --Grid-columnSpacingLevel1: var(--Grid-columnSpacing); + --Grid-rowSpacingLevel1: var(--Grid-rowSpacing); + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacingLevel1) / -2) calc(var(--Grid-columnSpacingLevel1) / -2); + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); + -webkit-box-pack: end; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; +} + +.emotion-23 { + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacingLevel1) / 2) calc(var(--Grid-columnSpacingLevel1) / 2); +} + +.emotion-24 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: calc(var(--IconButton-size, 2.25rem) / 1.5); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2.25rem); + min-height: var(--IconButton-size, 2.25rem); + font-size: var(--joy-fontSize-md, 1rem); + padding-inline: 0.25rem; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + --variant-borderWidth: 0px; + color: var(--variant-plainColor, var(--joy-palette-primary-plainColor, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-24.Mui-focusVisible, +.emotion-24:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-24:hover { + --Icon-color: currentColor; + background-color: var(--variant-plainHoverBg, var(--joy-palette-primary-plainHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-24:active, +.emotion-24[aria-pressed="true"] { + --Icon-color: currentColor; + background-color: var(--variant-plainActiveBg, var(--joy-palette-primary-plainActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-24:disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-plainDisabledColor, var(--joy-palette-primary-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-26 { + margin-top: 24px; +} + +.emotion-27 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-27.Mui-focusVisible, +.emotion-27:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-27:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-27:active, +.emotion-27[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-27.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-27.MuiButton-loading { + color: transparent; +} + +
+
+
+
+

+ Test field +

+
+
+

+ a test description +

+
+
+
+
+
+ +
+ +
+
+
+
+
+
+ +
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+`; + +exports[`object fields with title and description with global label off additionalProperties 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + --Grid-columns: 12; + --Grid-columnSpacing: 16px; + --Grid-rowSpacing: 16px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); +} + +.emotion-2 { + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + width: calc(100% * 12 / var(--Grid-columns)); + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-3 { + --Grid-columns: 12; + --Grid-columnSpacing: 16px; + --Grid-rowSpacing: 16px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-4 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-6 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-7 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-7:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-7::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-7.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-7:focus-within::before { + --Input-focused: 1; +} + +.emotion-8 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-8:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-8::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-8::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-8:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-8::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-15 { + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-16 { + --Icon-margin: initial; + --Icon-color: currentColor; + --IconButton-size: 2rem; + --Icon-fontSize: calc(var(--IconButton-size, 2rem) / 1.6); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2rem); + min-height: var(--IconButton-size, 2rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-inline: 2px; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; +} + +.emotion-16.Mui-focusVisible, +.emotion-16:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-16:hover { + --Icon-color: currentColor; + } +} + +.emotion-16:active, +.emotion-16[aria-pressed="true"] { + --Icon-color: currentColor; +} + +.emotion-17 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.5rem; +} + +.emotion-18 { + --Grid-columnsLevel1: var(--Grid-columns); + --Grid-columnSpacingLevel1: var(--Grid-columnSpacing); + --Grid-rowSpacingLevel1: var(--Grid-rowSpacing); + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacingLevel1) / -2) calc(var(--Grid-columnSpacingLevel1) / -2); + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); + -webkit-box-pack: end; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; +} + +.emotion-19 { + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacingLevel1) / 2) calc(var(--Grid-columnSpacingLevel1) / 2); +} + +.emotion-20 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: calc(var(--IconButton-size, 2.25rem) / 1.5); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2.25rem); + min-height: var(--IconButton-size, 2.25rem); + font-size: var(--joy-fontSize-md, 1rem); + padding-inline: 0.25rem; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + --variant-borderWidth: 0px; + color: var(--variant-plainColor, var(--joy-palette-primary-plainColor, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-20.Mui-focusVisible, +.emotion-20:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-20:hover { + --Icon-color: currentColor; + background-color: var(--variant-plainHoverBg, var(--joy-palette-primary-plainHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-20:active, +.emotion-20[aria-pressed="true"] { + --Icon-color: currentColor; + background-color: var(--variant-plainActiveBg, var(--joy-palette-primary-plainActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-20:disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-plainDisabledColor, var(--joy-palette-primary-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-22 { + margin-top: 24px; +} + +.emotion-23 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-23.Mui-focusVisible, +.emotion-23:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-23:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-23:active, +.emotion-23[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-23.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-23.MuiButton-loading { + color: transparent; +} + +
+
+
+ +
+
+
+
+
+ +
+ +
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+`; + +exports[`object fields with title and description with global label off object 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + --Grid-columns: 12; + --Grid-columnSpacing: 16px; + --Grid-rowSpacing: 16px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); +} + +.emotion-2 { + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + width: calc(100% * 12 / var(--Grid-columns)); + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-5 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-6 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-6:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-6::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-6.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-6:focus-within::before { + --Input-focused: 1; +} + +.emotion-7 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-7:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-7::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-7::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-7:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-7::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-14 { + margin-top: 24px; +} + +.emotion-15 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-15.Mui-focusVisible, +.emotion-15:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-15:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-15:active, +.emotion-15[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-15.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-15.MuiButton-loading { + color: transparent; +} + +
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+`; + +exports[`object fields with title and description with global label off show add button and fields if additionalProperties is true and not an object 1`] = ` +.emotion-0 { + --unstable_RadioGroup-margin: 0.5rem 0; + --FormLabel-alignSelf: flex-start; + --FormLabel-asteriskColor: var(--joy-palette-danger-500, #C41C1C); + --FormLabel-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormLabel-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormLabel-margin: 0 0 0.375rem 0; + --FormHelperText-fontSize: var(--joy-fontSize-sm, 0.875rem); + --FormHelperText-lineHeight: var(--joy-lineHeight-sm, 1.42858); + --FormHelperText-margin: 0.375rem 0 0 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-0.Mui-error { + --FormHelperText-color: var(--joy-palette-danger-500, #C41C1C); +} + +.emotion-0.Mui-disabled { + --FormLabel-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + --FormHelperText-color: var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-1 { + --Grid-columns: 12; + --Grid-columnSpacing: 16px; + --Grid-rowSpacing: 16px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); +} + +.emotion-2 { + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + width: calc(100% * 12 / var(--Grid-columns)); + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-3 { + --Grid-columns: 12; + --Grid-columnSpacing: 16px; + --Grid-rowSpacing: 16px; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-4 { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-6 { + --Icon-fontSize: calc(var(--FormLabel-lineHeight) * 1em); + -webkit-tap-highlight-color: transparent; + -webkit-align-self: var(--FormLabel-alignSelf); + -ms-flex-item-align: var(--FormLabel-alignSelf); + align-self: var(--FormLabel-alignSelf); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 2px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--FormLabel-fontSize, var(--joy-fontSize-sm, 0.875rem)); + font-weight: var(--joy-fontWeight-md, 500); + line-height: var(--FormLabel-lineHeight, var(--joy-lineHeight-sm, 1.42858)); + color: var(--FormLabel-color, var(--joy-palette-text-primary, var(--joy-palette-neutral-800, #171A1C))); + margin: var(--FormLabel-margin, 0px); +} + +.emotion-7 { + --Input-radius: var(--joy-radius-sm, 6px); + --Input-gap: 0.5rem; + --Input-placeholderColor: inherit; + --Input-placeholderOpacity: 0.64; + --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); + --Input-focused: 0; + --Input-focusedThickness: var(--joy-focus-thickness, 2px); + --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); + --Input-minHeight: 2.25rem; + --Input-paddingInline: 0.75rem; + --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); + --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); + --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); + --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); + --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); + --Button-minHeight: var(--Input-decoratorChildHeight); + --Button-paddingBlock: 0px; + --IconButton-size: var(--Input-decoratorChildHeight); + --Button-radius: var(--Input-decoratorChildRadius); + --IconButton-radius: var(--Input-decoratorChildRadius); + box-sizing: border-box; + box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); + min-width: 0; + min-height: var(--Input-minHeight); + cursor: text; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-inline: var(--Input-paddingInline); + border-radius: var(--Input-radius); + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-size: var(--joy-fontSize-md, 1rem); + line-height: var(--joy-lineHeight-md, 1.5); + color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); + --variant-borderWidth: 1px; + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); + background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); +} + +.emotion-7:not([data-skip-inverted-colors]) { + --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-7::before { + box-sizing: border-box; + content: ""; + display: block; + position: absolute; + pointer-events: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: inherit; + margin: calc(var(--variant-borderWidth, 0px) * -1); + box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); +} + +.emotion-7.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-7:focus-within::before { + --Input-focused: 1; +} + +.emotion-8 { + border: none; + min-width: 0; + outline: 0; + padding: 0; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: inherit; + background-color: transparent; + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + line-height: inherit; + text-overflow: ellipsis; +} + +.emotion-8:-webkit-autofill { + padding-inline: var(--Input-paddingInline); + -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); + margin-inline-start: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-start: var(--Input-paddingInline); + padding-inline-start: var(--Input-paddingInline); + border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); + margin-inline-end: calc(-1 * var(--Input-paddingInline)); + -webkit-padding-end: var(--Input-paddingInline); + padding-inline-end: var(--Input-paddingInline); + border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); + border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); +} + +.emotion-8::-webkit-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-8::-moz-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-8:-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-8::-ms-input-placeholder { + color: var(--Input-placeholderColor); + opacity: var(--Input-placeholderOpacity); +} + +.emotion-15 { + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); +} + +.emotion-16 { + --Icon-margin: initial; + --Icon-color: currentColor; + --IconButton-size: 2rem; + --Icon-fontSize: calc(var(--IconButton-size, 2rem) / 1.6); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2rem); + min-height: var(--IconButton-size, 2rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-inline: 2px; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; +} + +.emotion-16.Mui-focusVisible, +.emotion-16:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-16:hover { + --Icon-color: currentColor; + } +} + +.emotion-16:active, +.emotion-16[aria-pressed="true"] { + --Icon-color: currentColor; +} + +.emotion-17 { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 1em; + height: 1em; + display: inline-block; + fill: currentColor; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + font-size: 1.5rem; +} + +.emotion-18 { + --Grid-columnsLevel1: var(--Grid-columns); + --Grid-columnSpacingLevel1: var(--Grid-columnSpacing); + --Grid-rowSpacingLevel1: var(--Grid-rowSpacing); + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + min-width: 0; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(var(--Grid-rowSpacingLevel1) / -2) calc(var(--Grid-columnSpacingLevel1) / -2); + padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); + -webkit-box-pack: end; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; +} + +.emotion-19 { + min-width: 0; + box-sizing: border-box; + padding: calc(var(--Grid-rowSpacingLevel1) / 2) calc(var(--Grid-columnSpacingLevel1) / 2); +} + +.emotion-20 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: calc(var(--IconButton-size, 2.25rem) / 1.5); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + min-width: var(--IconButton-size, 2.25rem); + min-height: var(--IconButton-size, 2.25rem); + font-size: var(--joy-fontSize-md, 1rem); + padding-inline: 0.25rem; + -webkit-tap-highlight-color: transparent; + padding-block: 0; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-md, 500); + margin: var(--IconButton-margin); + border-radius: var(--IconButton-radius, var(--joy-radius-sm, 6px)); + border: none; + box-sizing: border-box; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + --variant-borderWidth: 0px; + color: var(--variant-plainColor, var(--joy-palette-primary-plainColor, var(--joy-palette-primary-500, #0B6BCB))); +} + +.emotion-20.Mui-focusVisible, +.emotion-20:focus-visible { + --Icon-color: currentColor; + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-20:hover { + --Icon-color: currentColor; + background-color: var(--variant-plainHoverBg, var(--joy-palette-primary-plainHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-20:active, +.emotion-20[aria-pressed="true"] { + --Icon-color: currentColor; + background-color: var(--variant-plainActiveBg, var(--joy-palette-primary-plainActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-20:disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-plainDisabledColor, var(--joy-palette-primary-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); +} + +.emotion-22 { + margin-top: 24px; +} + +.emotion-23 { + --Icon-margin: initial; + --Icon-color: currentColor; + --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); + --CircularProgress-size: 20px; + --CircularProgress-thickness: 2px; + --Button-gap: 0.5rem; + min-height: var(--Button-minHeight, 2.25rem); + font-size: var(--joy-fontSize-sm, 0.875rem); + padding-block: var(--Button-paddingBlock, 0.375rem); + padding-inline: 1rem; + -webkit-tap-highlight-color: transparent; + box-sizing: border-box; + border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); + margin: var(--Button-margin); + border: none; + background-color: transparent; + cursor: pointer; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + -webkit-text-decoration: none; + text-decoration: none; + font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); + font-weight: var(--joy-fontWeight-lg, 600); + line-height: var(--joy-lineHeight-md, 1.5); + --variant-borderWidth: 1px; + color: var(--variant-outlinedColor, var(--joy-palette-primary-outlinedColor, var(--joy-palette-primary-500, #0B6BCB))); + border: var(--variant-borderWidth) solid; + border-color: var(--variant-outlinedBorder, var(--joy-palette-primary-outlinedBorder, var(--joy-palette-primary-300, #97C3F0))); +} + +.emotion-23.Mui-focusVisible, +.emotion-23:focus-visible { + outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); + outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); +} + +@media (hover: hover) { + .emotion-23:hover { + background-color: var(--variant-outlinedHoverBg, var(--joy-palette-primary-outlinedHoverBg, var(--joy-palette-primary-100, #E3EFFB))); + } +} + +.emotion-23:active, +.emotion-23[aria-pressed="true"] { + background-color: var(--variant-outlinedActiveBg, var(--joy-palette-primary-outlinedActiveBg, var(--joy-palette-primary-200, #C7DFF7))); +} + +.emotion-23.Mui-disabled { + pointer-events: none; + cursor: default; + --Icon-color: currentColor; + color: var(--variant-outlinedDisabledColor, var(--joy-palette-primary-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); + border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-primary-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); +} + +.emotion-23.MuiButton-loading { + color: transparent; +} + +
+
+
+ +
+
+
+
+
+ +
+ +
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+`; diff --git a/packages/mui-joy/test/tsconfig.json b/packages/mui-joy/test/tsconfig.json new file mode 100644 index 0000000000..5db560d2c3 --- /dev/null +++ b/packages/mui-joy/test/tsconfig.json @@ -0,0 +1,18 @@ +{ + "extends": "../../../tsconfig.base.json", + "include": ["./"], + "compilerOptions": { + "rootDir": "./", + "baseUrl": "../", + "noEmit": true, + "jsx": "react-jsx" + }, + "references": [ + { + "path": "../src" + }, + { + "path": "../../snapshot-tests" + } + ] +} diff --git a/packages/mui-joy/tsconfig.json b/packages/mui-joy/tsconfig.json new file mode 100644 index 0000000000..82462dfbeb --- /dev/null +++ b/packages/mui-joy/tsconfig.json @@ -0,0 +1,12 @@ +{ + "extends": "../../tsconfig.base.json", + "files": [], + "references": [ + { + "path": "./src" + }, + { + "path": "./test" + } + ] +} diff --git a/packages/playground/package.json b/packages/playground/package.json index 1a8a324ce6..4dcfa0ff50 100644 --- a/packages/playground/package.json +++ b/packages/playground/package.json @@ -38,6 +38,7 @@ "@chakra-ui/icons": "^1.1.7", "@chakra-ui/react": "^1.8.9", "@fluentui/react": "^8.111.2", + "@fontsource/inter": "^5.0.16", "@material-ui/core": "^4.12.4", "@mui/material": "^5.14.8", "@rjsf/antd": "^5.15.1", @@ -48,6 +49,7 @@ "@rjsf/fluentui-rc": "^5.15.1", "@rjsf/material-ui": "^5.15.1", "@rjsf/mui": "^5.15.1", + "@rjsf/mui-joy": "file:../mui-joy", "@rjsf/semantic-ui": "^5.15.1", "@rjsf/utils": "^5.15.1", "@rjsf/validator-ajv6": "^5.15.1", diff --git a/packages/playground/src/app.tsx b/packages/playground/src/app.tsx index ba979b91cf..14fc3925d1 100644 --- a/packages/playground/src/app.tsx +++ b/packages/playground/src/app.tsx @@ -6,6 +6,7 @@ import { Theme as SuiTheme } from '@rjsf/semantic-ui'; import { Theme as AntdTheme } from '@rjsf/antd'; import { Theme as Bootstrap4Theme } from '@rjsf/bootstrap-4'; import { Theme as ChakraUITheme } from '@rjsf/chakra-ui'; +import { Theme as MuiJoyTheme } from '@rjsf/mui-joy'; import v8Validator, { customizeValidator } from '@rjsf/validator-ajv8'; import v6Validator from '@rjsf/validator-ajv6'; import localize_es from 'ajv-i18n/localize/es'; @@ -117,6 +118,10 @@ const themes: PlaygroundProps['themes'] = { stylesheet: '', theme: MuiV5Theme, }, + 'mui-joy': { + stylesheet: '', + theme: MuiJoyTheme, + }, 'semantic-ui': { stylesheet: '//cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css', theme: SuiTheme, diff --git a/packages/playground/src/components/DemoFrame.tsx b/packages/playground/src/components/DemoFrame.tsx index 3315523d97..bbf3e0094c 100644 --- a/packages/playground/src/components/DemoFrame.tsx +++ b/packages/playground/src/components/DemoFrame.tsx @@ -1,5 +1,5 @@ import { useState, useRef, useCallback, cloneElement, ReactElement, ReactNode } from 'react'; -import { CssBaseline } from '@mui/material'; +import { CssBaseline as MuiCssBaseline } from '@mui/material'; import { CacheProvider } from '@emotion/react'; import createCache, { EmotionCache } from '@emotion/cache'; import { create, Jss } from 'jss'; @@ -8,6 +8,9 @@ import Frame, { FrameComponentProps, FrameContextConsumer } from 'react-frame-co import { __createChakraFrameProvider } from '@rjsf/chakra-ui'; import { StyleProvider as AntdStyleProvider } from '@ant-design/cssinjs'; import { __createFluentUIRCFrameProvider } from '@rjsf/fluentui-rc'; +import '@fontsource/inter'; +import { CssVarsProvider } from '@mui/joy/styles'; +import MuiJoyCssBaseline from '@mui/joy/CssBaseline'; /* Adapted from https://github.com/mui-org/material-ui/blob/master/docs/src/modules/components/DemoSandboxed.js @@ -98,13 +101,25 @@ export default function DemoFrame(props: DemoFrameProps) { } else if (theme === 'material-ui-5') { body = ready ? ( - + {cloneElement(children, { container: container, window: window, })} ) : null; + } else if (theme === 'mui-joy') { + body = ready ? ( + + + + {cloneElement(children, { + container: container, + window: window, + })} + + + ) : null; } else if (theme === 'fluent-ui') { // TODO: find a better way to render fluent-ui in an iframe, if we need to do so. diff --git a/tsconfig.json b/tsconfig.json index 66f532ea92..a856b54981 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -28,6 +28,9 @@ { "path": "./packages/mui" }, + { + "path": "./packages/mui-joy" + }, { "path": "./packages/playground" },