## Bug:
When clicking on the "Lift Mode" Text instead of the toggle itself, since there were multiple `lift-mode` ids before (one for each block), the incorrect toggle would be activated.
https://github.com/shadcn-ui/ui/assets/61006057/261ec82f-9274-4e0a-ac21-5e3aa3ceece3
## Fix:
Instead of the id being static I changes the `id`, as well as the `htmlFor` attributes to `lift-mode-${block.name}`. This prevents duplicate ids, as long as there are no two blocks with the same name.
* feat: add input-otp
* feat: update input-otp and add examples
* feat(input-otp): add controlled and form examples
* chore(input-otp): update to latest
* docs(www): fix example code for input-otp
* fix(www): disable menu
Resolves#2025
This adds the "use client" directive to the Toast component, since it makes use of client-only features like `useState`. When absent, this causes errors in rendering as described in the issue.
This PR fixes the issue [#2337](https://github.com/shadcn-ui/ui/issues/2377).
I removed `export` of `fontSans` from `app/layout.tsx`, which was causing a type error.
I have ensured that this modification does not impact other functionalities. Your feedback on this pull request would be greatly appreciated.
Thank you for your consideration.
This pull request resolves#1926 and prevents issues like it from happening in the future
## Rationale for this PR
This PR changes the TypeScript execution package for use in scripts like `build:registry` from `ts-node` to `tsx`. This is because `ts-node` has many difficult quirks to work through (and is slow). In addition, it also has a difficult to understand error for newcomers that *is* reproducible.
### The ts-node error
As shown in #1926, using `ts-node` (specifically in `build:registry`) results in this error: `Unknown file extension ".ts" for /ui/apps/www/scripts/build-registry.ts`. There are many issues in the `ts-node` repository documenting this problem:
* TypeStrong/ts-node/issues/1062
* TypeStrong/ts-node/issues/2033
* TypeStrong/ts-node/issues/1997
Switching the typescript-in-node system to `tsx`, which uses esbuild under the hood, resolves this error.
This PR shouldn't affect tests, representation, etc. and is merely a change of build tools. There is no urgent need to merge this.
I accidentally deleted the head repository on #1937. That will not happen again.
[Reopen a PR that was accidentally closed.](https://github.com/shadcn-ui/ui/pull/2233)
carousel, resizable components to be used by the app router, a "use client" directive is required.
