From 6492d36c685296b455805383204cb2e719c0aac9 Mon Sep 17 00:00:00 2001 From: Junior Garcia Date: Thu, 16 Jan 2025 15:03:45 -0300 Subject: [PATCH] Refactor/rebrand (#4532) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * chore: rebrand in progress * chore: update docs to use heroui * chore: components renbranded * chore: figma moved to the docs files * fix: posthog config * fix(docs): extra classname in form example (#4465) * chore: clean git * chore: make heroui private * chore: new logo * chore: node env var renamed * chore: public robots txt deleted * chore: wrangler installed * chore: wrangler renamed * chore: cloudlfare workers removed * chore: force vercel deploy * refactor: first migration and provider * refactor: rename nextui plugin * refactor: rename github site * refactor: rename CONTRIBUTING * refactor: rename package name * refactor: nextjs image hostname * refactor: mdx repo nextui-org rename frontio-ai * refactor: nextui.org rename heroui.com * refactor: add heroui to missing places * fix: heroui plugin name * fix: update docs * docs: nextui to heroui add npmrc pnpm migratation * chore: rename all packages with new org name * chore: replace frontio-ai by frontioai * chore: revert previous changes * chore: small adjustment * chore: doc updated * feat: blog * chore: avatar updated * fix: url * chore: add new ogimage * fix: ogimage command * fix: heroui name and storybook welcome page * fix: og image url * feat: favicon and icon changed --------- Co-authored-by: աӄա Co-authored-by: winches <329487092@qq.com> --- .changeset/config.json | 6 +- .commitlintrc.cjs | 2 +- .github/ISSUE_TEMPLATE/bug_report.yml | 20 +- .github/ISSUE_TEMPLATE/config.yml | 8 +- .github/ISSUE_TEMPLATE/feature_request.yml | 4 +- .github/pull_request_template.md | 2 +- .npmrc | 2 +- CONTRIBUTING.md | 24 +- apps/docs/.env.example | 1 + apps/docs/.gitignore | 5 + apps/docs/app/blog/[slug]/page.tsx | 2 +- apps/docs/app/blog/layout.tsx | 2 +- apps/docs/app/blog/page.tsx | 4 +- apps/docs/app/docs/[[...slug]]/page.tsx | 2 +- apps/docs/app/docs/layout.tsx | 2 +- .../autocomplete/async-filtering/page.tsx | 2 +- .../autocomplete/async-items-loading/page.tsx | 4 +- .../autocomplete/fully-controlled/page.tsx | 2 +- apps/docs/app/examples/demo/page.tsx | 2 +- .../app/examples/modal/placement/page.tsx | 2 +- .../app/examples/navbar/bordered/page.tsx | 2 +- .../examples/navbar/controlled-menu/page.tsx | 2 +- .../navbar/custom-active-item/page.tsx | 2 +- .../navbar/disable-menu-animation/page.tsx | 2 +- .../examples/navbar/disabled-blur/page.tsx | 2 +- .../examples/navbar/hide-on-scroll/page.tsx | 2 +- apps/docs/app/examples/navbar/static/page.tsx | 2 +- apps/docs/app/examples/navbar/usage/page.tsx | 2 +- .../app/examples/navbar/with-avatar/page.tsx | 2 +- .../navbar/with-dropdown-menu/page.tsx | 4 +- .../app/examples/navbar/with-menu/page.tsx | 2 +- .../navbar/with-search-input/page.tsx | 2 +- apps/docs/app/examples/perf/client-page.tsx | 4 +- .../select/async-items-loading/page.tsx | 4 +- .../examples/table/async-pagination/page.tsx | 2 +- .../app/examples/table/custom-styles/page.tsx | 6 +- .../table/infinite-pagination/page.tsx | 4 +- .../app/examples/table/load-more/page.tsx | 2 +- apps/docs/app/examples/table/sorting/page.tsx | 2 +- .../docs/app/examples/table/use-case/page.tsx | 6 +- apps/docs/app/figma/page.tsx | 59 - apps/docs/app/layout.tsx | 15 +- apps/docs/app/page.tsx | 6 +- apps/docs/app/playground/page.tsx | 33 + apps/docs/app/playground/playground-tabs.tsx | 19 + apps/docs/app/providers.tsx | 10 +- apps/docs/components/bg-grid-container.tsx | 2 +- apps/docs/components/blog-post.tsx | 4 +- .../docs/components/blog/nextjs-templates.tsx | 8 +- apps/docs/components/blog/video-in-view.tsx | 2 +- apps/docs/components/cmdk.tsx | 8 +- .../components/code-window/code-block.tsx | 4 +- apps/docs/components/code-window/pre.tsx | 2 +- .../components/code-window/window-actions.tsx | 2 +- apps/docs/components/copy-button.tsx | 4 +- apps/docs/components/demo-code-modal.tsx | 8 +- apps/docs/components/demos/custom-button.tsx | 2 +- apps/docs/components/demos/music-player.tsx | 4 +- apps/docs/components/demos/speed-progress.tsx | 2 +- .../components/demos/user-twitter-card.tsx | 6 +- .../docs/components/code-demo/code-demo.tsx | 2 +- .../components/code-demo/react-live-demo.tsx | 8 +- .../docs/components/code-demo/utils.ts | 2 +- .../components/docs/components/codeblock.tsx | 26 +- .../docs/components/component-links.tsx | 8 +- .../components/docs/components/frameworks.tsx | 6 +- .../docs/components/import-tabs.tsx | 4 +- .../docs/components/package-managers.tsx | 8 +- .../docs/components/swatch-colors-set.tsx | 8 +- ...pro-callout.tsx => heroui-pro-callout.tsx} | 10 +- apps/docs/components/docs/pager.tsx | 4 +- apps/docs/components/docs/sidebar.tsx | 14 +- apps/docs/components/docs/toc.tsx | 10 +- .../featurebase/fb-roadmap-link.tsx | 2 +- apps/docs/components/figma-button.tsx | 2 +- apps/docs/components/footer.tsx | 2 +- apps/docs/components/heroui-logo.tsx | 127 + apps/docs/components/index.ts | 2 +- apps/docs/components/marketing/a11y-otb.tsx | 14 +- apps/docs/components/marketing/community.tsx | 2 +- .../marketing/custom-themes/custom-themes.tsx | 44 +- .../marketing/custom-themes/styles.ts | 4 +- .../components/marketing/customization.tsx | 4 +- apps/docs/components/marketing/dark-mode.tsx | 6 +- .../components/marketing/features-grid.tsx | 4 +- .../components/marketing/hero/bg-looper.tsx | 2 +- .../marketing/hero/floating-components.tsx | 10 +- .../marketing/hero/floating-tabs.tsx | 2 +- apps/docs/components/marketing/hero/hero.tsx | 30 +- .../marketing/heroui-pro-section.tsx | 182 + .../heroui-pro-button.tsx} | 8 +- .../heroui-pro-chip.tsx} | 4 +- .../heroui-pro-image.tsx} | 2 +- .../heroui-pro-section.tsx} | 16 +- .../marketing/heroui-pro-section/index.ts | 1 + .../components/marketing/install-banner.tsx | 17 +- apps/docs/components/marketing/marquee.tsx | 6 +- .../marketing/nextui-pro-section/index.ts | 1 - .../components/marketing/sponsor-item.tsx | 2 +- apps/docs/components/marketing/sponsors.tsx | 6 +- .../components/marketing/support-client.tsx | 14 +- apps/docs/components/mdx-components.tsx | 12 +- apps/docs/components/navbar.tsx | 58 +- apps/docs/components/nextui-logo.tsx | 64 - apps/docs/components/preview-button.tsx | 4 +- apps/docs/components/primitives.ts | 2 +- apps/docs/components/pro-banner.tsx | 8 +- .../components/sandpack/bugreport-button.tsx | 4 +- .../sandpack/codesandbox-button.tsx | 2 +- apps/docs/components/sandpack/copy-button.tsx | 4 +- apps/docs/components/sandpack/entries.ts | 12 +- .../components/sandpack/language-selector.tsx | 2 +- .../components/sandpack/refresh-button.tsx | 2 +- apps/docs/components/sandpack/sandpack.tsx | 4 +- apps/docs/components/sandpack/theme.ts | 8 +- apps/docs/components/sandpack/use-sandpack.ts | 24 +- apps/docs/components/sandpack/utils.ts | 18 +- .../components/scripts/script-providers.tsx | 2 +- apps/docs/components/scroll-area.tsx | 2 +- apps/docs/components/sonar-pulse.tsx | 6 +- apps/docs/components/static-table.tsx | 2 +- apps/docs/components/theme-switch.tsx | 4 +- apps/docs/components/virtual-anchor.tsx | 2 +- apps/docs/config/routes.json | 79 +- apps/docs/config/search-meta.json | 3406 +++++---- apps/docs/config/site.ts | 28 +- apps/docs/content/blog/introducing-heroui.mdx | 93 + apps/docs/content/blog/nextui-v2.mdx | 22 +- apps/docs/content/blog/v2.1.0.mdx | 2 +- apps/docs/content/blog/v2.2.0.mdx | 20 +- apps/docs/content/blog/v2.3.0.mdx | 88 +- apps/docs/content/blog/v2.4.0.mdx | 114 +- apps/docs/content/blog/v2.6.0.mdx | 172 +- .../accordion/bordered-variant.raw.jsx | 2 +- .../components/accordion/compact.raw.jsx | 2 +- .../components/accordion/controlled.raw.jsx | 2 +- .../components/accordion/controlled.raw.tsx | 4 +- .../accordion/custom-motion.raw.jsx | 2 +- .../accordion/custom-styles.raw.jsx | 2 +- .../accordion/default-expanded-keys.raw.jsx | 2 +- .../accordion/disabled-keys.raw.jsx | 2 +- .../accordion/indicator-function.raw.jsx | 2 +- .../components/accordion/indicator.raw.jsx | 2 +- .../accordion/light-variant.raw.jsx | 2 +- .../components/accordion/multiple.raw.jsx | 2 +- .../accordion/shadow-variant.raw.jsx | 2 +- .../accordion/splitted-variant.raw.jsx | 2 +- .../accordion/start-content.raw.jsx | 2 +- .../components/accordion/subtitle.raw.jsx | 2 +- .../components/accordion/usage.raw.jsx | 2 +- .../components/accordion/variant.raw.jsx | 2 +- .../content/components/alert/colors.raw.jsx | 2 +- .../components/alert/controlled-alert.raw.jsx | 2 +- .../components/alert/custom-impl.raw.jsx | 2 +- .../components/alert/custom-styles.raw.jsx | 2 +- .../components/alert/custom-styles.raw.tsx | 4 +- .../content/components/alert/radius.raw.jsx | 2 +- .../content/components/alert/usage.raw.jsx | 2 +- .../content/components/alert/variants.raw.jsx | 2 +- .../components/alert/with-action.raw.jsx | 2 +- .../components/alert/with-icon.raw.jsx | 2 +- .../alert/without-icon-wrapper.raw.jsx | 2 +- .../components/alert/without-icon.raw.jsx | 2 +- .../autocomplete/async-filtering.raw.jsx | 2 +- .../autocomplete/async-filtering.raw.tsx | 2 +- .../autocomplete/async-loading-items.raw.jsx | 4 +- .../autocomplete/async-loading-items.raw.tsx | 4 +- .../components/autocomplete/colors.raw.jsx | 2 +- .../autocomplete/controlled.raw.jsx | 2 +- .../autocomplete/controlled.raw.tsx | 2 +- .../custom-empty-content-message.raw.jsx | 2 +- .../autocomplete/custom-filtering.raw.jsx | 2 +- .../autocomplete/custom-filtering.raw.tsx | 2 +- .../autocomplete/custom-items.raw.jsx | 2 +- .../custom-sections-style.raw.jsx | 2 +- .../autocomplete/custom-selector-icon.raw.jsx | 2 +- .../autocomplete/custom-styles.raw.jsx | 2 +- .../autocomplete/custom-value.raw.jsx | 2 +- .../autocomplete/description.raw.jsx | 2 +- .../autocomplete/disabled-items.raw.jsx | 2 +- .../components/autocomplete/disabled.raw.jsx | 2 +- .../components/autocomplete/dynamic.raw.jsx | 2 +- .../autocomplete/error-message.raw.jsx | 2 +- .../components/autocomplete/events.raw.jsx | 2 +- .../components/autocomplete/events.raw.tsx | 2 +- .../autocomplete/fully-controlled.raw.jsx | 2 +- .../autocomplete/fully-controlled.raw.tsx | 2 +- .../autocomplete/item-start-content.raw.jsx | 2 +- .../autocomplete/label-placements.raw.jsx | 2 +- .../components/autocomplete/read-only.raw.jsx | 2 +- .../components/autocomplete/required.raw.jsx | 2 +- .../components/autocomplete/sections.raw.jsx | 2 +- .../components/autocomplete/sizes.raw.jsx | 2 +- .../autocomplete/start-content.raw.jsx | 2 +- .../components/autocomplete/usage.raw.jsx | 2 +- .../components/autocomplete/variants.raw.jsx | 2 +- .../virtualization-custom-item-height.raw.jsx | 2 +- .../virtualization-max-listbox-height.raw.jsx | 2 +- .../virtualization-ten-thousand.raw.jsx | 2 +- .../autocomplete/virtualization.raw.jsx | 2 +- .../without-scroll-shadow.raw.jsx | 2 +- .../components/avatar/bordered.raw.jsx | 2 +- .../content/components/avatar/colors.raw.jsx | 2 +- .../components/avatar/custom-fallback.raw.jsx | 2 +- .../components/avatar/custom-impl.raw.jsx | 2 +- .../components/avatar/custom-impl.raw.tsx | 2 +- .../content/components/avatar/custom.raw.jsx | 2 +- .../components/avatar/disabled.raw.jsx | 2 +- .../components/avatar/fallbacks.raw.jsx | 2 +- .../avatar/group-custom-count.raw.jsx | 2 +- .../avatar/group-custom-impl.raw.jsx | 2 +- .../avatar/group-custom-impl.raw.tsx | 2 +- .../components/avatar/group-disabled.raw.jsx | 2 +- .../components/avatar/group-grid.raw.jsx | 2 +- .../components/avatar/group-max.raw.jsx | 2 +- .../components/avatar/group-total.raw.jsx | 2 +- .../content/components/avatar/group.raw.jsx | 2 +- .../content/components/avatar/radius.raw.jsx | 2 +- .../content/components/avatar/sizes.raw.jsx | 2 +- .../content/components/avatar/usage.raw.jsx | 2 +- .../content/components/badge/a11y.raw.jsx | 2 +- .../content/components/badge/colors.raw.jsx | 2 +- .../components/badge/content-examples.raw.jsx | 2 +- .../components/badge/placements.raw.jsx | 2 +- .../content/components/badge/shapes.raw.jsx | 2 +- .../components/badge/show-outline.raw.jsx | 2 +- .../content/components/badge/sizes.raw.jsx | 2 +- .../content/components/badge/usage.raw.jsx | 2 +- .../content/components/badge/variants.raw.jsx | 2 +- .../components/badge/visibility.raw.jsx | 2 +- .../breadcrumbs/collapsing-items.raw.jsx | 2 +- .../components/breadcrumbs/colors.raw.jsx | 2 +- .../components/breadcrumbs/controlled.raw.jsx | 2 +- .../components/breadcrumbs/controlled.raw.tsx | 2 +- .../breadcrumbs/custom-items.raw.jsx | 2 +- .../breadcrumbs/custom-styles.raw.jsx | 2 +- .../breadcrumbs/customizing-ellipsis.raw.jsx | 2 +- .../components/breadcrumbs/disabled.raw.jsx | 2 +- .../components/breadcrumbs/menu-type.raw.jsx | 2 +- .../components/breadcrumbs/menu-type.raw.tsx | 2 +- .../components/breadcrumbs/radius.raw.jsx | 2 +- .../components/breadcrumbs/routing.raw.jsx | 2 +- .../components/breadcrumbs/separator.raw.jsx | 2 +- .../components/breadcrumbs/sizes.raw.jsx | 2 +- .../breadcrumbs/start-end-content.raw.jsx | 2 +- .../components/breadcrumbs/underlines.raw.jsx | 2 +- .../components/breadcrumbs/usage.raw.jsx | 2 +- .../components/breadcrumbs/variants.raw.jsx | 2 +- .../content/components/button/colors.raw.jsx | 2 +- .../components/button/custom-impl.raw.jsx | 2 +- .../components/button/custom-impl.raw.tsx | 2 +- .../components/button/custom-styles.raw.jsx | 2 +- .../components/button/disabled.raw.jsx | 2 +- .../components/button/group-disabled.raw.jsx | 2 +- .../components/button/group-use-case.raw.jsx | 2 +- .../content/components/button/group.raw.jsx | 2 +- .../components/button/icon-only.raw.jsx | 2 +- .../content/components/button/icons.raw.jsx | 2 +- .../components/button/loading-custom.raw.jsx | 2 +- .../content/components/button/loading.raw.jsx | 2 +- .../content/components/button/radius.raw.jsx | 2 +- .../content/components/button/sizes.raw.jsx | 2 +- .../content/components/button/usage.raw.jsx | 2 +- .../components/button/variants.raw.jsx | 2 +- .../calendar/controlled-focused-value.raw.jsx | 2 +- .../calendar/controlled-focused-value.raw.tsx | 2 +- .../components/calendar/controlled.raw.jsx | 2 +- .../components/calendar/controlled.raw.tsx | 2 +- .../components/calendar/disabled.raw.jsx | 2 +- .../calendar/international-calendars.raw.jsx | 2 +- .../components/calendar/invalid-date.raw.jsx | 2 +- .../components/calendar/invalid-date.raw.tsx | 2 +- .../calendar/max-date-value.raw.jsx | 2 +- .../calendar/min-date-value.raw.jsx | 2 +- .../calendar/page-behaviour.raw.jsx | 2 +- .../components/calendar/presets.raw.jsx | 2 +- .../components/calendar/presets.raw.tsx | 2 +- .../components/calendar/read-only.raw.jsx | 2 +- .../calendar/unavailable-dates.raw.jsx | 2 +- .../content/components/calendar/usage.raw.jsx | 2 +- .../calendar/visible-months.raw.jsx | 2 +- .../with-month-and-year-picker.raw.jsx | 2 +- .../components/card/blurred-footer.raw.jsx | 4 +- .../content/components/card/blurred.raw.jsx | 4 +- .../components/card/composition.raw.jsx | 4 +- .../components/card/cover-image.raw.jsx | 14 +- .../content/components/card/divider.raw.jsx | 10 +- .../content/components/card/image.raw.jsx | 4 +- .../components/card/primary-action.raw.jsx | 2 +- .../content/components/card/usage.raw.jsx | 2 +- .../checkbox-group/controlled.raw.jsx | 2 +- .../custom-implementation.raw.jsx | 2 +- .../checkbox-group/custom-styles.raw.jsx | 2 +- .../checkbox-group/disabled.raw.jsx | 2 +- .../checkbox-group/horizontal.raw.jsx | 2 +- .../components/checkbox-group/invalid.raw.jsx | 2 +- .../components/checkbox-group/usage.raw.jsx | 2 +- .../components/checkbox/colors.raw.jsx | 2 +- .../components/checkbox/controlled.raw.jsx | 2 +- .../checkbox/custom-check-icon.raw.jsx | 2 +- .../checkbox/custom-implementation.raw.jsx | 2 +- .../components/checkbox/custom-styles.raw.jsx | 2 +- .../components/checkbox/disabled.raw.jsx | 2 +- .../components/checkbox/indeterminate.raw.jsx | 2 +- .../components/checkbox/line-through.raw.jsx | 2 +- .../components/checkbox/radius.raw.jsx | 2 +- .../content/components/checkbox/sizes.raw.jsx | 2 +- .../content/components/checkbox/usage.raw.jsx | 2 +- .../content/components/chip/avatar.raw.jsx | 2 +- .../components/chip/close-button.raw.jsx | 2 +- .../content/components/chip/colors.raw.jsx | 2 +- .../components/chip/custom-styles.raw.jsx | 2 +- .../content/components/chip/disabled.raw.jsx | 2 +- .../docs/content/components/chip/list.raw.jsx | 2 +- .../content/components/chip/radius.raw.jsx | 2 +- .../content/components/chip/sizes.raw.jsx | 2 +- .../components/chip/start-end-content.raw.jsx | 2 +- .../content/components/chip/usage.raw.jsx | 2 +- .../content/components/chip/variants.raw.jsx | 2 +- .../circular-progress/colors.raw.jsx | 2 +- .../circular-progress/custom-styles.raw.jsx | 2 +- .../circular-progress/label.raw.jsx | 2 +- .../circular-progress/sizes.raw.jsx | 2 +- .../circular-progress/usage.raw.jsx | 2 +- .../value-formatting.raw.jsx | 2 +- .../circular-progress/value.raw.jsx | 2 +- .../content/components/code/colors.raw.jsx | 14 +- .../content/components/code/sizes.raw.jsx | 8 +- .../content/components/code/usage.raw.jsx | 4 +- .../components/date-input/controlled.raw.jsx | 2 +- .../components/date-input/controlled.raw.tsx | 2 +- .../components/date-input/description.raw.jsx | 2 +- .../components/date-input/disabled.raw.jsx | 2 +- .../date-input/error-message-function.raw.jsx | 2 +- .../date-input/error-message.raw.jsx | 2 +- .../components/date-input/granularity.raw.jsx | 2 +- .../components/date-input/granularity.raw.tsx | 2 +- .../date-input/hide-timezone.raw.jsx | 2 +- .../date-input/hourly-cycle.raw.jsx | 2 +- .../date-input/international-calendar.raw.jsx | 2 +- .../date-input/international-calendar.raw.tsx | 2 +- .../date-input/label-placements.raw.jsx | 2 +- .../date-input/min-and-max-date.raw.jsx | 2 +- .../components/date-input/readonly.raw.jsx | 2 +- .../components/date-input/required.raw.jsx | 2 +- .../date-input/start-end-content.raw.jsx | 2 +- .../components/date-input/time-zones.raw.jsx | 2 +- .../components/date-input/usage.raw.jsx | 2 +- .../components/date-input/variants.raw.jsx | 2 +- .../components/date-picker/controlled.raw.jsx | 2 +- .../components/date-picker/controlled.raw.tsx | 2 +- .../date-picker/description.raw.jsx | 2 +- .../components/date-picker/disabled.raw.jsx | 2 +- .../error-message-function.raw.jsx | 2 +- .../date-picker/error-message.raw.jsx | 2 +- .../date-picker/granularity.raw.jsx | 2 +- .../date-picker/granularity.raw.tsx | 2 +- .../components/date-picker/granularity.ts | 4 +- .../international-calendar.raw.jsx | 2 +- .../international-calendar.raw.tsx | 2 +- .../date-picker/label-placements.raw.jsx | 2 +- .../date-picker/min-and-max-date.raw.jsx | 2 +- .../date-picker/page-behavior.raw.jsx | 2 +- .../components/date-picker/preset.raw.jsx | 2 +- .../components/date-picker/preset.raw.tsx | 2 +- .../components/date-picker/readonly.raw.jsx | 2 +- .../components/date-picker/required.raw.jsx | 2 +- .../selector-button-placement.raw.jsx | 2 +- .../date-picker/selector-icon.raw.jsx | 2 +- .../components/date-picker/time-zones.raw.jsx | 2 +- .../date-picker/unavailable-dates.raw.jsx | 2 +- .../components/date-picker/usage.raw.jsx | 2 +- .../components/date-picker/variants.raw.jsx | 2 +- .../date-picker/visible-month.raw.jsx | 2 +- .../with-month-and-year-pickers.raw.jsx | 2 +- .../date-picker/with-time-field.raw.jsx | 2 +- .../date-range-picker/controlled.raw.jsx | 2 +- .../date-range-picker/controlled.raw.tsx | 2 +- .../date-range-picker/custom-styles.raw.jsx | 2 +- .../date-range-picker/description.raw.jsx | 2 +- .../date-range-picker/disabled.raw.jsx | 2 +- .../error-message-function.raw.jsx | 2 +- .../date-range-picker/error-message.raw.jsx | 2 +- .../date-range-picker/granularity.raw.jsx | 2 +- .../date-range-picker/granularity.raw.tsx | 2 +- .../international-calendar.raw.jsx | 2 +- .../international-calendar.raw.tsx | 2 +- .../label-placements.raw.jsx | 2 +- .../min-and-max-date.raw.jsx | 2 +- .../date-range-picker/non-contiguous.raw.jsx | 2 +- .../date-range-picker/page-behavior.raw.jsx | 2 +- .../date-range-picker/presets.raw.jsx | 2 +- .../date-range-picker/readonly.raw.jsx | 2 +- .../date-range-picker/required.raw.jsx | 2 +- .../selector-button-placement.raw.jsx | 2 +- .../date-range-picker/selector-icon.raw.jsx | 2 +- .../date-range-picker/time-zones.raw.jsx | 2 +- .../unavailable-dates.raw.jsx | 2 +- .../date-range-picker/usage.raw.jsx | 2 +- .../date-range-picker/variants.raw.jsx | 2 +- .../date-range-picker/visible-month.raw.jsx | 2 +- .../with-month-and-year-pickers.raw.jsx | 2 +- .../date-range-picker/with-time-field.raw.jsx | 2 +- .../content/components/divider/usage.raw.jsx | 4 +- .../components/drawer/backdrop.raw.jsx | 2 +- .../components/drawer/custom-motion.raw.jsx | 2 +- .../components/drawer/custom-styles.raw.jsx | 18 +- .../content/components/drawer/form.raw.jsx | 2 +- .../components/drawer/non-dismissable.raw.jsx | 2 +- .../components/drawer/placement.raw.jsx | 2 +- .../content/components/drawer/sizes.raw.jsx | 2 +- .../content/components/drawer/usage.raw.jsx | 2 +- .../components/dropdown/action.raw.jsx | 2 +- .../components/dropdown/backdrop.raw.jsx | 2 +- .../dropdown/custom-items-styles.raw.jsx | 2 +- .../dropdown/custom-popover-styles.raw.jsx | 2 +- .../dropdown/custom-trigger.raw.jsx | 9 +- .../components/dropdown/description.raw.jsx | 2 +- .../components/dropdown/disabled-keys.raw.jsx | 2 +- .../components/dropdown/dynamic.raw.jsx | 2 +- .../content/components/dropdown/icons.raw.jsx | 2 +- .../dropdown/multiple-selection.raw.jsx | 2 +- .../dropdown/multiple-selection.raw.tsx | 4 +- .../components/dropdown/sections.raw.jsx | 2 +- .../components/dropdown/shortcut.raw.jsx | 2 +- .../dropdown/single-selection.raw.jsx | 2 +- .../dropdown/single-selection.raw.tsx | 4 +- .../content/components/dropdown/usage.raw.jsx | 2 +- .../components/dropdown/variants.raw.jsx | 2 +- .../components/form/controlled.raw.jsx | 2 +- .../form/custom-error-messages.raw.jsx | 2 +- .../components/form/custom-validation.raw.jsx | 2 +- .../docs/content/components/form/demo.raw.jsx | 4 +- .../content/components/form/events.raw.jsx | 2 +- .../components/form/form-usage.raw.jsx | 2 +- .../components/form/native-validation.raw.jsx | 2 +- .../form/real-time-validation.raw.jsx | 2 +- .../components/form/server-validation.raw.jsx | 2 +- .../content/components/form/usage.raw.jsx | 2 +- .../content/components/image/blurred.raw.jsx | 6 +- .../content/components/image/fallback.raw.jsx | 6 +- .../content/components/image/loading.raw.jsx | 6 +- .../content/components/image/nextjs.raw.jsx | 6 +- .../content/components/image/usage.raw.jsx | 6 +- .../content/components/image/zoomed.raw.jsx | 6 +- .../components/input-otp/allowed-keys.raw.jsx | 2 +- .../components/input-otp/colors.raw.jsx | 2 +- .../components/input-otp/controlled.raw.jsx | 2 +- .../input-otp/custom-styles.raw.jsx | 2 +- .../components/input-otp/description.raw.jsx | 2 +- .../components/input-otp/disabled.raw.jsx | 2 +- .../input-otp/error-message.raw.jsx | 2 +- .../content/components/input-otp/form.raw.jsx | 4 +- .../content/components/input-otp/form.raw.tsx | 4 +- .../input-otp/input-otp-required.raw.jsx | 2 +- .../components/input-otp/lengths.raw.jsx | 2 +- .../components/input-otp/password.raw.jsx | 2 +- .../components/input-otp/radius.raw.jsx | 2 +- .../components/input-otp/readonly.raw.jsx | 2 +- .../components/input-otp/required.raw.jsx | 2 +- .../components/input-otp/sizes.raw.jsx | 2 +- .../components/input-otp/usage.raw.jsx | 2 +- .../components/input-otp/variants.raw.jsx | 2 +- .../input/built-in-validation.raw.jsx | 2 +- .../components/input/clear-button.raw.jsx | 4 +- .../content/components/input/colors.raw.jsx | 4 +- .../components/input/controlled.raw.jsx | 2 +- .../components/input/custom-impl.raw.jsx | 2 +- .../components/input/custom-styles.raw.jsx | 2 +- .../input/custom-validation.raw.jsx | 2 +- .../components/input/description.raw.jsx | 4 +- .../content/components/input/disabled.raw.jsx | 4 +- .../components/input/error-message.raw.jsx | 4 +- .../components/input/label-placements.raw.jsx | 2 +- .../content/components/input/password.raw.jsx | 2 +- .../content/components/input/radius.raw.jsx | 4 +- .../content/components/input/readonly.raw.jsx | 4 +- .../input/real-time-validation.raw.jsx | 2 +- .../components/input/regex-validation.raw.jsx | 4 +- .../content/components/input/required.raw.jsx | 4 +- .../input/server-validation.raw.jsx | 2 +- .../content/components/input/sizes.raw.jsx | 2 +- .../input/start-end-content.raw.jsx | 10 +- .../content/components/input/usage.raw.jsx | 2 +- .../content/components/input/variants.raw.jsx | 2 +- apps/docs/content/components/kbd/keys.raw.jsx | 2 +- .../docs/content/components/kbd/usage.raw.jsx | 2 +- .../content/components/link/block.raw.jsx | 2 +- .../content/components/link/colors.raw.jsx | 2 +- .../link/custom-anchor-icon.raw.jsx | 4 +- .../components/link/custom-impl.raw.jsx | 6 +- .../components/link/custom-impl.raw.tsx | 6 +- .../content/components/link/disabled.raw.jsx | 2 +- .../content/components/link/external.raw.jsx | 6 +- .../content/components/link/nextjs.raw.jsx | 2 +- .../components/link/polymorphic.raw.jsx | 4 +- .../content/components/link/sizes.raw.jsx | 2 +- .../content/components/link/underline.raw.jsx | 2 +- .../content/components/link/usage.raw.jsx | 2 +- .../components/listbox/custom-styles.raw.jsx | 4 +- .../components/listbox/description.raw.jsx | 2 +- .../components/listbox/disabled-keys.raw.jsx | 2 +- .../components/listbox/dynamic.raw.jsx | 2 +- .../content/components/listbox/icons.raw.jsx | 2 +- .../listbox/multiple-selection.raw.jsx | 2 +- .../components/listbox/sections.raw.jsx | 2 +- .../listbox/single-selection.raw.jsx | 2 +- .../components/listbox/top-content.raw.jsx | 2 +- .../components/listbox/top-content.raw.tsx | 2 +- .../content/components/listbox/usage.raw.jsx | 2 +- .../components/listbox/variants.raw.jsx | 2 +- .../virtualization-ten-thousand.raw.jsx | 2 +- .../components/listbox/virtualization.raw.jsx | 2 +- .../content/components/modal/backdrop.raw.jsx | 2 +- .../components/modal/custom-backdrop.raw.jsx | 2 +- .../components/modal/custom-motion.raw.jsx | 2 +- .../components/modal/custom-styles.raw.jsx | 2 +- .../modal/draggable-overflow.raw.jsx | 2 +- .../components/modal/draggable.raw.jsx | 2 +- .../content/components/modal/form.raw.jsx | 2 +- .../components/modal/non-dismissable.raw.jsx | 2 +- .../content/components/modal/overflow.raw.jsx | 2 +- .../content/components/modal/overflow.raw.tsx | 2 +- .../components/modal/placement.raw.jsx | 2 +- .../content/components/modal/sizes.raw.jsx | 2 +- .../content/components/modal/usage.raw.jsx | 2 +- .../components/navbar/bordered.raw.jsx | 2 +- .../components/navbar/controlled-menu.raw.jsx | 2 +- .../navbar/custom-active-item.raw.jsx | 2 +- .../navbar/disable-menu-animation.raw.jsx | 2 +- .../components/navbar/disabled-blur.raw.jsx | 2 +- .../components/navbar/hide-on-scroll.raw.jsx | 2 +- .../content/components/navbar/static.raw.jsx | 2 +- .../content/components/navbar/usage.raw.jsx | 2 +- .../components/navbar/with-avatar.raw.jsx | 2 +- .../navbar/with-dropdown-menu.raw.jsx | 2 +- .../components/navbar/with-menu.raw.jsx | 2 +- .../navbar/with-search-input.raw.jsx | 2 +- .../components/pagination/boundaries.raw.jsx | 2 +- .../components/pagination/colors.raw.jsx | 2 +- .../components/pagination/compact.raw.jsx | 2 +- .../components/pagination/controlled.raw.jsx | 2 +- .../components/pagination/controls.raw.jsx | 2 +- .../components/pagination/custom-impl.raw.jsx | 2 +- .../pagination/custom-items.raw.jsx | 2 +- .../pagination/custom-items.raw.tsx | 2 +- .../pagination/custom-styles.raw.jsx | 2 +- .../components/pagination/disabled.raw.jsx | 2 +- .../pagination/initial-page.raw.jsx | 2 +- .../components/pagination/loop.raw.jsx | 2 +- .../components/pagination/radius.raw.jsx | 2 +- .../components/pagination/shadow.raw.jsx | 2 +- .../components/pagination/siblings.raw.jsx | 2 +- .../components/pagination/sizes.raw.jsx | 2 +- .../components/pagination/usage.raw.jsx | 2 +- .../components/pagination/variants.raw.jsx | 2 +- .../content/components/popover/arrow.raw.jsx | 2 +- .../components/popover/backdrop.raw.jsx | 2 +- .../content/components/popover/colors.raw.jsx | 2 +- .../components/popover/controlled.raw.jsx | 2 +- .../components/popover/custom-motion.raw.jsx | 2 +- .../components/popover/custom-styles.raw.jsx | 2 +- .../components/popover/custom-trigger.raw.jsx | 4 +- .../content/components/popover/offset.raw.jsx | 2 +- .../components/popover/placements.raw.jsx | 2 +- .../components/popover/title-props.raw.jsx | 2 +- .../content/components/popover/usage.raw.jsx | 2 +- .../components/popover/variants.raw.jsx | 2 +- .../components/popover/with-form.raw.jsx | 2 +- .../components/progress/colors.raw.jsx | 2 +- .../components/progress/custom-styles.raw.jsx | 2 +- .../components/progress/indeterminate.raw.jsx | 2 +- .../content/components/progress/label.raw.jsx | 2 +- .../content/components/progress/sizes.raw.jsx | 2 +- .../components/progress/striped.raw.jsx | 2 +- .../content/components/progress/usage.raw.jsx | 2 +- .../progress/value-formatting.raw.jsx | 2 +- .../content/components/progress/value.raw.jsx | 2 +- .../components/radio-group/controlled.raw.jsx | 2 +- .../radio-group/custom-impl.raw.jsx | 2 +- .../radio-group/custom-impl.raw.tsx | 2 +- .../radio-group/custom-styles.raw.jsx | 2 +- .../radio-group/default-value.raw.jsx | 2 +- .../components/radio-group/disabled.raw.jsx | 2 +- .../components/radio-group/horizontal.raw.jsx | 2 +- .../components/radio-group/invalid.raw.jsx | 2 +- .../components/radio-group/usage.raw.jsx | 2 +- .../radio-group/with-description.raw.jsx | 2 +- .../controlled-focused-value.raw.jsx | 2 +- .../range-calendar/controlled.raw.jsx | 2 +- .../range-calendar/controlled.raw.tsx | 2 +- .../range-calendar/disabled.raw.jsx | 2 +- .../international-calendars.raw.jsx | 2 +- .../range-calendar/invalid-date.raw.jsx | 2 +- .../range-calendar/invalid-date.raw.tsx | 2 +- .../range-calendar/max-date-value.raw.jsx | 2 +- .../range-calendar/min-date-value.raw.jsx | 2 +- .../non-contiguous-ranges.raw.jsx | 2 +- .../range-calendar/page-behaviour.raw.jsx | 2 +- .../components/range-calendar/presets.raw.jsx | 2 +- .../components/range-calendar/presets.raw.tsx | 2 +- .../range-calendar/read-only.raw.jsx | 2 +- .../range-calendar/unavailable-dates.raw.jsx | 2 +- .../components/range-calendar/usage.raw.jsx | 2 +- .../range-calendar/visible-months.raw.jsx | 2 +- .../with-month-and-year-picker.raw.jsx | 2 +- .../scroll-shadow/custom-size.raw.jsx | 2 +- .../scroll-shadow/hide-scrollbar.raw.jsx | 2 +- .../scroll-shadow/horizontal.raw.jsx | 2 +- .../components/scroll-shadow/offset.raw.jsx | 2 +- .../components/scroll-shadow/usage.raw.jsx | 2 +- .../select/async-loading-items.raw.jsx | 4 +- .../select/async-loading-items.raw.tsx | 4 +- .../content/components/select/colors.raw.jsx | 2 +- .../components/select/custom-items.raw.jsx | 2 +- .../select/custom-render-value.raw.jsx | 2 +- .../select/custom-render-value.raw.tsx | 2 +- .../select/custom-sections-style.raw.jsx | 2 +- .../select/custom-selector-icon.raw.jsx | 2 +- .../components/select/custom-styles.raw.jsx | 2 +- .../components/select/description.raw.jsx | 2 +- .../components/select/disabled-items.raw.jsx | 2 +- .../components/select/disabled.raw.jsx | 2 +- .../content/components/select/dynamic.raw.jsx | 2 +- .../components/select/error-message.raw.jsx | 2 +- .../select/item-start-content.raw.jsx | 2 +- .../select/label-placements.raw.jsx | 2 +- .../components/select/multiple-chips.raw.jsx | 2 +- .../components/select/multiple-chips.raw.tsx | 2 +- .../multiple-controlled-onchange.raw.jsx | 2 +- .../multiple-controlled-onchange.raw.tsx | 4 +- .../select/multiple-controlled.raw.jsx | 2 +- .../select/multiple-controlled.raw.tsx | 4 +- .../components/select/multiple.raw.jsx | 2 +- .../components/select/open-state.raw.jsx | 2 +- .../content/components/select/radius.raw.jsx | 2 +- .../components/select/required.raw.jsx | 2 +- .../components/select/sections.raw.jsx | 2 +- .../select/single-controlled-onchange.raw.jsx | 2 +- .../select/single-controlled-onchange.raw.tsx | 2 +- .../select/single-controlled.raw.jsx | 2 +- .../select/single-controlled.raw.tsx | 4 +- .../content/components/select/sizes.raw.jsx | 2 +- .../components/select/start-content.raw.jsx | 2 +- .../content/components/select/usage.raw.jsx | 2 +- .../components/select/variants.raw.jsx | 2 +- .../virtualization-custom-item-height.raw.jsx | 2 +- .../virtualization-max-listbox-height.raw.jsx | 2 +- .../virtualization-ten-thousand.raw.jsx | 2 +- .../components/select/virtualization.raw.jsx | 2 +- .../select/without-scroll-shadow.raw.jsx | 2 +- .../components/skeleton/loaded.raw.jsx | 2 +- .../components/skeleton/standalone.raw.jsx | 2 +- .../content/components/skeleton/usage.raw.jsx | 2 +- .../content/components/slider/colors.raw.jsx | 2 +- .../slider/controlled-change-end.raw.jsx | 2 +- .../slider/controlled-change-end.raw.tsx | 4 +- .../slider/controlled-range.raw.jsx | 2 +- .../slider/controlled-range.raw.tsx | 4 +- .../components/slider/controlled.raw.jsx | 2 +- .../components/slider/controlled.raw.tsx | 4 +- .../components/slider/custom-styles.raw.jsx | 2 +- .../slider/disable-thumb-scale.raw.jsx | 2 +- .../components/slider/disabled.raw.jsx | 2 +- .../components/slider/fill-offset.raw.jsx | 2 +- .../components/slider/get-value.raw.jsx | 2 +- .../components/slider/hide-thumb.raw.jsx | 2 +- .../components/slider/hide-value.raw.jsx | 2 +- .../content/components/slider/marks.raw.jsx | 2 +- .../content/components/slider/outline.raw.jsx | 2 +- .../content/components/slider/radius.raw.jsx | 2 +- .../content/components/slider/range.raw.jsx | 2 +- .../components/slider/render-label.raw.jsx | 2 +- .../slider/render-range-thumb.raw.jsx | 2 +- .../components/slider/render-thumb.raw.jsx | 2 +- .../components/slider/render-value.raw.jsx | 2 +- .../components/slider/render-value.raw.tsx | 4 +- .../content/components/slider/sizes.raw.jsx | 2 +- .../slider/start-end-content.raw.jsx | 2 +- .../content/components/slider/tooltip.raw.jsx | 2 +- .../content/components/slider/usage.raw.jsx | 2 +- .../slider/value-formatting.raw.jsx | 2 +- .../components/slider/vertical.raw.jsx | 2 +- .../components/slider/visible-steps.raw.jsx | 2 +- .../content/components/snippet/colors.raw.jsx | 14 +- .../components/snippet/custom-icons.raw.jsx | 4 +- .../components/snippet/custom-tooltip.raw.jsx | 4 +- .../components/snippet/multiline.raw.jsx | 8 +- .../content/components/snippet/sizes.raw.jsx | 8 +- .../content/components/snippet/symbol.raw.jsx | 4 +- .../content/components/snippet/usage.raw.jsx | 4 +- .../components/snippet/variants.raw.jsx | 10 +- .../components/snippet/without-copy.raw.jsx | 4 +- .../content/components/spacer/usage.raw.jsx | 2 +- .../content/components/spinner/colors.raw.jsx | 2 +- .../components/spinner/label-colors.raw.jsx | 2 +- .../content/components/spinner/label.raw.jsx | 2 +- .../content/components/spinner/sizes.raw.jsx | 2 +- .../content/components/spinner/usage.raw.jsx | 2 +- .../content/components/switch/colors.raw.jsx | 2 +- .../components/switch/controlled.raw.jsx | 2 +- .../components/switch/custom-impl.raw.jsx | 2 +- .../components/switch/custom-impl.raw.tsx | 2 +- .../components/switch/custom-styles.raw.jsx | 2 +- .../components/switch/disabled.raw.jsx | 2 +- .../content/components/switch/icons.raw.jsx | 2 +- .../content/components/switch/label.raw.jsx | 2 +- .../content/components/switch/sizes.raw.jsx | 2 +- .../components/switch/thumb-icon.raw.jsx | 2 +- .../content/components/switch/usage.raw.jsx | 2 +- .../components/table/async-pagination.raw.jsx | 2 +- .../table/controlled-selection.raw.jsx | 2 +- .../components/table/custom-cells.raw.jsx | 2 +- .../components/table/custom-cells.raw.tsx | 2 +- .../components/table/custom-styles.raw.jsx | 2 +- .../components/table/custom-styles.raw.tsx | 2 +- .../components/table/disabled-rows.raw.jsx | 2 +- .../table/disallow-empty-selection.raw.jsx | 2 +- .../content/components/table/dynamic.raw.jsx | 2 +- .../content/components/table/empty.raw.jsx | 2 +- .../table/infinite-pagination.raw.jsx | 4 +- .../table/infinite-pagination.raw.tsx | 4 +- .../components/table/load-more.raw.jsx | 2 +- .../table/multiple-selection.raw.jsx | 2 +- .../components/table/paginated.raw.jsx | 2 +- .../components/table/row-actions.raw.jsx | 2 +- .../table/selection-behavior.raw.jsx | 2 +- .../components/table/single-selection.raw.jsx | 2 +- .../content/components/table/sorting.raw.jsx | 2 +- .../content/components/table/striped.raw.jsx | 2 +- .../content/components/table/usage.raw.jsx | 2 +- .../content/components/table/use-case.raw.jsx | 2 +- .../content/components/table/use-case.raw.tsx | 2 +- .../components/table/without-header.raw.jsx | 2 +- .../components/table/without-wrapper.raw.jsx | 2 +- .../content/components/tabs/colors.raw.jsx | 2 +- .../components/tabs/controlled.raw.jsx | 2 +- .../components/tabs/custom-styles.raw.jsx | 2 +- .../components/tabs/disabled-item.raw.jsx | 2 +- .../content/components/tabs/disabled.raw.jsx | 2 +- .../content/components/tabs/dynamic.raw.jsx | 2 +- .../docs/content/components/tabs/form.raw.jsx | 2 +- .../docs/content/components/tabs/form.raw.tsx | 2 +- .../content/components/tabs/icons.raw.jsx | 2 +- .../content/components/tabs/placement.raw.jsx | 2 +- .../content/components/tabs/radius.raw.jsx | 2 +- .../content/components/tabs/sizes.raw.jsx | 2 +- .../content/components/tabs/usage.raw.jsx | 2 +- .../content/components/tabs/variants.raw.jsx | 2 +- .../content/components/tabs/vertical.raw.jsx | 2 +- .../components/textarea/autosize.raw.jsx | 2 +- .../components/textarea/clear-button.raw.jsx | 2 +- .../components/textarea/controlled.raw.jsx | 2 +- .../components/textarea/description.raw.jsx | 2 +- .../textarea/disable-autosize.raw.jsx | 2 +- .../components/textarea/disabled.raw.jsx | 4 +- .../components/textarea/error-message.raw.jsx | 4 +- .../components/textarea/readonly.raw.jsx | 4 +- .../components/textarea/required.raw.jsx | 2 +- .../content/components/textarea/usage.raw.jsx | 2 +- .../components/textarea/variants.raw.jsx | 2 +- .../components/time-input/controlled.raw.jsx | 2 +- .../components/time-input/controlled.raw.tsx | 4 +- .../components/time-input/disabled.raw.jsx | 2 +- .../components/time-input/end-content.raw.jsx | 2 +- .../time-input/error-message-function.raw.jsx | 2 +- .../time-input/error-message.raw.jsx | 2 +- .../components/time-input/granularity.raw.jsx | 2 +- .../components/time-input/granularity.raw.tsx | 4 +- .../time-input/hide-timezone.raw.jsx | 2 +- .../components/time-input/hour-cycle.raw.jsx | 2 +- .../time-input/label-placement.raw.jsx | 2 +- .../time-input/max-time-value.raw.jsx | 2 +- .../time-input/min-time-value.raw.jsx | 2 +- .../time-input/placeholder-value.raw.jsx | 2 +- .../components/time-input/read-only.raw.jsx | 2 +- .../components/time-input/required.raw.jsx | 2 +- .../time-input/start-content.raw.jsx | 2 +- .../components/time-input/timezones.raw.jsx | 2 +- .../components/time-input/usage.raw.jsx | 2 +- .../time-input/with-description.raw.jsx | 2 +- .../time-input/without-label.raw.jsx | 2 +- .../content/components/tooltip/arrow.raw.jsx | 2 +- .../content/components/tooltip/colors.raw.jsx | 2 +- .../components/tooltip/controlled.raw.jsx | 2 +- .../components/tooltip/custom-content.raw.jsx | 2 +- .../components/tooltip/custom-motion.raw.jsx | 2 +- .../components/tooltip/custom-styles.raw.jsx | 2 +- .../components/tooltip/delay-multiple.raw.jsx | 2 +- .../content/components/tooltip/delay.raw.jsx | 2 +- .../content/components/tooltip/offset.raw.jsx | 2 +- .../components/tooltip/placements.raw.jsx | 2 +- .../content/components/tooltip/usage.raw.jsx | 2 +- .../components/user/link-description.raw.jsx | 2 +- .../content/components/user/usage.raw.jsx | 2 +- .../create-theme/custom-theme.ts | 4 +- .../custom-variants/no-slots-component.ts | 2 +- .../custom-variants/slots-component.ts | 2 +- .../customize-theme/custom-colors.ts | 2 +- .../customize-theme/custom-layout.ts | 2 +- .../override-styles/button-example.ts | 2 +- .../override-styles/slots-example.ts | 2 +- .../content/docs/api-references/cli-api.mdx | 140 +- ...extui-provider.mdx => heroui-provider.mdx} | 26 +- .../content/docs/components/accordion.mdx | 16 +- apps/docs/content/docs/components/alert.mdx | 14 +- .../content/docs/components/autocomplete.mdx | 24 +- apps/docs/content/docs/components/avatar.mdx | 18 +- apps/docs/content/docs/components/badge.mdx | 14 +- .../content/docs/components/breadcrumbs.mdx | 16 +- apps/docs/content/docs/components/button.mdx | 16 +- .../docs/content/docs/components/calendar.mdx | 16 +- apps/docs/content/docs/components/card.mdx | 18 +- .../docs/components/checkbox-group.mdx | 16 +- .../docs/content/docs/components/checkbox.mdx | 16 +- apps/docs/content/docs/components/chip.mdx | 14 +- .../docs/components/circular-progress.mdx | 14 +- apps/docs/content/docs/components/code.mdx | 14 +- .../content/docs/components/date-input.mdx | 14 +- .../content/docs/components/date-picker.mdx | 14 +- .../docs/components/date-range-picker.mdx | 14 +- apps/docs/content/docs/components/divider.mdx | 14 +- apps/docs/content/docs/components/drawer.mdx | 16 +- .../docs/content/docs/components/dropdown.mdx | 18 +- apps/docs/content/docs/components/form.mdx | 16 +- apps/docs/content/docs/components/image.mdx | 18 +- .../content/docs/components/input-otp.mdx | 14 +- apps/docs/content/docs/components/input.mdx | 18 +- apps/docs/content/docs/components/kbd.mdx | 14 +- apps/docs/content/docs/components/link.mdx | 18 +- apps/docs/content/docs/components/listbox.mdx | 18 +- apps/docs/content/docs/components/modal.mdx | 16 +- apps/docs/content/docs/components/navbar.mdx | 16 +- .../content/docs/components/pagination.mdx | 16 +- apps/docs/content/docs/components/popover.mdx | 16 +- .../docs/content/docs/components/progress.mdx | 14 +- .../content/docs/components/radio-group.mdx | 16 +- .../docs/components/range-calendar.mdx | 14 +- .../content/docs/components/scroll-shadow.mdx | 14 +- apps/docs/content/docs/components/select.mdx | 24 +- .../docs/content/docs/components/skeleton.mdx | 14 +- apps/docs/content/docs/components/slider.mdx | 14 +- apps/docs/content/docs/components/snippet.mdx | 14 +- apps/docs/content/docs/components/spacer.mdx | 14 +- apps/docs/content/docs/components/spinner.mdx | 14 +- apps/docs/content/docs/components/switch.mdx | 16 +- apps/docs/content/docs/components/table.mdx | 30 +- apps/docs/content/docs/components/tabs.mdx | 18 +- .../docs/content/docs/components/textarea.mdx | 16 +- .../content/docs/components/time-input.mdx | 14 +- apps/docs/content/docs/components/tooltip.mdx | 16 +- apps/docs/content/docs/components/user.mdx | 14 +- .../content/docs/customization/colors.mdx | 24 +- .../docs/customization/create-theme.mdx | 22 +- .../docs/customization/custom-variants.mdx | 38 +- .../docs/customization/customize-theme.mdx | 39 +- .../content/docs/customization/dark-mode.mdx | 56 +- .../content/docs/customization/layout.mdx | 24 +- .../docs/customization/override-styles.mdx | 28 +- .../docs/content/docs/customization/theme.mdx | 48 +- apps/docs/content/docs/frameworks/astro.mdx | 44 +- apps/docs/content/docs/frameworks/laravel.mdx | 76 +- apps/docs/content/docs/frameworks/nextjs.mdx | 164 +- apps/docs/content/docs/frameworks/remix.mdx | 71 +- apps/docs/content/docs/frameworks/vite.mdx | 88 +- apps/docs/content/docs/guide/cli.mdx | 114 +- .../content/docs/guide/design-principles.mdx | 20 +- apps/docs/content/docs/guide/figma.mdx | 58 + apps/docs/content/docs/guide/forms.mdx | 52 +- apps/docs/content/docs/guide/installation.mdx | 144 +- apps/docs/content/docs/guide/introduction.mdx | 58 +- .../content/docs/guide/nextui-to-heroui.mdx | 172 + apps/docs/content/docs/guide/routing.mdx | 80 +- .../docs/content/docs/guide/upgrade-to-v2.mdx | 360 - apps/docs/content/landing/index.tsx | 48 +- apps/docs/contentlayer.config.js | 3 +- apps/docs/hooks/use-stackblitz.ts | 2 +- apps/docs/libs/constants.tsx | 11 +- apps/docs/libs/github/constants.ts | 2 +- apps/docs/libs/prism-theme.ts | 2 +- apps/docs/next-sitemap.config.js | 2 +- apps/docs/next.config.js | 20 +- apps/docs/package.json | 36 +- apps/docs/preinstall.js | 4 +- apps/docs/public/apple-touch-icon.png | Bin 2601 -> 4754 bytes apps/docs/public/avatars/jrgarciadev.jpeg | Bin 0 -> 14027 bytes apps/docs/public/blog/introducing-heroui.png | Bin 0 -> 80393 bytes .../public/blog/introducing-heroui_2x.png | Bin 0 -> 268529 bytes apps/docs/public/favicon-96x96.png | Bin 0 -> 2313 bytes apps/docs/public/favicon.ico | Bin 15086 -> 15086 bytes apps/docs/public/favicon.svg | 3 + apps/docs/public/heroui-banner.png | Bin 0 -> 249084 bytes apps/docs/public/heroui.jpg | Bin 0 -> 325357 bytes ...> herouipro-section-background-light.webp} | Bin ...ipro-section-background-light@mobile.webp} | Bin ...webp => herouipro-section-background.webp} | Bin ... herouipro-section-background@mobile.webp} | Bin apps/docs/public/isotipo.png | Bin 6260 -> 4042 bytes apps/docs/public/manifest.json | 4 +- apps/docs/public/nextui-banner.jpeg | Bin 65239 -> 0 bytes apps/docs/public/nextui-banner.png | Bin 242802 -> 0 bytes apps/docs/public/robots.txt | 4 +- apps/docs/public/site.webmanifest | 21 + apps/docs/public/web-app-manifest-192x192.png | Bin 0 -> 5239 bytes apps/docs/public/web-app-manifest-512x512.png | Bin 0 -> 13357 bytes apps/docs/scripts/update-github-info.ts | 4 +- apps/docs/scripts/update-search-meta.ts | 4 +- apps/docs/tailwind.config.js | 52 +- apps/docs/utils/env.ts | 6 +- apps/docs/utils/get-sponsors.ts | 2 +- heroui-banner.png | Bin 0 -> 268529 bytes package.json | 26 +- packages/components/accordion/CHANGELOG.md | 768 +- packages/components/accordion/README.md | 12 +- .../accordion/__tests__/accordion.test.tsx | 4 +- packages/components/accordion/package.json | 40 +- .../accordion/src/accordion-item.tsx | 10 +- .../components/accordion/src/accordion.tsx | 6 +- .../src/base/accordion-item-base.tsx | 12 +- .../accordion/src/use-accordion-item.ts | 16 +- .../components/accordion/src/use-accordion.ts | 18 +- .../accordion/stories/accordion.stories.tsx | 10 +- packages/components/alert/CHANGELOG.md | 218 +- packages/components/alert/README.md | 12 +- packages/components/alert/package.json | 24 +- packages/components/alert/src/alert.tsx | 12 +- packages/components/alert/src/use-alert.ts | 14 +- .../alert/stories/alert.stories.tsx | 4 +- packages/components/autocomplete/CHANGELOG.md | 1062 +-- packages/components/autocomplete/README.md | 12 +- .../__tests__/autocomplete.test.tsx | 2 +- packages/components/autocomplete/package.json | 50 +- .../autocomplete/src/autocomplete.tsx | 14 +- packages/components/autocomplete/src/index.ts | 4 +- .../autocomplete/src/use-autocomplete.ts | 32 +- .../stories/autocomplete.stories.tsx | 21 +- packages/components/avatar/CHANGELOG.md | 352 +- packages/components/avatar/README.md | 12 +- .../avatar/__tests__/avatar.test.tsx | 2 +- packages/components/avatar/package.json | 26 +- .../avatar/src/avatar-group-context.ts | 2 +- .../components/avatar/src/avatar-group.tsx | 4 +- packages/components/avatar/src/avatar.tsx | 4 +- .../components/avatar/src/use-avatar-group.ts | 14 +- packages/components/avatar/src/use-avatar.ts | 16 +- .../avatar/stories/avatar.stories.tsx | 4 +- packages/components/badge/CHANGELOG.md | 326 +- packages/components/badge/README.md | 12 +- .../components/badge/__tests__/badge.test.tsx | 2 +- packages/components/badge/package.json | 26 +- packages/components/badge/src/badge.tsx | 4 +- packages/components/badge/src/use-badge.ts | 14 +- .../badge/stories/badge.stories.tsx | 10 +- packages/components/breadcrumbs/CHANGELOG.md | 214 +- packages/components/breadcrumbs/README.md | 12 +- packages/components/breadcrumbs/package.json | 28 +- .../breadcrumbs/src/breadcrumb-item.tsx | 4 +- .../breadcrumbs/src/breadcrumbs.tsx | 8 +- .../breadcrumbs/src/use-breadcrumb-item.ts | 16 +- .../breadcrumbs/src/use-breadcrumbs.ts | 17 +- .../stories/breadcrumbs.stories.tsx | 12 +- packages/components/button/CHANGELOG.md | 616 +- packages/components/button/README.md | 12 +- packages/components/button/package.json | 28 +- .../button/src/button-group-context.ts | 2 +- .../components/button/src/button-group.tsx | 4 +- packages/components/button/src/button.tsx | 8 +- .../components/button/src/use-button-group.ts | 19 +- packages/components/button/src/use-button.ts | 28 +- .../button/stories/button-group.stories.tsx | 2 +- .../button/stories/button.stories.tsx | 4 +- packages/components/calendar/CHANGELOG.md | 438 +- packages/components/calendar/README.md | 12 +- .../calendar/__tests__/calendar.test.tsx | 8 +- .../__tests__/range-calendar.test.tsx | 2 +- packages/components/calendar/package.json | 34 +- .../components/calendar/src/calendar-base.tsx | 12 +- .../components/calendar/src/calendar-cell.tsx | 8 +- .../calendar/src/calendar-context.ts | 2 +- .../calendar/src/calendar-header.tsx | 8 +- .../calendar/src/calendar-month.tsx | 6 +- .../calendar/src/calendar-picker-item.tsx | 12 +- .../calendar/src/calendar-picker.tsx | 8 +- packages/components/calendar/src/calendar.tsx | 2 +- .../components/calendar/src/chevron-down.tsx | 2 +- .../components/calendar/src/chevron-left.tsx | 2 +- .../components/calendar/src/chevron-right.tsx | 2 +- .../calendar/src/range-calendar.tsx | 2 +- .../calendar/src/use-calendar-base.ts | 24 +- .../calendar/src/use-calendar-picker.ts | 8 +- .../components/calendar/src/use-calendar.ts | 6 +- .../calendar/src/use-range-calendar.ts | 14 +- .../calendar/stories/calendar.stories.tsx | 22 +- .../stories/range-calendar.stories.tsx | 8 +- packages/components/card/CHANGELOG.md | 496 +- packages/components/card/README.md | 12 +- packages/components/card/package.json | 34 +- packages/components/card/src/card-body.tsx | 10 +- packages/components/card/src/card-context.ts | 2 +- packages/components/card/src/card-footer.tsx | 10 +- packages/components/card/src/card-header.tsx | 10 +- packages/components/card/src/card.tsx | 6 +- packages/components/card/src/use-card.ts | 29 +- .../components/card/stories/card.stories.tsx | 30 +- packages/components/checkbox/CHANGELOG.md | 398 +- packages/components/checkbox/README.md | 12 +- .../__tests__/checkbox-group.test.tsx | 2 +- packages/components/checkbox/package.json | 34 +- .../checkbox/src/checkbox-group-context.ts | 2 +- .../checkbox/src/checkbox-group.tsx | 4 +- packages/components/checkbox/src/checkbox.tsx | 4 +- .../checkbox/src/use-checkbox-group.ts | 18 +- .../components/checkbox/src/use-checkbox.ts | 20 +- .../stories/checkbox-group.stories.tsx | 6 +- .../checkbox/stories/checkbox.stories.tsx | 8 +- packages/components/chip/CHANGELOG.md | 348 +- packages/components/chip/README.md | 12 +- .../components/chip/__tests__/chip.test.tsx | 2 +- packages/components/chip/package.json | 24 +- packages/components/chip/src/chip.tsx | 6 +- packages/components/chip/src/use-chip.ts | 14 +- .../components/chip/stories/chip.stories.tsx | 6 +- packages/components/code/CHANGELOG.md | 378 +- packages/components/code/README.md | 12 +- .../components/code/__tests__/code.test.tsx | 4 +- packages/components/code/package.json | 18 +- packages/components/code/src/code.tsx | 4 +- packages/components/code/src/use-code.ts | 14 +- .../components/code/stories/code.stories.tsx | 4 +- packages/components/date-input/CHANGELOG.md | 204 +- packages/components/date-input/README.md | 10 +- .../date-input/__tests__/date-input.test.tsx | 2 +- .../date-input/__tests__/time-input.test.tsx | 2 +- packages/components/date-input/package.json | 26 +- .../date-input/src/date-input-field.tsx | 10 +- .../date-input/src/date-input-group.tsx | 6 +- .../date-input/src/date-input-segment.tsx | 8 +- .../components/date-input/src/date-input.tsx | 2 +- .../components/date-input/src/time-input.tsx | 2 +- .../date-input/src/use-date-input.ts | 26 +- .../date-input/src/use-time-input.ts | 22 +- .../date-input/stories/date-input.stories.tsx | 4 +- .../date-input/stories/time-input.stories.tsx | 4 +- packages/components/date-picker/CHANGELOG.md | 658 +- packages/components/date-picker/README.md | 10 +- .../__tests__/date-picker.test.tsx | 10 +- packages/components/date-picker/package.json | 38 +- .../date-picker/src/date-picker.tsx | 12 +- .../src/date-range-picker-field.tsx | 16 +- .../date-picker/src/date-range-picker.tsx | 12 +- .../date-picker/src/use-date-picker-base.ts | 22 +- .../date-picker/src/use-date-picker.ts | 22 +- .../date-picker/src/use-date-range-picker.ts | 28 +- .../stories/date-picker.stories.tsx | 12 +- .../stories/date-range-picker.stories.tsx | 12 +- packages/components/divider/CHANGELOG.md | 366 +- packages/components/divider/README.md | 12 +- packages/components/divider/package.json | 18 +- packages/components/divider/src/divider.tsx | 4 +- .../components/divider/src/use-divider.ts | 8 +- .../components/divider/src/use-separator.ts | 2 +- .../divider/stories/divider.stories.tsx | 4 +- packages/components/drawer/CHANGELOG.md | 206 +- packages/components/drawer/README.md | 10 +- packages/components/drawer/package.json | 44 +- packages/components/drawer/src/drawer.tsx | 6 +- packages/components/drawer/src/index.ts | 4 +- packages/components/drawer/src/use-drawer.ts | 12 +- .../drawer/stories/drawer.stories.tsx | 36 +- packages/components/dropdown/CHANGELOG.md | 736 +- packages/components/dropdown/README.md | 12 +- .../dropdown/__tests__/dropdown.test.tsx | 18 +- packages/components/dropdown/package.json | 38 +- .../dropdown/src/dropdown-context.ts | 2 +- .../components/dropdown/src/dropdown-menu.tsx | 6 +- .../dropdown/src/dropdown-trigger.tsx | 4 +- packages/components/dropdown/src/dropdown.tsx | 4 +- packages/components/dropdown/src/index.ts | 4 +- .../components/dropdown/src/use-dropdown.ts | 18 +- .../dropdown/stories/dropdown.stories.tsx | 12 +- packages/components/form/CHANGELOG.md | 82 +- packages/components/form/README.md | 10 +- packages/components/form/package.json | 22 +- packages/components/form/src/base-form.tsx | 2 +- packages/components/form/src/form.tsx | 2 +- .../components/form/stories/form.stories.tsx | 4 +- packages/components/image/CHANGELOG.md | 340 +- packages/components/image/README.md | 12 +- packages/components/image/package.json | 22 +- packages/components/image/src/image.tsx | 4 +- packages/components/image/src/use-image.ts | 21 +- .../image/stories/image.stories.tsx | 6 +- packages/components/input-otp/CHANGELOG.md | 76 +- packages/components/input-otp/README.md | 12 +- .../input-otp/__tests__/input-otp.test.tsx | 2 +- packages/components/input-otp/package.json | 24 +- .../input-otp/src/input-otp-context.ts | 2 +- .../input-otp/src/input-otp-segment.tsx | 4 +- .../components/input-otp/src/input-otp.tsx | 4 +- .../components/input-otp/src/use-input-otp.ts | 19 +- .../input-otp/stories/input-otp.stories.tsx | 6 +- packages/components/input/CHANGELOG.md | 464 +- packages/components/input/README.md | 12 +- .../components/input/__tests__/input.test.tsx | 4 +- .../input/__tests__/textarea.test.tsx | 4 +- packages/components/input/package.json | 26 +- packages/components/input/src/input.tsx | 6 +- packages/components/input/src/textarea.tsx | 8 +- packages/components/input/src/use-input.ts | 21 +- .../input/stories/input.stories.tsx | 22 +- .../input/stories/textarea.stories.tsx | 8 +- packages/components/kbd/CHANGELOG.md | 390 +- packages/components/kbd/README.md | 12 +- packages/components/kbd/package.json | 18 +- packages/components/kbd/src/kbd.tsx | 4 +- packages/components/kbd/src/use-kbd.ts | 14 +- .../components/kbd/stories/kbd.stories.tsx | 2 +- packages/components/link/CHANGELOG.md | 410 +- packages/components/link/README.md | 12 +- packages/components/link/package.json | 24 +- packages/components/link/src/link.tsx | 8 +- packages/components/link/src/use-link.ts | 23 +- .../components/link/stories/link.stories.tsx | 6 +- packages/components/listbox/CHANGELOG.md | 522 +- packages/components/listbox/README.md | 12 +- packages/components/listbox/package.json | 36 +- .../listbox/src/base/listbox-item-base.tsx | 6 +- .../listbox/src/base/listbox-section-base.tsx | 6 +- .../components/listbox/src/listbox-item.tsx | 2 +- .../listbox/src/listbox-section.tsx | 10 +- packages/components/listbox/src/listbox.tsx | 2 +- .../listbox/src/use-listbox-item.ts | 21 +- .../components/listbox/src/use-listbox.ts | 10 +- .../listbox/src/virtualized-listbox.tsx | 6 +- .../listbox/stories/listbox.stories.tsx | 16 +- packages/components/menu/CHANGELOG.md | 560 +- packages/components/menu/README.md | 12 +- packages/components/menu/package.json | 30 +- .../menu/src/base/menu-item-base.tsx | 6 +- .../menu/src/base/menu-section-base.tsx | 6 +- packages/components/menu/src/menu-item.tsx | 2 +- packages/components/menu/src/menu-section.tsx | 10 +- packages/components/menu/src/menu.tsx | 4 +- packages/components/menu/src/use-menu-item.ts | 21 +- packages/components/menu/src/use-menu.ts | 12 +- .../components/menu/stories/menu.stories.tsx | 6 +- packages/components/modal/CHANGELOG.md | 678 +- packages/components/modal/README.md | 12 +- packages/components/modal/package.json | 44 +- packages/components/modal/src/index.ts | 6 +- packages/components/modal/src/modal-body.tsx | 10 +- .../components/modal/src/modal-content.tsx | 12 +- .../components/modal/src/modal-context.ts | 2 +- .../components/modal/src/modal-footer.tsx | 10 +- .../components/modal/src/modal-header.tsx | 10 +- .../components/modal/src/modal-transition.ts | 2 +- packages/components/modal/src/modal.tsx | 4 +- packages/components/modal/src/use-modal.ts | 21 +- .../modal/stories/modal.stories.tsx | 14 +- packages/components/navbar/CHANGELOG.md | 524 +- packages/components/navbar/README.md | 12 +- packages/components/navbar/package.json | 38 +- .../components/navbar/src/navbar-brand.tsx | 10 +- .../components/navbar/src/navbar-content.tsx | 10 +- .../components/navbar/src/navbar-context.ts | 2 +- .../components/navbar/src/navbar-item.tsx | 10 +- .../navbar/src/navbar-menu-item.tsx | 10 +- .../navbar/src/navbar-menu-toggle.tsx | 10 +- .../components/navbar/src/navbar-menu.tsx | 12 +- .../navbar/src/navbar-transitions.ts | 2 +- packages/components/navbar/src/navbar.tsx | 8 +- packages/components/navbar/src/use-navbar.ts | 23 +- .../navbar/stories/navbar.stories.tsx | 14 +- packages/components/pagination/CHANGELOG.md | 430 +- packages/components/pagination/README.md | 12 +- packages/components/pagination/package.json | 26 +- packages/components/pagination/src/index.ts | 4 +- .../pagination/src/pagination-cursor.tsx | 8 +- .../pagination/src/pagination-item.tsx | 4 +- .../components/pagination/src/pagination.tsx | 12 +- .../pagination/src/use-pagination-item.ts | 12 +- .../pagination/src/use-pagination.ts | 22 +- .../pagination/stories/pagination.stories.tsx | 6 +- packages/components/popover/CHANGELOG.md | 784 +- packages/components/popover/README.md | 12 +- .../popover/__tests__/popover.test.tsx | 5 +- packages/components/popover/package.json | 36 +- .../popover/src/free-solo-popover.tsx | 12 +- .../popover/src/popover-content.tsx | 12 +- .../components/popover/src/popover-context.ts | 2 +- .../popover/src/popover-trigger.tsx | 14 +- packages/components/popover/src/popover.tsx | 4 +- .../popover/src/use-aria-popover.ts | 4 +- .../components/popover/src/use-popover.ts | 23 +- .../popover/stories/popover.stories.tsx | 12 +- packages/components/progress/CHANGELOG.md | 330 +- packages/components/progress/README.md | 12 +- packages/components/progress/package.json | 26 +- .../progress/src/circular-progress.tsx | 4 +- packages/components/progress/src/progress.tsx | 4 +- .../progress/src/use-circular-progress.ts | 18 +- .../components/progress/src/use-progress.ts | 18 +- .../stories/circular-progress.stories.tsx | 6 +- .../progress/stories/progress.stories.tsx | 2 +- packages/components/radio/CHANGELOG.md | 358 +- packages/components/radio/README.md | 12 +- .../components/radio/__tests__/radio.test.tsx | 2 +- packages/components/radio/package.json | 24 +- .../radio/src/radio-group-context.ts | 2 +- packages/components/radio/src/radio-group.tsx | 4 +- packages/components/radio/src/radio.tsx | 4 +- .../components/radio/src/use-radio-group.ts | 16 +- packages/components/radio/src/use-radio.ts | 12 +- .../radio/stories/radio.stories.tsx | 6 +- packages/components/ripple/CHANGELOG.md | 326 +- packages/components/ripple/README.md | 12 +- packages/components/ripple/package.json | 22 +- packages/components/ripple/src/ripple.tsx | 12 +- packages/components/ripple/src/use-ripple.ts | 2 +- .../components/scroll-shadow/CHANGELOG.md | 270 +- packages/components/scroll-shadow/README.md | 12 +- .../components/scroll-shadow/package.json | 22 +- .../components/scroll-shadow/src/index.ts | 2 +- .../scroll-shadow/src/scroll-shadow.tsx | 4 +- .../scroll-shadow/src/use-scroll-shadow.ts | 17 +- .../stories/scroll-shadow.stories.tsx | 2 +- packages/components/select/CHANGELOG.md | 1110 +-- packages/components/select/README.md | 12 +- .../select/__tests__/select.test.tsx | 2 +- packages/components/select/package.json | 52 +- .../components/select/src/hidden-select.tsx | 2 +- packages/components/select/src/index.ts | 4 +- packages/components/select/src/select.tsx | 12 +- packages/components/select/src/use-select.ts | 32 +- .../select/stories/select.stories.tsx | 23 +- packages/components/skeleton/CHANGELOG.md | 326 +- packages/components/skeleton/README.md | 12 +- packages/components/skeleton/package.json | 24 +- packages/components/skeleton/src/skeleton.tsx | 4 +- .../components/skeleton/src/use-skeleton.ts | 14 +- .../skeleton/stories/skeleton.stories.tsx | 8 +- packages/components/slider/CHANGELOG.md | 274 +- packages/components/slider/README.md | 12 +- packages/components/slider/package.json | 26 +- .../components/slider/src/slider-thumb.tsx | 8 +- packages/components/slider/src/slider.tsx | 6 +- .../components/slider/src/use-slider-thumb.ts | 12 +- packages/components/slider/src/use-slider.ts | 18 +- .../slider/stories/slider.stories.tsx | 8 +- packages/components/snippet/CHANGELOG.md | 682 +- packages/components/snippet/README.md | 12 +- .../snippet/__tests__/snippet.test.tsx | 10 +- packages/components/snippet/package.json | 28 +- packages/components/snippet/src/snippet.tsx | 12 +- .../components/snippet/src/use-snippet.ts | 29 +- .../snippet/stories/snippet.stories.tsx | 10 +- packages/components/spacer/CHANGELOG.md | 378 +- packages/components/spacer/README.md | 12 +- packages/components/spacer/package.json | 18 +- packages/components/spacer/src/spacer.tsx | 4 +- packages/components/spacer/src/use-spacer.ts | 14 +- .../spacer/stories/spacer.stories.tsx | 2 +- packages/components/spinner/CHANGELOG.md | 382 +- packages/components/spinner/README.md | 12 +- packages/components/spinner/package.json | 18 +- packages/components/spinner/src/spinner.tsx | 4 +- .../components/spinner/src/use-spinner.ts | 12 +- .../spinner/stories/spinner.stories.tsx | 2 +- packages/components/switch/CHANGELOG.md | 336 +- packages/components/switch/README.md | 12 +- packages/components/switch/package.json | 24 +- packages/components/switch/src/switch.tsx | 4 +- packages/components/switch/src/use-switch.ts | 16 +- .../switch/stories/switch.stories.tsx | 8 +- packages/components/table/CHANGELOG.md | 634 +- packages/components/table/README.md | 12 +- packages/components/table/package.json | 40 +- .../components/table/src/base/table-body.tsx | 4 +- .../components/table/src/base/table-cell.tsx | 4 +- .../table/src/base/table-column.tsx | 4 +- .../table/src/base/table-header.tsx | 4 +- .../components/table/src/base/table-row.tsx | 4 +- packages/components/table/src/index.ts | 2 +- packages/components/table/src/table-body.tsx | 12 +- packages/components/table/src/table-cell.tsx | 10 +- .../table/src/table-checkbox-cell.tsx | 12 +- .../table/src/table-column-header.tsx | 12 +- .../components/table/src/table-header-row.tsx | 10 +- .../components/table/src/table-row-group.tsx | 10 +- packages/components/table/src/table-row.tsx | 8 +- .../table/src/table-select-all-checkbox.tsx | 12 +- packages/components/table/src/table.tsx | 6 +- packages/components/table/src/use-table.ts | 26 +- .../table/stories/table.stories.tsx | 18 +- packages/components/tabs/CHANGELOG.md | 582 +- packages/components/tabs/README.md | 12 +- .../components/tabs/__tests__/tabs.test.tsx | 2 +- packages/components/tabs/package.json | 38 +- .../components/tabs/src/base/tab-item-base.ts | 2 +- packages/components/tabs/src/tab-panel.tsx | 10 +- packages/components/tabs/src/tab.tsx | 10 +- packages/components/tabs/src/tabs.tsx | 2 +- packages/components/tabs/src/use-tabs.ts | 23 +- .../components/tabs/stories/tabs.stories.tsx | 10 +- packages/components/tooltip/CHANGELOG.md | 554 +- packages/components/tooltip/README.md | 12 +- .../tooltip/__tests__/tooltip.test.tsx | 2 +- packages/components/tooltip/package.json | 30 +- packages/components/tooltip/src/index.ts | 2 +- packages/components/tooltip/src/tooltip.tsx | 12 +- .../components/tooltip/src/use-tooltip.ts | 25 +- .../tooltip/stories/tooltip.stories.tsx | 4 +- packages/components/user/CHANGELOG.md | 422 +- packages/components/user/README.md | 12 +- .../components/user/__tests__/user.test.tsx | 6 +- packages/components/user/package.json | 24 +- packages/components/user/src/use-user.ts | 18 +- packages/components/user/src/user.tsx | 6 +- .../components/user/stories/user.stories.tsx | 2 +- packages/core/react/CHANGELOG.md | 6560 ++++++++--------- packages/core/react/README.md | 36 +- packages/core/react/package.json | 102 +- packages/core/react/src/index.ts | 94 +- packages/core/react/src/scripts/postbuild.js | 2 +- packages/core/system-rsc/CHANGELOG.md | 80 +- packages/core/system-rsc/README.md | 10 +- packages/core/system-rsc/package.json | 18 +- .../core/system-rsc/src/extend-variants.js | 2 +- packages/core/system-rsc/src/index.ts | 4 +- packages/core/system-rsc/src/types.ts | 2 +- packages/core/system-rsc/src/utils.ts | 8 +- .../test-utils/no-slots-component.tsx | 12 +- .../system-rsc/test-utils/slots-component.tsx | 12 +- packages/core/system/CHANGELOG.md | 278 +- packages/core/system/README.md | 14 +- packages/core/system/package.json | 14 +- packages/core/system/src/index.ts | 12 +- packages/core/system/src/provider-context.ts | 2 +- packages/core/system/src/provider.tsx | 6 +- packages/core/theme/CHANGELOG.md | 308 +- packages/core/theme/README.md | 12 +- .../theme/__tests__/semantic-colors.test.ts | 2 +- packages/core/theme/package.json | 12 +- packages/core/theme/src/components/code.ts | 2 +- packages/core/theme/src/plugin.ts | 24 +- packages/core/theme/src/types.ts | 10 +- packages/core/theme/src/utils/cn.ts | 2 +- .../core/theme/src/utils/merge-classes.ts | 2 +- .../use-aria-accordion-item/CHANGELOG.md | 50 +- .../hooks/use-aria-accordion-item/README.md | 10 +- .../use-aria-accordion-item/package.json | 8 +- .../use-aria-accordion-item/src/index.ts | 2 +- .../hooks/use-aria-accordion/CHANGELOG.md | 44 +- packages/hooks/use-aria-accordion/README.md | 10 +- .../hooks/use-aria-accordion/package.json | 8 +- .../use-aria-accordion/src/use-accordion.ts | 2 +- packages/hooks/use-aria-button/CHANGELOG.md | 62 +- packages/hooks/use-aria-button/README.md | 10 +- packages/hooks/use-aria-button/package.json | 10 +- packages/hooks/use-aria-button/src/index.ts | 6 +- packages/hooks/use-aria-link/CHANGELOG.md | 60 +- packages/hooks/use-aria-link/README.md | 10 +- packages/hooks/use-aria-link/package.json | 10 +- packages/hooks/use-aria-link/src/index.ts | 6 +- .../hooks/use-aria-modal-overlay/CHANGELOG.md | 64 +- .../hooks/use-aria-modal-overlay/README.md | 10 +- .../hooks/use-aria-modal-overlay/package.json | 8 +- .../hooks/use-aria-multiselect/CHANGELOG.md | 70 +- packages/hooks/use-aria-multiselect/README.md | 10 +- .../hooks/use-aria-multiselect/package.json | 8 +- packages/hooks/use-callback-ref/CHANGELOG.md | 88 +- packages/hooks/use-callback-ref/README.md | 10 +- packages/hooks/use-callback-ref/package.json | 10 +- packages/hooks/use-callback-ref/src/index.ts | 2 +- packages/hooks/use-clipboard/CHANGELOG.md | 38 +- packages/hooks/use-clipboard/README.md | 10 +- packages/hooks/use-clipboard/package.json | 8 +- .../use-data-scroll-overflow/CHANGELOG.md | 100 +- .../hooks/use-data-scroll-overflow/README.md | 10 +- .../use-data-scroll-overflow/package.json | 10 +- .../use-data-scroll-overflow/src/index.ts | 2 +- packages/hooks/use-disclosure/CHANGELOG.md | 108 +- packages/hooks/use-disclosure/README.md | 10 +- packages/hooks/use-disclosure/package.json | 10 +- packages/hooks/use-disclosure/src/index.ts | 2 +- packages/hooks/use-draggable/CHANGELOG.md | 24 +- packages/hooks/use-draggable/README.md | 10 +- packages/hooks/use-draggable/package.json | 8 +- packages/hooks/use-image/CHANGELOG.md | 108 +- packages/hooks/use-image/README.md | 10 +- .../use-image/__tests__/use-image.test.tsx | 2 +- packages/hooks/use-image/package.json | 14 +- packages/hooks/use-image/src/index.ts | 4 +- .../hooks/use-infinite-scroll/CHANGELOG.md | 90 +- packages/hooks/use-infinite-scroll/README.md | 10 +- .../hooks/use-infinite-scroll/package.json | 10 +- .../hooks/use-infinite-scroll/src/index.ts | 2 +- .../use-intersection-observer/CHANGELOG.md | 40 +- .../hooks/use-intersection-observer/README.md | 10 +- .../use-intersection-observer/package.json | 8 +- packages/hooks/use-is-mobile/CHANGELOG.md | 48 +- packages/hooks/use-is-mobile/README.md | 10 +- packages/hooks/use-is-mobile/package.json | 8 +- packages/hooks/use-is-mounted/CHANGELOG.md | 32 +- packages/hooks/use-is-mounted/README.md | 10 +- packages/hooks/use-is-mounted/package.json | 8 +- packages/hooks/use-measure/CHANGELOG.md | 62 +- packages/hooks/use-measure/README.md | 10 +- packages/hooks/use-measure/package.json | 8 +- packages/hooks/use-pagination/CHANGELOG.md | 126 +- packages/hooks/use-pagination/README.md | 10 +- packages/hooks/use-pagination/package.json | 10 +- packages/hooks/use-pagination/src/index.ts | 2 +- packages/hooks/use-real-shape/CHANGELOG.md | 132 +- packages/hooks/use-real-shape/README.md | 10 +- packages/hooks/use-real-shape/package.json | 10 +- packages/hooks/use-real-shape/src/index.ts | 2 +- packages/hooks/use-ref-state/CHANGELOG.md | 36 +- packages/hooks/use-ref-state/README.md | 10 +- packages/hooks/use-ref-state/package.json | 8 +- packages/hooks/use-resize/CHANGELOG.md | 32 +- packages/hooks/use-resize/README.md | 10 +- packages/hooks/use-resize/package.json | 8 +- .../hooks/use-safe-layout-effect/CHANGELOG.md | 32 +- .../hooks/use-safe-layout-effect/README.md | 10 +- .../hooks/use-safe-layout-effect/package.json | 8 +- .../hooks/use-scroll-position/CHANGELOG.md | 38 +- packages/hooks/use-scroll-position/README.md | 10 +- .../hooks/use-scroll-position/package.json | 8 +- packages/hooks/use-ssr/CHANGELOG.md | 32 +- packages/hooks/use-ssr/README.md | 10 +- packages/hooks/use-ssr/package.json | 8 +- packages/hooks/use-theme/CHANGELOG.md | 22 +- packages/hooks/use-theme/README.md | 14 +- packages/hooks/use-theme/package.json | 8 +- packages/hooks/use-theme/src/index.ts | 2 +- packages/hooks/use-update-effect/CHANGELOG.md | 32 +- packages/hooks/use-update-effect/README.md | 10 +- packages/hooks/use-update-effect/package.json | 8 +- packages/storybook/.storybook/preview.tsx | 10 +- packages/storybook/.storybook/welcome.mdx | 39 +- packages/storybook/package.json | 16 +- packages/storybook/tailwind.config.js | 4 +- packages/utilities/aria-utils/CHANGELOG.md | 280 +- packages/utilities/aria-utils/README.md | 10 +- packages/utilities/aria-utils/package.json | 16 +- .../aria-utils/src/collections/item.ts | 6 +- .../aria-utils/src/collections/section.ts | 6 +- packages/utilities/dom-animation/CHANGELOG.md | 22 +- packages/utilities/dom-animation/README.md | 10 +- packages/utilities/dom-animation/package.json | 8 +- packages/utilities/framer-utils/CHANGELOG.md | 258 +- packages/utilities/framer-utils/README.md | 10 +- packages/utilities/framer-utils/package.json | 14 +- .../framer-utils/src/resizable-panel.tsx | 8 +- .../utilities/react-rsc-utils/CHANGELOG.md | 50 +- packages/utilities/react-rsc-utils/README.md | 10 +- .../utilities/react-rsc-utils/package.json | 8 +- packages/utilities/react-utils/CHANGELOG.md | 180 +- packages/utilities/react-utils/README.md | 10 +- packages/utilities/react-utils/package.json | 12 +- packages/utilities/react-utils/src/index.ts | 2 +- packages/utilities/react-utils/src/refs.ts | 2 +- packages/utilities/shared-icons/CHANGELOG.md | 46 +- packages/utilities/shared-icons/README.md | 10 +- packages/utilities/shared-icons/package.json | 8 +- packages/utilities/shared-utils/CHANGELOG.md | 50 +- packages/utilities/shared-utils/README.md | 10 +- packages/utilities/shared-utils/package.json | 10 +- packages/utilities/stories-utils/CHANGELOG.md | 14 +- packages/utilities/stories-utils/README.md | 10 +- packages/utilities/stories-utils/package.json | 8 +- packages/utilities/test-utils/CHANGELOG.md | 38 +- packages/utilities/test-utils/README.md | 10 +- packages/utilities/test-utils/package.json | 8 +- plop/component/README.md.hbs | 10 +- plop/component/package.json.hbs | 20 +- .../src/use-{{componentName}}.ts.hbs | 10 +- plop/component/src/{{componentName}}.tsx.hbs | 2 +- .../stories/{{componentName}}.stories.tsx.hbs | 2 +- plop/hook/README.md.hbs | 10 +- plop/hook/package.json.hbs | 8 +- plop/package/README.md.hbs | 12 +- plop/package/package.json.hbs | 8 +- pnpm-lock.yaml | 6063 ++++++++------- 1485 files changed, 25948 insertions(+), 25324 deletions(-) delete mode 100644 apps/docs/app/figma/page.tsx create mode 100644 apps/docs/app/playground/page.tsx create mode 100644 apps/docs/app/playground/playground-tabs.tsx rename apps/docs/components/docs/{nextui-pro-callout.tsx => heroui-pro-callout.tsx} (85%) create mode 100644 apps/docs/components/heroui-logo.tsx create mode 100644 apps/docs/components/marketing/heroui-pro-section.tsx rename apps/docs/components/marketing/{nextui-pro-section/nextui-pro-button.tsx => heroui-pro-section/heroui-pro-button.tsx} (78%) rename apps/docs/components/marketing/{nextui-pro-section/nextui-pro-chip.tsx => heroui-pro-section/heroui-pro-chip.tsx} (73%) rename apps/docs/components/marketing/{nextui-pro-section/nextui-pro-image.tsx => heroui-pro-section/heroui-pro-image.tsx} (95%) rename apps/docs/components/marketing/{nextui-pro-section/nextui-pro-section.tsx => heroui-pro-section/heroui-pro-section.tsx} (91%) create mode 100644 apps/docs/components/marketing/heroui-pro-section/index.ts delete mode 100644 apps/docs/components/marketing/nextui-pro-section/index.ts delete mode 100644 apps/docs/components/nextui-logo.tsx create mode 100644 apps/docs/content/blog/introducing-heroui.mdx rename apps/docs/content/docs/api-references/{nextui-provider.mdx => heroui-provider.mdx} (91%) create mode 100644 apps/docs/content/docs/guide/figma.mdx create mode 100644 apps/docs/content/docs/guide/nextui-to-heroui.mdx delete mode 100644 apps/docs/content/docs/guide/upgrade-to-v2.mdx create mode 100644 apps/docs/public/avatars/jrgarciadev.jpeg create mode 100644 apps/docs/public/blog/introducing-heroui.png create mode 100644 apps/docs/public/blog/introducing-heroui_2x.png create mode 100644 apps/docs/public/favicon-96x96.png create mode 100644 apps/docs/public/favicon.svg create mode 100644 apps/docs/public/heroui-banner.png create mode 100644 apps/docs/public/heroui.jpg rename apps/docs/public/images/{nextuipro-section-background-light.webp => herouipro-section-background-light.webp} (100%) rename apps/docs/public/images/{nextuipro-section-background-light@mobile.webp => herouipro-section-background-light@mobile.webp} (100%) rename apps/docs/public/images/{nextuipro-section-background.webp => herouipro-section-background.webp} (100%) rename apps/docs/public/images/{nextuipro-section-background@mobile.webp => herouipro-section-background@mobile.webp} (100%) delete mode 100644 apps/docs/public/nextui-banner.jpeg delete mode 100644 apps/docs/public/nextui-banner.png create mode 100644 apps/docs/public/site.webmanifest create mode 100644 apps/docs/public/web-app-manifest-192x192.png create mode 100644 apps/docs/public/web-app-manifest-512x512.png create mode 100644 heroui-banner.png diff --git a/.changeset/config.json b/.changeset/config.json index 4961d58b04..18e7fe8eb7 100644 --- a/.changeset/config.json +++ b/.changeset/config.json @@ -2,7 +2,7 @@ "$schema": "https://unpkg.com/@changesets/config@2.3.0/schema.json", "changelog": [ "@changesets/changelog-github", - { "repo": "nextui-org/nextui" } + { "repo": "frontio-ai/heroui" } ], "commit": false, "fixed": [], @@ -14,7 +14,7 @@ "onlyUpdatePeerDependentsWhenOutOfRange": true }, "ignore": [ - "@nextui-org/docs", - "@nextui-org/storybook" + "@heroui/docs", + "@heroui/storybook" ] } \ No newline at end of file diff --git a/.commitlintrc.cjs b/.commitlintrc.cjs index a822937a8a..b4c2778230 100644 --- a/.commitlintrc.cjs +++ b/.commitlintrc.cjs @@ -3,7 +3,7 @@ const conventional = require("@commitlint/config-conventional"); module.exports = { extends: ["@commitlint/config-conventional"], plugins: ["commitlint-plugin-function-rules"], - helpUrl: "https://github.com/nextui-org/nextui/blob/main/CONTRIBUTING.md#commit-convention", + helpUrl: "https://github.com/frontio-ai/heroui/blob/main/CONTRIBUTING.md#commit-convention", rules: { ...conventional.rules, "type-enum": [ diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/bug_report.yml index fdb6c9ec4b..9e51004e30 100644 --- a/.github/ISSUE_TEMPLATE/bug_report.yml +++ b/.github/ISSUE_TEMPLATE/bug_report.yml @@ -8,28 +8,28 @@ body: value: | Thank you for reporting an issue :pray:. - This issue tracker is for reporting bugs found in [NextUI github repository](https://github.com/nextui-org/nextui/) + This issue tracker is for reporting bugs found in [HeroUI github repository](https://github.com/frontio-ai/heroui/) If you have a question about how to achieve something and are struggling, please post a question inside of either of the following places: - - NextUI's [Discussion's tab](https://github.com/nextui-org/nextui/discussions) - - NextUI's [Discord channel](https://discord.gg/9b6yyZKmH4) + - HeroUI's [Discussion's tab](https://github.com/frontio-ai/heroui/discussions) + - HeroUI's [Discord channel](https://discord.gg/9b6yyZKmH4) Before submitting a new bug/issue, please check the links below to see if there is a solution or question posted there already: - - NextUI's [Issue's tab](https://github.com/nextui-org/nextui/pulls?q=is%3Apr+is%3Aopen+sort%3Aupdated-desc) - - NextUI's [closed issues tab](https://github.com/nextui-org/nextui/issues?q=is%3Aissue+sort%3Aupdated-desc+is%3Aclosed) - - NextUI's [Discussions tab](https://github.com/nextui-org/nextui/discussions) + - HeroUI's [Issue's tab](https://github.com/frontio-ai/heroui/pulls?q=is%3Apr+is%3Aopen+sort%3Aupdated-desc) + - HeroUI's [closed issues tab](https://github.com/frontio-ai/heroui/issues?q=is%3Aissue+sort%3Aupdated-desc+is%3Aclosed) + - HeroUI's [Discussions tab](https://github.com/frontio-ai/heroui/discussions) The more information you fill in, the better the community can help you. - type: input id: version attributes: - label: NextUI Version + label: HeroUI Version description: | - Please provide the version of NextUI you are using. + Please provide the version of HeroUI you are using. You can find the version number in the package.json file. For global installation, please state the version only. (e.g. 2.4.2) - For individual installation, please state the package name as well. (e.g. @nextui-org/button@2.0.34) + For individual installation, please state the package name as well. (e.g. @heroui/button@2.0.34) placeholder: ex. 2.4.2 validations: required: true @@ -47,7 +47,7 @@ body: description: | Which website or app were you using when the bug happened? Note: - - Your bug will may get fixed much faster if we can run your code and it doesn't have dependencies other than the `@nextui-org/react` npm package. + - Your bug will may get fixed much faster if we can run your code and it doesn't have dependencies other than the `@heroui/react` npm package. - To create a shareable code example you can use Stackblitz (https://stackblitz.com/). Please no localhost URLs. - Please read these tips for providing a minimal example: https://stackoverflow.com/help/mcve. placeholder: | diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml index e8f6cc03d3..c62ee7df58 100644 --- a/.github/ISSUE_TEMPLATE/config.yml +++ b/.github/ISSUE_TEMPLATE/config.yml @@ -1,11 +1,11 @@ blank_issues_enabled: true contact_links: - name: 🤔 Long question or ideas? - url: https://github.com/nextui-org/nextui/discussions + url: https://github.com/frontio-ai/heroui/discussions about: Ask long-form questions and discuss ideas. - name: 💬 Discord Community Chat url: https://discord.gg/9b6yyZKmH4 - about: Ask quick questions or simply chat on the `NextUI` community Discord server. + about: Ask quick questions or simply chat on the `HeroUI` community Discord server. - name: 💬 New Updates (X) - url: https://x.com/getnextui - about: Link to our X account if you want to follow us and stay up to date with NextUI news + url: https://x.com/hero_ui + about: Link to our X account if you want to follow us and stay up to date with HeroUI news diff --git a/.github/ISSUE_TEMPLATE/feature_request.yml b/.github/ISSUE_TEMPLATE/feature_request.yml index 0d90055d5c..537ed47e6a 100644 --- a/.github/ISSUE_TEMPLATE/feature_request.yml +++ b/.github/ISSUE_TEMPLATE/feature_request.yml @@ -2,7 +2,7 @@ name: Feature request title: "[Feature Request] YOUR_FEATURE_TITLE_HERE_REPLACE_ME" labels: [feature request] description: | - 💡 Suggest an idea for the `NextUI` project + 💡 Suggest an idea for the `HeroUI` project Examples - propose a new component - improve an exiting component @@ -12,7 +12,7 @@ body: attributes: value: | This issue form is for requesting features only! For example, requesting a new component, behavior ... etc - If you want to report a bug, please use the [bug report form](https://github.com/nextui-org/nextui/issues/new?assignees=&labels=&template=bug_report.yml). + If you want to report a bug, please use the [bug report form](https://github.com/frontio-ai/heroui/issues/new?assignees=&labels=&template=bug_report.yml). - type: textarea validations: required: true diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md index 9c4ff17f0c..0110e86978 100644 --- a/.github/pull_request_template.md +++ b/.github/pull_request_template.md @@ -23,6 +23,6 @@ Closes # ## 💣 Is this a breaking change (Yes/No): - + ## 📝 Additional Information diff --git a/.npmrc b/.npmrc index 1d46cebd7c..ebf0644e99 100644 --- a/.npmrc +++ b/.npmrc @@ -3,4 +3,4 @@ enable-pre-post-scripts=true public-hoist-pattern[]=*tailwind-variants* public-hoist-pattern[]=*framer-motion* public-hoist-pattern[]=*@react-aria/interactions* -public-hoist-pattern[]=*@nextui-org/theme* \ No newline at end of file +public-hoist-pattern[]=*@heroui/theme* \ No newline at end of file diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index afbd43109f..01ca279359 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -1,8 +1,8 @@ -# Next UI Contributing Guide +# HeroUI Contributing Guide -Hello!, I am very excited that you are interested in contributing with Next UI. However, before submitting your contribution, be sure to take a moment and read the following guidelines. +Hello!, I am very excited that you are interested in contributing with HeroUI. However, before submitting your contribution, be sure to take a moment and read the following guidelines. -- [Code of Conduct](https://github.com/jrgarciadev/nextui/blob/main/CODE_OF_CONDUCT.md) +- [Code of Conduct](https://github.com/frontio-ai/heroui/blob/canary/CODE_OF_CONDUCT.md) - [Extraction request guidelines](#pull-request-guidelines) - [Development Setup](#development-setup) - [Tests](#tests) @@ -71,7 +71,7 @@ https://www.conventionalcommits.org/ or check out the ### Steps to PR -1. Fork of the nextui repository and clone your fork +1. Fork of the heroui repository and clone your fork 2. Create a new branch out of the `canary` branch. We follow the convention `[type/scope]`. For example `fix/dropdown-hook` or `docs/menu-typo`. `type` @@ -79,7 +79,7 @@ https://www.conventionalcommits.org/ or check out the commit type. `scope` is just a short id that describes the scope of work. 3. Make and commit your changes following the - [commit convention](https://github.com/nextui-org/nextui/blob/main/CONTRIBUTING.md#commit-convention). + [commit convention](https://github.com/frontio-ai/heroui/blob/main/CONTRIBUTING.md#commit-convention). As you canary, you can run `pnpm build --filter=` and `pnpm test packages//` e.g. `pnpm build --filter=avatar & pnpm test packages/components/avatar` to make sure everything works as expected. @@ -117,7 +117,7 @@ We use [Turbo Repo](https://turborepo.org/) for the project management. 2. If you will be working on the components source code, you can use the following command to start the webpack dev server: ```bash -## Start the dev babel server of NextUI core components +## Start the dev babel server of HeroUI core components pnpm dev ## optional @@ -128,10 +128,10 @@ pnpm dev:docs ## this will start the documentation next.js server and it will au ``` - If you will be working just on the documentation source code / mdx, you can use the following commands to build - NextUI components and then start the next.js dev server: + HeroUI components and then start the next.js dev server: ```bash -## Build NextUI source components +## Build HeroUI source components pnpm build ## Start the next.js documentation dev server @@ -210,13 +210,13 @@ When making a visual change, please provide screenshots and/or screencasts of the proposed change. This will help us to understand the desired change easier. -Until NextUI has a stable release new components will be created only for the core team. +Until HeroUI has a stable release new components will be created only for the core team. ## Documentation Please update the docs with any API changes, the code and docs should always be in sync. -The main documentation lives in the `apps/docs/content` folder, the project uses MDX and all `NextUI` are already imported. +The main documentation lives in the `apps/docs/content` folder, the project uses MDX and all `HeroUI` are already imported. ## Breaking changes @@ -224,7 +224,7 @@ Breaking changes should be accompanied with deprecations of removed functionalit ## Becoming a maintainer -If you are interested in becoming a NextUI maintainer, start by +If you are interested in becoming a HeroUI maintainer, start by reviewing issues and pull requests. Answer questions for those in need of troubleshooting. Join us in the [Discord Community](https://discord.gg/9b6yyZKmH4) chat room. @@ -235,7 +235,7 @@ best to be proactive in reaching out to those that are already helping out. GitHub by default does not publicly state that you are a member of the organization. Please feel free to change that setting for yourself so others will know who's helping out. That can be configured on the [organization -list](https://github.com/orgs/nextui-org/people) page. +list](https://github.com/orgs/frontio-ai/people) page. Being a maintainer is not an obligation. You can help when you have time and be less active when you don't. If you get a new job and get busy, that's alright. diff --git a/apps/docs/.env.example b/apps/docs/.env.example index 67b4d8ec05..3889456f1c 100644 --- a/apps/docs/.env.example +++ b/apps/docs/.env.example @@ -8,6 +8,7 @@ NEXT_PUBLIC_ALGOLIA_SEARCH_API_KEY= # Vercel Env (is used for skipping typescript check) IS_VERCEL_ENV=true/false +IGNORE_BUILD_CHECKS=true/false IS_PREVIEW=true/false ANALYZE_BUNDLE=true/false diff --git a/apps/docs/.gitignore b/apps/docs/.gitignore index d9392ede0a..9b99dfb34d 100644 --- a/apps/docs/.gitignore +++ b/apps/docs/.gitignore @@ -28,6 +28,7 @@ yarn-error.log* # local env files .env .env*.local +.dev.vars # vercel .vercel @@ -35,3 +36,7 @@ yarn-error.log* # typescript *.tsbuildinfo next-env.d.ts + +# cloudflare +.wrangler +/.open-next/ diff --git a/apps/docs/app/blog/[slug]/page.tsx b/apps/docs/app/blog/[slug]/page.tsx index e3dab232d4..e44bda5ea7 100644 --- a/apps/docs/app/blog/[slug]/page.tsx +++ b/apps/docs/app/blog/[slug]/page.tsx @@ -2,7 +2,7 @@ import type {Metadata} from "next"; import {notFound} from "next/navigation"; import {allBlogPosts} from "contentlayer2/generated"; -import {Link, User} from "@nextui-org/react"; +import {Link, User} from "@heroui/react"; import {format, parseISO} from "date-fns"; import NextLink from "next/link"; import {Balancer} from "react-wrap-balancer"; diff --git a/apps/docs/app/blog/layout.tsx b/apps/docs/app/blog/layout.tsx index a105d13a2c..b724bb9bae 100644 --- a/apps/docs/app/blog/layout.tsx +++ b/apps/docs/app/blog/layout.tsx @@ -1,4 +1,4 @@ -import {Image} from "@nextui-org/react"; +import {Image} from "@heroui/react"; import {ScriptProviders} from "@/components/scripts/script-providers"; diff --git a/apps/docs/app/blog/page.tsx b/apps/docs/app/blog/page.tsx index b19c5eb92b..9d7b84a0e2 100644 --- a/apps/docs/app/blog/page.tsx +++ b/apps/docs/app/blog/page.tsx @@ -20,8 +20,8 @@ export default function Blog() { return (
-

NextUI Latest Updates

-
All the latest news about NextUI.
+

HeroUI Latest Updates

+
All the latest news about HeroUI.
diff --git a/apps/docs/app/docs/[[...slug]]/page.tsx b/apps/docs/app/docs/[[...slug]]/page.tsx index 0c37cbbb74..da649aba04 100644 --- a/apps/docs/app/docs/[[...slug]]/page.tsx +++ b/apps/docs/app/docs/[[...slug]]/page.tsx @@ -2,7 +2,7 @@ import type {Metadata} from "next"; import {notFound} from "next/navigation"; import {allDocs} from "contentlayer2/generated"; -import {Link} from "@nextui-org/react"; +import {Link} from "@heroui/react"; import {MDXContent} from "@/components/mdx-content"; import {siteConfig} from "@/config/site"; diff --git a/apps/docs/app/docs/layout.tsx b/apps/docs/app/docs/layout.tsx index 1f527d98df..90a29d8f1f 100644 --- a/apps/docs/app/docs/layout.tsx +++ b/apps/docs/app/docs/layout.tsx @@ -1,4 +1,4 @@ -import {Image} from "@nextui-org/react"; +import {Image} from "@heroui/react"; import manifest from "@/config/routes.json"; import {DocsSidebar} from "@/components/docs/sidebar"; diff --git a/apps/docs/app/examples/autocomplete/async-filtering/page.tsx b/apps/docs/app/examples/autocomplete/async-filtering/page.tsx index f5bcb9cb96..466dd856cd 100644 --- a/apps/docs/app/examples/autocomplete/async-filtering/page.tsx +++ b/apps/docs/app/examples/autocomplete/async-filtering/page.tsx @@ -2,7 +2,7 @@ "use client"; import * as React from "react"; -import {Autocomplete, AutocompleteItem} from "@nextui-org/react"; +import {Autocomplete, AutocompleteItem} from "@heroui/react"; import {useAsyncList} from "@react-stately/data"; type SWCharacter = { diff --git a/apps/docs/app/examples/autocomplete/async-items-loading/page.tsx b/apps/docs/app/examples/autocomplete/async-items-loading/page.tsx index 303d96cbbd..757dbf51f3 100644 --- a/apps/docs/app/examples/autocomplete/async-items-loading/page.tsx +++ b/apps/docs/app/examples/autocomplete/async-items-loading/page.tsx @@ -2,8 +2,8 @@ "use client"; import * as React from "react"; -import {Autocomplete, AutocompleteItem} from "@nextui-org/react"; -import {useInfiniteScroll} from "@nextui-org/use-infinite-scroll"; +import {Autocomplete, AutocompleteItem} from "@heroui/react"; +import {useInfiniteScroll} from "@heroui/use-infinite-scroll"; type Pokemon = { name: string; diff --git a/apps/docs/app/examples/autocomplete/fully-controlled/page.tsx b/apps/docs/app/examples/autocomplete/fully-controlled/page.tsx index ee671adf45..1864576860 100644 --- a/apps/docs/app/examples/autocomplete/fully-controlled/page.tsx +++ b/apps/docs/app/examples/autocomplete/fully-controlled/page.tsx @@ -1,7 +1,7 @@ "use client"; import * as React from "react"; -import {Autocomplete, AutocompleteItem, MenuTriggerAction} from "@nextui-org/react"; +import {Autocomplete, AutocompleteItem, MenuTriggerAction} from "@heroui/react"; import {useFilter} from "@react-aria/i18n"; const animals = [ diff --git a/apps/docs/app/examples/demo/page.tsx b/apps/docs/app/examples/demo/page.tsx index 273f613fc9..dfad08896b 100644 --- a/apps/docs/app/examples/demo/page.tsx +++ b/apps/docs/app/examples/demo/page.tsx @@ -1,6 +1,6 @@ "use client"; -import {Card, CardBody, CircularProgress} from "@nextui-org/react"; +import {Card, CardBody, CircularProgress} from "@heroui/react"; export default function ButtonDemo() { return ( diff --git a/apps/docs/app/examples/modal/placement/page.tsx b/apps/docs/app/examples/modal/placement/page.tsx index ac5f472908..6e7e1c6dfc 100644 --- a/apps/docs/app/examples/modal/placement/page.tsx +++ b/apps/docs/app/examples/modal/placement/page.tsx @@ -11,7 +11,7 @@ import { RadioGroup, Radio, ModalProps, -} from "@nextui-org/react"; +} from "@heroui/react"; import {useState} from "react"; export default function Page() { diff --git a/apps/docs/app/examples/navbar/bordered/page.tsx b/apps/docs/app/examples/navbar/bordered/page.tsx index ed0f668cbb..9ce51449f4 100644 --- a/apps/docs/app/examples/navbar/bordered/page.tsx +++ b/apps/docs/app/examples/navbar/bordered/page.tsx @@ -1,6 +1,6 @@ "use client"; -import {Navbar, NavbarBrand, NavbarContent, NavbarItem, Link, Button} from "@nextui-org/react"; +import {Navbar, NavbarBrand, NavbarContent, NavbarItem, Link, Button} from "@heroui/react"; const AcmeLogo = () => ( diff --git a/apps/docs/app/examples/navbar/controlled-menu/page.tsx b/apps/docs/app/examples/navbar/controlled-menu/page.tsx index 5c71a2b3f2..7ee66cbf61 100644 --- a/apps/docs/app/examples/navbar/controlled-menu/page.tsx +++ b/apps/docs/app/examples/navbar/controlled-menu/page.tsx @@ -10,7 +10,7 @@ import { NavbarMenuToggle, Button, Link, -} from "@nextui-org/react"; +} from "@heroui/react"; import React from "react"; const AcmeLogo = () => ( diff --git a/apps/docs/app/examples/navbar/custom-active-item/page.tsx b/apps/docs/app/examples/navbar/custom-active-item/page.tsx index ea209af433..ed9602e349 100644 --- a/apps/docs/app/examples/navbar/custom-active-item/page.tsx +++ b/apps/docs/app/examples/navbar/custom-active-item/page.tsx @@ -1,6 +1,6 @@ "use client"; -import {Navbar, NavbarBrand, NavbarContent, NavbarItem, Link, Button} from "@nextui-org/react"; +import {Navbar, NavbarBrand, NavbarContent, NavbarItem, Link, Button} from "@heroui/react"; const AcmeLogo = () => ( diff --git a/apps/docs/app/examples/navbar/disable-menu-animation/page.tsx b/apps/docs/app/examples/navbar/disable-menu-animation/page.tsx index 447f0d509c..680fa8976a 100644 --- a/apps/docs/app/examples/navbar/disable-menu-animation/page.tsx +++ b/apps/docs/app/examples/navbar/disable-menu-animation/page.tsx @@ -10,7 +10,7 @@ import { NavbarMenu, NavbarMenuItem, NavbarMenuToggle, -} from "@nextui-org/react"; +} from "@heroui/react"; import React from "react"; const AcmeLogo = () => ( diff --git a/apps/docs/app/examples/navbar/disabled-blur/page.tsx b/apps/docs/app/examples/navbar/disabled-blur/page.tsx index eabfd06544..db628dad48 100644 --- a/apps/docs/app/examples/navbar/disabled-blur/page.tsx +++ b/apps/docs/app/examples/navbar/disabled-blur/page.tsx @@ -1,6 +1,6 @@ "use client"; -import {Navbar, NavbarBrand, NavbarContent, NavbarItem, Link, Button} from "@nextui-org/react"; +import {Navbar, NavbarBrand, NavbarContent, NavbarItem, Link, Button} from "@heroui/react"; const AcmeLogo = () => ( diff --git a/apps/docs/app/examples/navbar/hide-on-scroll/page.tsx b/apps/docs/app/examples/navbar/hide-on-scroll/page.tsx index e32ef4ef44..e7fa3c75f8 100644 --- a/apps/docs/app/examples/navbar/hide-on-scroll/page.tsx +++ b/apps/docs/app/examples/navbar/hide-on-scroll/page.tsx @@ -1,6 +1,6 @@ "use client"; -import {Navbar, NavbarBrand, NavbarContent, NavbarItem, Link, Button} from "@nextui-org/react"; +import {Navbar, NavbarBrand, NavbarContent, NavbarItem, Link, Button} from "@heroui/react"; const AcmeLogo = () => ( diff --git a/apps/docs/app/examples/navbar/static/page.tsx b/apps/docs/app/examples/navbar/static/page.tsx index 5330a23f22..5a8d95522b 100644 --- a/apps/docs/app/examples/navbar/static/page.tsx +++ b/apps/docs/app/examples/navbar/static/page.tsx @@ -1,6 +1,6 @@ "use client"; -import {Navbar, NavbarBrand, NavbarContent, NavbarItem, Link, Button} from "@nextui-org/react"; +import {Navbar, NavbarBrand, NavbarContent, NavbarItem, Link, Button} from "@heroui/react"; const AcmeLogo = () => ( diff --git a/apps/docs/app/examples/navbar/usage/page.tsx b/apps/docs/app/examples/navbar/usage/page.tsx index 732cab36ad..c2248d0ff9 100644 --- a/apps/docs/app/examples/navbar/usage/page.tsx +++ b/apps/docs/app/examples/navbar/usage/page.tsx @@ -1,6 +1,6 @@ "use client"; -import {Navbar, NavbarBrand, NavbarContent, NavbarItem, Link, Button} from "@nextui-org/react"; +import {Navbar, NavbarBrand, NavbarContent, NavbarItem, Link, Button} from "@heroui/react"; const AcmeLogo = () => ( diff --git a/apps/docs/app/examples/navbar/with-avatar/page.tsx b/apps/docs/app/examples/navbar/with-avatar/page.tsx index e33a4831a9..b1999324ff 100644 --- a/apps/docs/app/examples/navbar/with-avatar/page.tsx +++ b/apps/docs/app/examples/navbar/with-avatar/page.tsx @@ -11,7 +11,7 @@ import { Dropdown, DropdownMenu, Avatar, -} from "@nextui-org/react"; +} from "@heroui/react"; const AcmeLogo = () => ( diff --git a/apps/docs/app/examples/navbar/with-dropdown-menu/page.tsx b/apps/docs/app/examples/navbar/with-dropdown-menu/page.tsx index 6d2c2f7a6c..4d3cafa58e 100644 --- a/apps/docs/app/examples/navbar/with-dropdown-menu/page.tsx +++ b/apps/docs/app/examples/navbar/with-dropdown-menu/page.tsx @@ -11,8 +11,8 @@ import { DropdownTrigger, Dropdown, DropdownMenu, -} from "@nextui-org/react"; -import {ChevronDown, Lock, Activity, Flash, Server, TagUser, Scale} from "@nextui-org/shared-icons"; +} from "@heroui/react"; +import {ChevronDown, Lock, Activity, Flash, Server, TagUser, Scale} from "@heroui/shared-icons"; const AcmeLogo = () => ( diff --git a/apps/docs/app/examples/navbar/with-menu/page.tsx b/apps/docs/app/examples/navbar/with-menu/page.tsx index 481ba3f134..d946a4b2cb 100644 --- a/apps/docs/app/examples/navbar/with-menu/page.tsx +++ b/apps/docs/app/examples/navbar/with-menu/page.tsx @@ -10,7 +10,7 @@ import { NavbarMenuToggle, NavbarMenu, NavbarMenuItem, -} from "@nextui-org/react"; +} from "@heroui/react"; import React from "react"; const AcmeLogo = () => ( diff --git a/apps/docs/app/examples/navbar/with-search-input/page.tsx b/apps/docs/app/examples/navbar/with-search-input/page.tsx index 82a91d46de..889dee8b9d 100644 --- a/apps/docs/app/examples/navbar/with-search-input/page.tsx +++ b/apps/docs/app/examples/navbar/with-search-input/page.tsx @@ -12,7 +12,7 @@ import { Dropdown, DropdownMenu, Avatar, -} from "@nextui-org/react"; +} from "@heroui/react"; import {SearchLinearIcon} from "@/components/icons"; diff --git a/apps/docs/app/examples/perf/client-page.tsx b/apps/docs/app/examples/perf/client-page.tsx index 79ab457b0a..4e3e27c629 100644 --- a/apps/docs/app/examples/perf/client-page.tsx +++ b/apps/docs/app/examples/perf/client-page.tsx @@ -16,7 +16,7 @@ import { Pagination, extendVariants, PaginationItem, -} from "@nextui-org/react"; +} from "@heroui/react"; import {useFilter} from "@react-aria/i18n"; import {useEffect, useMemo, useRef, useState} from "react"; import {useSearchParams} from "next/navigation"; @@ -390,7 +390,7 @@ const usersData = [ }, ]; -export default function NextUIPerf() { +export default function HeroUIPerf() { const [textA, setTextA] = useState(""); const [textB, setTextB] = useState(""); const [textC, setTextC] = useState(""); diff --git a/apps/docs/app/examples/select/async-items-loading/page.tsx b/apps/docs/app/examples/select/async-items-loading/page.tsx index 2b08c4c6fc..7466163f55 100644 --- a/apps/docs/app/examples/select/async-items-loading/page.tsx +++ b/apps/docs/app/examples/select/async-items-loading/page.tsx @@ -1,9 +1,9 @@ /* eslint-disable no-console */ "use client"; -import {Select, SelectItem} from "@nextui-org/react"; +import {Select, SelectItem} from "@heroui/react"; import {useEffect, useState} from "react"; -import {useInfiniteScroll} from "@nextui-org/use-infinite-scroll"; +import {useInfiniteScroll} from "@heroui/use-infinite-scroll"; type Pokemon = { name: string; diff --git a/apps/docs/app/examples/table/async-pagination/page.tsx b/apps/docs/app/examples/table/async-pagination/page.tsx index 10f85cddbf..bff7e38d83 100644 --- a/apps/docs/app/examples/table/async-pagination/page.tsx +++ b/apps/docs/app/examples/table/async-pagination/page.tsx @@ -10,7 +10,7 @@ import { getKeyValue, Spinner, Pagination, -} from "@nextui-org/react"; +} from "@heroui/react"; import {useMemo, useState} from "react"; import useSWR from "swr"; diff --git a/apps/docs/app/examples/table/custom-styles/page.tsx b/apps/docs/app/examples/table/custom-styles/page.tsx index 29c7bcd7c4..2ecd1ebc22 100644 --- a/apps/docs/app/examples/table/custom-styles/page.tsx +++ b/apps/docs/app/examples/table/custom-styles/page.tsx @@ -20,10 +20,10 @@ import { ChipProps, Pagination, SortDescriptor, -} from "@nextui-org/react"; -import {ChevronDownIcon, SearchIcon} from "@nextui-org/shared-icons"; +} from "@heroui/react"; +import {ChevronDownIcon, SearchIcon} from "@heroui/shared-icons"; import {useCallback, useMemo, useState} from "react"; -import {capitalize} from "@nextui-org/shared-utils"; +import {capitalize} from "@heroui/shared-utils"; import {PlusLinearIcon} from "@/components/icons"; import {VerticalDotsIcon} from "@/components/icons/vertical-dots"; diff --git a/apps/docs/app/examples/table/infinite-pagination/page.tsx b/apps/docs/app/examples/table/infinite-pagination/page.tsx index c4480162b4..fd7ab4bd80 100644 --- a/apps/docs/app/examples/table/infinite-pagination/page.tsx +++ b/apps/docs/app/examples/table/infinite-pagination/page.tsx @@ -9,9 +9,9 @@ import { TableCell, getKeyValue, Spinner, -} from "@nextui-org/react"; +} from "@heroui/react"; import {useAsyncList} from "@react-stately/data"; -import {useInfiniteScroll} from "@nextui-org/use-infinite-scroll"; +import {useInfiniteScroll} from "@heroui/use-infinite-scroll"; import {useState} from "react"; type SWCharacter = { diff --git a/apps/docs/app/examples/table/load-more/page.tsx b/apps/docs/app/examples/table/load-more/page.tsx index f6422f6423..c0285279a4 100644 --- a/apps/docs/app/examples/table/load-more/page.tsx +++ b/apps/docs/app/examples/table/load-more/page.tsx @@ -10,7 +10,7 @@ import { getKeyValue, Spinner, Button, -} from "@nextui-org/react"; +} from "@heroui/react"; import {useAsyncList} from "@react-stately/data"; import {useState} from "react"; diff --git a/apps/docs/app/examples/table/sorting/page.tsx b/apps/docs/app/examples/table/sorting/page.tsx index 2854e64607..e06f1e090b 100644 --- a/apps/docs/app/examples/table/sorting/page.tsx +++ b/apps/docs/app/examples/table/sorting/page.tsx @@ -9,7 +9,7 @@ import { TableCell, getKeyValue, Spinner, -} from "@nextui-org/react"; +} from "@heroui/react"; import {useAsyncList} from "@react-stately/data"; import {useState} from "react"; diff --git a/apps/docs/app/examples/table/use-case/page.tsx b/apps/docs/app/examples/table/use-case/page.tsx index f186179d81..4fd31c6203 100644 --- a/apps/docs/app/examples/table/use-case/page.tsx +++ b/apps/docs/app/examples/table/use-case/page.tsx @@ -20,10 +20,10 @@ import { ChipProps, Pagination, SortDescriptor, -} from "@nextui-org/react"; -import {ChevronDownIcon, SearchIcon} from "@nextui-org/shared-icons"; +} from "@heroui/react"; +import {ChevronDownIcon, SearchIcon} from "@heroui/shared-icons"; import {useCallback, useMemo, useState} from "react"; -import {capitalize} from "@nextui-org/shared-utils"; +import {capitalize} from "@heroui/shared-utils"; import {PlusLinearIcon} from "@/components/icons"; import {VerticalDotsIcon} from "@/components/icons/vertical-dots"; diff --git a/apps/docs/app/figma/page.tsx b/apps/docs/app/figma/page.tsx deleted file mode 100644 index 0a1043de81..0000000000 --- a/apps/docs/app/figma/page.tsx +++ /dev/null @@ -1,59 +0,0 @@ -import {Image} from "@nextui-org/react"; - -import {Blockquote} from "@/components/docs/components/blockquote"; -import {FigmaButton} from "@/components/figma-button"; -import {ScriptProviders} from "@/components/scripts/script-providers"; - -export default function FigmaPage() { - return ( - <> -
-
-
-

NextUI Figma Kit

-
- A Figma file that contains the basis of the NextUI design system to help you design - your applications. -
-
- -