Skip to content

Conversation

@jrgarciadev
Copy link
Member

@jrgarciadev jrgarciadev commented Oct 27, 2025

  • refactor(component): compound and named pattern

  • refactor(component): tabs component naming consistency

  • docs(changelog): v3.0.0-alpha-36

Closes #

📝 Description

⛳️ Current behavior (updates)

🚀 New behavior

💣 Is this a breaking change (Yes/No):

📝 Additional Information


Note

Adds dual component usage (compound with/without .Root and named exports) across components and renames Tabs TabListWrapper to TabListContainer, updating types, CSS, docs, and demos.

  • React Components (API/Exports)
    • Introduce dual patterns: use components as main (no .Root), with .Root, or named exports; convert indexes to compound objects (e.g., Avatar, Button, Card, Disclosure, Fieldset, Kbd, Link, Popover, Radio, RadioGroup, Separator, Skeleton, Slider, Spinner, Switch, SwitchGroup, Text, TextArea, TextField, Input, InputOTP, Alert, Accordion, Calendar, ListBox, Tooltip, Tabs).
    • Remove legacy slots.ts re-exports; add explicit *Root component exports and typed ComponentProps aliases.
    • ⚠️ Types: namespace type access replaced by object-style (e.g., Avatar["RootProps"]).
  • Tabs Refactor
    • Rename TabListWrapperTabListContainer across code, stories, demos.
    • Update styles and selectors: .tabs__list-wrapper.tabs__list-container, data-slot="tabs-list-wrapper"data-slot="tabs-list-container".
  • Docs & Demos
    • Add changelog entry v3.0.0-alpha.36 detailing dual patterns and Tabs renames.
    • Update Tabs docs and showcases to new ListContainer API and CSS classes.
    • Update changelog meta to include v3-0-0-alpha-36.

Written by Cursor Bugbot for commit c39392c. This will update automatically on new commits. Configure here.

* refactor(component): compound and named pattern

* refactor(component): tabs component naming consistency

* docs(changelog): v3.0.0-alpha-36
@changeset-bot
Copy link

changeset-bot bot commented Oct 27, 2025

⚠️ No Changeset found

Latest commit: 91f1905

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@vercel
Copy link

vercel bot commented Oct 27, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
heroui Error Error Oct 30, 2025 2:24pm
heroui-sb Error Error Oct 30, 2025 2:24pm

@jrgarciadev jrgarciadev marked this pull request as draft October 27, 2025 15:33
@coderabbitai
Copy link
Contributor

coderabbitai bot commented Oct 27, 2025

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

✨ Finishing touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch alpha-36

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@wingkwong wingkwong added the ♿ Scope: v3 Related to HeroUI v3 label Oct 27, 2025
* fix(component): support compound pattern in server component

* fix(component): keep accordion and chip in sync with compound pattern

* fix(component): type of forward refs

* fix(calendar): temporary workaround for ref error

* fix(storybook): imports

* feat(checkbox): initial draft

* refactor(styles): remove orientation

* refactor: migration from dot notation to separted components to support RSC

* refactor: migrate to React 19 ref pattern - remove forwardRef wrappers and explicit ref declarations from all components

* chore(checkbox): revise checkbox story

* feat(checkbox): checkmark & indeterminate

* chore(styles): checkmark & indeterminate styles

* refactor: provider context removed as it is not longer needed on react 19

* feat: made the migration smoother by still supporting the "dot" exports but adjusting the main compound component

* fix: compound patter, radio group api, ref on react 19

* refactor(switch): split switch and switch-group into separate components following radio/radio-group pattern

* chore(changelog): update v3.0.0-alpha.35 release notes and date

* fix(page): update version label to reflect RSC support

* chore(changelog): update examples to use new component names CardRoot and TabsRoot

* refactor(checkbox): adopt latest component structure

* chore: remove radio stories

* refactor(checkbox): adopt new api and revised stories

* refactor(checkbox-group): adopt new api and add stories

* chore(checkbox-group): revise examples

* chore(checkbox): separate checkbox group css

* chore(styles): revise checkbox styels

* fix(styles): add border for invalid

* feat(checkbox): add invalid story

* chore: sync changes from v3 redesign

* refactor(checkbox): remove slots

* refactor(checkbox): apply compound and named pattern

* feat(docs): checkbox page

* refactor(checkbox): remove use client

* chore(docs): revise based on the latest revamp

---------

Co-authored-by: Tianen Pang <[email protected]>
Co-authored-by: Junior Garcia <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

♿ Scope: v3 Related to HeroUI v3

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants