# Current Issue
when running `next lint`, the typescript compiler fails on the chart component (closes#4229 )
`Type error: Type 'string[]' is not assignable to type 'string | TrustedHTML'.`
# Resolution
We can coerce the `string[]` into a valid type by `join`ing.
# Description
This PR adds support for customizing graphics themes in the `ThemeCustomizer` component. Users can now select and copy chart colors (`chart-1`, `chart-2`, `chart-3`, `chart-4`, `chart-5`) along with other themes.
## Changes Implemented
1. **Themes Update**: Added chart themes (`chart-1`, `chart-2`, `chart-3`, `chart-4`, `chart-5`) to the chart file. themes configuration (`themes.ts`).
2. **Modification of the `ThemeCustomizer` Component**: The new graphics themes were integrated into the component so that they can be selected and copied.
3. **CSS Tweak**: Updated the functions that generate CSS code to include the new graphics themes.
## How to Test
1. Run the project locally.
2. Navigate to the `ThemeCustomizer` component.
3. Verify that the new graphics themes are available for selection.
4. Test the functionality of copying the CSS code and making sure it includes the graphics colors.
## References
- Added support for graphics themes based on defaults provided by Shadcn.
Data attributes at <CommandPrimite.List /> component should be written as data-[disabled=true] in order to avoid styles being applied to element, even when it's not disabled.
## 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.
