{"_id":"@calvient/decal","_rev":"4-b91aaad974fdde6e72a964f68b084113","name":"@calvient/decal","dist-tags":{"latest":"0.0.5"},"versions":{"0.0.1":{"name":"@calvient/decal","author":{"name":"Calvient"},"keywords":["react","chakra-ui","typescript"],"repository":{"type":"git","url":"git+https://github.com/calvient/decal.git"},"license":"MIT","version":"0.0.1","main":"dist/decal.umd.js","module":"dist/decal.es.js","types":"dist/decal.d.ts","peerDependencies":{"@chakra-ui/react":"^1.6.5","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"type":"module","scripts":{"dev":"VITE_MODE=dev vite","build":"tsc && VITE_MODE=build vite build","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview"},"dependencies":{"@chakra-ui/icons":"^2.1.1","@chakra-ui/react":"^2.8.2","@chakra-ui/theme-tools":"^2.1.2","@chakra-ui/utils":"^2.0.14","@choc-ui/chakra-autocomplete":"^5.2.9","@emotion/react":"^11.11.3","@emotion/styled":"^11.11.0","@fontsource/dm-sans":"^5.0.18","@fontsource/inter":"^5.0.16","@sentry/react":"^7.99.0","axios":"^1.6.7","color":"^4.2.3","date-fns":"^3.3.1","framer-motion":"^11.0.3","react":"^18.2.0","react-datepicker":"^6.1.0","react-dom":"^18.2.0","react-icons":"^5.0.1","react-imask":"^7.4.0","react-mentions":"^4.4.10"},"devDependencies":{"@types/color":"^3.0.6","@types/react":"^18.2.43","@types/react-datepicker":"^6.0.1","@types/react-dom":"^18.2.17","@types/react-mentions":"^4.1.13","@typescript-eslint/eslint-plugin":"^6.14.0","@typescript-eslint/parser":"^6.14.0","@vitejs/plugin-react":"^4.2.1","eslint":"^8.55.0","eslint-config-airbnb-typescript":"^12.3.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-prettier":"^3.4.0","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.5","prettier":"^2.7.1","typescript":"^5.3.3","vite":"^5.0.8"},"_id":"@calvient/decal@0.0.1","gitHead":"19c6fa4df00f468d1677a94444ee359badbf8c57","description":"`yarn add calvient/decal`","bugs":{"url":"https://github.com/calvient/decal/issues"},"homepage":"https://github.com/calvient/decal#readme","_nodeVersion":"20.5.0","_npmVersion":"10.4.0","dist":{"integrity":"sha512-vVeKh2POPiXsg+ZTW4wrKYp1CqujiCv+Z7wYAQ3AenHAEZaoOc88yl7VKnJY0ESI347rXNoDY7ja1bKobv4P8A==","shasum":"ddbfd0adade89a3d519affb83ad27b56df447a92","tarball":"https://registry.npmjs.org/@calvient/decal/-/decal-0.0.1.tgz","fileCount":6,"unpackedSize":1523942,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGpspCljYNUmUxrSpj6CLzj5nAE2C9Tx6UpHgMwgX7F8AiBdJn98SjwpDt+koqqN/5u95ZG5R7wDg0AvKUpoH3Z1tQ=="}]},"_npmUser":{"name":"jonathan-calvient","email":"jonathan@calvient.com"},"directories":{},"maintainers":[{"name":"joshcoleman","email":"josh@calvient.com"},{"name":"jonathan-calvient","email":"jonathan@calvient.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/decal_0.0.1_1708904699009_0.35931373897764973"},"_hasShrinkwrap":false},"0.0.2":{"name":"@calvient/decal","author":{"name":"Calvient"},"keywords":["react","chakra-ui","typescript"],"repository":{"type":"git","url":"git+https://github.com/calvient/decal.git"},"license":"MIT","version":"0.0.2","main":"dist/decal.umd.js","module":"dist/decal.es.js","types":"dist/decal.d.ts","peerDependencies":{"@chakra-ui/react":"^1.6.5","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"type":"module","scripts":{"dev":"VITE_MODE=dev vite","build":"tsc && VITE_MODE=build vite build","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview"},"dependencies":{"@chakra-ui/icons":"^2.1.1","@chakra-ui/react":"^2.8.2","@chakra-ui/theme-tools":"^2.1.2","@chakra-ui/utils":"^2.0.14","@choc-ui/chakra-autocomplete":"^5.2.9","@emotion/react":"^11.11.3","@emotion/styled":"^11.11.0","@fontsource/dm-sans":"^5.0.18","@fontsource/inter":"^5.0.16","@sentry/react":"^7.99.0","axios":"^1.6.7","color":"^4.2.3","date-fns":"^3.3.1","framer-motion":"^11.0.3","react":"^18.2.0","react-datepicker":"^6.1.0","react-dom":"^18.2.0","react-icons":"^5.0.1","react-imask":"^7.4.0","react-mentions":"^4.4.10"},"devDependencies":{"@types/color":"^3.0.6","@types/react":"^18.2.43","@types/react-datepicker":"^6.0.1","@types/react-dom":"^18.2.17","@types/react-mentions":"^4.1.13","@typescript-eslint/eslint-plugin":"^6.14.0","@typescript-eslint/parser":"^6.14.0","@vitejs/plugin-react":"^4.2.1","eslint":"^8.55.0","eslint-config-airbnb-typescript":"^12.3.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-prettier":"^3.4.0","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.5","prettier":"^2.7.1","typescript":"^5.3.3","vite":"^5.0.8"},"_id":"@calvient/decal@0.0.2","gitHead":"c06a4a118a07f614332c18946fb5f3247bd2ea58","description":"Decal is a React component library that provides a set of reusable components for building web applications that is built on top of Chakra UI.","bugs":{"url":"https://github.com/calvient/decal/issues"},"homepage":"https://github.com/calvient/decal#readme","_nodeVersion":"20.11.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-7rmqGmoO+apY+EXDqkooIBUBAQgmGPaED9CdwhU2ZGZE2nUxGu5W7yqhCsKdsT2GzFZPkRzK0lvIcnw6PeT6XA==","shasum":"f86a34d904310fc24e1c772a37f7554638f6b759","tarball":"https://registry.npmjs.org/@calvient/decal/-/decal-0.0.2.tgz","fileCount":6,"unpackedSize":1989881,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEhZJfrcEKv7udrd5C+YyB2+EYN80nMW51CqSdgCb5qQAiAf3WGEKsopvmXT0H8IYMC2rpayzOMTVAkj1fm4LgsRtQ=="}]},"_npmUser":{"name":"jonathan-calvient","email":"jonathan@calvient.com"},"directories":{},"maintainers":[{"name":"joshcoleman","email":"josh@calvient.com"},{"name":"jonathan-calvient","email":"jonathan@calvient.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/decal_0.0.2_1708914052035_0.7927419531638398"},"_hasShrinkwrap":false},"0.0.3":{"name":"@calvient/decal","author":{"name":"Calvient"},"keywords":["react","chakra-ui","typescript"],"repository":{"type":"git","url":"git+https://github.com/calvient/decal.git"},"license":"MIT","version":"0.0.3","main":"dist/decal.umd.js","module":"dist/decal.es.js","types":"dist/index.d.ts","peerDependencies":{"@chakra-ui/react":"^1.6.5","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"type":"module","scripts":{"clean":"rm -rf dist","dev":"VITE_MODE=dev vite","build":"tsc && VITE_MODE=build vite build","types":"tsc --project tsconfig.declarations.json","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview"},"dependencies":{"@chakra-ui/icons":"^2.1.1","@chakra-ui/react":"^2.8.2","@chakra-ui/theme-tools":"^2.1.2","@chakra-ui/utils":"^2.0.14","@choc-ui/chakra-autocomplete":"^5.2.9","@emotion/react":"^11.11.3","@emotion/styled":"^11.11.0","@fontsource/dm-sans":"^5.0.18","@fontsource/inter":"^5.0.16","@sentry/react":"^7.99.0","axios":"^1.6.7","color":"^4.2.3","date-fns":"^3.3.1","framer-motion":"^11.0.3","react":"^18.2.0","react-datepicker":"^6.1.0","react-dom":"^18.2.0","react-icons":"^5.0.1","react-imask":"^7.4.0","react-mentions":"^4.4.10"},"devDependencies":{"@types/color":"^3.0.6","@types/react":"^18.2.43","@types/react-datepicker":"^6.0.1","@types/react-dom":"^18.2.17","@types/react-mentions":"^4.1.13","@typescript-eslint/eslint-plugin":"^6.14.0","@typescript-eslint/parser":"^6.14.0","@vitejs/plugin-react":"^4.2.1","eslint":"^8.55.0","eslint-config-airbnb-typescript":"^12.3.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-prettier":"^3.4.0","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.5","prettier":"^2.7.1","typescript":"^5.3.3","vite":"^5.0.8"},"_id":"@calvient/decal@0.0.3","gitHead":"d39c2f3c54b5e9e14b83114788c36f4cd06a6e9b","description":"Decal is a React component library that provides a set of reusable components for building web applications that is built on top of Chakra UI.","bugs":{"url":"https://github.com/calvient/decal/issues"},"homepage":"https://github.com/calvient/decal#readme","_nodeVersion":"20.13.1","_npmVersion":"10.5.2","dist":{"integrity":"sha512-hN+ZFPfpBzcY/Y09rt3z9W+7Ug7mNWOJE7aIfqH52o+fFhx7UBcmdjiv94ihZ42Z70ZZ+E5sDFBIA9PmtVJkJA==","shasum":"7a2f761be25c9e1747bc2020dd12434f27742cb6","tarball":"https://registry.npmjs.org/@calvient/decal/-/decal-0.0.3.tgz","fileCount":44,"unpackedSize":2005586,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCqG9hn3zU90lO6LktYb45bryHG6wtqBevMiwkvIL7s3wIhAIKXe2GtEl7O11bC0hAAFHev7ULXSXi4EAQ9uLdrCJxR"}]},"_npmUser":{"name":"jonathan-calvient","email":"jonathan@calvient.com"},"directories":{},"maintainers":[{"name":"joshcoleman","email":"josh@calvient.com"},{"name":"jonathan-calvient","email":"jonathan@calvient.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/decal_0.0.3_1716392269315_0.03611463190079767"},"_hasShrinkwrap":false},"0.0.4":{"name":"@calvient/decal","author":{"name":"Calvient"},"keywords":["react","chakra-ui","typescript"],"repository":{"type":"git","url":"git+https://github.com/calvient/decal.git"},"license":"MIT","version":"0.0.4","main":"dist/decal.umd.js","module":"dist/decal.es.js","types":"dist/index.d.ts","peerDependencies":{"@chakra-ui/react":"^1.6.5","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"type":"module","scripts":{"clean":"rm -rf dist","dev":"VITE_MODE=dev vite","build":"tsc && VITE_MODE=build vite build","types":"tsc --project tsconfig.declarations.json","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview"},"dependencies":{"@chakra-ui/icons":"^2.1.1","@chakra-ui/react":"^2.8.2","@chakra-ui/theme-tools":"^2.1.2","@chakra-ui/utils":"^2.0.14","@choc-ui/chakra-autocomplete":"^5.2.9","@emotion/react":"^11.11.3","@emotion/styled":"^11.11.0","@fontsource/dm-sans":"^5.0.18","@fontsource/inter":"^5.0.16","@sentry/react":"^7.99.0","axios":"^1.6.7","color":"^4.2.3","date-fns":"^3.3.1","framer-motion":"^11.0.3","react":"^18.2.0","react-datepicker":"^6.1.0","react-dom":"^18.2.0","react-icons":"^5.0.1","react-imask":"^7.4.0","react-mentions":"^4.4.10","vite-tsconfig-paths":"^4.3.2"},"devDependencies":{"@types/color":"^3.0.6","@types/react":"^18.2.43","@types/react-datepicker":"^6.0.1","@types/react-dom":"^18.2.17","@types/react-mentions":"^4.1.13","@typescript-eslint/eslint-plugin":"^6.14.0","@typescript-eslint/parser":"^6.14.0","@vitejs/plugin-react":"^4.2.1","eslint":"^8.55.0","eslint-config-airbnb-typescript":"^12.3.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-prettier":"^3.4.0","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.5","prettier":"^2.7.1","typescript":"^5.3.3","vite":"^5.0.8"},"_id":"@calvient/decal@0.0.4","gitHead":"ecfff11c638c84e498c305cd691ee2f45dabaa64","description":"Decal is a React component library that provides a set of reusable components for building web applications that is built on top of Chakra UI.","bugs":{"url":"https://github.com/calvient/decal/issues"},"homepage":"https://github.com/calvient/decal#readme","_nodeVersion":"20.13.1","_npmVersion":"10.5.2","dist":{"integrity":"sha512-FBdU2/oObnDQB3tEMff+Ozdb9cha1kVPvDZO0z1zr79MpkAp0BVBaDhB/GGcfDiO5IqkiUvonAghMtAZk+ODKw==","shasum":"3d40f785c15f5e9595b67c57504dfab2e146249b","tarball":"https://registry.npmjs.org/@calvient/decal/-/decal-0.0.4.tgz","fileCount":44,"unpackedSize":2088458,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB6vHdKMi5LyH8mOM17o6JKmmnoZ9B+GR8GRCXrhUBN7AiB2SQ7iV3pbKClJed1nvxGFAy/k7Dkt0/8Tj5/UWvcu+g=="}]},"_npmUser":{"name":"jonathan-calvient","email":"jonathan@calvient.com"},"directories":{},"maintainers":[{"name":"joshcoleman","email":"josh@calvient.com"},{"name":"jonathan-calvient","email":"jonathan@calvient.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/decal_0.0.4_1716497794703_0.8346951145678758"},"_hasShrinkwrap":false},"0.0.5":{"name":"@calvient/decal","author":{"name":"Calvient"},"keywords":["react","chakra-ui","typescript"],"repository":{"type":"git","url":"git+https://github.com/calvient/decal.git"},"license":"MIT","version":"0.0.5","main":"dist/decal.umd.js","module":"dist/decal.es.js","types":"dist/index.d.ts","peerDependencies":{"@chakra-ui/react":"^1.6.5","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"type":"module","scripts":{"clean":"rm -rf dist","dev":"VITE_MODE=dev vite","build":"tsc && VITE_MODE=build vite build","types":"tsc --project tsconfig.declarations.json","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview"},"dependencies":{"@chakra-ui/icons":"^2.1.1","@chakra-ui/react":"^2.8.2","@chakra-ui/theme-tools":"^2.1.2","@chakra-ui/utils":"^2.0.14","@choc-ui/chakra-autocomplete":"^5.2.9","@emotion/react":"^11.11.3","@emotion/styled":"^11.11.0","@fontsource/dm-sans":"^5.0.18","@fontsource/inter":"^5.0.16","@sentry/react":"^7.99.0","axios":"^1.6.7","color":"^4.2.3","date-fns":"^3.3.1","framer-motion":"^11.0.3","react":"^18.2.0","react-datepicker":"^6.1.0","react-dom":"^18.2.0","react-icons":"^5.0.1","react-imask":"^7.4.0","react-mentions":"^4.4.10","vite-tsconfig-paths":"^4.3.2"},"devDependencies":{"@types/color":"^3.0.6","@types/react":"^18.2.43","@types/react-datepicker":"^6.0.1","@types/react-dom":"^18.2.17","@types/react-mentions":"^4.1.13","@typescript-eslint/eslint-plugin":"^6.14.0","@typescript-eslint/parser":"^6.14.0","@vitejs/plugin-react":"^4.2.1","eslint":"^8.55.0","eslint-config-airbnb-typescript":"^12.3.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.23.4","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-prettier":"^3.4.0","eslint-plugin-react":"^7.24.0","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.5","prettier":"^2.7.1","typescript":"^5.3.3","vite":"^5.0.8"},"_id":"@calvient/decal@0.0.5","gitHead":"b1b5304c2aeb5e721b314a572547a5c8ee87dc98","description":"Decal is a React component library that provides a set of reusable components for building web applications that is built on top of Chakra UI.","bugs":{"url":"https://github.com/calvient/decal/issues"},"homepage":"https://github.com/calvient/decal#readme","_nodeVersion":"20.13.1","_npmVersion":"10.5.2","dist":{"integrity":"sha512-HrlsIdq3e0etwrQ5mNFYA3f/jiZWQlDP03uXnLWvBOciyiX7zk2Bj2rNK4IDI6vrtdZqP8hMeqi/92dB99Y5yQ==","shasum":"f9561822241dbae4c2561e04788497bdf03c46d1","tarball":"https://registry.npmjs.org/@calvient/decal/-/decal-0.0.5.tgz","fileCount":44,"unpackedSize":2088422,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICHdtYeYAJGykWlkVA6kAPivfxqXAVCps/bdanfJL3sQAiEA7ytb4qyM9u/NIBgD1GfoC1BB1IO7UB/XUbKY8LxdE4o="}]},"_npmUser":{"name":"jonathan-calvient","email":"jonathan@calvient.com"},"directories":{},"maintainers":[{"name":"joshcoleman","email":"josh@calvient.com"},{"name":"jonathan-calvient","email":"jonathan@calvient.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/decal_0.0.5_1716498976978_0.8728254726247913"},"_hasShrinkwrap":false}},"time":{"created":"2024-02-25T23:44:58.896Z","0.0.1":"2024-02-25T23:44:59.253Z","modified":"2024-05-23T21:16:17.445Z","0.0.2":"2024-02-26T02:20:52.338Z","0.0.3":"2024-05-22T15:37:49.590Z","0.0.4":"2024-05-23T20:56:34.839Z","0.0.5":"2024-05-23T21:16:17.235Z"},"maintainers":[{"name":"joshcoleman","email":"josh@calvient.com"},{"name":"jonathan-calvient","email":"jonathan@calvient.com"}],"description":"Decal is a React component library that provides a set of reusable components for building web applications that is built on top of Chakra UI.","homepage":"https://github.com/calvient/decal#readme","keywords":["react","chakra-ui","typescript"],"repository":{"type":"git","url":"git+https://github.com/calvient/decal.git"},"author":{"name":"Calvient"},"bugs":{"url":"https://github.com/calvient/decal/issues"},"license":"MIT","readme":"# Introduction\nDecal is a React component library that provides a set of reusable components for building web applications that is built on top of Chakra UI.\n\n# Installing Decal\nTo install Decal, run the following command:\n`yarn add @calvient/decal`\n\n# Testing Decal Locally\nTo test Decal locally, run the following command:\n`yarn dev`\n\nOpen your browser and navigate to `http://localhost:3000` to see the Decal demo. If you want to use another port, you can  update `vite.config.js`.\n\n# How to Import Chakra UI and other Components\nWith this library, you do not need to install these packages separately:\n- @chakra-ui/react\n- react-icons\n- react-imask\n- react-datepicker\n\nTo import Chakra UI and other components, you can use the following syntax:\n```jsx\nimport { Box, Button, Text } from '@calvient/decal';\nimport { MdIcon } from '@calvient/decal';\nimport { useIMask } from '@calvient/decal';\n```\n\n# Using PuddleForm\nPuddleForm is form library that works hand-in-glove with Puddleglum. Puddleglum is the automatically generated API client, based on the Laravel routes, controllers, and request objects. It has the benefit of running server-side validation and present errors on the front-end.\n\nTo use PuddleForm, you can use the following syntax:\n```tsx\nconst form = usePuddleForm<TRequest, TReply>({\n    initialValues: model,\n    storeFunction: Puddleglum.Controllers.UserController.store,\n    updateFunction: Puddleglum.Controllers.UserController.update,\n});\n```\n\n`TRequest` is the type of the request object, and `TReply` is the type of the reply object. Normally, this might be a model from the backend or a form request, like `Puddleglum.Request.StoreUserRequest`.\n\n## Example Usage\n```tsx\n<PuddleInput form={form} label={'Name'} fieldName={'name'} />\n<PuddleMaskedInput\n  form={form}\n  mask='(000) 000-0000'\n  type='tel'\n  label='Phone Number'\n  fieldName={'phone'}\n/>\n<PuddleSelect\n  form={form}\n  label={'State'}\n  options={[\n    {label: 'California', value: 'CA'},\n    {label: 'New York', value: 'NY'},\n  ]}\n  fieldName={'state'}\n/>\n<PuddleTextarea form={form} label={'Description'} fieldName={'description'} />\n<PuddleDate form={form} label={'Date'} startYear={2020} endYear={2030} fieldName={'date'} />\n<PuddleDaySelector form={form} label={'Day'} fieldName={'day'} />\n<PuddleMultipleSelect\n  form={form}\n  label={'Assignees'}\n  options={[\n    {label: 'John Doe', value: 'John Doe'},\n    {label: 'Jane Doe', value: 'Jane Doe'},\n    {label: 'John Smith', value: 'John Smith'},\n    {label: 'Jane Smith', value: 'Jane Smith'},\n  ]}\n  fieldName={'assignees'}\n/>\n<PuddleAutocomplete\n  form={form}\n  label={'Assignees'}\n  options={[\n    {label: 'John Doe', value: 'John Doe'},\n    {label: 'Jane Doe', value: 'Jane Doe'},\n    {label: 'John Smith', value: 'John Smith'},\n    {label: 'Jane Smith', value: 'Jane Smith'},\n  ]}\n  fieldName={'assignees'}\n/>\n<PuddleTagInput form={form} label={'Tags'} fieldName={'tags'} />\n<PuddleSwitch form={form} label={'Is Enabled?'} fieldName={'is_enabled'} />\n```\n\nNotes:\n* If the request and reply match, you only have to specify `TRequest`.\n* storeFunction and updateFunction are both optional. If you only want to create a form for creating a new model, you can omit the updateFunction -- and vice versa.","readmeFilename":"README.md"}