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.
# What's changed
- [x] Fixed the typo on carousel component
before fix: "@/registry/new-york/ui/carousel"
after fix: "@/components/ui/carousel"
this is ease the user to copy paste without error
### Overview
This pull request updates the documentation to reflect the correct component name, changing `ResizableGroup` to `ResizablePanelGroup`. This change ensures consistency and correctness in the documentation, aiding developers in correctly implementing the component.
### Changes Made
- In the code examples within the documentation, `ResizableGroup` has been renamed to `ResizablePanelGroup`.
- This change is applied to both horizontal and vertical orientation examples.
### Additional Information
- These changes are confined to documentation and do not alter the actual implementation or functionality of the components in question.
Please review the changes for accuracy and merge if appropriate. Thanks!
* feat(cli): add support for custom Tailwind prefix
* fix(cli): add tw prefix on classes applied in the css file
* feat(cli): add support for custom tailwind prefix
* chore: add changeset
* style(shadcn-ui): code format
---------
Co-authored-by: shadcn <m@shadcn.com>
This PR replaces the maximum id from `Number.MAX_VALUE` to `Number.MAX_SAFE_INTEGER` in `use-toast.ts`. Considering how JS stores numbers, it's unsafe to plus one if the number is larger than `Number.MAX_SAFE_INTEGER`. Here is an example:
```js
> let num
> num = Number.MAX_VALUE - 1
> num + 1 === num
true
> num = Number.MAX_SAFE_INTEGER - 1
> num + 1 === num
false
```
- The latest version of Astro generates `tailwind.config.mjs` file instead of `tailwind.config.cjs`.
- The `index.astro` file is located in `/src/pages`.
* feat: added toggle-group component
* fix(components): ran build:registry script
* fix(components): fixed colors in toggle-group
- Dark mode border color is now consistent with the toggle component
* fix(components): fixed component.json toggle-group
- Added the content field to `components.json` for toggle-group
- Ran build:registry again
* feat(toggle-group): simplify implementation
---------
Co-authored-by: shadcn <m@shadcn.com>
In order to have a smooth opening of the accordion, moving the `AccordionContent` `className` overwrite to the children wrapper component allow Radix to calculate correctly the animation and execute a smooth animation in case of `className` on the `AccordionContent` component.
Possibly related to https://github.com/shadcn-ui/ui/issues/944