* fix(date-picker): error state (#5317)

* fix(date-range-picker): fixed the error state in preset

* Update giant-sloths-shop.md

* Removed if statement

* chore(date-picker): prettier

---------

Co-authored-by: WK Wong <wingkwong.code@gmail.com>

* fix(theme): clear button in mobile (#5252)

* fix(toast): fixed close button hover position

* fix(input): fixed the clear button rendering on smaller devices

* Delete .changeset/soft-spoons-march.md

* Update input.ts

* Undo unrelated toast changes

* fix(toast): icons (#5246)

* feat(shared-icons): add loading icon

* fix(toast): icons

* chore(toast): revise types for icons

* chore(changeset): add changeset

* refactor: migrate eslint to v9 (#5267)

* refactor: migrate eslint to v9

* chore: lint

* chore: update eslint command

* chore: fix lint warnings

* chore: separate lint and lint:fix

* chore: exclude contentlayer generated code

* fix(scripts): add missing await

* fix(autocomplete): persist last selected item position (#5286)

* refactor(select): remove unnecessary code

* fix(autocomplete): persist last selected item position

* chore(changeset): add changeset

* chore(deps): bump framer-motion version (#5287)

* chore(deps): bump framer-motion version

* fix: typing issues

* chore(changeset): add changeset

---------

Co-authored-by: Junior Garcia <jrgarciadev@gmail.com>

* chore(docs): supplement onAction & selectionBehavior (#5289)

* fix(autocomplete): ensure focused item matches selected item after filter, selection (#5290)

* fix(autocomplete): ensure focused item matches selected item after filter, selection

* chore: apply type and default value

* chore: add perpose coment in updated code

* test: add focuskey management testcode

* docs: add changeset

* docs: update changeset

* chore: remove comment

* fix: broken components in stories (#5291)

* chore(switch): remove xl size

* chore(docs): remove xl size

* chore(system-rsc): remove xl size

* chore(circular-progress): remove xl size

* chore: undo

* chore(deps): bump RA versions (#5310)

* chore(deps): ra version bump

* chore(changeset): add changeset

* fix(scripts): incorrect docs path

---------

Co-authored-by: Junior Garcia <jrgarciadev@gmail.com>

* chore(docs): update meta data (#5311)

* docs(layout.tsx): added text-foreground (#5316)

* feat(tabs): add click handling for tab items in tests and implementation (#3917)

Co-authored-by: WK Wong <wingkwong.code@gmail.com>

* fix issues in tabs examples (#2405)

Co-authored-by: WK Wong <wingkwong.code@gmail.com>

* chore(docs): add missing onValueChange in CheckboxGroup (#5332)

* ci(changesets): version packages (#5323)

Co-authored-by: Junior Garcia <jrgarciadev@gmail.com>

* chore(deps): bump RA versions (#5361)

* chore(deps): bump RA versions

* chore(deps): bump RA versions

* chore(deps): bump RA versions

* chore: changeset

* refactor(listbox): already extends in AriaListBoxProps

* chore(docs): remove herohack announcement (#5363)

* chore: remove herohack announcement

* Update carbon-ad.tsx

* chore(docs): fixed lint errors

* chore(docs): requested changes

* Update carbon-ad.tsx

* Update carbon-ad.tsx

* fix(theme): consistent faded styling for isInvalid in InputOtp and DateInput (#5349)

* fix(input-otp): remove bg and border styles from faded variant when isInvalid

* fix(date-input): remove bg styles from faded variant when isInvalid

* chore(changeset): add changeset

* chore: bump theme peerDependencies

* chore: bump theme peerDependencies

* fix: wrong version

* chore: extra line

---------

Co-authored-by: WK Wong <wingkwong.code@gmail.com>

* fix(theme): helperWrapper padding (#5350)

* fix(number-input): decreased helperWrapper padding to maintain consistency

* Update beige-laws-heal.md

* chore(theme): change to p-1

* chore(deps): bump peerDependencies for theme pkg

* fix(number-input): incorrect versions

* chore(changeset): include number input

---------

Co-authored-by: WK Wong <wingkwong.code@gmail.com>

* fix(autocomplete): onClear (#5365)

* fix(autocomplete): add onClear

* feat(autocomplete): add test case for onClear

* chore(changeset): add changeset

* fix(number-input): only allow number type (#5368)

* refactor(number-input): avoid non number type passing to number input

* chore(changeset): add changeset

* refactor: optimization (#5362)

* chore(deps): bump RA versions

* chore(deps): bump RA versions

* chore(deps): bump RA versions

* chore: changeset

* chore(deps): remove unnecessary dependencies

* fix(calendar): typing issue

* refactor(system): remove unused SupportedCalendars

* refactor(system): move I18nProviderProps to type

* refactor: use `spectrumCalendarProps<DateValue>["createCalendar"]`

* feat: add consistent-type-imports

* fix: eslint

* chore: add changeset

* refactor: remove unused deps

* ci(changesets): version packages (#5364)

Co-authored-by: Junior Garcia <jrgarciadev@gmail.com>

* chore(deps): bump RA versions (#5382)

* fix(tabs): onClick (#5378)

* fix(tabs): handleClick

* chore(changeset): add changeset

* refactor: remove `@interationalized/date` from system (#5374)

* refactor(calendar): createCalendar typing

* refactor(system): ditch `@react-types/calendar`

* feat(system): include the required types or interfaces

* chore(deps): pnpm-lock.yaml

* fix: cast DateValue

* fix: minValue & maxValue typing

* chore(changeset): add changeset

* refactor(system): abstract class

* chore(deps): bump system peer dependency

* chore(changeset): add changeset

* fix(docs): correct display of the "Toast" component in the Safari browser (#5400)

* ci(changesets): version packages (#5394)

Co-authored-by: Junior Garcia <jrgarciadev@gmail.com>

* docs: replace invalid yarn command (#5422)

* chore: remove ph banner (#5437)

* feat: 2.8.0 beta changes (#5473)

* ci(changesets): 📦 version packages (beta) (#5254)

* chore(pre-release): enter pre-release mode

* feat: support tailwindcss v4 (#4656)

* feat: upgrade tailwindcssv4

* feat: upgrade tailwindcssv4

* feat: update config

* feat: first init tailwindcss v4

* fix: update shadow xs to sm

* fix: update rounded xs to sm

* fix: variant issues

* fix: variant shadow etc issues

* fix: variant shadow issues

* fix: redundant shadow issues

* fix: redundant blur-sm issues

* fix: redundant blur-sm issues

* fix: redundant blur-sm shadow issues

* fix: remove redundant rename

* fix: role button issues

* fix: role button issues

* fix: font size

* fix: alpha color value

* fix: support text utilities in plugin

* feat: upgrade tailwind-merge

* fix: pkg package scope

(cherry picked from commit 6e823233fca0e920336ec32dda6d1d1d845ed0d2)

* fix: button base ui add cursor pointer

* fix: tailwindcss experimental

* feat: upgrade tailwindcss version

* fix: input step 1

* fix: input transition issue

* fix: theme to var function

* ci: run QA in beta branch

* fix: var to the theme and incorrect var usage MER-3261

* feat: upgrade tailwind-variants

---------

Co-authored-by: WK Wong <wingkwong.code@gmail.com>
Co-authored-by: Junior Garcia <jrgarciadev@gmail.com>

* feat: changeset for tailwindcss v4

* fix: changeset

* fix: changeset

* ci(changesets): version packages (beta) (#5008)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* chore: tw 4 docs

* fix: select tests

* chore: timeout

* ci(changesets): version packages (beta)

* ci(changesets): version packages (beta)

* fix: deployment

* ci(changesets): version packages (beta) (#5009)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* chore: add the cli to upgrade the packages to beta

* fix: cli command

* fix: revert to use previous version (#5012)

* fix: revert to use previous version

* fix: revert to use previous version

* fix: revert

* fix: revert to use previous tailwind-merge version

* ci(changesets): version packages (beta) (#5015)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* fix: adapt tailwind merger config (#5016)

* Revert "fix: revert to use previous version (#5012)"

This reverts commit 1d01df254d6df9bc524d29d767236823b33a96fd.

* fix: adapt tailwind merge config

* fix: adapt tailwind merge config

* fix: adapt tailwind merge config

* fix: changeset

* ci(changesets): version packages (beta)

* fix(tailwind): add missing values config for bg-grid plugin

* fix: remove useless tw config

* fix: add default styles

* docs: changeset

* docs: typo

* chore: merge origin canary to beta

* ci(changesets): version packages (beta)

* chore: remove changeset & pre.json

* chore: change to minor

* chore(pre-release): enter pre-release mode

* chore(deps): fix versions

* chore(deps): revise changed packages

* chore(deps): update tailwindcss version

* ci(changesets): 📦 version packages (beta) (#5166)

* ci(changesets): version packages (beta)

* fix: add missing delimiter

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: winches <329487092@qq.com>

* fix(docs): add missing semicolon

* fix: animate about skeleton (#5198)

* chore: pre release

* ci(changesets): version packages (beta) (#5199)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* docs: blurred hover button style

* fix: language selector blur (#5208)

* fix: skeleton animate translate value (#5207)

* fix: open in remote repo (#5214)

* chore: upgrade tw version

* fix: open in remote repo

* fix: update lock

* fix: select translate styles (#5219)

* chore: pre release

* ci(changesets): version packages (beta) (#5222)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* chore: remove changeset

* chore(pre-release): enter pre-release mode

* chore(react): continue from 2.8.0-beta.2

* chore(changeset): add changeset

* fix(changeset): use patch

* ci(changesets): version packages (beta)

* fix(docs): beta docs

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: winches <329487092@qq.com>
Co-authored-by: WK Wong <wingkwong.code@gmail.com>
Co-authored-by: Junior Garcia <jrgarciadev@gmail.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: Charlotte21110 <hejianer9@163.com>

* fix(workflow): check_if_pre_json_exists order

* chore(changeset): redeploy

* chore(changeset): changeset (#5263)

* ci(changesets): version packages (beta) (#5264)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* fix(docs): mdx in beta (#5261)

* chore(docs): add lint:fix

* fix(docs): slug requires promise in next 15

* fix(docs): useMDXComponent

* fix(docs): typing issue

* docs: typography style error (#5274)

* chore(pre-release): enter pre-release mode

* feat: support tailwindcss v4 (#4656)

* feat: upgrade tailwindcssv4

* feat: upgrade tailwindcssv4

* feat: update config

* feat: first init tailwindcss v4

* fix: update shadow xs to sm

* fix: update rounded xs to sm

* fix: variant issues

* fix: variant shadow etc issues

* fix: variant shadow issues

* fix: redundant shadow issues

* fix: redundant blur-sm issues

* fix: redundant blur-sm issues

* fix: redundant blur-sm shadow issues

* fix: remove redundant rename

* fix: role button issues

* fix: role button issues

* fix: font size

* fix: alpha color value

* fix: support text utilities in plugin

* feat: upgrade tailwind-merge

* fix: pkg package scope

(cherry picked from commit 6e823233fca0e920336ec32dda6d1d1d845ed0d2)

* fix: button base ui add cursor pointer

* fix: tailwindcss experimental

* feat: upgrade tailwindcss version

* fix: input step 1

* fix: input transition issue

* fix: theme to var function

* ci: run QA in beta branch

* fix: var to the theme and incorrect var usage MER-3261

* feat: upgrade tailwind-variants

---------

Co-authored-by: WK Wong <wingkwong.code@gmail.com>
Co-authored-by: Junior Garcia <jrgarciadev@gmail.com>

* feat: changeset for tailwindcss v4

* fix: changeset

* fix: changeset

* ci(changesets): version packages (beta) (#5008)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* chore: tw 4 docs

* fix: select tests

* chore: timeout

* ci(changesets): version packages (beta)

* ci(changesets): version packages (beta)

* fix: deployment

* ci(changesets): version packages (beta) (#5009)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* chore: add the cli to upgrade the packages to beta

* fix: cli command

* fix: revert to use previous version (#5012)

* fix: revert to use previous version

* fix: revert to use previous version

* fix: revert

* fix: revert to use previous tailwind-merge version

* ci(changesets): version packages (beta) (#5015)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* fix: adapt tailwind merger config (#5016)

* Revert "fix: revert to use previous version (#5012)"

This reverts commit 1d01df254d6df9bc524d29d767236823b33a96fd.

* fix: adapt tailwind merge config

* fix: adapt tailwind merge config

* fix: adapt tailwind merge config

* fix: changeset

* ci(changesets): version packages (beta)

* fix(tailwind): add missing values config for bg-grid plugin

* fix: remove useless tw config

* fix: add default styles

* docs: changeset

* docs: typo

* chore: merge origin canary to beta

* ci(changesets): version packages (beta)

* chore: remove changeset & pre.json

* chore: change to minor

* chore(pre-release): enter pre-release mode

* chore(deps): fix versions

* chore(deps): revise changed packages

* chore(deps): update tailwindcss version

* ci(changesets): 📦 version packages (beta) (#5166)

* ci(changesets): version packages (beta)

* fix: add missing delimiter

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: winches <329487092@qq.com>

* fix(docs): add missing semicolon

* fix: animate about skeleton (#5198)

* chore: pre release

* ci(changesets): version packages (beta) (#5199)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* docs: blurred hover button style

* fix: language selector blur (#5208)

* fix: skeleton animate translate value (#5207)

* fix: open in remote repo (#5214)

* chore: upgrade tw version

* fix: open in remote repo

* fix: update lock

* fix: select translate styles

* Merge branch beta/release-next of github.com:heroui-inc/heroui into beta/release-next-original

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: WK Wong <wingkwong.code@gmail.com>
Co-authored-by: Junior Garcia <jrgarciadev@gmail.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: Charlotte21110 <hejianer9@163.com>

* fix: transition scale (#5284)

* feat(toast): enable programatically closing a toast with a specific key (#5125)

* feat(toast): add closeToast method

* docs(toast): add example for programmatically closing toast

* refactor: change button title in doc

* refactor: add type for key

* test: sync storybook example with the one in docs

* chore: add changeset

* refactor: fix grammar

* chore: update toast package version change to patch

* Merge branch 'canary' into pr/5125

* chore(changeset): add ref number

* refactor(toast): export hooks

* chore(docs): use flat buttons

---------

Co-authored-by: WK Wong <wingkwong.code@gmail.com>

* ci(changesets): version packages (beta) (#5285)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* fix(input): prevent accessibility label duplication (#5161)

* fix(input): prevent accessibility label duplication

* chore(chageset): add changeset

* chore(changeset): include issue number

---------

Co-authored-by: WK <wingkwong.code@gmail.com>

* refactor: overlay & interactOutside (#5100)

* fix: remove ariaShouldCloseOnInteractOutside usage

* feat: add `@heroui/use-aria-overlay`

* chore(popover): remove ariaHideOutside

* fix(use-aria-modal-overlay): use useAriaOverlay instead

* fix(use-aira-overlay): revise onInteractOutside

* chore(deps): pnpm-lock.yaml

* feat(modal): add ModalWithAutocompleteTemplate

* chore(modal): remove state.close as handled by useInteractOutside

* fix(use-aria-multiselect): add menuTriggerProps.onPressStart and change domProps to triggerProps

* chore(use-aria-button): support onPressUp

* chore(deps): pnpm-lock.yaml

* chore(use-aria-multiselect): join by commas

* fix(tooltip): use useAriaOverlay instead

* fix(autocomplete): jest timeout issue

* chore(deps): pnpm-lock.yaml

* chore(changset): add changeset

* chore(deps): bump versions

* refactor(tooltip): move to type

* chore(deps): bump RA versions (#5315)

* chore(deps): bump RA versions

* fix(scripts): incorrect docs path

* chore(changeset): add changeset for bumping RA versions

* fix(docs): incorrect import path

* refactor(modal): use a simple example

* ci(changesets): version packages (beta) (#5303)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* feat(input): adding outside-top prop (#4775)

* feat(input): adding outside-top prop

* chore(input): add outside-top to use-label-placement hook

* refactor(input): use old method for computing labelPlacement in 'use-input'

* fix(input): fix focus behaviouir and alignment for 'outside-top'

* Merge branch 'canary' into pr/4775

* chore(changeset): include issue number

* feat(system): useInputLabelPlacement

* refactor(input): use useInputLabelPlacement

* chore(changeset): add changeset

---------

Co-authored-by: WK Wong <wingkwong.code@gmail.com>

* chore: sync latest changes to beta (#5347)

* chore: add herohack announcement

* fix(date-picker): error state (#5317)

* fix(date-range-picker): fixed the error state in preset

* Update giant-sloths-shop.md

* Removed if statement

* chore(date-picker): prettier

---------

Co-authored-by: WK Wong <wingkwong.code@gmail.com>

* chore: banner replacement

* fix(theme): clear button in mobile (#5252)

* fix(toast): fixed close button hover position

* fix(input): fixed the clear button rendering on smaller devices

* Delete .changeset/soft-spoons-march.md

* Update input.ts

* Undo unrelated toast changes

* fix(toast): icons (#5246)

* feat(shared-icons): add loading icon

* fix(toast): icons

* chore(toast): revise types for icons

* chore(changeset): add changeset

* refactor: migrate eslint to v9 (#5267)

* refactor: migrate eslint to v9

* chore: lint

* chore: update eslint command

* chore: fix lint warnings

* chore: separate lint and lint:fix

* chore: exclude contentlayer generated code

* fix(scripts): add missing await

* fix(autocomplete): persist last selected item position (#5286)

* refactor(select): remove unnecessary code

* fix(autocomplete): persist last selected item position

* chore(changeset): add changeset

* chore(deps): bump framer-motion version (#5287)

* chore(deps): bump framer-motion version

* fix: typing issues

* chore(changeset): add changeset

---------

Co-authored-by: Junior Garcia <jrgarciadev@gmail.com>

* chore(docs): supplement onAction & selectionBehavior (#5289)

* fix(autocomplete): ensure focused item matches selected item after filter, selection (#5290)

* fix(autocomplete): ensure focused item matches selected item after filter, selection

* chore: apply type and default value

* chore: add perpose coment in updated code

* test: add focuskey management testcode

* docs: add changeset

* docs: update changeset

* chore: remove comment

* fix: broken components in stories (#5291)

* chore(switch): remove xl size

* chore(docs): remove xl size

* chore(system-rsc): remove xl size

* chore(circular-progress): remove xl size

* chore: undo

* chore(deps): bump RA versions (#5310)

* chore(deps): ra version bump

* chore(changeset): add changeset

* fix(scripts): incorrect docs path

---------

Co-authored-by: Junior Garcia <jrgarciadev@gmail.com>

* chore(docs): update meta data (#5311)

* docs(layout.tsx): added text-foreground (#5316)

* feat(tabs): add click handling for tab items in tests and implementation (#3917)

Co-authored-by: WK Wong <wingkwong.code@gmail.com>

* fix issues in tabs examples (#2405)

Co-authored-by: WK Wong <wingkwong.code@gmail.com>

* chore(docs): add missing onValueChange in CheckboxGroup (#5332)

* ci(changesets): version packages (#5323)

Co-authored-by: Junior Garcia <jrgarciadev@gmail.com>

* chore: remove pre.json

---------

Co-authored-by: Junior Garcia <jrgarciadev@gmail.com>
Co-authored-by: Vishv Salvi <82429084+Vishvsalvi@users.noreply.github.com>
Co-authored-by: KumJungMin <37934668+KumJungMin@users.noreply.github.com>
Co-authored-by: liaoyinglong <vigossliao@gmail.com>
Co-authored-by: zhengjitf <zhengjitf@gmail.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* chore(pre-release): enter pre-release mode

* chore: update changesets

* chore: remove changesets

* chore: add changeset

* chore: update `@heroui/react` pre version

* fix(deps): add missing `@heroui/use-aria-overlay` import

* fix: lock file (#5351)

* ci(changesets): 📦 version packages (beta) (#5348)

* ci(changesets): version packages (beta)

* Merge branch 'beta/release-next' into changeset-release/beta/release-next

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: WK Wong <wingkwong.code@gmail.com>

* chore: sync 2.8.0 to beta (#5388)

* chore: remove outdated changeset

* chore(pre-release): enter pre-release mode

* chore(deps): bump RA versions (beta) (#5392)

* chore(deps): bump RA versions

* chore: add changeset

* ci(changesets): version packages (beta) (#5393)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* refactor: remove RA dependencies (overaly & utils) (#5398)

* refactor(system): remove `@react-aria/utils` package

* refactor(system): remove `@react-aria/overlays` package

* ci(changesets): version packages (beta) (#5399)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* refactor: RA optimization (#5401)

* refactor(shared-utils): add common functions from `@react-aria/utils`

* feat(system): add shouldClientNavigate & useRouter

* refactor(deps): remove `@react-aria/utils`

* feat(shared-utils): include common functions from RA

* refactor: import functions from `@heroui/shared-utils` instead

* chore(deps): pnpm-lock.yaml

* chore: add changeset

* chore(shared-utils): update directory

* fix(shared-utils): add use client directive

* feat: add `@heroui/use-viewport-size`

* feat: add `@heroui/use-form-reset`

* feat(use-resize): add hasResizeObserver & RefObject

* feat(form): add useObjectRef

* chore: update import

* chore(deps): update dependencies

* refactor(shared-utils): only keep utils

* chore(deps): pnpm-lock.yaml

* chore(changeset): add changeset

* ci(changesets): version packages (beta) (#5406)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* fix: transitions (#5409)

* chore(changeset): add changeset

* fix: outline style (#5421)

* fix: outline style

* chore(changeset): add changeset

---------

Co-authored-by: WK Wong <wingkwong.code@gmail.com>

* fix(toast): Renaming the loadingIcon to loadingComponent (#4919)

* fix: toast should be above the modal

* fix: renaming the loadingIcon to loadingComponent

* chore: adding changeset

* chore: fixing conflicts

* chore: adding the region props

* fix: adding Marcus' suggestions

* fix: marcus' suggestions

* Revert all commits except 4c6bf32

* chore(toast): bump `@heroui/theme` in peerDependencies

* chore: nits

* chore: applying marcus' suggestions

* chore(toast): update story

---------

Co-authored-by: WK Wong <wingkwong.code@gmail.com>

* chore: use beta version

* chore: delete pre.json

* chore(pre-release): enter pre-release mode

* chore(changeset): trigger release

* chore(changeset): trigger release

* chore: keep previous changesets

* ci(changesets): version packages (beta) (#5429)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* fix(table): header and isStriped missing radius (#5062)

* fix(table): tableheader and isStriped missing radius

* chore: add changeset

* fix: fix missing radius styles

* chore(changeset): update message

* fix(theme): reorder radius

---------

Co-authored-by: WK Wong <wingkwong.code@gmail.com>

* fix(slider): prevent NaN error for equal min / max values (#5044)

* fix(slider): prevent NaN error for equal min/max values

* fix: restore isdisabled code

* fix(slider): perf prevent NaN error for equal min max values

* refactor: slider code

* fix(slider): prevent NaN error for equal min max values & add test

* fix(slider): perf prevent NaN error for equal min max values

* fix: remove redundant code

* chore: add changeset

* Revert "chore: add changeset"

This reverts commit f31de4ac859e48eb09c8a14a546fed9e5197eccd.

* chore(slider): add missing warn

* refactor(slider): remove unnecessary line

---------

Co-authored-by: WK Wong <wingkwong.code@gmail.com>

* fix: double fetch img src (#5417)

* fix(image): double fetch when using custom image component

* fix(avatar): avoid passing disableAnimation to dom & double fetch source

* chore(changeset): include avatar

* fix(autocomplete): empty button when selectorIcon is null (#5427)

* fix(toast): Toast items close in reverse order (#5405)

* fix(toast): correct closing order to implement proper FIFO behavior

* chore(changeset): add changeset

* fix(changeset): update issue number

* chore(toast): use `!==` instead

* feat(toast): apply exit animation to auto-close timeout

---------

Co-authored-by: WK Wong <wingkwong.code@gmail.com>

* fix(table): remove removeWrapper on virtualized table (#5428)

* fix(table): remove `removeWrapper` for virtualized table

* chore(docs): update description for removeWrapper

* chore(changeset): add changeset

* fix(toast): fixed close button hover position (#5245)

* fix(toast): fixed close button hover position

* Update soft-spoons-march.md

* Update toast.ts

* chore(theme): prettier

* Using "placement" to apply the top and bottom extension

* fix(toast): modified hover for expanded region

* update dependancy array

* lint fix

* Merge branch 'canary' into pr/5245

* chore(theme): remove line breaks

* chore(changeset): add missing package

* static extension size

* fix(toast): static extension fix

---------

Co-authored-by: WK Wong <wingkwong.code@gmail.com>

* feat(table): support custom sort icon (#5243)

* feat(shared-icons): add SortIcon

* feat(table): add CustomSortIcon story

* feat(table): support custom sort icon

* fix(table): handle functional sortIcon

* chore(changeset): add changeset

* chore(table): update type

* feat(docs): add sortIcon to table

* fix(docs): broken object

* chore(shared-icons): lint

* feat(docs): add example for sort icon

* chore: bump pnpm & node version (#5442)

* refactor: bump pnpm & node version

* chore(deps): bump `@types/node`

* fix(calendar): improve month and year picker selection for different zoom levels (#5151)

* fix(calendar): improve month and year picker selection for different zoom levels

* fix(calendar): improve month and year picker selection for different zoom levels

* fix(calendar): prevent stale values while scrolling both year and month pickers simultaneously

* docs: replace invalid yarn command (#5422)

* chore: remove ph banner (#5437)

* chore(changeset): update changeset message

* chore: add line breaks

---------

Co-authored-by: Nicolas Cappabianca <nicolas.cappabianca@gmail.com>
Co-authored-by: WK <wingkwong.code@gmail.com>

* feat(select): adding isClearable to select (#4785)

* feat(select): adding isClearable to select

* chore(select): add changeset

* test(select): add tests for isClearable

* chore(select): add theme package patch, improve the testcase, rename nextui package to heroui

* fix(select): fixing alignment for clear button for different cases

* Merge branch 'canary' into pr/4785

* Merge branch 'canary' into pr/4785

* fix(select): remove component level styling

* fix(select): fix the alignment and focus behaviour

* fix(select): shift clear buttojn close to trigger

* fix(select): fix alignment for different variants

* feat(select): add data-has-end-content

* fix(theme): revise select styles with clear button and end content

* feat(docs): add end content

---------

Co-authored-by: WK Wong <wingkwong.code@gmail.com>

* fix(select): use span instead as trigger is button

* fix(docs): add ToastProvider for blog post

* ci(changesets): version packages (beta) (#5430)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* fix(select): clear button test cases

* fix(modal): draggable modal, scrollable on mobile (#5444)

Co-authored-by: Vishv Salvi <vishvsalvi@Vishvs-MacBook-Air.local>

* chore: trigger release

* ci(changesets): version packages (beta) (#5445)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* fix(theme): table header sorting icon transition (#5449)

* fix: table header sorcting icon transition

* chore(changeset): add changeset

---------

Co-authored-by: WK Wong <wingkwong.code@gmail.com>

* fix(table): allow text selection with cursor in table cells (#5454)

* fix(table): allow text selection with cursor in table cells

* chore(changeset): add changeset

---------

Co-authored-by: WK Wong <wingkwong.code@gmail.com>

* ci(changesets): version packages (beta) (#5450)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* chore: add back RA deps (#5466)

* chore(deps): bump testing-library & jest versions (#5468)

* refactor: revise test cases

* chore(deps): bump testing-library & jest versions

* ci(changesets): version packages (beta) (#5467)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* refactor(autocomplete): test cases

* fix(use-theme): incorrect target theme

* ci(changesets): version packages (beta) (#5470)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* fix(use-theme): remove all theme values and add the new one

* ci(changesets): version packages (beta) (#5472)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* docs: 2.8.0 (#5443)

* chore(docs): update routes.json

* chore(docs): bump versions

* chore(docs): initial draft

* chore(docs): add examples

* chore(Docs): update credits and community

* chore(docs): update date & what's next

* chore(docs): update meta data

* chore(docs): add update tags

* chore(docs): add tableSortIcon example

* chore(docs): revise sidebar width

* chore(docs): remove package size optimization

* chore(docs): update meta

* ci(changesets): exit pre-release mode

* chore: update package versions

* chore(changeset): remove unrelated changeset

* chore(deps): remove unused autoprefixer

* chore(docs): update tailwind v4 content

* chore(docs): update template doc content

* chore(docs): update formatting

* chore(toast): export getToastQueue (#5476)

* chore(docs): add hydration issue handling to page router example (#5474)

* docs(dark-mode): add hydration handling to page router example

* chore(docs): format

---------

Co-authored-by: WK Wong <wingkwong.code@gmail.com>

* chore(deps): bump tw4 versions

* fix: handle files with paths containing empty space (#5478)

* chore(docs): revise wordings in 2.8.0 blog

* feat(slider): add getTooltipValue prop for custom tooltip value (#5384)

* feat(slider): add getTooltipValue prop for custom tooltip value

* feat(slider): fix coderabbit highlights

* feat(slider): fixed wingkwong highlights

* feat(slider): added custom-tooltip.raw.tsx?raw

* feat(slider): improved custom-tooltip.raw.tsx

* chore: undo README.md

* chore(slider): use normal $ sign

* chore(changeset): add changeset

* chore(docs): formatting

---------

Co-authored-by: andartadev1 <andartadev@gmail.com>
Co-authored-by: WK Wong <wingkwong.code@gmail.com>

* chore(docs): revise custom tooltip example

* chore(docs): add custom tooltip example for slider

* chore(deps): bump contentlayer2 & next-contentlayer2

* chore(docs): fix formatting

* chore(docs): update metadata

* chore: add v2.8.0 image

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: winches <329487092@qq.com>
Co-authored-by: Junior Garcia <jrgarciadev@gmail.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: Charlotte21110 <hejianer9@163.com>
Co-authored-by: Feiyu Zheng <67126194+ChaserZ98@users.noreply.github.com>
Co-authored-by: Dmytro Klymenko <dmytro@klymenko.xyz>
Co-authored-by: Abhinav Agarwal <78839973+abhinav700@users.noreply.github.com>
Co-authored-by: Vishv Salvi <82429084+Vishvsalvi@users.noreply.github.com>
Co-authored-by: KumJungMin <37934668+KumJungMin@users.noreply.github.com>
Co-authored-by: liaoyinglong <vigossliao@gmail.com>
Co-authored-by: zhengjitf <zhengjitf@gmail.com>
Co-authored-by: Maharshi Alpesh <maharshialpesh@gmail.com>
Co-authored-by: Yohan <58714229+kaishuige@users.noreply.github.com>
Co-authored-by: Aditya Ray <96347576+adi-ray@users.noreply.github.com>
Co-authored-by: Aakash Patel <ap0524@srmist.edu.in>
Co-authored-by: Nicolas Cappabianca <nicolas.cappabianca@gmail.com>
Co-authored-by: Vishv Salvi <vishvsalvi@Vishvs-MacBook-Air.local>
Co-authored-by: Priyadharshini S <priyadharshinis5102@gmail.com>
Co-authored-by: arar <77303253+ararTP@users.noreply.github.com>
Co-authored-by: andartadev1 <andartadev@gmail.com>

* chore: consolidated version part 2

* ci(changesets): version packages (#5482)

Co-authored-by: Junior Garcia <jrgarciadev@gmail.com>

* fix(theme): use `outline-hidden` which is equivalent to `outline-none`  (#5486)

* fix: use `outline-hidden` which is equivalent to `outline-none` in v3

* chore: add changeset

* ci(changesets): version packages (#5487)

Co-authored-by: Junior Garcia <jrgarciadev@gmail.com>

* fix(number-input): label class being incorrectly mixed into the description (#5484)

* fix(number-input): label class being incorrectly mixed into the description

* chore: add issue number

---------

Co-authored-by: wulimaomao <tao@trlab.com>
Co-authored-by: WK Wong <wingkwong.code@gmail.com>

* fix(docs): broken link in custom variants page (#5522)

* refactor(alert): vertically center alert icon / endContent (#5512)

* chore(deps): bump RA dependencies (#5517)

* chore(deps): sync with RA release

* fix(tabs): duplicate onClick

* chore(docs): update tanstack content

* chore(docs): set updated flag

* chore(docs): update meta

* fix(use-aria-overlay): sync with RA's overlay logic (#5529)

* fix(use-aria-overlay): sync with RA logic

* fix(use-aria-overlay): add onHide on onInteractOutsideStart

* chore(changeset): add changeset

* fix(popover): arrow glitch in popover content (#5504)

* fix(popover): make PopoverContent children prop optional to fix TS error

* chore(changeset): created changeset

* fix(popover): do not show content when children is null / undefined

* fix(popover): add test case

* chore(changeset): update changeset message

---------

Co-authored-by: i_nicck <i_nicck@i-niccks-MacBook-Air.local>
Co-authored-by: WK Wong <wingkwong.code@gmail.com>

* fix(avatar): broken fallbacks (#5519)

* fix(toast): toastRegion leftover in DOM (#5508)

* fix(theme): focus ring styles (#5531)

* chore(deps): bump tailwind-variants version (#5538)

* chore(deps): bump tailwind-variants version

* chore(deps): add tailwind-merge

* ci(changesets): version packages (#5516)

Co-authored-by: Junior Garcia <jrgarciadev@gmail.com>

---------

Co-authored-by: Vishv Salvi <82429084+Vishvsalvi@users.noreply.github.com>
Co-authored-by: Junior Garcia <jrgarciadev@gmail.com>
Co-authored-by: KumJungMin <37934668+KumJungMin@users.noreply.github.com>
Co-authored-by: liaoyinglong <vigossliao@gmail.com>
Co-authored-by: zhengjitf <zhengjitf@gmail.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Anuj Kuralkar <76731106+anuj-kuralkar@users.noreply.github.com>
Co-authored-by: Poli Sour <57824881+novsource@users.noreply.github.com>
Co-authored-by: Nicolas Cappabianca <nicolas.cappabianca@gmail.com>
Co-authored-by: winches <329487092@qq.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: Charlotte21110 <hejianer9@163.com>
Co-authored-by: Feiyu Zheng <67126194+ChaserZ98@users.noreply.github.com>
Co-authored-by: Dmytro Klymenko <dmytro@klymenko.xyz>
Co-authored-by: Abhinav Agarwal <78839973+abhinav700@users.noreply.github.com>
Co-authored-by: Maharshi Alpesh <maharshialpesh@gmail.com>
Co-authored-by: Yohan <58714229+kaishuige@users.noreply.github.com>
Co-authored-by: Aditya Ray <96347576+adi-ray@users.noreply.github.com>
Co-authored-by: Aakash Patel <ap0524@srmist.edu.in>
Co-authored-by: Vishv Salvi <vishvsalvi@Vishvs-MacBook-Air.local>
Co-authored-by: Priyadharshini S <priyadharshinis5102@gmail.com>
Co-authored-by: arar <77303253+ararTP@users.noreply.github.com>
Co-authored-by: andartadev1 <andartadev@gmail.com>
Co-authored-by: wulimao49 <73568161+wulimao49@users.noreply.github.com>
Co-authored-by: wulimaomao <tao@trlab.com>
Co-authored-by: Shagun Sharma <108183568+nicck1@users.noreply.github.com>
Co-authored-by: i_nicck <i_nicck@i-niccks-MacBook-Air.local>
This commit is contained in:
WK 2025-07-29 20:33:49 +08:00 committed by GitHub
parent 29b415d65a
commit 95e446dd74
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
189 changed files with 3641 additions and 3036 deletions

View File

@ -467,7 +467,7 @@ export default function Page() {
<label className="flex items-center text-default-400 text-small">
Rows per page:
<select
className="bg-transparent outline-hidden text-default-400 text-small"
className="bg-transparent outline-solid outline-transparent text-default-400 text-small"
onChange={onRowsPerPageChange}
>
<option value="5">5</option>

View File

@ -459,7 +459,7 @@ export default function Page() {
<label className="flex items-center text-default-400 text-small">
Rows per page:
<select
className="bg-transparent outline-hidden text-default-400 text-small"
className="bg-transparent outline-solid outline-transparent text-default-400 text-small"
onChange={onRowsPerPageChange}
>
<option value="5">5</option>

View File

@ -63,7 +63,7 @@ const cmdk = tv({
"h-14",
"font-sans",
"text-lg",
"outline-hidden",
"outline-solid outline-transparent",
"rounded-none",
"bg-transparent",
"text-default-700",

View File

@ -53,5 +53,5 @@ export const parseDependencies = (content: string) => {
const fixedVersions = {
"@internationalized/date": "3.8.2",
"@react-aria/i18n": "3.12.10",
"@react-aria/i18n": "3.12.11",
};

View File

@ -196,7 +196,7 @@ function TreeItem<T>(props: TreeItemProps<T>) {
aria-expanded={dataAttr(hasChildNodes ? isExpanded : undefined)}
aria-selected={dataAttr(isSelected)}
className={clsx(
"flex flex-col outline-hidden w-full tap-highlight-transparent",
"flex flex-col outline-solid outline-transparent w-full tap-highlight-transparent",
hasChildNodes ? "mb-4" : "first:mt-4",
// focus ring
...dataFocusVisibleClasses,

View File

@ -33,7 +33,7 @@ export const FbRoadmapLink = ({className, innerClassName}: Props) => {
<div className={clsx("relative", innerClassName)}>
Roadmap
<Icon
className="absolute right-[-10px] top-0 outline-hidden transition-transform group-data-[hover=true]:translate-y-0.5 [&>path]:stroke-[2.5px]"
className="absolute right-[-10px] top-0 outline-solid outline-transparent transition-transform group-data-[hover=true]:translate-y-0.5 [&>path]:stroke-[2.5px]"
icon={arrowRightUpIcon}
width={10}
/>

View File

@ -80,7 +80,7 @@ export const HeroUIChatBanner = () => {
HeroUI Chat
<Icon
aria-hidden="true"
className="outline-hidden transition-transform group-hover:translate-x-0.5 [&>path]:stroke-[2px]"
className="outline-solid outline-transparent transition-transform group-hover:translate-x-0.5 [&>path]:stroke-[2px]"
icon={arrowRightIcon}
width={16}
/>

View File

@ -59,7 +59,7 @@ export const shopCartStyles = tv({
"text-sm",
"rounded-full",
// focus ring
"group-data-[focus-visible=true]:outline-hidden",
"group-data-[focus-visible=true]:outline-solid outline-transparent",
"group-data-[focus-visible=true]:ring-2",
"group-data-[focus-visible=true]:ring-focus",
"group-data-[focus-visible=true]:ring-offset-2",

View File

@ -67,7 +67,7 @@ export const Hero = () => {
color="primary"
endContent={
<ArrowRightIcon
className="group-data-[hover=true]:translate-x-0.5 outline-hidden transition-transform"
className="group-data-[hover=true]:translate-x-0.5 outline-solid outline-transparent transition-transform"
strokeWidth={2}
/>
}

View File

@ -66,7 +66,7 @@ export const InstallBanner = () => {
color="secondary"
endContent={
<ArrowRightIcon
className="group-data-[hover=true]:translate-x-0.5 outline-hidden transition-transform"
className="group-data-[hover=true]:translate-x-0.5 outline-solid outline-transparent transition-transform"
strokeWidth={2}
/>
}

View File

@ -275,7 +275,7 @@ export const APITable: React.FC<APITableProps> = ({data}) => {
{/* Mobile popover */}
<Components.Popover placement="top">
<Components.PopoverTrigger>
<button className="flex items-center gap-1 sm:hidden outline-hidden">
<button className="flex items-center gap-1 sm:hidden outline-solid outline-transparent">
<InfoCircle className="text-default-400" size={16} />
</button>
</Components.PopoverTrigger>

View File

@ -227,7 +227,7 @@ export const Navbar: FC<NavbarProps> = ({children, routes, mobileRoutes = [], sl
<NavbarItem className="flex h-full items-center">
<button
className={clsx(
"transition-opacity p-1 hover:opacity-80 rounded-full cursor-pointer outline-hidden",
"transition-opacity p-1 hover:opacity-80 rounded-full cursor-pointer outline-solid outline-transparent",
// focus ring
...dataFocusVisibleClasses,
)}

View File

@ -97,7 +97,7 @@ export const PhBanner = () => {
Get 30% off
<Icon
aria-hidden="true"
className="outline-hidden transition-transform group-hover:translate-x-0.5 [&>path]:stroke-[2px]"
className="outline-solid outline-transparent transition-transform group-hover:translate-x-0.5 [&>path]:stroke-[2px]"
icon={arrowRightIcon}
width={16}
/>

View File

@ -105,7 +105,7 @@ export const ProBanner = () => {
HeroUI Pro
<Icon
aria-hidden="true"
className="outline-hidden transition-transform group-hover:translate-x-0.5 [&>path]:stroke-[2px]"
className="outline-solid outline-transparent transition-transform group-hover:translate-x-0.5 [&>path]:stroke-[2px]"
icon={arrowRightIcon}
width={16}
/>

View File

@ -1,6 +1,6 @@
{
"stars": { "raw": 24825, "formatted": "24.8K" },
"forks": 1838,
"subscribers": 89,
"openIssues": 246
"stars": { "raw": 24951, "formatted": "25K" },
"forks": 1852,
"subscribers": 90,
"openIssues": 242
}

View File

@ -34,7 +34,8 @@
"key": "routing",
"title": "Routing",
"keywords": "client side routing, routing, browser routing, heroui, next.js router, react router, remix router",
"path": "/docs/guide/routing.mdx"
"path": "/docs/guide/routing.mdx",
"updated": true
},
{
"key": "forms",

File diff suppressed because it is too large Load Diff

View File

@ -15,7 +15,7 @@ export const CustomCheckbox = (props) => {
},
isFocusVisible: {
true: {
base: "outline-hidden ring-2 ring-focus ring-offset-2 ring-offset-background",
base: "outline-solid outline-transparent ring-2 ring-focus ring-offset-2 ring-offset-background",
},
},
},

View File

@ -40,7 +40,7 @@ export default function App() {
},
isFocusVisible: {
true: {
base: "outline-hidden ring-2 ring-focus ring-offset-2 ring-offset-background",
base: "outline-solid outline-transparent ring-2 ring-focus ring-offset-2 ring-offset-background",
},
},
},

View File

@ -99,7 +99,7 @@ export default function App() {
className="cursor-default"
endContent={
<select
className="z-10 outline-hidden w-16 py-0.5 rounded-md text-tiny group-data-[hover=true]:border-default-500 border-small border-default-300 dark:border-default-200 bg-transparent text-default-500"
className="z-10 outline-solid outline-transparent w-16 py-0.5 rounded-md text-tiny group-data-[hover=true]:border-default-500 border-small border-default-300 dark:border-default-200 bg-transparent text-default-500"
id="theme"
name="theme"
>

View File

@ -71,7 +71,7 @@ export default function App() {
endContent={
<button
aria-label="toggle password visibility"
className="focus:outline-hidden"
className="focus:outline-solid outline-transparent"
type="button"
onClick={toggleVisibility}
>

View File

@ -110,7 +110,7 @@ export default function App() {
Currency
</label>
<select
className="outline-hidden border-0 bg-transparent text-default-400 text-small"
className="outline-solid outline-transparent border-0 bg-transparent text-default-400 text-small"
id="currency"
name="currency"
>

View File

@ -21,7 +21,7 @@ export default function App() {
</label>
<select
aria-label="Select currency"
className="outline-hidden border-0 bg-transparent text-default-400 text-small"
className="outline-solid outline-transparent border-0 bg-transparent text-default-400 text-small"
defaultValue="USD"
id="currency"
name="currency"

View File

@ -31,7 +31,7 @@ export default function App() {
>
<input
aria-label="Temperature value"
className="px-1 py-0.5 w-12 text-right text-small text-default-700 font-medium bg-default-100 outline-hidden transition-colors rounded-small border-medium border-transparent hover:border-primary focus:border-primary"
className="px-1 py-0.5 w-12 text-right text-small text-default-700 font-medium bg-default-100 outline-solid outline-transparent transition-colors rounded-small border-medium border-transparent hover:border-primary focus:border-primary"
type="text"
value={inputValue}
onChange={(e) => {

View File

@ -34,7 +34,7 @@ export default function App() {
>
<input
aria-label="Temperature value"
className="px-1 py-0.5 w-12 text-right text-small text-default-700 font-medium bg-default-100 outline-hidden transition-colors rounded-small border-medium border-transparent hover:border-primary focus:border-primary"
className="px-1 py-0.5 w-12 text-right text-small text-default-700 font-medium bg-default-100 outline-solid outline-transparent transition-colors rounded-small border-medium border-transparent hover:border-primary focus:border-primary"
type="text"
value={inputValue}
onChange={(e: React.ChangeEvent<HTMLInputElement>) => {

View File

@ -554,7 +554,7 @@ export default function App() {
<label className="flex items-center text-default-400 text-small">
Rows per page:
<select
className="bg-transparent outline-hidden text-default-400 text-small"
className="bg-transparent outline-solid outline-transparent text-default-400 text-small"
onChange={onRowsPerPageChange}
>
<option value="5">5</option>

View File

@ -566,7 +566,7 @@ export default function App() {
<label className="flex items-center text-default-400 text-small">
Rows per page:
<select
className="bg-transparent outline-hidden text-default-400 text-small"
className="bg-transparent outline-solid outline-transparent text-default-400 text-small"
onChange={onRowsPerPageChange}
>
<option value="5">5</option>

View File

@ -550,7 +550,7 @@ export default function App() {
<label className="flex items-center text-default-400 text-small">
Rows per page:
<select
className="bg-transparent outline-hidden text-default-400 text-small"
className="bg-transparent outline-solid outline-transparent text-default-400 text-small"
onChange={onRowsPerPageChange}
>
<option value="5">5</option>

View File

@ -563,7 +563,7 @@ export default function App() {
<label className="flex items-center text-default-400 text-small">
Rows per page:
<select
className="bg-transparent outline-hidden text-default-400 text-small"
className="bg-transparent outline-solid outline-transparent text-default-400 text-small"
onChange={onRowsPerPageChange}
>
<option value="5">5</option>

View File

@ -129,9 +129,9 @@ in multiple formats into `ZonedDateTime` objects.
<PackageManagers
commands={{
npm: "npm install @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
yarn: "yarn add @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
pnpm: "pnpm add @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
npm: "npm install @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
yarn: "yarn add @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
pnpm: "pnpm add @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
}}
/>
@ -177,9 +177,9 @@ in multiple formats into `ZonedDateTime` objects.
<PackageManagers
commands={{
npm: "npm install @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
yarn: "yarn add @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
pnpm: "pnpm add @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
npm: "npm install @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
yarn: "yarn add @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
pnpm: "pnpm add @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
}}
/>

View File

@ -144,9 +144,9 @@ in multiple formats into `ZonedDateTime` objects.
<PackageManagers
commands={{
npm: "npm install @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
yarn: "yarn add @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
pnpm: "pnpm add @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
npm: "npm install @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
yarn: "yarn add @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
pnpm: "pnpm add @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
}}
/>
@ -192,9 +192,9 @@ in multiple formats into `ZonedDateTime` objects.
<PackageManagers
commands={{
npm: "npm install @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
yarn: "yarn add @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
pnpm: "pnpm add @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
npm: "npm install @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
yarn: "yarn add @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
pnpm: "pnpm add @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
}}
/>
@ -214,9 +214,9 @@ in multiple formats into `ZonedDateTime` objects.
<PackageManagers
commands={{
npm: "npm install @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
yarn: "yarn add @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
pnpm: "pnpm add @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
npm: "npm install @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
yarn: "yarn add @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
pnpm: "pnpm add @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
}}
/>
@ -252,9 +252,9 @@ in multiple formats into `ZonedDateTime` objects.
<PackageManagers
commands={{
npm: "npm install @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
yarn: "yarn add @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
pnpm: "pnpm add @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
npm: "npm install @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
yarn: "yarn add @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
pnpm: "pnpm add @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
}}
/>

View File

@ -167,9 +167,9 @@ in multiple formats into `ZonedDateTime` objects.
<PackageManagers
commands={{
npm: "npm install @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
yarn: "yarn add @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
pnpm: "pnpm add @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
npm: "npm install @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
yarn: "yarn add @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
pnpm: "pnpm add @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
}}
/>
@ -215,9 +215,9 @@ in multiple formats into `ZonedDateTime` objects.
<PackageManagers
commands={{
npm: "npm install @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
yarn: "yarn add @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
pnpm: "pnpm add @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
npm: "npm install @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
yarn: "yarn add @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
pnpm: "pnpm add @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
}}
/>
@ -237,9 +237,9 @@ in multiple formats into `ZonedDateTime` objects.
<PackageManagers
commands={{
npm: "npm install @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
yarn: "yarn add @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
pnpm: "pnpm add @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
npm: "npm install @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
yarn: "yarn add @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
pnpm: "pnpm add @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
}}
/>
@ -262,9 +262,9 @@ in multiple formats into `ZonedDateTime` objects.
<PackageManagers
commands={{
npm: "npm install @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
yarn: "yarn add @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
pnpm: "pnpm add @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
npm: "npm install @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
yarn: "yarn add @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
pnpm: "pnpm add @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
}}
/>
@ -282,9 +282,9 @@ in multiple formats into `ZonedDateTime` objects.
<PackageManagers
commands={{
npm: "npm install @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
yarn: "yarn add @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
pnpm: "pnpm add @internationalized/date@3.8.2 @react-aria/i18n@3.12.10",
npm: "npm install @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
yarn: "yarn add @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
pnpm: "pnpm add @internationalized/date@3.8.2 @react-aria/i18n@3.12.11",
}}
/>

View File

@ -13,7 +13,7 @@ HeroUI allows you to create new variants for components by extending and customi
## Creating new variants for non-slots components
Let's use the [Button](/docs/components/button) component as an example. It's a non-slots component, and you can view its source styles [here](https://github.com/heroui/heroui/blob/feat/v2/packages/core/theme/src/components/button.ts).
Let's use the [Button](/docs/components/button) component as an example. It's a non-slots component, and you can view its source styles [here](https://github.com/heroui-inc/heroui/blob/main/packages/core/theme/src/components/button.ts).
> **Note**: If you are not familiar with the variants concept, please refer to the [Tailwind Variants](https://www.tailwind-variants.org/docs/variants) documentation.
@ -91,7 +91,7 @@ import customVariantsNoSlots from "@/content/customization/custom-variants/no-sl
## Creating new variants for slots components
The `extendVariants` function can also be used with slot-based components like [Input](/docs/components/input) to add or override variants. You can view the Input component's source styles [here](https://github.com/heroui/heroui/blob/feat/v2/packages/core/theme/src/components/input.ts).
The `extendVariants` function can also be used with slot-based components like [Input](/docs/components/input) to add or override variants. You can view the Input component's source styles [here](https://github.com/heroui-inc/heroui/blob/main/packages/core/theme/src/components/input.ts).
> **Note**: If you are not familiar with the variants/slots concept, please refer to the [Tailwind Variants](https://www.tailwind-variants.org/docs/slots#slots-with-variants) documentation.

View File

@ -309,97 +309,15 @@ export default function App() {
## TanStack
To use [TanStack Router](https://tanstack.com/router/latest) with HeroUI, render HeroUI's RouterProvider inside your root route.
Use `router.navigate` in the `navigate` prop, and `router.buildLocation` in the `useHref` prop.
To use [TanStack Router](https://tanstack.com/router/latest), use the [createLink](https://tanstack.com/router/latest/docs/framework/react/guide/custom-link) function to wrap each HeroUI component as a link. `RouterProvider` is not needed.
```tsx
// app/root.tsx
import type {NavigateOptions, ToOptions} from '@tanstack/react-router';
import {createLink} from '@tanstack/react-router';
import {Link as HeroUILink, DropdownItem} from '@heroui/react';
import {useRouter} from '@tanstack/react-router';
import {HeroUIProvider} from "@heroui/react";
declare module "@react-types/shared" {
interface RouterConfig {
href: ToOptions['to'];
routerOptions: Omit<NavigateOptions, keyof ToOptions>;
}
}
function RootRoute() {
let router = useRouter();
return (
<HeroUIProvider
navigate={(to, options) => router.navigate({to, ...options})}
useHref={(to) => router.buildLocation({to}).href}
>
{/* You app here... */}
</HeroUIProvider>
);
}
```
## Usage examples
Now that you have set up the `HeroUIProvider` in your app, you can use the `href` prop in the `Tabs`,
`Listbox` and `Dropdown` items to navigate between pages.
The [Link](/docs/components/link) component will also use the `navigate` function from the
`HeroUIProvider` to navigate between pages.
```jsx
import {
Tabs,
Tab,
Listbox,
ListboxItem,
Dropdown,
DropdownTrigger,
DropdownMenu,
DropdownItem,
Button,
Link,
} from "@heroui/react";
function App() {
return (
<>
<Tabs aria-label="Navigation">
<Tab key="home" href="/home">
Home
</Tab>
<Tab key="about" href="/about">
About
</Tab>
</Tabs>
<Listbox aria-label="Navigation">
<ListboxItem key="home" href="/home">
Home
</ListboxItem>
<ListboxItem key="about" href="/about">
About
</ListboxItem>
</Listbox>
<Dropdown>
<DropdownTrigger>
<Button>Open</Button>
</DropdownTrigger>
<DropdownMenu aria-label="Navigation">
<DropdownItem key="home" href="/home">
Home
</DropdownItem>
<DropdownItem key="about" href="/about">
About
</DropdownItem>
</DropdownMenu>
</Dropdown>
<Link href="/home">Home</Link>
<Link href="/about">About</Link>
</>
);
}
export const Link = createLink(HeroUILink);
export const DropdownItemLink = createLink(DropdownItem);
```
<Spacer y={2} />

View File

@ -31,15 +31,15 @@
"@iconify/react": "5.0.2",
"@internationalized/date": "3.8.2",
"@radix-ui/react-scroll-area": "^1.0.5",
"@react-aria/focus": "3.20.5",
"@react-aria/i18n": "3.12.10",
"@react-aria/interactions": "3.25.3",
"@react-aria/selection": "3.24.3",
"@react-aria/ssr": "3.9.9",
"@react-aria/utils": "3.29.1",
"@react-aria/visually-hidden": "3.8.25",
"@react-stately/data": "3.13.1",
"@react-stately/tree": "3.9.0",
"@react-aria/focus": "3.21.0",
"@react-aria/i18n": "3.12.11",
"@react-aria/interactions": "3.25.4",
"@react-aria/selection": "3.25.0",
"@react-aria/ssr": "3.9.10",
"@react-aria/utils": "3.30.0",
"@react-aria/visually-hidden": "3.8.26",
"@react-stately/data": "3.13.2",
"@react-stately/tree": "3.9.1",
"@rehooks/local-storage": "^2.4.5",
"@stackblitz/sdk": "^1.11.0",
"@types/lodash": "^4.17.15",
@ -81,7 +81,8 @@
"sharp": "^0.32.1",
"shelljs": "^0.8.4",
"swr": "2.2.5",
"tailwind-variants": "1.0.0",
"tailwind-variants": "2.0.1",
"tailwind-merge": "3.3.1",
"unified": "^11.0.5",
"unist-util-visit": "5.0.0",
"usehooks-ts": "3.1.0",
@ -90,9 +91,9 @@
},
"devDependencies": {
"@docusaurus/utils": "2.0.0-beta.3",
"@react-types/calendar": "3.7.2",
"@react-types/datepicker": "3.12.2",
"@react-types/shared": "3.30.0",
"@react-types/calendar": "3.7.3",
"@react-types/datepicker": "3.13.0",
"@react-types/shared": "3.31.0",
"@tailwindcss/postcss": "4.1.11",
"@tailwindcss/typography": "0.5.16",
"@types/canvas-confetti": "^1.4.2",

View File

@ -67,8 +67,8 @@
"@eslint/eslintrc": "^3.3.1",
"@eslint/js": "^9.26.0",
"@react-bootstrap/babel-preset": "^2.1.0",
"@react-types/link": "3.6.2",
"@react-types/shared": "3.30.0",
"@react-types/link": "3.6.3",
"@react-types/shared": "3.31.0",
"@storybook/react": "^8.4.5",
"@swc/core": "^1.3.35",
"@swc/jest": "^0.2.39",

View File

@ -1,5 +1,17 @@
# @heroui/accordion
## 2.2.21
### Patch Changes
- [#5517](https://github.com/heroui-inc/heroui/pull/5517) [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with RA release (July 22, 2025)
- Updated dependencies [[`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b)]:
- @heroui/use-aria-accordion@2.2.16
- @heroui/aria-utils@2.2.21
- @heroui/divider@2.2.17
- @heroui/framer-utils@2.1.20
## 2.2.20
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@heroui/accordion",
"version": "2.2.20",
"version": "2.2.21",
"description": "Collapse display a list of high-level options that can expand/collapse to reveal more information.",
"keywords": [
"react",
@ -55,11 +55,11 @@
"@heroui/divider": "workspace:*",
"@heroui/use-aria-accordion": "workspace:*",
"@heroui/dom-animation": "workspace:*",
"@react-aria/interactions": "3.25.3",
"@react-aria/focus": "3.20.5",
"@react-stately/tree": "3.9.0",
"@react-aria/interactions": "3.25.4",
"@react-aria/focus": "3.21.0",
"@react-stately/tree": "3.9.1",
"@react-types/accordion": "3.0.0-alpha.26",
"@react-types/shared": "3.30.0"
"@react-types/shared": "3.31.0"
},
"devDependencies": {
"@heroui/theme": "workspace:*",

View File

@ -1,5 +1,16 @@
# @heroui/alert
## 2.2.24
### Patch Changes
- [#5517](https://github.com/heroui-inc/heroui/pull/5517) [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with RA release (July 22, 2025)
- [#5512](https://github.com/heroui-inc/heroui/pull/5512) [`a83e3fb`](https://github.com/heroui-inc/heroui/commit/a83e3fb5a01c3ba25c309ee1f67b836c2f299dfb) Thanks [@wingkwong](https://github.com/wingkwong)! - vertically center alert icon / endContent (#2678)
- Updated dependencies [[`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b)]:
- @heroui/button@2.2.24
## 2.2.23
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@heroui/alert",
"version": "2.2.23",
"version": "2.2.24",
"description": "Alerts are temporary notifications that provide concise feedback about an action or event.",
"keywords": [
"alert"
@ -40,14 +40,14 @@
"peerDependencies": {
"react": ">=18 || >=19.0.0-rc.0",
"react-dom": ">=18 || >=19.0.0-rc.0",
"@heroui/theme": ">=2.4.17",
"@heroui/theme": ">=2.4.19",
"@heroui/system": ">=2.4.18"
},
"dependencies": {
"@heroui/react-utils": "workspace:*",
"@heroui/shared-icons": "workspace:*",
"@heroui/shared-utils": "workspace:*",
"@react-stately/utils": "3.10.7",
"@react-stately/utils": "3.10.8",
"@heroui/button": "workspace:*"
},
"devDependencies": {

View File

@ -1,5 +1,20 @@
# @heroui/autocomplete
## 2.3.26
### Patch Changes
- [#5517](https://github.com/heroui-inc/heroui/pull/5517) [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with RA release (July 22, 2025)
- Updated dependencies [[`2f414a8`](https://github.com/heroui-inc/heroui/commit/2f414a8926854d0c936584be2269fdb454a3c4ec), [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b), [`5eb6868`](https://github.com/heroui-inc/heroui/commit/5eb686843bd277a33586a6ea9a11d240080e2c9d)]:
- @heroui/input@2.4.25
- @heroui/aria-utils@2.2.21
- @heroui/listbox@2.3.23
- @heroui/popover@2.3.24
- @heroui/button@2.2.24
- @heroui/form@2.1.24
- @heroui/scroll-shadow@2.3.16
## 2.3.25
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@heroui/autocomplete",
"version": "2.3.25",
"version": "2.3.26",
"description": "An autocomplete combines a text input with a listbox, allowing users to filter a list of options to items matching a query.",
"keywords": [
"autocomplete"
@ -52,11 +52,11 @@
"@heroui/shared-icons": "workspace:*",
"@heroui/shared-utils": "workspace:*",
"@heroui/use-safe-layout-effect": "workspace:*",
"@react-aria/combobox": "3.12.5",
"@react-aria/i18n": "3.12.10",
"@react-stately/combobox": "3.10.6",
"@react-types/combobox": "3.13.6",
"@react-types/shared": "3.30.0"
"@react-aria/combobox": "3.13.0",
"@react-aria/i18n": "3.12.11",
"@react-stately/combobox": "3.11.0",
"@react-types/combobox": "3.13.7",
"@react-types/shared": "3.31.0"
},
"devDependencies": {
"@heroui/avatar": "workspace:*",
@ -65,7 +65,7 @@
"@heroui/system": "workspace:*",
"@heroui/theme": "workspace:*",
"@heroui/use-infinite-scroll": "workspace:*",
"@react-stately/data": "3.13.1",
"@react-stately/data": "3.13.2",
"clean-package": "2.2.0",
"framer-motion": "11.18.2",
"react": "18.3.0",

View File

@ -1,5 +1,13 @@
# @heroui/avatar
## 2.2.20
### Patch Changes
- [#5517](https://github.com/heroui-inc/heroui/pull/5517) [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with RA release (July 22, 2025)
- [#5519](https://github.com/heroui-inc/heroui/pull/5519) [`2cb6ecf`](https://github.com/heroui-inc/heroui/commit/2cb6ecff9363952db24da01130ec13fe04388cfb) Thanks [@wingkwong](https://github.com/wingkwong)! - fix broken fallbacks in avatar (#5506)
## 2.2.19
### Patch Changes

View File

@ -104,4 +104,69 @@ describe("Avatar - fallback + loading strategy", () => {
expect(container.querySelector("svg")).toBeInTheDocument();
});
test("should render name initials fallback when image fails to load and showFallback is true", async () => {
const mock = mocks.image();
mock.simulate("error");
const src = "https://avatars.githubusercontent.com/u/30373425";
const name = "Junior Garcia";
const {container} = render(<Avatar showFallback name={name} src={src} />);
act(() => {
jest.runAllTimers();
});
expect(container.querySelector("span")).toHaveTextContent("Jun");
});
test("should render default avatar fallback when image fails to load with no name and showFallback is true", async () => {
const mock = mocks.image();
mock.simulate("error");
const src = "https://avatars.githubusercontent.com/u/30373425";
const {container} = render(<Avatar showFallback src={src} />);
act(() => {
jest.runAllTimers();
});
expect(container.querySelector("svg")).toBeInTheDocument();
});
test("should not render fallback when image fails to load and showFallback is false", async () => {
const mock = mocks.image();
mock.simulate("error");
const src = "https://avatars.githubusercontent.com/u/30373425";
const name = "Junior Garcia";
const {container} = render(<Avatar name={name} showFallback={false} src={src} />);
act(() => {
jest.runAllTimers();
});
expect(container.querySelector("span")).not.toHaveTextContent("Jun");
expect(container.querySelector("svg")).not.toBeInTheDocument();
});
test("should not render fallback when image fails to load and showFallback is not passed", async () => {
const mock = mocks.image();
mock.simulate("error");
const src = "https://avatars.githubusercontent.com/u/30373425";
const name = "Junior Garcia";
const {container} = render(<Avatar name={name} src={src} />);
act(() => {
jest.runAllTimers();
});
expect(container.querySelector("span")).not.toHaveTextContent("Jun");
expect(container.querySelector("svg")).not.toBeInTheDocument();
});
});

View File

@ -1,6 +1,6 @@
{
"name": "@heroui/avatar",
"version": "2.2.19",
"version": "2.2.20",
"description": "The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.",
"keywords": [
"avatar"
@ -43,8 +43,8 @@
"@heroui/shared-utils": "workspace:*",
"@heroui/react-utils": "workspace:*",
"@heroui/use-image": "workspace:*",
"@react-aria/interactions": "3.25.3",
"@react-aria/focus": "3.20.5"
"@react-aria/interactions": "3.25.4",
"@react-aria/focus": "3.21.0"
},
"devDependencies": {
"@heroui/theme": "workspace:*",

View File

@ -145,7 +145,7 @@ export function useAvatar(originalProps: UseAvatarProps = {}) {
src,
onError,
ignoreFallback,
shouldBypassImageLoad: as !== undefined || !isHeroImage,
shouldBypassImageLoad: as !== undefined || (ImgComponent !== "img" && !isHeroImage),
});
const isImgLoaded = imageStatus === "loaded";

View File

@ -1,5 +1,11 @@
# @heroui/breadcrumbs
## 2.2.20
### Patch Changes
- [#5517](https://github.com/heroui-inc/heroui/pull/5517) [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with RA release (July 22, 2025)
## 2.2.19
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@heroui/breadcrumbs",
"version": "2.2.19",
"version": "2.2.20",
"description": "Breadcrumbs display a hierarchy of links to the current page or resource in an application.",
"keywords": [
"breadcrumbs"
@ -43,9 +43,9 @@
"@heroui/react-utils": "workspace:*",
"@heroui/shared-utils": "workspace:*",
"@heroui/shared-icons": "workspace:*",
"@react-aria/focus": "3.20.5",
"@react-aria/breadcrumbs": "3.5.26",
"@react-types/breadcrumbs": "3.7.14"
"@react-aria/focus": "3.21.0",
"@react-aria/breadcrumbs": "3.5.27",
"@react-types/breadcrumbs": "3.7.15"
},
"devDependencies": {
"@heroui/theme": "workspace:*",

View File

@ -1,5 +1,16 @@
# @heroui/button
## 2.2.24
### Patch Changes
- [#5517](https://github.com/heroui-inc/heroui/pull/5517) [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with RA release (July 22, 2025)
- Updated dependencies [[`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b)]:
- @heroui/use-aria-button@2.2.18
- @heroui/spinner@2.2.21
- @heroui/ripple@2.2.18
## 2.2.23
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@heroui/button",
"version": "2.2.23",
"version": "2.2.24",
"description": "Buttons allow users to perform actions and choose with a single tap.",
"keywords": [
"button"
@ -46,9 +46,9 @@
"@heroui/use-aria-button": "workspace:*",
"@heroui/ripple": "workspace:*",
"@heroui/spinner": "workspace:*",
"@react-aria/interactions": "3.25.3",
"@react-aria/focus": "3.20.5",
"@react-types/shared": "3.30.0"
"@react-aria/interactions": "3.25.4",
"@react-aria/focus": "3.21.0",
"@react-types/shared": "3.31.0"
},
"devDependencies": {
"@heroui/theme": "workspace:*",

View File

@ -1,5 +1,16 @@
# @heroui/calendar
## 2.2.24
### Patch Changes
- [#5517](https://github.com/heroui-inc/heroui/pull/5517) [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with RA release (July 22, 2025)
- Updated dependencies [[`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b)]:
- @heroui/use-aria-button@2.2.18
- @heroui/button@2.2.24
- @heroui/framer-utils@2.1.20
## 2.2.23
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@heroui/calendar",
"version": "2.2.23",
"version": "2.2.24",
"description": "A calendar displays one or more date grids and allows users to select a single date.",
"keywords": [
"calendar"
@ -49,16 +49,16 @@
"@heroui/button": "workspace:*",
"@heroui/dom-animation": "workspace:*",
"@internationalized/date": "3.8.2",
"@react-aria/calendar": "3.8.3",
"@react-aria/focus": "3.20.5",
"@react-aria/i18n": "3.12.10",
"@react-stately/calendar": "3.8.2",
"@react-types/button": "3.12.2",
"@react-aria/visually-hidden": "3.8.25",
"@react-stately/utils": "3.10.7",
"@react-types/calendar": "3.7.2",
"@react-aria/interactions": "3.25.3",
"@react-types/shared": "3.30.0",
"@react-aria/calendar": "3.9.0",
"@react-aria/focus": "3.21.0",
"@react-aria/i18n": "3.12.11",
"@react-stately/calendar": "3.8.3",
"@react-types/button": "3.13.0",
"@react-aria/visually-hidden": "3.8.26",
"@react-stately/utils": "3.10.8",
"@react-types/calendar": "3.7.3",
"@react-aria/interactions": "3.25.4",
"@react-types/shared": "3.31.0",
"scroll-into-view-if-needed": "3.0.10"
},
"devDependencies": {

View File

@ -1,5 +1,15 @@
# @heroui/card
## 2.2.23
### Patch Changes
- [#5517](https://github.com/heroui-inc/heroui/pull/5517) [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with RA release (July 22, 2025)
- Updated dependencies [[`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b)]:
- @heroui/use-aria-button@2.2.18
- @heroui/ripple@2.2.18
## 2.2.22
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@heroui/card",
"version": "2.2.22",
"version": "2.2.23",
"description": "Card is a container for text, photos, and actions in the context of a single subject.",
"keywords": [
"card"
@ -45,9 +45,9 @@
"@heroui/react-utils": "workspace:*",
"@heroui/use-aria-button": "workspace:*",
"@heroui/ripple": "workspace:*",
"@react-aria/focus": "3.20.5",
"@react-aria/interactions": "3.25.3",
"@react-types/shared": "3.30.0"
"@react-aria/focus": "3.21.0",
"@react-aria/interactions": "3.25.4",
"@react-types/shared": "3.31.0"
},
"devDependencies": {
"@heroui/theme": "workspace:*",

View File

@ -1,5 +1,14 @@
# @heroui/checkbox
## 2.3.24
### Patch Changes
- [#5517](https://github.com/heroui-inc/heroui/pull/5517) [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with RA release (July 22, 2025)
- Updated dependencies [[`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b)]:
- @heroui/form@2.1.24
## 2.3.23
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@heroui/checkbox",
"version": "2.3.23",
"version": "2.3.24",
"description": "Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.",
"keywords": [
"checkbox"
@ -45,13 +45,13 @@
"@heroui/shared-utils": "workspace:*",
"@heroui/use-callback-ref": "workspace:*",
"@heroui/use-safe-layout-effect": "workspace:*",
"@react-aria/checkbox": "3.15.7",
"@react-aria/focus": "3.20.5",
"@react-aria/interactions": "3.25.3",
"@react-stately/checkbox": "3.6.15",
"@react-stately/toggle": "3.8.5",
"@react-types/checkbox": "3.9.5",
"@react-types/shared": "3.30.0"
"@react-aria/checkbox": "3.16.0",
"@react-aria/focus": "3.21.0",
"@react-aria/interactions": "3.25.4",
"@react-stately/checkbox": "3.7.0",
"@react-stately/toggle": "3.9.0",
"@react-types/checkbox": "3.10.0",
"@react-types/shared": "3.31.0"
},
"devDependencies": {
"@heroui/shared-icons": "workspace:*",

View File

@ -1,5 +1,11 @@
# @heroui/chip
## 2.2.20
### Patch Changes
- [#5517](https://github.com/heroui-inc/heroui/pull/5517) [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with RA release (July 22, 2025)
## 2.2.19
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@heroui/chip",
"version": "2.2.19",
"version": "2.2.20",
"description": "Chips help people enter information, make selections, filter content, or trigger actions.",
"keywords": [
"chip"
@ -43,8 +43,8 @@
"@heroui/shared-icons": "workspace:*",
"@heroui/shared-utils": "workspace:*",
"@heroui/react-utils": "workspace:*",
"@react-aria/focus": "3.20.5",
"@react-aria/interactions": "3.25.3"
"@react-aria/focus": "3.21.0",
"@react-aria/interactions": "3.25.4"
},
"devDependencies": {
"@heroui/theme": "workspace:*",

View File

@ -1,5 +1,12 @@
# @heroui/code
## 2.2.18
### Patch Changes
- Updated dependencies [[`2f414a8`](https://github.com/heroui-inc/heroui/commit/2f414a8926854d0c936584be2269fdb454a3c4ec), [`139fc94`](https://github.com/heroui-inc/heroui/commit/139fc94e2ac0a4a112fdb18bb340994dc3656f70), [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b)]:
- @heroui/system-rsc@2.3.17
## 2.2.17
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@heroui/code",
"version": "2.2.17",
"version": "2.2.18",
"description": "Code is a component used to display inline code.",
"keywords": [
"code"

View File

@ -1,5 +1,14 @@
# @heroui/date-input
## 2.3.24
### Patch Changes
- [#5517](https://github.com/heroui-inc/heroui/pull/5517) [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with RA release (July 22, 2025)
- Updated dependencies [[`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b)]:
- @heroui/form@2.1.24
## 2.3.23
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@heroui/date-input",
"version": "2.3.23",
"version": "2.3.24",
"description": "A date input allows users to enter and edit date and time values using a keyboard.",
"keywords": [
"date-field"
@ -44,11 +44,11 @@
"@heroui/react-utils": "workspace:*",
"@heroui/shared-utils": "workspace:*",
"@internationalized/date": "3.8.2",
"@react-aria/datepicker": "3.14.5",
"@react-aria/i18n": "3.12.10",
"@react-stately/datepicker": "3.14.2",
"@react-types/datepicker": "3.12.2",
"@react-types/shared": "3.30.0"
"@react-aria/datepicker": "3.15.0",
"@react-aria/i18n": "3.12.11",
"@react-stately/datepicker": "3.15.0",
"@react-types/datepicker": "3.13.0",
"@react-types/shared": "3.31.0"
},
"devDependencies": {
"@heroui/system": "workspace:*",

View File

@ -1,5 +1,19 @@
# @heroui/date-picker
## 2.3.25
### Patch Changes
- [#5517](https://github.com/heroui-inc/heroui/pull/5517) [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with RA release (July 22, 2025)
- Updated dependencies [[`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b), [`5eb6868`](https://github.com/heroui-inc/heroui/commit/5eb686843bd277a33586a6ea9a11d240080e2c9d)]:
- @heroui/date-input@2.3.24
- @heroui/aria-utils@2.2.21
- @heroui/calendar@2.2.24
- @heroui/popover@2.3.24
- @heroui/button@2.2.24
- @heroui/form@2.1.24
## 2.3.24
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@heroui/date-picker",
"version": "2.3.24",
"version": "2.3.25",
"description": "A date picker combines a DateInput and a Calendar popover to allow users to enter or select a date and time value.",
"keywords": [
"date-picker"
@ -51,12 +51,12 @@
"@heroui/react-utils": "workspace:*",
"@heroui/shared-icons": "workspace:*",
"@heroui/shared-utils": "workspace:*",
"@react-aria/datepicker": "3.14.5",
"@react-aria/i18n": "3.12.10",
"@react-stately/datepicker": "3.14.2",
"@react-stately/utils": "3.10.7",
"@react-types/datepicker": "3.12.2",
"@react-types/shared": "3.30.0"
"@react-aria/datepicker": "3.15.0",
"@react-aria/i18n": "3.12.11",
"@react-stately/datepicker": "3.15.0",
"@react-stately/utils": "3.10.8",
"@react-types/datepicker": "3.13.0",
"@react-types/shared": "3.31.0"
},
"devDependencies": {
"@heroui/radio": "workspace:*",

View File

@ -1,5 +1,14 @@
# @heroui/divider
## 2.2.17
### Patch Changes
- [#5517](https://github.com/heroui-inc/heroui/pull/5517) [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with RA release (July 22, 2025)
- Updated dependencies [[`2f414a8`](https://github.com/heroui-inc/heroui/commit/2f414a8926854d0c936584be2269fdb454a3c4ec), [`139fc94`](https://github.com/heroui-inc/heroui/commit/139fc94e2ac0a4a112fdb18bb340994dc3656f70), [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b)]:
- @heroui/system-rsc@2.3.17
## 2.2.16
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@heroui/divider",
"version": "2.2.16",
"version": "2.2.17",
"description": ". A separator is a visual divider between two groups of content",
"keywords": [
"divider"
@ -41,7 +41,7 @@
"dependencies": {
"@heroui/react-rsc-utils": "workspace:*",
"@heroui/system-rsc": "workspace:*",
"@react-types/shared": "3.30.0"
"@react-types/shared": "3.31.0"
},
"devDependencies": {
"@heroui/theme": "workspace:*",

View File

@ -1,5 +1,13 @@
# @heroui/drawer
## 2.2.21
### Patch Changes
- Updated dependencies [[`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b)]:
- @heroui/modal@2.2.21
- @heroui/framer-utils@2.1.20
## 2.2.20
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@heroui/drawer",
"version": "2.2.20",
"version": "2.2.21",
"description": "Used to render a content that slides in from the side of the screen.",
"keywords": [
"drawer"

View File

@ -1,5 +1,16 @@
# @heroui/dropdown
## 2.3.24
### Patch Changes
- [#5517](https://github.com/heroui-inc/heroui/pull/5517) [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with RA release (July 22, 2025)
- Updated dependencies [[`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b), [`5eb6868`](https://github.com/heroui-inc/heroui/commit/5eb686843bd277a33586a6ea9a11d240080e2c9d)]:
- @heroui/aria-utils@2.2.21
- @heroui/popover@2.3.24
- @heroui/menu@2.2.23
## 2.3.23
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@heroui/dropdown",
"version": "2.3.23",
"version": "2.3.24",
"description": "A dropdown displays a list of actions or options that a user can choose.",
"keywords": [
"dropdown"
@ -46,10 +46,10 @@
"@heroui/popover": "workspace:*",
"@heroui/react-utils": "workspace:*",
"@heroui/shared-utils": "workspace:*",
"@react-aria/focus": "3.20.5",
"@react-aria/menu": "3.18.5",
"@react-stately/menu": "3.9.5",
"@react-types/menu": "3.10.2"
"@react-aria/focus": "3.21.0",
"@react-aria/menu": "3.19.0",
"@react-stately/menu": "3.9.6",
"@react-types/menu": "3.10.3"
},
"devDependencies": {
"@heroui/avatar": "workspace:*",

View File

@ -1,5 +1,15 @@
# @heroui/form
## 2.1.24
### Patch Changes
- [#5517](https://github.com/heroui-inc/heroui/pull/5517) [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with RA release (July 22, 2025)
- Updated dependencies [[`2f414a8`](https://github.com/heroui-inc/heroui/commit/2f414a8926854d0c936584be2269fdb454a3c4ec), [`139fc94`](https://github.com/heroui-inc/heroui/commit/139fc94e2ac0a4a112fdb18bb340994dc3656f70), [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b), [`a83e3fb`](https://github.com/heroui-inc/heroui/commit/a83e3fb5a01c3ba25c309ee1f67b836c2f299dfb)]:
- @heroui/theme@2.4.20
- @heroui/system@2.4.20
## 2.1.23
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@heroui/form",
"version": "2.1.23",
"version": "2.1.24",
"description": "A form is a group of inputs that allows users submit data to a server and supports field validation errors.",
"keywords": [
"form"
@ -43,9 +43,9 @@
"@heroui/system": "workspace:*",
"@heroui/theme": "workspace:*",
"@heroui/shared-utils": "workspace:*",
"@react-types/shared": "3.30.0",
"@react-stately/form": "3.1.5",
"@react-types/form": "3.7.13"
"@react-types/shared": "3.31.0",
"@react-stately/form": "3.2.0",
"@react-types/form": "3.7.14"
},
"devDependencies": {
"@heroui/button": "workspace:*",

View File

@ -1,5 +1,14 @@
# @heroui/input-otp
## 2.1.24
### Patch Changes
- [#5517](https://github.com/heroui-inc/heroui/pull/5517) [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with RA release (July 22, 2025)
- Updated dependencies [[`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b)]:
- @heroui/form@2.1.24
## 2.1.23
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@heroui/input-otp",
"version": "2.1.23",
"version": "2.1.24",
"description": "",
"keywords": [
"input-otp"
@ -44,12 +44,12 @@
"@heroui/shared-utils": "workspace:*",
"@heroui/react-utils": "workspace:*",
"@heroui/use-form-reset": "workspace:*",
"@react-aria/form": "3.0.18",
"@react-stately/utils": "3.10.7",
"@react-stately/form": "3.1.5",
"@react-types/textfield": "3.12.3",
"@react-aria/form": "3.1.0",
"@react-stately/utils": "3.10.8",
"@react-stately/form": "3.2.0",
"@react-types/textfield": "3.12.4",
"input-otp": "1.4.1",
"@react-aria/focus": "3.20.5"
"@react-aria/focus": "3.21.0"
},
"devDependencies": {
"@heroui/theme": "workspace:*",

View File

@ -1,5 +1,16 @@
# @heroui/input
## 2.4.25
### Patch Changes
- [#5531](https://github.com/heroui-inc/heroui/pull/5531) [`2f414a8`](https://github.com/heroui-inc/heroui/commit/2f414a8926854d0c936584be2269fdb454a3c4ec) Thanks [@wingkwong](https://github.com/wingkwong)! - use outline-solid outline-transparent to perverse focus ring styles (#5530)
- [#5517](https://github.com/heroui-inc/heroui/pull/5517) [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with RA release (July 22, 2025)
- Updated dependencies [[`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b)]:
- @heroui/form@2.1.24
## 2.4.24
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@heroui/input",
"version": "2.4.24",
"version": "2.4.25",
"description": "The input component is designed for capturing user input within a text field.",
"keywords": [
"input"
@ -36,7 +36,7 @@
"peerDependencies": {
"react": ">=18 || >=19.0.0-rc.0",
"react-dom": ">=18 || >=19.0.0-rc.0",
"@heroui/theme": ">=2.4.17",
"@heroui/theme": ">=2.4.19",
"@heroui/system": ">=2.4.18"
},
"dependencies": {
@ -45,12 +45,12 @@
"@heroui/shared-icons": "workspace:*",
"@heroui/shared-utils": "workspace:*",
"@heroui/use-safe-layout-effect": "workspace:*",
"@react-aria/focus": "3.20.5",
"@react-aria/interactions": "3.25.3",
"@react-aria/textfield": "3.17.5",
"@react-stately/utils": "3.10.7",
"@react-types/shared": "3.30.0",
"@react-types/textfield": "3.12.3",
"@react-aria/focus": "3.21.0",
"@react-aria/interactions": "3.25.4",
"@react-aria/textfield": "3.18.0",
"@react-stately/utils": "3.10.8",
"@react-types/shared": "3.31.0",
"@react-types/textfield": "3.12.4",
"react-textarea-autosize": "^8.5.3"
},
"devDependencies": {

View File

@ -300,7 +300,7 @@ const StartAndEndContentTemplate = (args) => (
Currency
</label>
<select
className="outline-hidden border-0 bg-transparent text-default-400 text-sm"
className="outline-solid outline-transparent border-0 bg-transparent text-default-400 text-sm"
id="currency"
name="currency"
>

View File

@ -1,5 +1,12 @@
# @heroui/kbd
## 2.2.19
### Patch Changes
- Updated dependencies [[`2f414a8`](https://github.com/heroui-inc/heroui/commit/2f414a8926854d0c936584be2269fdb454a3c4ec), [`139fc94`](https://github.com/heroui-inc/heroui/commit/139fc94e2ac0a4a112fdb18bb340994dc3656f70), [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b)]:
- @heroui/system-rsc@2.3.17
## 2.2.18
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@heroui/kbd",
"version": "2.2.18",
"version": "2.2.19",
"description": "The keyboard key components indicates which key or set of keys used to execute a specificv action",
"keywords": [
"kbd"

View File

@ -1,5 +1,14 @@
# @heroui/link
## 2.2.21
### Patch Changes
- [#5517](https://github.com/heroui-inc/heroui/pull/5517) [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with RA release (July 22, 2025)
- Updated dependencies [[`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b)]:
- @heroui/use-aria-link@2.2.19
## 2.2.20
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@heroui/link",
"version": "2.2.20",
"version": "2.2.21",
"description": "Links allow users to click their way from page to page. This component is styled to resemble a hyperlink and semantically renders an &lt;a&gt;",
"keywords": [
"link"
@ -44,8 +44,8 @@
"@heroui/shared-icons": "workspace:*",
"@heroui/react-utils": "workspace:*",
"@heroui/use-aria-link": "workspace:*",
"@react-aria/focus": "3.20.5",
"@react-types/link": "3.6.2"
"@react-aria/focus": "3.21.0",
"@react-types/link": "3.6.3"
},
"devDependencies": {
"@heroui/theme": "workspace:*",

View File

@ -1,5 +1,16 @@
# @heroui/listbox
## 2.3.23
### Patch Changes
- [#5517](https://github.com/heroui-inc/heroui/pull/5517) [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with RA release (July 22, 2025)
- Updated dependencies [[`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b)]:
- @heroui/aria-utils@2.2.21
- @heroui/use-is-mobile@2.2.12
- @heroui/divider@2.2.17
## 2.3.22
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@heroui/listbox",
"version": "2.3.22",
"version": "2.3.23",
"description": "A listbox displays a list of options and allows a user to select one or more of them.",
"keywords": [
"listbox"
@ -46,11 +46,11 @@
"@heroui/shared-utils": "workspace:*",
"@heroui/use-is-mobile": "workspace:*",
"@tanstack/react-virtual": "3.11.3",
"@react-aria/listbox": "3.14.6",
"@react-stately/list": "3.12.3",
"@react-aria/focus": "3.20.5",
"@react-aria/interactions": "3.25.3",
"@react-types/shared": "3.30.0"
"@react-aria/listbox": "3.14.7",
"@react-stately/list": "3.12.4",
"@react-aria/focus": "3.21.0",
"@react-aria/interactions": "3.25.4",
"@react-types/shared": "3.31.0"
},
"devDependencies": {
"@heroui/avatar": "workspace:*",

View File

@ -1,5 +1,16 @@
# @heroui/menu
## 2.2.23
### Patch Changes
- [#5517](https://github.com/heroui-inc/heroui/pull/5517) [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with RA release (July 22, 2025)
- Updated dependencies [[`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b)]:
- @heroui/aria-utils@2.2.21
- @heroui/use-is-mobile@2.2.12
- @heroui/divider@2.2.17
## 2.2.22
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@heroui/menu",
"version": "2.2.22",
"version": "2.2.23",
"description": "A menu displays a list of options and allows a user to select one or more of them.",
"keywords": [
"menu"
@ -45,12 +45,12 @@
"@heroui/use-is-mobile": "workspace:*",
"@heroui/shared-utils": "workspace:*",
"@heroui/react-utils": "workspace:*",
"@react-aria/focus": "3.20.5",
"@react-aria/interactions": "3.25.3",
"@react-aria/menu": "3.18.5",
"@react-stately/tree": "3.9.0",
"@react-types/menu": "3.10.2",
"@react-types/shared": "3.30.0"
"@react-aria/focus": "3.21.0",
"@react-aria/interactions": "3.25.4",
"@react-aria/menu": "3.19.0",
"@react-stately/tree": "3.9.1",
"@react-types/menu": "3.10.3",
"@react-types/shared": "3.31.0"
},
"devDependencies": {
"@heroui/theme": "workspace:*",

View File

@ -1,5 +1,18 @@
# @heroui/modal
## 2.2.21
### Patch Changes
- [#5517](https://github.com/heroui-inc/heroui/pull/5517) [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with RA release (July 22, 2025)
- Updated dependencies [[`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b)]:
- @heroui/use-aria-modal-overlay@2.2.17
- @heroui/use-aria-button@2.2.18
- @heroui/use-disclosure@2.2.15
- @heroui/use-draggable@2.1.16
- @heroui/framer-utils@2.1.20
## 2.2.20
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@heroui/modal",
"version": "2.2.20",
"version": "2.2.21",
"description": "Displays a dialog with a custom content that requires attention or provides additional information.",
"keywords": [
"modal"
@ -51,10 +51,10 @@
"@heroui/shared-icons": "workspace:*",
"@heroui/use-aria-modal-overlay": "workspace:*",
"@heroui/dom-animation": "workspace:*",
"@react-aria/dialog": "3.5.27",
"@react-aria/focus": "3.20.5",
"@react-aria/overlays": "3.27.3",
"@react-stately/overlays": "3.6.17"
"@react-aria/dialog": "3.5.28",
"@react-aria/focus": "3.21.0",
"@react-aria/overlays": "3.28.0",
"@react-stately/overlays": "3.6.18"
},
"devDependencies": {
"@heroui/autocomplete": "workspace:*",

View File

@ -1,5 +1,14 @@
# @heroui/navbar
## 2.2.22
### Patch Changes
- [#5517](https://github.com/heroui-inc/heroui/pull/5517) [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with RA release (July 22, 2025)
- Updated dependencies []:
- @heroui/framer-utils@2.1.20
## 2.2.21
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@heroui/navbar",
"version": "2.2.21",
"version": "2.2.22",
"description": "A responsive navigation header positioned on top side of your page that includes support for branding, links, navigation, collapse and more.",
"keywords": [
"navbar"
@ -47,12 +47,12 @@
"@heroui/use-resize": "workspace:*",
"@heroui/use-scroll-position": "workspace:*",
"@heroui/dom-animation": "workspace:*",
"@react-aria/focus": "3.20.5",
"@react-aria/interactions": "3.25.3",
"@react-aria/button": "3.13.3",
"@react-aria/overlays": "3.27.3",
"@react-stately/toggle": "3.8.5",
"@react-stately/utils": "3.10.7"
"@react-aria/focus": "3.21.0",
"@react-aria/interactions": "3.25.4",
"@react-aria/button": "3.14.0",
"@react-aria/overlays": "3.28.0",
"@react-stately/toggle": "3.9.0",
"@react-stately/utils": "3.10.8"
},
"devDependencies": {
"@heroui/theme": "workspace:*",

View File

@ -1,5 +1,19 @@
# @heroui/number-input
## 2.0.15
### Patch Changes
- [#5531](https://github.com/heroui-inc/heroui/pull/5531) [`2f414a8`](https://github.com/heroui-inc/heroui/commit/2f414a8926854d0c936584be2269fdb454a3c4ec) Thanks [@wingkwong](https://github.com/wingkwong)! - use outline-solid outline-transparent to perverse focus ring styles (#5530)
- [#5484](https://github.com/heroui-inc/heroui/pull/5484) [`9dceb11`](https://github.com/heroui-inc/heroui/commit/9dceb116ce1a260e099be738af9f175446823d53) Thanks [@wulimao49](https://github.com/wulimao49)! - Fixed NumberInput label class being incorrectly mixed into the description (#5489).
- [#5517](https://github.com/heroui-inc/heroui/pull/5517) [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with RA release (July 22, 2025)
- Updated dependencies [[`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b)]:
- @heroui/button@2.2.24
- @heroui/form@2.1.24
## 2.0.14
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@heroui/number-input",
"version": "2.0.14",
"version": "2.0.15",
"description": "The numeric input component is designed for users to enter a number, and increase or decrease the value using stepper buttons",
"keywords": [
"input",
@ -39,7 +39,7 @@
"react": ">=18 || >=19.0.0-rc.0",
"react-dom": ">=18 || >=19.0.0-rc.0",
"@heroui/system": ">=2.4.18",
"@heroui/theme": ">=2.4.17"
"@heroui/theme": ">=2.4.19"
},
"dependencies": {
"@heroui/form": "workspace:*",
@ -48,14 +48,14 @@
"@heroui/shared-icons": "workspace:*",
"@heroui/shared-utils": "workspace:*",
"@heroui/use-safe-layout-effect": "workspace:*",
"@react-aria/focus": "3.20.5",
"@react-aria/i18n": "3.12.10",
"@react-aria/interactions": "3.25.3",
"@react-aria/numberfield": "3.11.16",
"@react-stately/numberfield": "3.9.13",
"@react-types/shared": "3.30.0",
"@react-types/numberfield": "3.8.12",
"@react-types/button": "3.12.2"
"@react-aria/focus": "3.21.0",
"@react-aria/i18n": "3.12.11",
"@react-aria/interactions": "3.25.4",
"@react-aria/numberfield": "3.12.0",
"@react-stately/numberfield": "3.10.0",
"@react-types/shared": "3.31.0",
"@react-types/numberfield": "3.8.13",
"@react-types/button": "3.13.0"
},
"devDependencies": {
"@heroui/system": "workspace:*",

View File

@ -458,7 +458,7 @@ export function useNumberInput(originalProps: UseNumberInputProps) {
...props,
...descriptionProps,
"data-slot": "description",
className: slots.description({class: clsx(classNames?.label, props?.className)}),
className: slots.description({class: clsx(classNames?.description, props?.className)}),
};
},
[slots, classNames?.description],

View File

@ -372,7 +372,7 @@ export const StartAndEndContent = {
Currency
</label>
<select
className="outline-hidden border-0 bg-transparent text-default-400 text-sm"
className="outline-solid outline-transparent border-0 bg-transparent text-default-400 text-sm"
id="currency"
name="currency"
>

View File

@ -1,5 +1,14 @@
# @heroui/pagination
## 2.2.22
### Patch Changes
- [#5517](https://github.com/heroui-inc/heroui/pull/5517) [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with RA release (July 22, 2025)
- Updated dependencies [[`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b)]:
- @heroui/use-pagination@2.2.16
## 2.2.21
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@heroui/pagination",
"version": "2.2.21",
"version": "2.2.22",
"description": "The Pagination component allows you to display active page and navigate between multiple pages.",
"keywords": [
"pagination"
@ -45,10 +45,10 @@
"@heroui/shared-icons": "workspace:*",
"@heroui/use-intersection-observer": "workspace:*",
"@heroui/use-pagination": "workspace:*",
"@react-aria/utils": "3.29.1",
"@react-aria/focus": "3.20.5",
"@react-aria/i18n": "3.12.10",
"@react-aria/interactions": "3.25.3",
"@react-aria/utils": "3.30.0",
"@react-aria/focus": "3.21.0",
"@react-aria/i18n": "3.12.11",
"@react-aria/interactions": "3.25.4",
"scroll-into-view-if-needed": "3.0.10"
},
"devDependencies": {

View File

@ -1,5 +1,20 @@
# @heroui/popover
## 2.3.24
### Patch Changes
- [#5517](https://github.com/heroui-inc/heroui/pull/5517) [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with RA release (July 22, 2025)
- [#5504](https://github.com/heroui-inc/heroui/pull/5504) [`5eb6868`](https://github.com/heroui-inc/heroui/commit/5eb686843bd277a33586a6ea9a11d240080e2c9d) Thanks [@nicck1](https://github.com/nicck1)! - fix(popover): arrow glitch in popover content (#4142)
- Updated dependencies [[`8dc4bab`](https://github.com/heroui-inc/heroui/commit/8dc4bab4ec98c77c1a0b9d8cb2f3abc5fdfb4793), [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b)]:
- @heroui/use-aria-overlay@2.0.2
- @heroui/use-aria-button@2.2.18
- @heroui/aria-utils@2.2.21
- @heroui/button@2.2.24
- @heroui/framer-utils@2.1.20
## 2.3.23
### Patch Changes

View File

@ -369,3 +369,40 @@ it("should close popover on scroll when shouldCloseOnScroll is false", async ()
// assert that the popover is still open
expect(popover).toHaveAttribute("aria-expanded", "true");
});
it("should display popover content only after content is ready", async () => {
jest.useFakeTimers();
const TestComponent = () => {
const [content, setContent] = React.useState("");
React.useEffect(() => {
const timer = setTimeout(() => {
setContent("test content");
}, 1000);
return () => clearTimeout(timer);
}, []);
return (
<Popover defaultOpen>
<PopoverTrigger>
<Button data-testid="trigger">Open popover</Button>
</PopoverTrigger>
<PopoverContent data-testid="content-test">{content}</PopoverContent>
</Popover>
);
};
const wrapper = render(<TestComponent />);
expect(wrapper.queryByTestId("content-test")).not.toBeInTheDocument();
act(() => {
jest.advanceTimersByTime(1000);
});
expect(wrapper.getByTestId("content-test")).toBeInTheDocument();
jest.useRealTimers();
});

View File

@ -1,6 +1,6 @@
{
"name": "@heroui/popover",
"version": "2.3.23",
"version": "2.3.24",
"description": "A popover is an overlay element positioned relative to a trigger.",
"keywords": [
"popover"
@ -50,11 +50,11 @@
"@heroui/use-aria-overlay": "workspace:*",
"@heroui/use-safe-layout-effect": "workspace:*",
"@heroui/dom-animation": "workspace:*",
"@react-aria/dialog": "3.5.27",
"@react-aria/focus": "3.20.5",
"@react-aria/overlays": "3.27.3",
"@react-stately/overlays": "3.6.17",
"@react-types/overlays": "3.8.16"
"@react-aria/dialog": "3.5.28",
"@react-aria/focus": "3.21.0",
"@react-aria/overlays": "3.28.0",
"@react-stately/overlays": "3.6.18",
"@react-types/overlays": "3.9.0"
},
"devDependencies": {
"@heroui/card": "workspace:*",

View File

@ -15,7 +15,7 @@ import {usePopoverContext} from "./popover-context";
export interface PopoverContentProps
extends AriaDialogProps,
Omit<HTMLHeroUIProps, "children" | "role"> {
children: ReactNode | ((titleProps: DOMAttributes<HTMLElement>) => ReactNode);
children?: ReactNode | ((titleProps: DOMAttributes<HTMLElement>) => ReactNode);
}
const domAnimation = () => import("@heroui/dom-animation").then((res) => res.default);
@ -47,14 +47,16 @@ const PopoverContent = (props: PopoverContentProps) => {
const Component = as || OverlayComponent || "div";
const content = (
const content = children && (
<>
{!isNonModal && <DismissButton onDismiss={onClose} />}
{
<Component {...dialogProps}>
<div {...getContentProps({className})}>
{typeof children === "function" ? children(titleProps) : children}
</div>
</Component>
}
<DismissButton onDismiss={onClose} />
</>
);

View File

@ -1,5 +1,11 @@
# @heroui/progress
## 2.2.20
### Patch Changes
- [#5517](https://github.com/heroui-inc/heroui/pull/5517) [`36eb421`](https://github.com/heroui-inc/heroui/commit/36eb421c66846d4fe6fb102c662ff6bf6149249b) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with RA release (July 22, 2025)
## 2.2.19
### Patch Changes

Some files were not shown because too many files have changed in this diff Show More