{"version":"2.0.0","title":"Migbits complete open-source shadcn collection","components":["accordion","alert","alert-dialog","aspect-ratio","attachment","avatar","badge","breadcrumb","bubble","button","button-group","calendar","card","carousel","chart","checkbox","code-block","collapsible","combobox","command","context-menu","dialog","direction","drawer","dropdown-menu","empty","field","form","hover-card","input","input-group","input-otp","item","kbd","label","marker","menubar","message","message-scroller","native-select","navigation-menu","pagination","popover","progress","questionnaire","radio-group","resizable","scroll-area","select","separator","sheet","sidebar","skeleton","slider","sonner","spinner","switch","table","tabs","textarea","toast","toggle","toggle-group","tooltip","trace"],"patterns":["data-table","date-picker","typography"],"dependencies":{"@base-ui/react":"1.9.0","@shadcn/react":"0.3.1","@tabler/icons-react":"3.49.0","@tanstack/react-table":"8.21.3","class-variance-authority":"0.7.1","clsx":"2.1.1","cmdk":"1.1.1","embla-carousel-react":"8.6.0","input-otp":"1.5.0","lucide-react":"1.61.0","next-themes":"0.4.6","radix-ui":"1.8.1","react-day-picker":"10.0.2","react-hook-form":"7.90.0","react-resizable-panels":"4.14.8","recharts":"3.8.0","sonner":"2.0.8","tailwind-merge":"3.7.0","tailwindcss":"4.3.3","tw-animate-css":"1.4.0","vaul":"1.1.2"},"sourceDigest":"338e9a2446c889d7c82c9eb80a3e8399b6c132cd19c769890b34766b3eb560cb","checksums":{"components/examples/accordion.tsx":"e5c9f3c988ec07e719b62b298426d1a6e69dff6781fc595ac5cc78ee972f6292","components/examples/alert-dialog.tsx":"853497bac1bc3e7056f5115157f42561ab47bc70b56164e702fdeffe1d8bfe9f","components/examples/alert.tsx":"1957c01c4c8301df7f1f9fa35686b00efde1d9d87ab34d2a2240986edba93a24","components/examples/aspect-ratio.tsx":"a3af8eb8ed9613ea14b42de8bd17be295f035b0566b60289b7d05c0924d2f386","components/examples/attachment.tsx":"3afba1c32d7320cadb0269d922c9629b339e57d427454a1ce5f809fc59fca3e2","components/examples/avatar.tsx":"1b27d0d9bec03bdae94c4b0f4bb991ac791c73c7d93688aa62a24df1c41cf4c9","components/examples/badge.tsx":"8623cded2db0363b0c7059506a29597853caa5caa6241165d8ecab7591ef6720","components/examples/breadcrumb.tsx":"ac22724366b388cc3f4479e1e72a3c854ff17801eb719cc8cec94532ec68133f","components/examples/bubble.tsx":"e9d9d6dd563c431f8ded4c7f08ffba8e0e8ec5adebd242a40d33c8b6f43ec628","components/examples/button-group.tsx":"9f97a5517b0cb418264d23fb44fd2a34f301023ea1f987b619aec5ea80fed92b","components/examples/button.tsx":"abd405d1bb682660c556228f9f613c6861b39d7eaf74bf998c0d00474b3cbc0f","components/examples/calendar.tsx":"5e9d48e3ae3bb9e54f194f99af07e0aa29c113756c0c9c5d600fb585b40485f8","components/examples/card.tsx":"4788f5f77d8d0b26a0ec829dea21c31c013a7aed30bd0a2523159a39f9e75260","components/examples/carousel.tsx":"69b35067520d9a3ed6df66302ac8ec7aadc1e67f94e93d8d84c9db0a0708482b","components/examples/chart.tsx":"7086254f27f63f2a12d852adf1a2954aca477f2afda6b2d96d33f482b2cbcfff","components/examples/checkbox.tsx":"09dffe6c9289d7ff60f4c05109f5a0aed01c6c9df8cb30ef6a3360ff5e423331","components/examples/code-block.tsx":"98ba3c82d0afc33397110111cbd95c4654ab96af7225d5bdfb6c786a30369bf8","components/examples/collapsible.tsx":"331a2a2073f997911cef786a2ca4ffc68f3bc815c8e612f5518fa3c0d06fab1a","components/examples/combobox.tsx":"5d67345e5c5a257929e1b1087df2053e3d5ae9e555a0718da04c0d06385e10e8","components/examples/command.tsx":"79d362952c38c1a8fe0d969f9df214f8c776a821872d0fcbb9e31a18ff0b2448","components/examples/context-menu.tsx":"cb16338e0409e53ca61b661baf610d91be2c4d93b8129fba0b02179da651ba6c","components/examples/dialog.tsx":"890b7093140411d92a9aad2ea889fb8a5db29831c06755e2774e19c02355c2ca","components/examples/direction.tsx":"15c31ab1eefce10f2441c94ce63a010a0f33ebfa73c3c061f7546bd6f374fb9a","components/examples/drawer.tsx":"3894af294fb4188c92d57149c3e1e961861e42fa9232a1f8fa525d98990c8432","components/examples/dropdown-menu.tsx":"d48f696819301697c73ea45aee57b21b911836a7f5bf6863d7abca765e09fed1","components/examples/empty.tsx":"c73c216fe0072faae383cd7b833b33b1b7403435725226449a2b84c7f3c1d8af","components/examples/field.tsx":"022ea0b6443d62ef94824ac43252f7a740d05972e3e711404e27db10682d5249","components/examples/form.tsx":"8ff1fcaa4d1576cd8945fe431a41f6b2ecc55e332de8f49a8403040435573271","components/examples/hover-card.tsx":"aedfa5cd61c33c8625d5588d4a2b747e2c09df81a5228c4fa4f69c53ba00846d","components/examples/input-group.tsx":"6c102f036cf94a8709d3bc1f571232d078d60330fa6ffb7448ded4b32e349f4b","components/examples/input-otp.tsx":"4176884026df0b6498534dbe418bb1ae637e97f6f43ac3d20552641a39a40645","components/examples/input.tsx":"e010206f6ab1d72edd8b0a50089f6c092bf7b97d2d4508aa8e258393b1bda8b0","components/examples/item.tsx":"ca0ece3038b4d89d8b2a84bcdbf8fefa2fe8d5252fcbdadb3ca74bc520d7bf9c","components/examples/kbd.tsx":"c95290604c4994ceab17fa1eccab13a40ec311e39040d196efcaf5c05c4d373a","components/examples/label.tsx":"368cb427e7f69fc06c6c11ba4fb06a5a55c1c48fba793ab89e5a856e29e9a934","components/examples/marker.tsx":"c0ccff11837c9874309aa9982005385af3f10223da7dfd15095eee8864cf0e16","components/examples/menubar.tsx":"fe0f3649e3dde0f207f7614c35175a02bacd8e0f769f1cf15a26e2fbc3af9828","components/examples/message-scroller.tsx":"6e159100e6bc359e8f4738df8545e6ce57b65760f949be18be29747f7504c53d","components/examples/message.tsx":"702462d90aa64869582ea5dd143c6ea817ace00def7e65b748eb6f0137004e29","components/examples/native-select.tsx":"f4ae063afadeb30248f62e25dcfaae1c69b347becea7861fed6aadec07e25f5b","components/examples/navigation-menu.tsx":"6ca34a0609d494d12ec8631c313cc9bbcbec68b8f1b0b191d5333a5c94385784","components/examples/pagination.tsx":"9b59e57a6324f716f074036ab8d738e6ee0af336f2b7d126d3220fde27c10461","components/examples/popover.tsx":"09b95ab28b729d711907845237aa017bb9df2bfc903ecfa5f409c74ab774ec3c","components/examples/progress.tsx":"3c7dc0d5c6bcf6aa67b0899bd7cbf54d61468ef4de539ddfb911ffea5a72f5b3","components/examples/questionnaire.tsx":"b93967a102dafdde8b4fadf9cef801aa516edb0fee2aacb46f065af4af248404","components/examples/radio-group.tsx":"aa8ebd30eeb109eb7203f8927b076dc924d4e809bc963cd0532fe950af4fac6b","components/examples/resizable.tsx":"3a039d5bd336894e5e34a2b1bc3d7243c174a8f21b67ece854bc0e1c9c09ecd5","components/examples/scroll-area.tsx":"aa47bb5084ce6b9d9cfea35750c7ab2ef24fca9649a16e916fede8ef9676487c","components/examples/select.tsx":"69dbf4cdfa4279eb670f9b2d9a9dc3acbb7d47a5fde5a06149f3f3a1ab07aece","components/examples/separator.tsx":"8d2fb4b540fd76d60cc0eef744d0d4fc8456ce334f2ec365a81a51a35db90219","components/examples/sheet.tsx":"21d1d83a248e657895278d0939ba7b2ab226f74d8ac56a9976d32e7aeeea7b7e","components/examples/sidebar.tsx":"a3d517469ae08805b3cc190b435c73cd76f803385df2cffedf045100eaad8f09","components/examples/skeleton.tsx":"e7b7134505a98f274d3ad8d7c3f55eda9ef98cf629f6a0c07c001fe0afae95a8","components/examples/slider.tsx":"7a6b9bf45e0a14fff595082f7d5f7a7a899a9dea5cec9b189b04b7ac0a8479c7","components/examples/sonner.tsx":"d60957ce47ed795729b223e1bce580584b6a7bd58fed7ab07544f17d9ac3196a","components/examples/spinner.tsx":"a8ad0c443834d5a2bce1a073b26711217421524e41e5f6e73e7e50e0ce9e7468","components/examples/switch.tsx":"96f9a14d1dcdc6534a15f493b9e7cd3c553cfa6fa314e9046bbfd4da4692ca93","components/examples/table.tsx":"2583486c56148c73585203bf1de904de3a13cc7bce62ee4cd6f85fea37092754","components/examples/tabs.tsx":"e54972ae50c36292ff0406e7ebf8621b2a6fd257583af54d87eb96b58837f4ae","components/examples/textarea.tsx":"247ada44dcf8635429cad3aa07a25e2c1c4a524eccba21525a47c7c52e29d9b8","components/examples/toast.tsx":"fa548d81650b139ff56e29edf1b1a3a745ae81c72ef37ea22bcefa6275ad7e13","components/examples/toggle-group.tsx":"1f24564c4dbff2d5ccce04989138867f7c023f2e8dbff1b895ab857a8636d2c8","components/examples/toggle.tsx":"ff45f7702982afd186de6ff5b3f07e36e4d525621b093b7e1aa3e674747c3024","components/examples/tooltip.tsx":"a1f6ffb22861c17fe5e99fece11da55cb57170194beaca13ab07d653c20493cf","components/examples/trace.tsx":"311dfe4b3a8a2ee83234335e984bded9dcd296c93143e8404188aed74406e8c6","components/patterns/data-table.tsx":"0bde78e3a27030de0504ade5401aa8ef3c02cc613165eae043aac1decb65a905","components/patterns/date-picker.tsx":"ec1926507173df71ef3f58ee45453edf55aa98e9d5760c71f272d968ce7fbead","components/patterns/typography.tsx":"a8edb9c3265117338b409a78a6d976d4f1bd3cfa1d43b4834daa0be1aac8024c","components/ui/accordion.tsx":"2954f707bb81bf8479638b345a5bf3cbc4421fdb26cb40d99a85ba1a08700781","components/ui/alert-dialog.tsx":"28d2bf9643069f6c678b6228f51c0f6495c6895b2ba8dc23cd8725c921b60775","components/ui/alert.tsx":"ca5efb00610f00494d83dfb64b79b02cccdc6dbadec8bae80fc31a256f186b56","components/ui/aspect-ratio.tsx":"36c86256ca76ea21f6e4e5cd0fea2d465989e91fd90aef9b51fd60d98221e2a0","components/ui/attachment.tsx":"94bed3b4ff157658e195d5586b42a3de8057556782572c62973b39af1bb7477e","components/ui/avatar.tsx":"c7930a6c163e37eeabfa2346d4f6755998dd5cd85cd115605a6d7f017f782c3f","components/ui/badge.tsx":"4ef43e35207cc6d3be2b2100f6933d9ead8341581e72a63f051fcf3d15187e31","components/ui/breadcrumb.tsx":"29e963e091be9468a091138c30a17fb78a9a50521284cecf0cd394ecaa81ff64","components/ui/bubble.tsx":"11c8187fd12656251ea4aac641335cf544e697e7221151032c8c2fcd9441e1ef","components/ui/button-group.tsx":"242f73f0cf5acef88e1c46223d23ef9efa0082c00f85148333ba055847351633","components/ui/button.tsx":"ae008810c4e9400c557b745172c64092e530de6aed95bfaa1947267d06873085","components/ui/calendar.tsx":"05b816d79e0f74b8f914f3a4cd518f210858eb222abba8cd52d784c53ec10b77","components/ui/card.tsx":"026a0e36f1f52e81d19a91ffad304fffd24d32ad8f248aa9d2552ef26d52762f","components/ui/carousel.tsx":"98deb2fcdfbd71a17af0b3cbca59b2b47056abdf5adf41a8f2df2dafc78cc675","components/ui/chart.tsx":"9cf6a7b798ef6c33359b83770921a57a1b5866b1e5b1c19f562a95a47355a213","components/ui/checkbox.tsx":"5b2db732f886855a50ff7dd2026065a41e8feb37c01b9720585a4ebef94a931c","components/ui/code-block.tsx":"1105be1d424a1c9408ff375cf144afabf09f4ce2d18ad37a7429923183463bf1","components/ui/collapsible.tsx":"fee6b6f3b31328ab90668f248d401c9d209173918c7cecf4b5bf775264eb6e05","components/ui/combobox.tsx":"3016d79f27a08d04a67d2882fd3057604ecb0f719a2aeef2ce5967c07dab21a4","components/ui/command.tsx":"b266044b8e4b8356265c241eb50a55712d3c4d7f15967a4bfdc07a270f197a8c","components/ui/context-menu.tsx":"1c0031d0b368ea86275c0ccf08e8e21c5e741629fb056ae0fa0a9c974a484539","components/ui/dialog.tsx":"6e75a8474f96b83ecf6c4feaa7fea5afe162d33d73e1a14c805f619ff1a50563","components/ui/direction.tsx":"218604714a65eb0af63465906ee16b168205dd9e0df28d970925bcecc0a138e3","components/ui/drawer.tsx":"a17c68f7901b6dc11c6377c8aca622e7768cc0625234925e2b2b4632f75d8ad6","components/ui/dropdown-menu.tsx":"5f48e97b8e5a0a97582694bff8c776da03164a8b261c9c54e0dccc8e6c807210","components/ui/empty.tsx":"e51ceff49db3f300c59b8e8a7cb8bd68fb7b7aa676862db680e39de5a0cd4868","components/ui/field.tsx":"6abd68e20844ff9f467ab06820d93e3fdc1d1696a6e8f336299fc540442cc168","components/ui/form.tsx":"b9ea2da5586008d783bf83daea725314face273e38d423adf3b8a7955139c4d9","components/ui/hover-card.tsx":"6c1a19d3b5a5da29fae3508edc3848f9c64c41775d9cb538bad87ec08a584e0f","components/ui/input-group.tsx":"340c7e50f03388a3014d86b82dbfd6bec81e8255657656714a0919716b62425d","components/ui/input-otp.tsx":"6419c945c157f612a3d3319d3590777356d33dc70f8775b04b84ef8dd0d57bf2","components/ui/input.tsx":"fa419fbd78c23d7bf24727de2f5ee260096ee69bcb8337852054d6f4f648b09a","components/ui/item.tsx":"fd3f21636e7762d0fc7c593d001fe4fa979f1a038ee71d2fdf512e4c45b1c934","components/ui/kbd.tsx":"62cb706f8702fff6645e87ebea355a082d7dee595d1969c20a92e788a456054b","components/ui/label.tsx":"e1d3480763f50c590940ea9ea3950b2438e35f34dfa785ddf4dcbc6d4afc24ab","components/ui/LICENSE":"1564074e13439397221ffd522e2e504d56561994a23d371aa5e3ad43e4f5423f","components/ui/marker.tsx":"960b3d354657ad78f7e6f0202c21083a11c803d30027d719dbe2ad1f3521411e","components/ui/menubar.tsx":"2aec1bb53f80411a638bcdae63a5da0f86c13285a06c44f2ed5bca941d35e85b","components/ui/message-scroller.tsx":"85fb46d663821ef61011e9db9ddc48caad2acdb307ceac28bd1fa715f643050f","components/ui/message.tsx":"5f9c41fc1298e437b3b37db78fa924390f9ae26c66f3e36c551650bde544634c","components/ui/native-select.tsx":"326a4647b887a6aa127bf0327e79f14f76495d9cbd659677a4d2de2dd92f1d37","components/ui/navigation-menu.tsx":"a3b786db0fbe38f8abc4ea1dbc128e3aae099ce3225d0df4d42c480668c7e486","components/ui/ORIGIN.json":"a56ccd7228f5d17055a501de714689f8aee03c35da62cabfe2eb3a21b81cb66d","components/ui/pagination.tsx":"fe5db7ed5477fe051baf76cd5a4f221f5ec56accbc3c3a70a3c4f6c6fc53d987","components/ui/popover.tsx":"8eea145045c24f46428c881bd44d467849629497e95cde4f35a0b65ced82a2ca","components/ui/progress.tsx":"0ddc4f30939f8671ea3e4fdb5d190084372cb017ea6b0bf888655b4bc92d4221","components/ui/questionnaire.tsx":"1947af01c81bd5c2a738db7a7d25fc4cb6cc2ccfea98f3b84ec81a18d6ec7762","components/ui/radio-group.tsx":"e7837d7a50af29db1126712829067c4d21a5accd76c6101771e2a60cc7aefc7d","components/ui/resizable.tsx":"391e74daccf39b01700c2454d1b7e697ffb934682975d37bd0216ea578cfec94","components/ui/scroll-area.tsx":"d2783d7ff84e807492f9981c077b24c0bd3afb04a9e157aca5e80b5cd8b7f7b8","components/ui/select.tsx":"76d8d30744159367636acacaf5e37e2e26c6599bc4f61074c53fee5ef6b043af","components/ui/separator.tsx":"36755f567ea00d020cd7d64e491021ef476189b895e2ba6cc4553fca0328e90c","components/ui/sheet.tsx":"e76d99291fcb28a571c09ccdfca2e911ee554ce3aa5a0e2eb6f611887db31a33","components/ui/sidebar.tsx":"dec9b726accfdb93bb10dfc3fe53a6b6a3b60a0891f25e0dcef299ad4ba8b122","components/ui/skeleton.tsx":"7ef9ffb16385743d513c1f7c04ebc5cebd1525871a8eb5a50ac8f3f948ab7e99","components/ui/slider.tsx":"01bfa8b1e2f9c48f744bacc3503178d137c8636f549edd67784c38a1a800546c","components/ui/sonner.tsx":"4f1f8704880cddcff6746ce9a66c440bd539a54579ad3ac3da0a07b2fe86f2a5","components/ui/spinner.tsx":"d28b0104612faf82a90eef1e888d413f11afb823448f4af57be6294921d10cbc","components/ui/switch.tsx":"c3b1f2dc2acedd8da51d116f997406774c25f891c0a67436d9c4c298b0553f23","components/ui/table.tsx":"2e3eeb6df59baa5a1c21cef6184c65598fa4a114440a089effc476ae99defbee","components/ui/tabs.tsx":"06eee7b307d83bd80d33451042c6ce2bc37ec77a76c3c8e6f402b506eff1c676","components/ui/textarea.tsx":"cdad238315174d4b60df97390372fcec805004541835496b0aba91bde21df720","components/ui/toast.tsx":"2e1901cedef416394612cd5f99a885bf5c0ee3eb4cf2bd8880d7e30ca2496eae","components/ui/toggle-group.tsx":"ae09ebe57527b56847b74f8d233618227395bb5155a7bfbf5a2c77724cefb164","components/ui/toggle.tsx":"535834503ddee0f4a991cd03b2e9453d4eaee94c2adb35d0d782a2a271cba7f1","components/ui/tooltip.tsx":"e9dea3c6df291e973e5ee6dc1541d4194e6f4b4e1166713eeedeaa9a8faf9cd5","components/ui/trace.tsx":"d23def111666e438adf68127f53ab8d8548722e16d1af6cffd79fe843ee1f0c0","hooks/use-mobile.ts":"28acd2f83159ab3e9ecf2569035bd000d23d144379a51dca6e3430289c5f9358","lib/icon-placeholder.tsx":"d051e106562b34f74fc7a7a219f0fe10cade5a3e05383ebc9ede39b4dab62f91","lib/preview-link.tsx":"486ee226e40b5d1d7ed0b996d8b8a098a9f1d8c294dcfa04e61f6c2c5987ae64","lib/utils.ts":"7b829c8281170b561656fd2ee459e2da9781c6da01a72674dd8833fb57ffa6ee","licenses/@base-ui-react.txt":"07fc1b39d69d14bc7d40482a628f47226258eb01265db68ae684944b916beb2a","licenses/@shadcn-react.txt":"1564074e13439397221ffd522e2e504d56561994a23d371aa5e3ad43e4f5423f","licenses/@tabler-icons-react.txt":"b740a1d46122672da62833e97f7e7c8a13fa85cbc7445b584b297cc00dde93db","licenses/@tanstack-react-table.txt":"9db3f8ddd7031ab264b99bec49c221155d0c8649b53dd4aa007f2041d36cdf5f","licenses/class-variance-authority.txt":"0ccbf956cffc8dcf515809433cb5242ee67c94513d46e48c261d68d0880de406","licenses/clsx.txt":"9a9edad7baae52622bddf3c15b2ef8a33d2c89f2d25408ad13e8a7481c6b0c97","licenses/cmdk.txt":"b5acfd21b3b61508365224c40ec1b03ec71091248baaf989d4be916551e7d532","licenses/embla-carousel-react.txt":"992490064b90ec94c302fe5f29dcc14cb44145857064e46f9ffe6c8f511c1093","licenses/input-otp.txt":"079031192fea535a245aa64a637d8433c406b82a14f91c3606b1d63e41c00152","licenses/lucide-react.txt":"b495047bd93a9b06913511076f504daba17d5bbeb3e0650f3bb53a4220329c57","licenses/next-themes.txt":"b5acfd21b3b61508365224c40ec1b03ec71091248baaf989d4be916551e7d532","licenses/radix-ui.txt":"0e80a2d229d2fd4fc7e8636142ec5d0ff0bc031f14c15b682e2ac01dfd5b5138","licenses/react-day-picker.txt":"22cdffdf17a2b6b4d2e1a8c93df0ad35535193b84e6d32ed4945373126f4f3e6","licenses/react-hook-form.txt":"e8eeb472f0a5889c2c51625b86a3f9b8630680adb9f49a125352e2e426392780","licenses/react-resizable-panels.txt":"a8f1e0280bf14adcf5d017547db85eb5c3bac0feb1690ca98650874002eaa8ea","licenses/recharts.txt":"2d3aa48a8d1d3b93093680e8e68d3a64cfb590c3ade377ffcaefc69dac7c2ce5","licenses/sonner.txt":"da9201378c36ffd81f51ad0b305f3f0981e90bc558789210ad65d1161eec3b7d","licenses/tailwind-merge.txt":"d4c70c7ce38cea8778f0aed3fc0bef0a9dbd27f13bd8b6773cbd6d37941971e5","licenses/tailwindcss.txt":"60e0b68c0f35c078eef3a5d29419d0b03ff84ec1df9c3f9d6e39a519a5ae7985","licenses/tw-animate-css.txt":"039184dfa0a822397b3f45a435b5b1e538721587fbade96b9fa80f86cb354109","licenses/vaul.txt":"b09b9ccf866cc09b502d9cf4679e2461beb1469709ea0c6a30009766e10b3acf","package.json":"cf5897d58d94fcda7739e1e97309e81add98ee95c04899b5b70f1e98d794ba9f","README.md":"7b41f4e7627d6e7ab4b116fe3157a9c0dfceebcb09210891a8127fe9c88af24e","styles/globals.css":"c43df21e34b763f1ee07f5d8d2ab1aa2e7f8438e52a28b066d399e00db432d5b","styles/ui-theme.css":"db87b36d3714e28b83607ac344af0f182c0c89cf01f5f853facd8f5d8619670b"},"files":[{"path":"components/examples/accordion.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport {\n Accordion,\n AccordionContent,\n AccordionItem,\n AccordionTrigger,\n} from \"../ui/accordion\";\n\nexport default function AccordionDemo() {\n return (\n \n \n Product Information\n \n

\n Our flagship product combines cutting-edge technology with sleek\n design. Built with premium materials, it offers unparalleled\n performance and reliability.\n

\n

\n Key features include advanced processing capabilities, and an\n intuitive user interface designed for both beginners and experts.\n

\n \n \n \n Shipping Details\n \n

\n We offer worldwide shipping through trusted courier partners.\n Standard delivery takes 3-5 business days, while express shipping\n ensures delivery within 1-2 business days.\n

\n

\n All orders are carefully packaged and fully insured. Track your\n shipment in real-time through our dedicated tracking portal.\n

\n \n \n \n Return Policy\n \n

\n We stand behind our products with a comprehensive 30-day return\n policy. If you're not completely satisfied, simply return the\n item in its original condition.\n

\n

\n Our hassle-free return process includes free return shipping and\n full refunds processed within 48 hours of receiving the returned\n item.\n

\n \n \n \n );\n}\n"},{"path":"components/examples/alert-dialog.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport {\n AlertDialog,\n AlertDialogAction,\n AlertDialogCancel,\n AlertDialogContent,\n AlertDialogDescription,\n AlertDialogFooter,\n AlertDialogHeader,\n AlertDialogTitle,\n AlertDialogTrigger,\n} from \"../ui/alert-dialog\";\nimport { Button } from \"../ui/button\";\n\nexport default function AlertDialogDemo() {\n return (\n \n \n \n \n \n \n Are you absolutely sure?\n \n This action cannot be undone. This will permanently delete your\n account and remove your data from our servers.\n \n \n \n Cancel\n Continue\n \n \n \n );\n}\n"},{"path":"components/examples/alert.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport { AlertCircleIcon, CheckCircle2Icon, PopcornIcon } from \"lucide-react\";\n\nimport { Alert, AlertDescription, AlertTitle } from \"../ui/alert\";\n\nexport default function AlertDemo() {\n return (\n
\n \n \n Success! Your changes have been saved\n \n This is an alert with icon, title and description.\n \n \n \n \n \n This Alert has a title and an icon. No description.\n \n \n \n \n Unable to process your payment.\n \n

Please verify your billing information and try again.

\n
    \n
  • Check your card details
    • \n
  • Ensure sufficient funds
    • \n
  • Verify billing address
    • \n
\n \n \n
\n );\n}\n"},{"path":"components/examples/aspect-ratio.tsx","content":"\"use client\";\n// Migbits preview composed with shadcn/ui (MIT); see ../ui/LICENSE.\nimport { AspectRatio } from \"../ui/aspect-ratio\";\nexport default function Example() {\n return (\n
\n \n
\n \n Room for a different perspective.\n \n 16 : 9\n
\n \n
\n );\n}\n"},{"path":"components/examples/attachment.tsx","content":"\"use client\";\n// Migbits preview composed with shadcn/ui (MIT); see ../ui/LICENSE.\nimport { FileText, Download } from \"lucide-react\";\nimport {\n Attachment,\n AttachmentGroup,\n AttachmentMedia,\n AttachmentContent,\n AttachmentTitle,\n AttachmentDescription,\n AttachmentActions,\n AttachmentAction,\n} from \"../ui/attachment\";\nexport default function Example() {\n return (\n \n \n \n \n \n \n Brand guidelines.pdf\n 2.4 MB · Reference file\n \n \n \n \n \n \n \n \n \n \n );\n}\n"},{"path":"components/examples/avatar.tsx","content":"\"use client\";\n// Migbits preview composed with shadcn/ui (MIT); see ../ui/LICENSE.\nimport { Avatar, AvatarFallback } from \"../ui/avatar\";\nexport default function Example() {\n return (\n
\n {[\"MK\", \"AR\", \"JD\"].map((name, i) => (\n \n {name}\n \n ))}\n
\n );\n}\n"},{"path":"components/examples/badge.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport { BadgeCheckIcon } from \"lucide-react\";\n\nimport { Badge } from \"../ui/badge\";\n\nexport default function BadgeDemo() {\n return (\n
\n
\n Badge\n Secondary\n Destructive\n Outline\n
\n
\n \n \n Verified\n \n \n 8\n \n \n 99\n \n \n 20+\n \n
\n
\n );\n}\n"},{"path":"components/examples/breadcrumb.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport Link from \"../../lib/preview-link\";\n\nimport {\n Breadcrumb,\n BreadcrumbEllipsis,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbList,\n BreadcrumbPage,\n BreadcrumbSeparator,\n} from \"../ui/breadcrumb\";\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n} from \"../ui/dropdown-menu\";\n\nexport default function BreadcrumbDemo() {\n return (\n \n \n \n \n Home\n \n \n \n \n \n \n \n Toggle menu\n \n \n Documentation\n Themes\n GitHub\n \n \n \n \n \n \n Components\n \n \n \n \n Breadcrumb\n \n \n \n );\n}\n"},{"path":"components/examples/bubble.tsx","content":"\"use client\";\n// Migbits preview composed with shadcn/ui (MIT); see ../ui/LICENSE.\nimport { Bubble, BubbleGroup, BubbleContent } from \"../ui/bubble\";\nexport default function Example() {\n return (\n \n \n \n What if the little details made all the difference?\n \n \n \n \n Let?s build something considered.\n \n \n \n );\n}\n"},{"path":"components/examples/button-group.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport * as React from \"react\";\nimport {\n ArchiveIcon,\n ArrowLeftIcon,\n CalendarPlusIcon,\n ClockIcon,\n ListFilterIcon,\n MailCheckIcon,\n MoreHorizontalIcon,\n TagIcon,\n Trash2Icon,\n} from \"lucide-react\";\n\nimport { Button } from \"../ui/button\";\nimport { ButtonGroup } from \"../ui/button-group\";\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuTrigger,\n} from \"../ui/dropdown-menu\";\n\nexport default function ButtonGroupDemo() {\n const [label, setLabel] = React.useState(\"personal\");\n\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Mark as Read\n \n \n \n Archive\n \n \n \n \n \n \n Snooze\n \n \n \n Add to Calendar\n \n \n \n Add to List\n \n \n \n \n Label As...\n \n \n \n \n Personal\n \n \n Work\n \n \n Other\n \n \n \n \n \n \n \n \n \n Trash\n \n \n \n \n \n \n );\n}\n"},{"path":"components/examples/button.tsx","content":"\"use client\";\n// Migbits composition with shadcn/ui (MIT). See ../ui/LICENSE and ORIGIN.json.\nimport { useState } from \"react\";\nimport { ArrowUpRight, Plus } from \"lucide-react\";\nimport { Button } from \"../ui/button\";\n\nexport default function ButtonDemo() {\n const [clicks, setClicks] = useState(0);\n return (\n
\n
\n \n \n setClicks((value) => value + 1)}\n >\n \n \n
\n
\n setClicks((value) => value + 1)}\n >\n A quieter action\n \n \n
\n

\n {clicks\n ? `${clicks} little step${clicks === 1 ? \"\" : \"s\"} forward.`\n : \"A few good options. Give one a click.\"}\n

\n
\n );\n}\n"},{"path":"components/examples/calendar.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport * as React from \"react\";\n\nimport { Calendar } from \"../ui/calendar\";\n\nexport default function CalendarDemo() {\n const [date, setDate] = React.useState(new Date());\n\n return (\n \n );\n}\n"},{"path":"components/examples/card.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport { Button } from \"../ui/button\";\nimport {\n Card,\n CardAction,\n CardContent,\n CardDescription,\n CardFooter,\n CardHeader,\n CardTitle,\n} from \"../ui/card\";\nimport { Input } from \"../ui/input\";\nimport { Label } from \"../ui/label\";\n\nexport default function CardDemo() {\n return (\n \n \n Login to your account\n \n Enter your email below to login to your account\n \n \n \n \n \n \n
\n
\n
\n \n \n
\n
\n
\n \n \n Forgot your password?\n \n
\n \n
\n
\n
\n \n \n \n \n \n \n );\n}\n"},{"path":"components/examples/carousel.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport * as React from \"react\";\n\nimport { Card, CardContent } from \"../ui/card\";\nimport {\n Carousel,\n CarouselContent,\n CarouselItem,\n CarouselNext,\n CarouselPrevious,\n} from \"../ui/carousel\";\n\nexport default function CarouselDemo() {\n return (\n \n \n {Array.from({ length: 5 }).map((_, index) => (\n \n
\n \n \n {index + 1}\n \n \n
\n \n ))}\n \n \n \n \n );\n}\n"},{"path":"components/examples/chart.tsx","content":"\"use client\";\n// Composed with shadcn/ui's MIT chart primitives and Recharts. See ../ui/LICENSE.\nimport { Bar, BarChart, CartesianGrid, XAxis } from \"recharts\";\nimport {\n ChartContainer,\n ChartTooltip,\n ChartTooltipContent,\n ChartLegend,\n ChartLegendContent,\n type ChartConfig,\n} from \"../ui/chart\";\n\nconst data = [\n { month: \"May\", design: 186, development: 80 },\n { month: \"Jun\", design: 305, development: 200 },\n { month: \"Jul\", design: 237, development: 120 },\n { month: \"Aug\", design: 173, development: 190 },\n { month: \"Sep\", design: 209, development: 130 },\n { month: \"Oct\", design: 248, development: 170 },\n];\nconst config = {\n design: { label: \"Design\", color: \"var(--chart-1)\" },\n development: { label: \"Development\", color: \"var(--chart-2)\" },\n} satisfies ChartConfig;\nexport default function ChartExample() {\n return (\n
\n
\n

A LITTLE MOMENTUM

\n

\n Good ideas, taking shape.\n

\n

\n Illustrative project activity · May—October\n

\n
\n \n \n \n \n } />\n } />\n \n \n \n \n
\n );\n}\n"},{"path":"components/examples/checkbox.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport { Checkbox } from \"../ui/checkbox\";\nimport { Label } from \"../ui/label\";\n\nexport default function CheckboxDemo() {\n return (\n
\n
\n \n \n
\n
\n \n
\n \n

\n By clicking this checkbox, you agree to the terms and conditions.\n

\n
\n
\n
\n \n \n
\n \n
\n );\n}\n"},{"path":"components/examples/code-block.tsx","content":"\"use client\";\n// Migbits preview composed with shadcn/ui (MIT); see ../ui/LICENSE.\nimport {\n CodeBlock,\n CodeBlockHeader,\n CodeBlockTitle,\n CodeBlockActions,\n CodeBlockCopyButton,\n CodeBlockContent,\n CodeBlockLine,\n} from \"../ui/code-block\";\nconst source =\n 'import { Button } from \"./components/ui/button\";\\n\\nexport default function App() {\\n return ;\\n}';\nexport default function Example() {\n return (\n \n \n hello.tsx\n \n \n \n \n \n {source.split(\"\\n\").map((line, i) => (\n {line}\n ))}\n \n \n );\n}\n"},{"path":"components/examples/collapsible.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronsUpDown } from \"lucide-react\";\n\nimport { Button } from \"../ui/button\";\nimport {\n Collapsible,\n CollapsibleContent,\n CollapsibleTrigger,\n} from \"../ui/collapsible\";\n\nexport default function CollapsibleDemo() {\n const [isOpen, setIsOpen] = React.useState(false);\n\n return (\n \n
\n

\n @peduarte starred 3 repositories\n

\n \n \n \n
\n
\n @radix-ui/primitives\n
\n \n
\n @radix-ui/colors\n
\n
\n @stitches/react\n
\n \n \n );\n}\n"},{"path":"components/examples/combobox.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Check, ChevronsUpDown } from \"lucide-react\";\n\nimport { Button } from \"../ui/button\";\nimport {\n Command,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n} from \"../ui/command\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../ui/popover\";\n\nconst frameworks = [\n {\n value: \"next.js\",\n label: \"Next.js\",\n },\n {\n value: \"sveltekit\",\n label: \"SvelteKit\",\n },\n {\n value: \"nuxt.js\",\n label: \"Nuxt.js\",\n },\n {\n value: \"remix\",\n label: \"Remix\",\n },\n {\n value: \"astro\",\n label: \"Astro\",\n },\n];\n\nexport default function ComboboxDemo() {\n const [open, setOpen] = React.useState(false);\n const [value, setValue] = React.useState(\"\");\n\n return (\n \n \n \n {value\n ? frameworks.find((framework) => framework.value === value)?.label\n : \"Select framework...\"}\n \n \n \n \n \n \n \n No framework found.\n \n {frameworks.map((framework) => (\n {\n setValue(currentValue === value ? \"\" : currentValue);\n setOpen(false);\n }}\n >\n {framework.label}\n \n \n ))}\n \n \n \n \n \n );\n}\n"},{"path":"components/examples/command.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport {\n Calculator,\n Calendar,\n CreditCard,\n Settings,\n Smile,\n User,\n} from \"lucide-react\";\n\nimport {\n Command,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n CommandSeparator,\n CommandShortcut,\n} from \"../ui/command\";\n\nexport default function CommandDemo() {\n return (\n \n \n \n No results found.\n \n \n \n Calendar\n \n \n \n Search Emoji\n \n \n \n Calculator\n \n \n \n \n \n \n Profile\n ⌘P\n \n \n \n Billing\n ⌘B\n \n \n \n Settings\n ⌘S\n \n \n \n \n );\n}\n"},{"path":"components/examples/context-menu.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport {\n ContextMenu,\n ContextMenuCheckboxItem,\n ContextMenuContent,\n ContextMenuItem,\n ContextMenuLabel,\n ContextMenuRadioGroup,\n ContextMenuRadioItem,\n ContextMenuSeparator,\n ContextMenuShortcut,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,\n ContextMenuTrigger,\n} from \"../ui/context-menu\";\n\nexport default function ContextMenuDemo() {\n return (\n \n \n Right click here\n \n \n \n Back\n ⌘[\n \n \n Forward\n ⌘]\n \n \n Reload\n ⌘R\n \n \n More Tools\n \n Save Page...\n Create Shortcut...\n Name Window...\n \n Developer Tools\n \n Delete\n \n \n \n \n Show Bookmarks\n \n Show Full URLs\n \n \n People\n \n Pedro Duarte\n \n Colm Tuite\n \n \n \n );\n}\n"},{"path":"components/examples/dialog.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport { Button } from \"../ui/button\";\nimport {\n Dialog,\n DialogClose,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogTitle,\n DialogTrigger,\n} from \"../ui/dialog\";\nimport { Input } from \"../ui/input\";\nimport { Label } from \"../ui/label\";\n\nexport default function DialogDemo() {\n return (\n \n
\n \n \n \n \n \n Edit profile\n \n Make changes to your profile here. Click save when you're\n done.\n \n \n
\n
\n \n \n
\n
\n \n \n
\n
\n \n \n \n \n \n \n \n
\n \n );\n}\n"},{"path":"components/examples/direction.tsx","content":"\"use client\";\n// Migbits preview composed with shadcn/ui (MIT); see ../ui/LICENSE.\nimport { useState } from \"react\";\nimport { DirectionProvider } from \"../ui/direction\";\nimport { Button } from \"../ui/button\";\nimport { Input } from \"../ui/input\";\nexport default function Example() {\n const [direction, setDirection] = useState<\"ltr\" | \"rtl\">(\"ltr\");\n return (\n
\n \n
\n \n \n
\n \n setDirection(direction === \"ltr\" ? \"rtl\" : \"ltr\")}\n >\n Switch to {direction === \"ltr\" ? \"right-to-left\" : \"left-to-right\"}\n \n
\n );\n}\n"},{"path":"components/examples/drawer.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport * as React from \"react\";\nimport { Minus, Plus } from \"lucide-react\";\nimport { Bar, BarChart, ResponsiveContainer } from \"recharts\";\n\nimport { Button } from \"../ui/button\";\nimport {\n Drawer,\n DrawerClose,\n DrawerContent,\n DrawerDescription,\n DrawerFooter,\n DrawerHeader,\n DrawerTitle,\n DrawerTrigger,\n} from \"../ui/drawer\";\n\nconst data = [\n {\n goal: 400,\n },\n {\n goal: 300,\n },\n {\n goal: 200,\n },\n {\n goal: 300,\n },\n {\n goal: 200,\n },\n {\n goal: 278,\n },\n {\n goal: 189,\n },\n {\n goal: 239,\n },\n {\n goal: 300,\n },\n {\n goal: 200,\n },\n {\n goal: 278,\n },\n {\n goal: 189,\n },\n {\n goal: 349,\n },\n];\n\nexport default function DrawerDemo() {\n const [goal, setGoal] = React.useState(350);\n\n function onClick(adjustment: number) {\n setGoal(Math.max(200, Math.min(400, goal + adjustment)));\n }\n\n return (\n \n \n \n \n \n
\n \n Move Goal\n Set your daily activity goal.\n \n
\n
\n onClick(-10)}\n disabled={goal <= 200}\n >\n \n Decrease\n \n
\n
\n {goal}\n
\n
\n Calories/day\n
\n
\n onClick(10)}\n disabled={goal >= 400}\n >\n \n Increase\n \n
\n
\n \n \n \n \n \n
\n
\n \n \n \n \n \n \n
\n \n \n );\n}\n"},{"path":"components/examples/dropdown-menu.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport { Button } from \"../ui/button\";\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuPortal,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuTrigger,\n} from \"../ui/dropdown-menu\";\n\nexport default function DropdownMenuDemo() {\n return (\n \n \n \n \n \n My Account\n \n \n Profile\n ⇧⌘P\n \n \n Billing\n ⌘B\n \n \n Settings\n ⌘S\n \n \n Keyboard shortcuts\n ⌘K\n \n \n \n \n Team\n \n Invite users\n \n \n Email\n Message\n \n More...\n \n \n \n \n New Team\n ⌘+T\n \n \n \n GitHub\n Support\n API\n \n \n Log out\n ⇧⌘Q\n \n \n \n );\n}\n"},{"path":"components/examples/empty.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport { IconFolderCode } from \"@tabler/icons-react\";\nimport { ArrowUpRightIcon } from \"lucide-react\";\n\nimport { Button } from \"../ui/button\";\nimport {\n Empty,\n EmptyContent,\n EmptyDescription,\n EmptyHeader,\n EmptyMedia,\n EmptyTitle,\n} from \"../ui/empty\";\n\nexport default function EmptyDemo() {\n return (\n \n \n \n \n \n No Projects Yet\n \n You haven't created any projects yet. Get started by creating\n your first project.\n \n \n \n
\n \n \n
\n \n \n \n Learn More \n \n \n \n );\n}\n"},{"path":"components/examples/field.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport { Button } from \"../ui/button\";\nimport { Checkbox } from \"../ui/checkbox\";\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldLegend,\n FieldSeparator,\n FieldSet,\n} from \"../ui/field\";\nimport { Input } from \"../ui/input\";\nimport {\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n} from \"../ui/select\";\nimport { Textarea } from \"../ui/textarea\";\n\nexport default function FieldDemo() {\n return (\n
\n
\n \n
\n Payment Method\n \n All transactions are secure and encrypted\n \n \n \n \n Name on Card\n \n \n \n \n \n Card Number\n \n \n \n Enter your 16-digit card number\n \n \n
\n \n \n Month\n \n \n \n \n \n Year\n \n \n \n \n CVV\n \n \n
\n \n
\n \n
\n Billing Address\n \n The billing address associated with your payment method\n \n \n \n \n \n Same as shipping address\n \n \n \n
\n
\n \n \n \n Comments\n \n \n \n \n
\n \n \n \n \n \n
\n
\n );\n}\n"},{"path":"components/examples/form.tsx","content":"\"use client\";\n// Migbits preview composed with shadcn/ui (MIT); see ../ui/LICENSE.\nimport { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport {\n Form,\n FormField,\n FormItem,\n FormLabel,\n FormControl,\n FormMessage,\n FormDescription,\n} from \"../ui/form\";\nimport { Input } from \"../ui/input\";\nimport { Button } from \"../ui/button\";\nexport default function Example() {\n const form = useForm({ defaultValues: { name: \"\" } });\n const [saved, setSaved] = useState(false);\n return (\n
\n setSaved(true))}\n >\n (\n \n Project name\n \n \n \n \n A working local form, with real validation.\n \n \n \n )}\n />\n \n

\n {saved\n ? \"Saved in this preview. No data was sent.\"\n : \"Try submitting an empty field.\"}\n

\n \n \n );\n}\n"},{"path":"components/examples/hover-card.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport { Avatar, AvatarFallback, AvatarImage } from \"../ui/avatar\";\nimport { Button } from \"../ui/button\";\nimport {\n HoverCard,\n HoverCardContent,\n HoverCardTrigger,\n} from \"../ui/hover-card\";\n\nexport default function HoverCardDemo() {\n return (\n \n \n \n \n \n
\n \n \n VC\n \n
\n

@nextjs

\n

\n The React Framework – created and maintained by @vercel.\n

\n
\n Joined December 2021\n
\n
\n
\n \n \n );\n}\n"},{"path":"components/examples/input-group.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport { IconCheck, IconInfoCircle, IconPlus } from \"@tabler/icons-react\";\nimport { ArrowUpIcon, Search } from \"lucide-react\";\n\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n} from \"../ui/dropdown-menu\";\nimport {\n InputGroup,\n InputGroupAddon,\n InputGroupButton,\n InputGroupInput,\n InputGroupText,\n InputGroupTextarea,\n} from \"../ui/input-group\";\nimport { Separator } from \"../ui/separator\";\nimport {\n TooltipProvider,\n Tooltip,\n TooltipContent,\n TooltipTrigger,\n} from \"../ui/tooltip\";\n\nexport default function InputGroupDemo() {\n return (\n \n
\n \n \n \n \n \n 12 results\n \n \n \n \n https://\n \n \n \n \n \n \n \n \n This is content in a tooltip.\n \n \n \n \n \n \n \n \n \n \n \n Auto\n \n \n Auto\n Agent\n Manual\n \n \n 52% used\n \n \n \n Send\n \n \n \n \n \n \n
\n \n
\n \n \n
\n \n );\n}\n"},{"path":"components/examples/input-otp.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport {\n InputOTP,\n InputOTPGroup,\n InputOTPSeparator,\n InputOTPSlot,\n} from \"../ui/input-otp\";\n\nexport default function InputOTPDemo() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n}\n"},{"path":"components/examples/input.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport { Input } from \"../ui/input\";\n\nexport default function InputDemo() {\n return ;\n}\n"},{"path":"components/examples/item.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport { BadgeCheckIcon, ChevronRightIcon } from \"lucide-react\";\n\nimport { Button } from \"../ui/button\";\nimport {\n Item,\n ItemActions,\n ItemContent,\n ItemDescription,\n ItemMedia,\n ItemTitle,\n} from \"../ui/item\";\n\nexport default function ItemDemo() {\n return (\n
\n \n \n Basic Item\n \n A simple item with title and description.\n \n \n \n \n \n \n \n \n \n \n \n \n Your profile has been verified.\n \n \n \n \n \n \n
\n );\n}\n"},{"path":"components/examples/kbd.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport { Kbd, KbdGroup } from \"../ui/kbd\";\n\nexport default function KbdDemo() {\n return (\n
\n \n ⌘\n ⇧\n ⌥\n ⌃\n \n \n Ctrl\n +\n B\n \n
\n );\n}\n"},{"path":"components/examples/label.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport { Checkbox } from \"../ui/checkbox\";\nimport { Label } from \"../ui/label\";\n\nexport default function LabelDemo() {\n return (\n
\n
\n \n \n
\n
\n );\n}\n"},{"path":"components/examples/marker.tsx","content":"\"use client\";\n// Migbits preview composed with shadcn/ui (MIT); see ../ui/LICENSE.\nimport { Check, Clock } from \"lucide-react\";\nimport { Marker, MarkerIcon, MarkerContent } from \"../ui/marker\";\nexport default function Example() {\n return (\n
\n \n Today, 10:42 AM\n \n \n \n \n \n All changes saved\n \n \n \n \n \n A new chapter starts here\n \n
\n );\n}\n"},{"path":"components/examples/menubar.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport {\n Menubar,\n MenubarCheckboxItem,\n MenubarContent,\n MenubarItem,\n MenubarMenu,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSeparator,\n MenubarShortcut,\n MenubarSub,\n MenubarSubContent,\n MenubarSubTrigger,\n MenubarTrigger,\n} from \"../ui/menubar\";\n\nexport default function MenubarDemo() {\n return (\n \n \n File\n \n \n New Tab ⌘T\n \n \n New Window ⌘N\n \n New Incognito Window\n \n \n Share\n \n Email link\n Messages\n Notes\n \n \n \n \n Print... ⌘P\n \n \n \n \n Edit\n \n \n Undo ⌘Z\n \n \n Redo ⇧⌘Z\n \n \n \n Find\n \n Search the web\n \n Find...\n Find Next\n Find Previous\n \n \n \n Cut\n Copy\n Paste\n \n \n \n View\n \n Always Show Bookmarks Bar\n \n Always Show Full URLs\n \n \n \n Reload ⌘R\n \n \n Force Reload ⇧⌘R\n \n \n Toggle Fullscreen\n \n Hide Sidebar\n \n \n \n Profiles\n \n \n Andy\n Benoit\n Luis\n \n \n Edit...\n \n Add Profile...\n \n \n \n );\n}\n"},{"path":"components/examples/message-scroller.tsx","content":"\"use client\";\n// Migbits preview composed with shadcn/ui (MIT); see ../ui/LICENSE.\nimport {\n MessageScrollerProvider,\n MessageScroller,\n MessageScrollerViewport,\n MessageScrollerContent,\n MessageScrollerItem,\n MessageScrollerButton,\n} from \"../ui/message-scroller\";\nexport default function Example() {\n return (\n
\n \n \n \n \n {Array.from({ length: 12 }, (_, i) => (\n \n
\n Chapter {i + 1}\n

\n A small detail. A better experience.\n

\n
\n \n ))}\n \n \n \n \n \n
\n );\n}\n"},{"path":"components/examples/message.tsx","content":"\"use client\";\n// Migbits preview composed with shadcn/ui (MIT); see ../ui/LICENSE.\nimport {\n Message,\n MessageGroup,\n MessageContent,\n MessageHeader,\n MessageFooter,\n} from \"../ui/message\";\nimport { Avatar, AvatarFallback } from \"../ui/avatar\";\nimport { Bubble, BubbleContent } from \"../ui/bubble\";\nexport default function Example() {\n return (\n \n \n \n MK\n \n \n \n Mika 10:42\n \n \n The new library is looking good.\n \n Delivered\n \n \n \n \n YO\n \n \n You\n \n It?s all in the details.\n \n \n \n \n );\n}\n"},{"path":"components/examples/native-select.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport { NativeSelect, NativeSelectOption } from \"../ui/native-select\";\n\nexport default function NativeSelectDemo() {\n return (\n \n Select status\n Todo\n In Progress\n Done\n Cancelled\n \n );\n}\n"},{"path":"components/examples/navigation-menu.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport * as React from \"react\";\nimport Link from \"../../lib/preview-link\";\nimport { CircleCheckIcon, CircleHelpIcon, CircleIcon } from \"lucide-react\";\n\nimport { useIsMobile } from \"../../hooks/use-mobile\";\nimport {\n NavigationMenu,\n NavigationMenuContent,\n NavigationMenuItem,\n NavigationMenuLink,\n NavigationMenuList,\n NavigationMenuTrigger,\n navigationMenuTriggerStyle,\n} from \"../ui/navigation-menu\";\n\nconst components: { title: string; href: string; description: string }[] = [\n {\n title: \"Alert Dialog\",\n href: \"/docs/primitives/alert-dialog\",\n description:\n \"A modal dialog that interrupts the user with important content and expects a response.\",\n },\n {\n title: \"Hover Card\",\n href: \"/docs/primitives/hover-card\",\n description:\n \"For sighted users to preview content available behind a link.\",\n },\n {\n title: \"Progress\",\n href: \"/docs/primitives/progress\",\n description:\n \"Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.\",\n },\n {\n title: \"Scroll-area\",\n href: \"/docs/primitives/scroll-area\",\n description: \"Visually or semantically separates content.\",\n },\n {\n title: \"Tabs\",\n href: \"/docs/primitives/tabs\",\n description:\n \"A set of layered sections of content—known as tab panels—that are displayed one at a time.\",\n },\n {\n title: \"Tooltip\",\n href: \"/docs/primitives/tooltip\",\n description:\n \"A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.\",\n },\n];\n\nexport default function NavigationMenuDemo() {\n const isMobile = useIsMobile();\n\n return (\n \n \n \n Home\n \n
    \n
  • \n \n \n
    \n shadcn/ui\n
    \n

    \n Beautifully designed components built with Tailwind CSS.\n

    \n \n     \n
    • \n \n Re-usable components built using Radix UI and Tailwind CSS.\n \n \n How to install dependencies and structure your app.\n \n \n Styles for headings, paragraphs, lists...etc\n \n
\n \n \n \n Components\n \n
    \n {components.map((component) => (\n \n {component.description}\n \n ))}\n
\n \n \n \n \n Docs\n \n \n \n List\n \n
    \n
  • \n \n \n
    Components
    \n
    \n Browse all components in the library.\n
    \n \n     \n \n \n
    Documentation
    \n
    \n Learn how to use the library.\n
    \n \n     \n \n \n
    Blog
    \n
    \n Read our latest blog posts.\n
    \n \n     \n
    • \n
\n \n \n \n Simple\n \n
    \n
  • \n \n Components\n \n \n Documentation\n \n \n Blocks\n \n
    • \n
\n \n \n \n With Icon\n \n
    \n
  • \n \n \n \n Backlog\n \n \n \n \n \n To Do\n \n \n \n \n \n Done\n \n \n
    • \n
\n \n \n \n \n );\n}\n\nfunction ListItem({\n title,\n children,\n href,\n ...props\n}: React.ComponentPropsWithoutRef<\"li\"> & { href: string }) {\n return (\n
  • \n \n \n
    {title}
    \n

    \n {children}\n

    \n \n     \n
    • \n );\n}\n"},{"path":"components/examples/pagination.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport {\n Pagination,\n PaginationContent,\n PaginationEllipsis,\n PaginationItem,\n PaginationLink,\n PaginationNext,\n PaginationPrevious,\n} from \"../ui/pagination\";\n\nexport default function PaginationDemo() {\n return (\n \n \n \n \n \n \n 1\n \n \n \n 2\n \n \n \n 3\n \n \n \n \n \n \n \n \n \n );\n}\n"},{"path":"components/examples/popover.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport { Button } from \"../ui/button\";\nimport { Input } from \"../ui/input\";\nimport { Label } from \"../ui/label\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../ui/popover\";\n\nexport default function PopoverDemo() {\n return (\n \n \n \n \n \n
    \n
    \n

    Dimensions

    \n

    \n Set the dimensions for the layer.\n

    \n
    \n
    \n
    \n \n \n
    \n
    \n \n \n
    \n
    \n \n \n
    \n
    \n \n \n
    \n
    \n
    \n     \n     \n );\n}\n"},{"path":"components/examples/progress.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport * as React from \"react\";\n\nimport { Progress } from \"../ui/progress\";\n\nexport default function ProgressDemo() {\n const [progress, setProgress] = React.useState(13);\n\n React.useEffect(() => {\n const timer = setTimeout(() => setProgress(66), 500);\n return () => clearTimeout(timer);\n }, []);\n\n return ;\n}\n"},{"path":"components/examples/questionnaire.tsx","content":"\"use client\";\n// Migbits preview composed with shadcn/ui (MIT); see ../ui/LICENSE.\nimport { useState } from \"react\";\nimport {\n Questionnaire,\n QuestionnaireItem,\n QuestionnaireTitle,\n QuestionnaireDescription,\n QuestionnaireChoices,\n QuestionnaireChoice,\n QuestionnaireActions,\n QuestionnaireSubmit,\n} from \"../ui/questionnaire\";\nconst items = [\n {\n name: \"focus\",\n required: true,\n choices: [{ value: \"design\" }, { value: \"build\" }, { value: \"both\" }],\n },\n];\nexport default function Example() {\n const [done, setDone] = useState(false);\n return (\n
    \n {done ? (\n
    \n A little direction goes a long way.\n

    \n Your preview answer stayed in this browser.\n

    \n \n
    \n ) : (\n {\n setDone(true);\n }}\n >\n \n Where do you want to begin?\n \n Choose the part that feels right.\n \n \n \n Design the idea\n \n \n Build the details\n \n \n A bit of both\n \n \n \n \n Continue\n \n \n )}\n
    \n );\n}\n"},{"path":"components/examples/radio-group.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport { Label } from \"../ui/label\";\nimport { RadioGroup, RadioGroupItem } from \"../ui/radio-group\";\n\nexport default function RadioGroupDemo() {\n return (\n \n
    \n \n \n
    \n
    \n \n \n
    \n
    \n \n \n
    \n     \n );\n}\n"},{"path":"components/examples/resizable.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport {\n ResizableHandle,\n ResizablePanel,\n ResizablePanelGroup,\n} from \"../ui/resizable\";\n\nexport default function ResizableDemo() {\n return (\n \n \n
    \n One\n
    \n     \n \n \n \n \n
    \n Two\n
    \n     \n \n \n
    \n Three\n
    \n     \n     \n     \n \n );\n}\n"},{"path":"components/examples/scroll-area.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport * as React from \"react\";\n\nimport { ScrollArea } from \"../ui/scroll-area\";\nimport { Separator } from \"../ui/separator\";\n\nconst tags = Array.from({ length: 50 }).map(\n (_, i, a) => `v1.2.0-beta.${a.length - i}`,\n);\n\nexport default function ScrollAreaDemo() {\n return (\n \n
    \n

    Tags

    \n {tags.map((tag) => (\n \n
    {tag}
    \n \n     \n ))}\n
    \n     \n );\n}\n"},{"path":"components/examples/select.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport * as React from \"react\";\n\nimport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectTrigger,\n SelectValue,\n} from \"../ui/select\";\n\nexport default function SelectDemo() {\n return (\n \n );\n}\n"},{"path":"components/examples/separator.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport { Separator } from \"../ui/separator\";\n\nexport default function SeparatorDemo() {\n return (\n
    \n
    \n

    Radix Primitives

    \n

    \n An open-source UI component library.\n

    \n
    \n \n
    \n
    Blog
    \n \n
    Docs
    \n \n
    Source
    \n
    \n
    \n );\n}\n"},{"path":"components/examples/sheet.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport { Button } from \"../ui/button\";\nimport { Input } from \"../ui/input\";\nimport { Label } from \"../ui/label\";\nimport {\n Sheet,\n SheetClose,\n SheetContent,\n SheetDescription,\n SheetFooter,\n SheetHeader,\n SheetTitle,\n SheetTrigger,\n} from \"../ui/sheet\";\n\nexport default function SheetDemo() {\n return (\n \n \n \n \n \n \n Edit profile\n \n Make changes to your profile here. Click save when you're done.\n \n \n
    \n
    \n \n \n
    \n
    \n \n \n
    \n
    \n \n \n \n \n \n \n     \n     \n );\n}\n"},{"path":"components/examples/sidebar.tsx","content":"\"use client\";\n// Migbits preview composed with shadcn/ui (MIT); see ../ui/LICENSE.\nimport { useState } from \"react\";\nimport { Home, Folder, Settings } from \"lucide-react\";\nimport {\n SidebarProvider,\n Sidebar,\n SidebarHeader,\n SidebarContent,\n SidebarGroup,\n SidebarGroupLabel,\n SidebarMenu,\n SidebarMenuItem,\n SidebarMenuButton,\n SidebarFooter,\n} from \"../ui/sidebar\";\nexport default function Example() {\n const [selected, setSelected] = useState(\"Overview\");\n return (\n \n \n Studio /\n \n \n Workspace\n \n {[\n [\"Overview\", Home],\n [\"Projects\", Folder],\n [\"Settings\", Settings],\n ].map(([label, Icon]) => (\n \n setSelected(String(label))}\n >\n {typeof Icon !== \"string\" && }\n {String(label)}\n \n \n ))}\n \n \n \n \n Made for your workflow.\n \n \n
    \n YOUR WORKSPACE\n

    {selected}

    \n

    \n Room for the next good idea.\n

    \n
    \n \n );\n}\n"},{"path":"components/examples/skeleton.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport { Skeleton } from \"../ui/skeleton\";\n\nexport default function SkeletonDemo() {\n return (\n
    \n \n
    \n \n \n
    \n
    \n );\n}\n"},{"path":"components/examples/slider.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport { Slider } from \"../ui/slider\";\n\ntype SliderProps = React.ComponentProps;\n\nexport default function SliderDemo({ className, ...props }: SliderProps) {\n return (\n \n );\n}\n"},{"path":"components/examples/sonner.tsx","content":"\"use client\";\n// Migbits preview composed with shadcn/ui (MIT); see ../ui/LICENSE.\nimport { toast } from \"sonner\";\nimport { Toaster } from \"../ui/sonner\";\nimport { Button } from \"../ui/button\";\nexport default function Example() {\n return (\n <>\n \n
    \n \n toast.success(\"That worked.\", {\n description: \"One thoughtful detail at a time.\",\n })\n }\n >\n Success notification\n \n \n toast(\"An idea worth keeping.\", {\n action: { label: \"Dismiss\", onClick: () => {} },\n })\n }\n >\n With action\n \n
    \n \n );\n}\n"},{"path":"components/examples/spinner.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport { Item, ItemContent, ItemMedia, ItemTitle } from \"../ui/item\";\nimport { Spinner } from \"../ui/spinner\";\n\nexport default function SpinnerDemo() {\n return (\n
    \n \n \n \n \n \n Processing payment...\n \n \n $100.00\n \n \n
    \n );\n}\n"},{"path":"components/examples/switch.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport { Label } from \"../ui/label\";\nimport { Switch } from \"../ui/switch\";\n\nexport default function SwitchDemo() {\n return (\n
    \n \n \n
    \n );\n}\n"},{"path":"components/examples/table.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport {\n Table,\n TableBody,\n TableCaption,\n TableCell,\n TableFooter,\n TableHead,\n TableHeader,\n TableRow,\n} from \"../ui/table\";\n\nconst invoices = [\n {\n invoice: \"INV001\",\n paymentStatus: \"Paid\",\n totalAmount: \"$250.00\",\n paymentMethod: \"Credit Card\",\n },\n {\n invoice: \"INV002\",\n paymentStatus: \"Pending\",\n totalAmount: \"$150.00\",\n paymentMethod: \"PayPal\",\n },\n {\n invoice: \"INV003\",\n paymentStatus: \"Unpaid\",\n totalAmount: \"$350.00\",\n paymentMethod: \"Bank Transfer\",\n },\n {\n invoice: \"INV004\",\n paymentStatus: \"Paid\",\n totalAmount: \"$450.00\",\n paymentMethod: \"Credit Card\",\n },\n {\n invoice: \"INV005\",\n paymentStatus: \"Paid\",\n totalAmount: \"$550.00\",\n paymentMethod: \"PayPal\",\n },\n {\n invoice: \"INV006\",\n paymentStatus: \"Pending\",\n totalAmount: \"$200.00\",\n paymentMethod: \"Bank Transfer\",\n },\n {\n invoice: \"INV007\",\n paymentStatus: \"Unpaid\",\n totalAmount: \"$300.00\",\n paymentMethod: \"Credit Card\",\n },\n];\n\nexport default function TableDemo() {\n return (\n \n A list of your recent invoices.\n \n \n Invoice\n Status\n Method\n Amount\n \n \n \n {invoices.map((invoice) => (\n \n {invoice.invoice}\n {invoice.paymentStatus}\n {invoice.paymentMethod}\n {invoice.totalAmount}\n \n ))}\n \n \n \n Total\n $2,500.00\n \n \n
    \n );\n}\n"},{"path":"components/examples/tabs.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport { Button } from \"../ui/button\";\nimport {\n Card,\n CardContent,\n CardDescription,\n CardFooter,\n CardHeader,\n CardTitle,\n} from \"../ui/card\";\nimport { Input } from \"../ui/input\";\nimport { Label } from \"../ui/label\";\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"../ui/tabs\";\n\nexport default function TabsDemo() {\n return (\n
    \n \n \n Account\n Password\n \n \n \n \n Account\n \n Make changes to your account here. Click save when you're\n done.\n \n \n \n
    \n \n \n
    \n
    \n \n \n
    \n     \n \n \n \n     \n     \n \n \n \n Password\n \n Change your password here. After saving, you'll be logged\n out.\n \n \n \n
    \n \n \n
    \n
    \n \n \n
    \n     \n \n \n \n     \n     \n     \n
    \n );\n}\n"},{"path":"components/examples/textarea.tsx","content":"// Example derived from shadcn/ui (MIT). See ../ui/LICENSE and ../ui/ORIGIN.json.\n\"use client\";\n\nimport { Textarea } from \"../ui/textarea\";\n\nexport default function TextareaDemo() {\n return