├── .changeset ├── README.md └── config.json ├── .coderabbit.yaml ├── .commitlintrc.cjs ├── .editorconfig ├── .env.example ├── .github ├── CODEOWNERS ├── FUNDING.yml ├── ISSUE_TEMPLATE │ ├── bug_report.yml │ └── config.yml ├── common-actions │ └── install │ │ └── action.yml ├── pull_request_template.md └── workflows │ ├── QA.yaml │ ├── enter-pre-release-mode.yaml │ ├── exit-pre-release-mode.yaml │ ├── pre-release.yaml │ ├── release.yaml │ └── update-stats.yml ├── .gitignore ├── .husky ├── commit-msg ├── post-merge ├── post-rebase ├── pre-commit └── scripts │ └── update-dep ├── .lintstagedrc.cjs ├── .npmrc ├── .nvmrc ├── .prettierignore ├── .prettierrc.json ├── .vscode └── settings.json ├── CODE_OF_CONDUCT.md ├── CONTRIBUTING.md ├── LICENSE ├── README.md ├── apps └── docs │ ├── .env.example │ ├── .eslintrc.json │ ├── .gitignore │ ├── .sponsorsrc │ ├── LICENSE │ ├── README.md │ ├── actions │ └── open-in-chat.ts │ ├── app │ ├── blog │ │ ├── [slug] │ │ │ └── page.tsx │ │ ├── layout.tsx │ │ └── page.tsx │ ├── docs │ │ ├── [[...slug]] │ │ │ └── page.tsx │ │ └── layout.tsx │ ├── examples │ │ ├── autocomplete │ │ │ ├── async-filtering │ │ │ │ └── page.tsx │ │ │ ├── async-items-loading │ │ │ │ └── page.tsx │ │ │ └── fully-controlled │ │ │ │ └── page.tsx │ │ ├── demo │ │ │ └── page.tsx │ │ ├── modal │ │ │ └── placement │ │ │ │ └── page.tsx │ │ ├── navbar │ │ │ ├── bordered │ │ │ │ └── page.tsx │ │ │ ├── controlled-menu │ │ │ │ └── page.tsx │ │ │ ├── custom-active-item │ │ │ │ └── page.tsx │ │ │ ├── disable-menu-animation │ │ │ │ └── page.tsx │ │ │ ├── disabled-blur │ │ │ │ └── page.tsx │ │ │ ├── hide-on-scroll │ │ │ │ └── page.tsx │ │ │ ├── layout.tsx │ │ │ ├── static │ │ │ │ └── page.tsx │ │ │ ├── usage │ │ │ │ └── page.tsx │ │ │ ├── with-avatar │ │ │ │ └── page.tsx │ │ │ ├── with-dropdown-menu │ │ │ │ └── page.tsx │ │ │ ├── with-menu │ │ │ │ └── page.tsx │ │ │ └── with-search-input │ │ │ │ └── page.tsx │ │ ├── perf │ │ │ ├── client-page.tsx │ │ │ └── page.tsx │ │ ├── select │ │ │ └── async-items-loading │ │ │ │ └── page.tsx │ │ └── table │ │ │ ├── async-pagination │ │ │ └── page.tsx │ │ │ ├── custom-styles │ │ │ └── page.tsx │ │ │ ├── infinite-pagination │ │ │ └── page.tsx │ │ │ ├── load-more │ │ │ └── page.tsx │ │ │ ├── sorting │ │ │ └── page.tsx │ │ │ └── use-case │ │ │ └── page.tsx │ ├── feed.xml │ │ └── route.ts │ ├── layout.tsx │ ├── page.tsx │ ├── playground │ │ ├── page.tsx │ │ └── playground-tabs.tsx │ ├── providers.tsx │ └── themes │ │ └── page.tsx │ ├── components │ ├── ads │ │ └── carbon-ad │ │ │ ├── carbon-ad.tsx │ │ │ ├── carbon-optimize.js │ │ │ └── index.ts │ ├── bg-grid-container.tsx │ ├── blog-post.tsx │ ├── blog │ │ ├── components.ts │ │ ├── nextjs-templates.tsx │ │ └── video-in-view.tsx │ ├── cmdk.tsx │ ├── code-window │ │ ├── code-block.tsx │ │ ├── code-window.tsx │ │ ├── index.ts │ │ ├── pre.tsx │ │ └── window-actions.tsx │ ├── copy-button.tsx │ ├── demo-code-modal.tsx │ ├── demos │ │ ├── custom-button.tsx │ │ ├── index.ts │ │ ├── music-player.tsx │ │ ├── speed-progress.tsx │ │ ├── styled.tsx │ │ └── user-twitter-card.tsx │ ├── docs │ │ ├── components │ │ │ ├── blockquote.tsx │ │ │ ├── code-demo │ │ │ │ ├── code-demo.tsx │ │ │ │ ├── index.ts │ │ │ │ ├── parse-dependencies.ts │ │ │ │ ├── react-live-demo.tsx │ │ │ │ ├── types.ts │ │ │ │ ├── use-code-demo.ts │ │ │ │ ├── utils.ts │ │ │ │ └── window-resizer.tsx │ │ │ ├── codeblock.tsx │ │ │ ├── community.tsx │ │ │ ├── component-links.tsx │ │ │ ├── frameworks.tsx │ │ │ ├── helper.ts │ │ │ ├── import-tabs.tsx │ │ │ ├── index.ts │ │ │ ├── package-managers.tsx │ │ │ └── swatch-colors-set.tsx │ │ ├── heroui-pro-callout.tsx │ │ ├── index.ts │ │ ├── pager.tsx │ │ ├── ph-callout.tsx │ │ ├── sidebar.tsx │ │ ├── toc.tsx │ │ └── utils.ts │ ├── featurebase │ │ └── fb-roadmap-link.tsx │ ├── figma-button.tsx │ ├── footer.tsx │ ├── gradient-box.tsx │ ├── heroui-chat-banner.tsx │ ├── heroui-logo.tsx │ ├── icons │ │ ├── bold │ │ │ ├── cli.tsx │ │ │ ├── document-code.tsx │ │ │ ├── eye.tsx │ │ │ ├── fatrows.tsx │ │ │ ├── hash.tsx │ │ │ ├── heart.tsx │ │ │ ├── index.ts │ │ │ ├── info.tsx │ │ │ ├── keyboard-open.tsx │ │ │ ├── keyboard.tsx │ │ │ ├── more-square.tsx │ │ │ ├── mouse-circle.tsx │ │ │ ├── next.tsx │ │ │ ├── pause-circle.tsx │ │ │ ├── pause.tsx │ │ │ ├── play.tsx │ │ │ ├── previous.tsx │ │ │ ├── repeat-one.tsx │ │ │ ├── shuffle.tsx │ │ │ └── squares.tsx │ │ ├── bug.tsx │ │ ├── circle-info.tsx │ │ ├── crop.tsx │ │ ├── devices.tsx │ │ ├── filters.tsx │ │ ├── flash.tsx │ │ ├── gaming-console.tsx │ │ ├── heart.tsx │ │ ├── index.ts │ │ ├── info-circle.tsx │ │ ├── linear │ │ │ ├── check.tsx │ │ │ ├── chevron-right.tsx │ │ │ ├── cli.tsx │ │ │ ├── code-document.tsx │ │ │ ├── copy.tsx │ │ │ ├── cubes.tsx │ │ │ ├── hash.tsx │ │ │ ├── heart.tsx │ │ │ ├── html-logo.tsx │ │ │ ├── index.ts │ │ │ ├── link-circle.tsx │ │ │ ├── link-squared.tsx │ │ │ ├── link.tsx │ │ │ ├── maximize.tsx │ │ │ ├── mouse-circle.tsx │ │ │ ├── note.tsx │ │ │ ├── paperclip.tsx │ │ │ ├── plus.tsx │ │ │ ├── rotate-left.tsx │ │ │ ├── rotate-right.tsx │ │ │ ├── search.tsx │ │ │ ├── server.tsx │ │ │ ├── simple-grid.tsx │ │ │ └── tag-user.tsx │ │ ├── magic.tsx │ │ ├── mirror-left.tsx │ │ ├── moon-filled.tsx │ │ ├── moon.tsx │ │ ├── palette-round.tsx │ │ ├── palette.tsx │ │ ├── radial-blur.tsx │ │ ├── scaling.tsx │ │ ├── social.tsx │ │ ├── sponsors.tsx │ │ ├── star.tsx │ │ ├── sun.tsx │ │ ├── text-square.tsx │ │ ├── tick-bold.tsx │ │ ├── two-tone │ │ │ ├── index.ts │ │ │ └── keyboard.tsx │ │ └── vertical-dots.tsx │ ├── index.ts │ ├── looper-bg.tsx │ ├── marketing │ │ ├── a11y-otb.tsx │ │ ├── community.tsx │ │ ├── custom-themes │ │ │ ├── custom-themes.tsx │ │ │ ├── index.ts │ │ │ └── styles.ts │ │ ├── customization.tsx │ │ ├── dark-mode.tsx │ │ ├── features-grid.tsx │ │ ├── hero │ │ │ ├── bg-looper.tsx │ │ │ ├── floating-components.tsx │ │ │ ├── floating-tabs.tsx │ │ │ ├── hero.tsx │ │ │ └── index.ts │ │ ├── heroui-pro-section.tsx │ │ ├── heroui-pro-section │ │ │ ├── heroui-pro-button.tsx │ │ │ ├── heroui-pro-chip.tsx │ │ │ ├── heroui-pro-image.tsx │ │ │ ├── heroui-pro-section.tsx │ │ │ └── index.ts │ │ ├── install-banner.tsx │ │ ├── last-but-not-least.tsx │ │ ├── marquee.tsx │ │ ├── sponsor-item.tsx │ │ ├── sponsors.tsx │ │ ├── support-client.tsx │ │ └── support.tsx │ ├── mdx-components.tsx │ ├── mdx-content.tsx │ ├── navbar.tsx │ ├── ph-banner.tsx │ ├── preview-button.tsx │ ├── primitives.ts │ ├── pro-banner.tsx │ ├── sandpack │ │ ├── bugreport-button.tsx │ │ ├── code-viewer.tsx │ │ ├── codesandbox-button.tsx │ │ ├── copy-button.tsx │ │ ├── entries.ts │ │ ├── index.ts │ │ ├── language-selector.tsx │ │ ├── refresh-button.tsx │ │ ├── sandpack.tsx │ │ ├── theme.ts │ │ ├── types.ts │ │ ├── use-sandpack.ts │ │ └── utils.ts │ ├── scripts │ │ └── script-providers.tsx │ ├── scroll-area.tsx │ ├── sonar-pulse.tsx │ ├── stackblitz-button.tsx │ ├── static-table.tsx │ ├── theme-switch.tsx │ ├── themes │ │ ├── components │ │ │ ├── color-picker.tsx │ │ │ ├── config-section.tsx │ │ │ ├── configuration │ │ │ │ ├── actions.tsx │ │ │ │ ├── base-colors.tsx │ │ │ │ ├── border-widths.tsx │ │ │ │ ├── content-colors.tsx │ │ │ │ ├── default-colors.tsx │ │ │ │ ├── disable-opacity.tsx │ │ │ │ ├── editable-button.tsx │ │ │ │ ├── font-button.tsx │ │ │ │ ├── fonts.tsx │ │ │ │ ├── index.tsx │ │ │ │ ├── layout-colors.tsx │ │ │ │ ├── other.tsx │ │ │ │ ├── radiuses.tsx │ │ │ │ ├── scaling.tsx │ │ │ │ ├── swatch.tsx │ │ │ │ └── value-button.tsx │ │ │ ├── number-input.tsx │ │ │ ├── select-template.tsx │ │ │ ├── showcase-component.tsx │ │ │ └── showcase │ │ │ │ ├── avatar.tsx │ │ │ │ ├── breadcrumbs.tsx │ │ │ │ ├── button.tsx │ │ │ │ ├── checkbox.tsx │ │ │ │ ├── chip.tsx │ │ │ │ ├── code.tsx │ │ │ │ ├── index.tsx │ │ │ │ ├── input.tsx │ │ │ │ ├── popover.tsx │ │ │ │ ├── switch.tsx │ │ │ │ └── tabs.tsx │ │ ├── constants.ts │ │ ├── css-vars.ts │ │ ├── index.tsx │ │ ├── provider.tsx │ │ ├── templates │ │ │ ├── coffee.ts │ │ │ ├── elegant.ts │ │ │ ├── emerald.ts │ │ │ ├── heroui.ts │ │ │ ├── index.ts │ │ │ ├── modern.ts │ │ │ └── retro.ts │ │ ├── types.ts │ │ └── utils │ │ │ ├── colors.ts │ │ │ ├── config.ts │ │ │ └── shared.ts │ └── virtual-anchor.tsx │ ├── config │ ├── fonts.ts │ ├── github-info.json │ ├── routes.json │ ├── search-meta.json │ └── site.ts │ ├── content │ ├── blog │ │ ├── introducing-heroui.mdx │ │ ├── nextui-v2.mdx │ │ ├── v2.1.0.mdx │ │ ├── v2.2.0.mdx │ │ ├── v2.3.0.mdx │ │ ├── v2.4.0.mdx │ │ ├── v2.6.0.mdx │ │ └── v2.7.0.mdx │ ├── components │ │ ├── accordion │ │ │ ├── bordered-variant.raw.jsx │ │ │ ├── bordered-variant.ts │ │ │ ├── compact.raw.jsx │ │ │ ├── compact.ts │ │ │ ├── controlled.raw.jsx │ │ │ ├── controlled.raw.tsx │ │ │ ├── controlled.ts │ │ │ ├── custom-motion.raw.jsx │ │ │ ├── custom-motion.ts │ │ │ ├── custom-styles.raw.jsx │ │ │ ├── custom-styles.ts │ │ │ ├── default-expanded-keys.raw.jsx │ │ │ ├── default-expanded-keys.ts │ │ │ ├── disabled-keys.raw.jsx │ │ │ ├── disabled-keys.ts │ │ │ ├── index.ts │ │ │ ├── indicator-function.raw.jsx │ │ │ ├── indicator-function.ts │ │ │ ├── indicator.raw.jsx │ │ │ ├── indicator.ts │ │ │ ├── light-variant.raw.jsx │ │ │ ├── light-variant.ts │ │ │ ├── multiple.raw.jsx │ │ │ ├── multiple.ts │ │ │ ├── shadow-variant.raw.jsx │ │ │ ├── shadow-variant.ts │ │ │ ├── splitted-variant.raw.jsx │ │ │ ├── splitted-variant.ts │ │ │ ├── start-content.raw.jsx │ │ │ ├── start-content.ts │ │ │ ├── subtitle.raw.jsx │ │ │ ├── subtitle.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── variant.raw.jsx │ │ │ └── variants.ts │ │ ├── alert │ │ │ ├── colors.raw.jsx │ │ │ ├── colors.ts │ │ │ ├── controlled-alert.raw.jsx │ │ │ ├── controlled.ts │ │ │ ├── custom-impl.raw.jsx │ │ │ ├── custom-impl.ts │ │ │ ├── custom-styles.raw.jsx │ │ │ ├── custom-styles.raw.tsx │ │ │ ├── custom-styles.ts │ │ │ ├── index.ts │ │ │ ├── radius.raw.jsx │ │ │ ├── radius.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── variants.raw.jsx │ │ │ ├── variants.ts │ │ │ ├── with-action.raw.jsx │ │ │ ├── with-action.ts │ │ │ ├── with-icon.raw.jsx │ │ │ ├── with-icon.ts │ │ │ ├── without-icon-wrapper.raw.jsx │ │ │ ├── without-icon-wrapper.ts │ │ │ ├── without-icon.raw.jsx │ │ │ └── without-icon.ts │ │ ├── autocomplete │ │ │ ├── async-filtering.raw.jsx │ │ │ ├── async-filtering.raw.tsx │ │ │ ├── async-filtering.ts │ │ │ ├── async-loading-items.raw.jsx │ │ │ ├── async-loading-items.raw.tsx │ │ │ ├── async-loading-items.ts │ │ │ ├── colors.raw.jsx │ │ │ ├── colors.ts │ │ │ ├── controlled.raw.jsx │ │ │ ├── controlled.raw.tsx │ │ │ ├── controlled.ts │ │ │ ├── custom-empty-content-message.raw.jsx │ │ │ ├── custom-empty-content-message.ts │ │ │ ├── custom-filtering.raw.jsx │ │ │ ├── custom-filtering.raw.tsx │ │ │ ├── custom-filtering.ts │ │ │ ├── custom-items.raw.jsx │ │ │ ├── custom-items.ts │ │ │ ├── custom-sections-style.raw.jsx │ │ │ ├── custom-sections-style.ts │ │ │ ├── custom-selector-icon.raw.jsx │ │ │ ├── custom-selector-icon.ts │ │ │ ├── custom-styles.raw.jsx │ │ │ ├── custom-styles.ts │ │ │ ├── custom-value.raw.jsx │ │ │ ├── custom-value.ts │ │ │ ├── description.raw.jsx │ │ │ ├── description.ts │ │ │ ├── disabled-items.raw.jsx │ │ │ ├── disabled-items.ts │ │ │ ├── disabled.raw.jsx │ │ │ ├── disabled.ts │ │ │ ├── dynamic.raw.jsx │ │ │ ├── dynamic.ts │ │ │ ├── error-message.raw.jsx │ │ │ ├── error-message.ts │ │ │ ├── events.raw.jsx │ │ │ ├── events.raw.tsx │ │ │ ├── events.ts │ │ │ ├── fully-controlled.raw.jsx │ │ │ ├── fully-controlled.raw.tsx │ │ │ ├── fully-controlled.ts │ │ │ ├── index.ts │ │ │ ├── item-start-content.raw.jsx │ │ │ ├── item-start-content.ts │ │ │ ├── label-placements.raw.jsx │ │ │ ├── label-placements.ts │ │ │ ├── read-only.raw.jsx │ │ │ ├── read-only.ts │ │ │ ├── required.raw.jsx │ │ │ ├── required.ts │ │ │ ├── sections.raw.jsx │ │ │ ├── sections.ts │ │ │ ├── sizes.raw.jsx │ │ │ ├── sizes.ts │ │ │ ├── start-content.raw.jsx │ │ │ ├── start-content.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── variants.raw.jsx │ │ │ ├── variants.ts │ │ │ ├── virtualization-custom-item-height.raw.jsx │ │ │ ├── virtualization-custom-item-height.ts │ │ │ ├── virtualization-max-listbox-height.raw.jsx │ │ │ ├── virtualization-max-listbox-height.ts │ │ │ ├── virtualization-ten-thousand.raw.jsx │ │ │ ├── virtualization-ten-thousand.ts │ │ │ ├── virtualization.raw.jsx │ │ │ ├── virtualization.ts │ │ │ ├── without-scroll-shadow.raw.jsx │ │ │ └── without-scroll-shadow.ts │ │ ├── avatar │ │ │ ├── bordered.raw.jsx │ │ │ ├── bordered.ts │ │ │ ├── colors.raw.jsx │ │ │ ├── colors.ts │ │ │ ├── custom-fallback.raw.jsx │ │ │ ├── custom-fallback.ts │ │ │ ├── custom-impl.raw.jsx │ │ │ ├── custom-impl.raw.tsx │ │ │ ├── custom-impl.ts │ │ │ ├── custom.raw.jsx │ │ │ ├── custom.ts │ │ │ ├── disabled.raw.jsx │ │ │ ├── disabled.ts │ │ │ ├── fallbacks.raw.jsx │ │ │ ├── fallbacks.ts │ │ │ ├── group-custom-count.raw.jsx │ │ │ ├── group-custom-count.ts │ │ │ ├── group-custom-impl.raw.jsx │ │ │ ├── group-custom-impl.raw.tsx │ │ │ ├── group-custom-impl.ts │ │ │ ├── group-disabled.raw.jsx │ │ │ ├── group-disabled.ts │ │ │ ├── group-grid.raw.jsx │ │ │ ├── group-grid.ts │ │ │ ├── group-max.raw.jsx │ │ │ ├── group-max.ts │ │ │ ├── group-total.raw.jsx │ │ │ ├── group-total.ts │ │ │ ├── group.raw.jsx │ │ │ ├── group.ts │ │ │ ├── index.ts │ │ │ ├── radius.raw.jsx │ │ │ ├── radius.ts │ │ │ ├── sizes.raw.jsx │ │ │ ├── sizes.ts │ │ │ ├── usage.raw.jsx │ │ │ └── usage.ts │ │ ├── badge │ │ │ ├── a11y.raw.jsx │ │ │ ├── a11y.ts │ │ │ ├── colors.raw.jsx │ │ │ ├── colors.ts │ │ │ ├── content-examples.raw.jsx │ │ │ ├── content-examples.ts │ │ │ ├── index.ts │ │ │ ├── placements.raw.jsx │ │ │ ├── placements.ts │ │ │ ├── shapes.raw.jsx │ │ │ ├── shapes.ts │ │ │ ├── show-outline.raw.jsx │ │ │ ├── show-outline.ts │ │ │ ├── sizes.raw.jsx │ │ │ ├── sizes.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── variants.raw.jsx │ │ │ ├── variants.ts │ │ │ ├── visibility.raw.jsx │ │ │ └── visibility.ts │ │ ├── breadcrumbs │ │ │ ├── collapsing-items.raw.jsx │ │ │ ├── collapsing-items.ts │ │ │ ├── colors.raw.jsx │ │ │ ├── colors.ts │ │ │ ├── controlled.raw.jsx │ │ │ ├── controlled.raw.tsx │ │ │ ├── controlled.ts │ │ │ ├── custom-items.raw.jsx │ │ │ ├── custom-items.ts │ │ │ ├── custom-styles.raw.jsx │ │ │ ├── custom-styles.ts │ │ │ ├── customizing-ellipsis.raw.jsx │ │ │ ├── customizing-ellipsis.ts │ │ │ ├── disabled.raw.jsx │ │ │ ├── disabled.ts │ │ │ ├── index.ts │ │ │ ├── menu-type.raw.jsx │ │ │ ├── menu-type.raw.tsx │ │ │ ├── menu-type.ts │ │ │ ├── radius.raw.jsx │ │ │ ├── radius.ts │ │ │ ├── routing.raw.jsx │ │ │ ├── routing.ts │ │ │ ├── separator.raw.jsx │ │ │ ├── separator.ts │ │ │ ├── sizes.raw.jsx │ │ │ ├── sizes.ts │ │ │ ├── start-end-content.raw.jsx │ │ │ ├── start-end-content.ts │ │ │ ├── underlines.raw.jsx │ │ │ ├── underlines.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── variants.raw.jsx │ │ │ └── variants.ts │ │ ├── button │ │ │ ├── colors.raw.jsx │ │ │ ├── colors.ts │ │ │ ├── custom-impl.raw.jsx │ │ │ ├── custom-impl.raw.tsx │ │ │ ├── custom-impl.ts │ │ │ ├── custom-styles.raw.jsx │ │ │ ├── custom-styles.ts │ │ │ ├── disabled.raw.jsx │ │ │ ├── disabled.ts │ │ │ ├── group-disabled.raw.jsx │ │ │ ├── group-disabled.ts │ │ │ ├── group-use-case.raw.jsx │ │ │ ├── group-use-case.ts │ │ │ ├── group.raw.jsx │ │ │ ├── group.ts │ │ │ ├── icon-only.raw.jsx │ │ │ ├── icon-only.ts │ │ │ ├── icons.raw.jsx │ │ │ ├── icons.ts │ │ │ ├── index.ts │ │ │ ├── loading-custom.raw.jsx │ │ │ ├── loading-custom.ts │ │ │ ├── loading.raw.jsx │ │ │ ├── loading.ts │ │ │ ├── radius.raw.jsx │ │ │ ├── radius.ts │ │ │ ├── sizes.raw.jsx │ │ │ ├── sizes.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── variants.raw.jsx │ │ │ └── variants.ts │ │ ├── calendar │ │ │ ├── controlled-focused-value.raw.jsx │ │ │ ├── controlled-focused-value.raw.tsx │ │ │ ├── controlled-focused-value.ts │ │ │ ├── controlled.raw.jsx │ │ │ ├── controlled.raw.tsx │ │ │ ├── controlled.ts │ │ │ ├── disabled.raw.jsx │ │ │ ├── disabled.ts │ │ │ ├── first-day-of-week.raw.jsx │ │ │ ├── first-day-of-week.ts │ │ │ ├── index.ts │ │ │ ├── international-calendars.raw.jsx │ │ │ ├── international-calendars.ts │ │ │ ├── invalid-date.raw.jsx │ │ │ ├── invalid-date.raw.tsx │ │ │ ├── invalid-date.ts │ │ │ ├── max-date-value.raw.jsx │ │ │ ├── max-date-value.ts │ │ │ ├── min-date-value.raw.jsx │ │ │ ├── min-date-value.ts │ │ │ ├── page-behaviour.raw.jsx │ │ │ ├── page-behaviour.ts │ │ │ ├── presets.raw.jsx │ │ │ ├── presets.raw.tsx │ │ │ ├── presets.ts │ │ │ ├── read-only.raw.jsx │ │ │ ├── read-only.ts │ │ │ ├── unavailable-dates.raw.jsx │ │ │ ├── unavailable-dates.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── visible-months.raw.jsx │ │ │ ├── visible-months.ts │ │ │ ├── with-month-and-year-picker.raw.jsx │ │ │ └── with-month-and-year-picker.ts │ │ ├── card │ │ │ ├── blurred-footer.raw.jsx │ │ │ ├── blurred-footer.ts │ │ │ ├── blurred.raw.jsx │ │ │ ├── blurred.ts │ │ │ ├── composition.raw.jsx │ │ │ ├── composition.ts │ │ │ ├── cover-image.raw.jsx │ │ │ ├── cover-image.ts │ │ │ ├── divider.raw.jsx │ │ │ ├── divider.ts │ │ │ ├── image.raw.jsx │ │ │ ├── image.ts │ │ │ ├── index.ts │ │ │ ├── primary-action.raw.jsx │ │ │ ├── primary-action.ts │ │ │ ├── usage.raw.jsx │ │ │ └── usage.ts │ │ ├── checkbox-group │ │ │ ├── controlled.raw.jsx │ │ │ ├── controlled.ts │ │ │ ├── custom-implementation.raw.jsx │ │ │ ├── custom-implementation.ts │ │ │ ├── custom-styles.raw.jsx │ │ │ ├── custom-styles.ts │ │ │ ├── disabled.raw.jsx │ │ │ ├── disabled.ts │ │ │ ├── horizontal.raw.jsx │ │ │ ├── horizontal.ts │ │ │ ├── index.ts │ │ │ ├── invalid.raw.jsx │ │ │ ├── invalid.ts │ │ │ ├── usage.raw.jsx │ │ │ └── usage.ts │ │ ├── checkbox │ │ │ ├── colors.raw.jsx │ │ │ ├── colors.ts │ │ │ ├── controlled.raw.jsx │ │ │ ├── controlled.ts │ │ │ ├── custom-check-icon.raw.jsx │ │ │ ├── custom-check-icon.ts │ │ │ ├── custom-implementation.raw.jsx │ │ │ ├── custom-implementation.ts │ │ │ ├── custom-styles.raw.jsx │ │ │ ├── custom-styles.ts │ │ │ ├── disabled.raw.jsx │ │ │ ├── disabled.ts │ │ │ ├── indeterminate.raw.jsx │ │ │ ├── indeterminate.ts │ │ │ ├── index.ts │ │ │ ├── line-through.raw.jsx │ │ │ ├── line-through.ts │ │ │ ├── radius.raw.jsx │ │ │ ├── radius.ts │ │ │ ├── sizes.raw.jsx │ │ │ ├── sizes.ts │ │ │ ├── usage.raw.jsx │ │ │ └── usage.ts │ │ ├── chip │ │ │ ├── avatar.raw.jsx │ │ │ ├── avatar.ts │ │ │ ├── close-button.raw.jsx │ │ │ ├── close-button.ts │ │ │ ├── colors.raw.jsx │ │ │ ├── colors.ts │ │ │ ├── custom-styles.raw.jsx │ │ │ ├── custom-styles.ts │ │ │ ├── disabled.raw.jsx │ │ │ ├── disabled.ts │ │ │ ├── index.ts │ │ │ ├── list.raw.jsx │ │ │ ├── list.ts │ │ │ ├── radius.raw.jsx │ │ │ ├── radius.ts │ │ │ ├── sizes.raw.jsx │ │ │ ├── sizes.ts │ │ │ ├── start-end-content.raw.jsx │ │ │ ├── start-end-content.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── variants.raw.jsx │ │ │ └── variants.ts │ │ ├── circular-progress │ │ │ ├── colors.raw.jsx │ │ │ ├── colors.ts │ │ │ ├── custom-styles.raw.jsx │ │ │ ├── custom-styles.ts │ │ │ ├── index.ts │ │ │ ├── label.raw.jsx │ │ │ ├── label.ts │ │ │ ├── sizes.raw.jsx │ │ │ ├── sizes.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── value-formatting.raw.jsx │ │ │ ├── value-formatting.ts │ │ │ ├── value.raw.jsx │ │ │ └── value.ts │ │ ├── code │ │ │ ├── colors.raw.jsx │ │ │ ├── colors.ts │ │ │ ├── index.ts │ │ │ ├── sizes.raw.jsx │ │ │ ├── sizes.ts │ │ │ ├── usage.raw.jsx │ │ │ └── usage.ts │ │ ├── date-input │ │ │ ├── controlled.raw.jsx │ │ │ ├── controlled.raw.tsx │ │ │ ├── controlled.ts │ │ │ ├── description.raw.jsx │ │ │ ├── description.ts │ │ │ ├── disabled.raw.jsx │ │ │ ├── disabled.ts │ │ │ ├── error-message-function.raw.jsx │ │ │ ├── error-message-function.ts │ │ │ ├── error-message.raw.jsx │ │ │ ├── error-message.ts │ │ │ ├── granularity.raw.jsx │ │ │ ├── granularity.raw.tsx │ │ │ ├── granularity.ts │ │ │ ├── hide-timezone.raw.jsx │ │ │ ├── hide-timezone.ts │ │ │ ├── hourly-cycle.raw.jsx │ │ │ ├── hourly-cycle.ts │ │ │ ├── index.ts │ │ │ ├── international-calendar.raw.jsx │ │ │ ├── international-calendar.raw.tsx │ │ │ ├── international-calendar.ts │ │ │ ├── label-placements.raw.jsx │ │ │ ├── label-placements.ts │ │ │ ├── min-and-max-date.raw.jsx │ │ │ ├── min-and-max-date.ts │ │ │ ├── readonly.raw.jsx │ │ │ ├── readonly.ts │ │ │ ├── required.raw.jsx │ │ │ ├── required.ts │ │ │ ├── start-end-content.raw.jsx │ │ │ ├── start-end-content.ts │ │ │ ├── time-zones.raw.jsx │ │ │ ├── time-zones.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── variants.raw.jsx │ │ │ └── variants.ts │ │ ├── date-picker │ │ │ ├── controlled.raw.jsx │ │ │ ├── controlled.raw.tsx │ │ │ ├── controlled.ts │ │ │ ├── description.raw.jsx │ │ │ ├── description.ts │ │ │ ├── disabled.raw.jsx │ │ │ ├── disabled.ts │ │ │ ├── error-message-function.raw.jsx │ │ │ ├── error-message-function.ts │ │ │ ├── error-message.raw.jsx │ │ │ ├── error-message.ts │ │ │ ├── first-day-of-week.raw.jsx │ │ │ ├── first-day-of-week.ts │ │ │ ├── granularity.raw.jsx │ │ │ ├── granularity.raw.tsx │ │ │ ├── granularity.ts │ │ │ ├── index.ts │ │ │ ├── international-calendar.raw.jsx │ │ │ ├── international-calendar.raw.tsx │ │ │ ├── international-calendar.ts │ │ │ ├── label-placements.raw.jsx │ │ │ ├── label-placements.ts │ │ │ ├── min-and-max-date.raw.jsx │ │ │ ├── min-and-max-date.ts │ │ │ ├── page-behavior.raw.jsx │ │ │ ├── page-behavior.ts │ │ │ ├── preset.raw.jsx │ │ │ ├── preset.raw.tsx │ │ │ ├── preset.ts │ │ │ ├── readonly.raw.jsx │ │ │ ├── readonly.ts │ │ │ ├── required.raw.jsx │ │ │ ├── required.ts │ │ │ ├── selector-button-placement.raw.jsx │ │ │ ├── selector-button-placement.ts │ │ │ ├── selector-icon.raw.jsx │ │ │ ├── selector-icon.ts │ │ │ ├── time-zones.raw.jsx │ │ │ ├── time-zones.ts │ │ │ ├── unavailable-dates.raw.jsx │ │ │ ├── unavailable-dates.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── variants.raw.jsx │ │ │ ├── variants.ts │ │ │ ├── visible-month.raw.jsx │ │ │ ├── visible-month.ts │ │ │ ├── with-month-and-year-pickers.raw.jsx │ │ │ ├── with-month-and-year-pickers.ts │ │ │ ├── with-time-field.raw.jsx │ │ │ └── with-time-field.ts │ │ ├── date-range-picker │ │ │ ├── controlled.raw.jsx │ │ │ ├── controlled.raw.tsx │ │ │ ├── controlled.ts │ │ │ ├── custom-styles.raw.jsx │ │ │ ├── custom-styles.ts │ │ │ ├── description.raw.jsx │ │ │ ├── description.ts │ │ │ ├── disabled.raw.jsx │ │ │ ├── disabled.ts │ │ │ ├── error-message-function.raw.jsx │ │ │ ├── error-message-function.ts │ │ │ ├── error-message.raw.jsx │ │ │ ├── error-message.ts │ │ │ ├── first-day-of-week.raw.jsx │ │ │ ├── first-day-of-week.ts │ │ │ ├── granularity.raw.jsx │ │ │ ├── granularity.raw.tsx │ │ │ ├── granularity.ts │ │ │ ├── index.ts │ │ │ ├── international-calendar.raw.jsx │ │ │ ├── international-calendar.raw.tsx │ │ │ ├── international-calendar.ts │ │ │ ├── label-placements.raw.jsx │ │ │ ├── label-placements.ts │ │ │ ├── min-and-max-date.raw.jsx │ │ │ ├── min-and-max-date.ts │ │ │ ├── non-contiguous.raw.jsx │ │ │ ├── non-contiguous.ts │ │ │ ├── page-behavior.raw.jsx │ │ │ ├── page-behavior.ts │ │ │ ├── presets.raw.jsx │ │ │ ├── presets.ts │ │ │ ├── readonly.raw.jsx │ │ │ ├── readonly.ts │ │ │ ├── required.raw.jsx │ │ │ ├── required.ts │ │ │ ├── selector-button-placement.raw.jsx │ │ │ ├── selector-button-placement.ts │ │ │ ├── selector-icon.raw.jsx │ │ │ ├── selector-icon.ts │ │ │ ├── time-zones.raw.jsx │ │ │ ├── time-zones.ts │ │ │ ├── unavailable-dates.raw.jsx │ │ │ ├── unavailable-dates.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── variants.raw.jsx │ │ │ ├── variants.ts │ │ │ ├── visible-month.raw.jsx │ │ │ ├── visible-month.ts │ │ │ ├── with-month-and-year-pickers.raw.jsx │ │ │ ├── with-month-and-year-pickers.ts │ │ │ ├── with-time-field.raw.jsx │ │ │ └── with-time-field.ts │ │ ├── divider │ │ │ ├── index.ts │ │ │ ├── usage.raw.jsx │ │ │ └── usage.ts │ │ ├── drawer │ │ │ ├── backdrop.raw.jsx │ │ │ ├── backdrop.ts │ │ │ ├── custom-motion.raw.jsx │ │ │ ├── custom-motion.ts │ │ │ ├── custom-styles.raw.jsx │ │ │ ├── custom-styles.ts │ │ │ ├── form.raw.jsx │ │ │ ├── form.ts │ │ │ ├── index.ts │ │ │ ├── non-dismissable.raw.jsx │ │ │ ├── non-dismissable.ts │ │ │ ├── placement.raw.jsx │ │ │ ├── placement.ts │ │ │ ├── sizes.raw.jsx │ │ │ ├── sizes.ts │ │ │ ├── usage.raw.jsx │ │ │ └── usage.ts │ │ ├── dropdown │ │ │ ├── action.raw.jsx │ │ │ ├── action.ts │ │ │ ├── backdrop.raw.jsx │ │ │ ├── backdrop.ts │ │ │ ├── custom-items-styles.raw.jsx │ │ │ ├── custom-items-styles.ts │ │ │ ├── custom-popover-styles.raw.jsx │ │ │ ├── custom-popover-styles.ts │ │ │ ├── custom-trigger.raw.jsx │ │ │ ├── custom-trigger.ts │ │ │ ├── description.raw.jsx │ │ │ ├── description.ts │ │ │ ├── disabled-keys.raw.jsx │ │ │ ├── disabled-keys.ts │ │ │ ├── dynamic.raw.jsx │ │ │ ├── dynamic.ts │ │ │ ├── icons.raw.jsx │ │ │ ├── icons.ts │ │ │ ├── index.ts │ │ │ ├── multiple-selection.raw.jsx │ │ │ ├── multiple-selection.raw.tsx │ │ │ ├── multiple-selection.ts │ │ │ ├── sections.raw.jsx │ │ │ ├── sections.ts │ │ │ ├── shortcut.raw.jsx │ │ │ ├── shortcut.ts │ │ │ ├── single-selection.raw.jsx │ │ │ ├── single-selection.raw.tsx │ │ │ ├── single-selection.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── variants.raw.jsx │ │ │ └── variants.ts │ │ ├── form │ │ │ ├── controlled.raw.jsx │ │ │ ├── controlled.ts │ │ │ ├── custom-error-messages.raw.jsx │ │ │ ├── custom-error-messages.ts │ │ │ ├── custom-validation-aria.raw.jsx │ │ │ ├── custom-validation-aria.ts │ │ │ ├── custom-validation.raw.jsx │ │ │ ├── custom-validation.ts │ │ │ ├── demo.raw.jsx │ │ │ ├── demo.ts │ │ │ ├── events.raw.jsx │ │ │ ├── events.ts │ │ │ ├── form-usage.raw.jsx │ │ │ ├── index.ts │ │ │ ├── native-validation.raw.jsx │ │ │ ├── native-validation.ts │ │ │ ├── real-time-validation.raw.jsx │ │ │ ├── real-time-validation.ts │ │ │ ├── server-validation.raw.jsx │ │ │ ├── server-validation.ts │ │ │ ├── usage.raw.jsx │ │ │ └── usage.ts │ │ ├── image │ │ │ ├── blurred.raw.jsx │ │ │ ├── blurred.ts │ │ │ ├── fallback.raw.jsx │ │ │ ├── fallback.ts │ │ │ ├── index.ts │ │ │ ├── loading.raw.jsx │ │ │ ├── loading.ts │ │ │ ├── nextjs.raw.jsx │ │ │ ├── nextjs.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── zoomed.raw.jsx │ │ │ └── zoomed.ts │ │ ├── index.ts │ │ ├── input-otp │ │ │ ├── allowed-keys.raw.jsx │ │ │ ├── allowed-keys.ts │ │ │ ├── colors.raw.jsx │ │ │ ├── colors.ts │ │ │ ├── controlled.raw.jsx │ │ │ ├── controlled.ts │ │ │ ├── custom-styles.raw.jsx │ │ │ ├── custom-styles.ts │ │ │ ├── description.raw.jsx │ │ │ ├── description.ts │ │ │ ├── disabled.raw.jsx │ │ │ ├── disabled.ts │ │ │ ├── error-message.raw.jsx │ │ │ ├── error-message.ts │ │ │ ├── form.raw.jsx │ │ │ ├── form.raw.tsx │ │ │ ├── form.ts │ │ │ ├── index.ts │ │ │ ├── input-otp-required.raw.jsx │ │ │ ├── lengths.raw.jsx │ │ │ ├── lengths.ts │ │ │ ├── password.raw.jsx │ │ │ ├── password.ts │ │ │ ├── radius.raw.jsx │ │ │ ├── radius.ts │ │ │ ├── readonly.raw.jsx │ │ │ ├── readonly.ts │ │ │ ├── required.raw.jsx │ │ │ ├── required.ts │ │ │ ├── sizes.raw.jsx │ │ │ ├── sizes.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── variants.raw.jsx │ │ │ └── variants.ts │ │ ├── input │ │ │ ├── built-in-validation.raw.jsx │ │ │ ├── built-in-validation.ts │ │ │ ├── clear-button.raw.jsx │ │ │ ├── clear-button.ts │ │ │ ├── colors.raw.jsx │ │ │ ├── colors.ts │ │ │ ├── controlled.raw.jsx │ │ │ ├── controlled.ts │ │ │ ├── custom-impl.raw.jsx │ │ │ ├── custom-impl.ts │ │ │ ├── custom-styles.raw.jsx │ │ │ ├── custom-styles.ts │ │ │ ├── custom-validation.raw.jsx │ │ │ ├── custom-validation.ts │ │ │ ├── description.raw.jsx │ │ │ ├── description.ts │ │ │ ├── disabled.raw.jsx │ │ │ ├── disabled.ts │ │ │ ├── error-message.raw.jsx │ │ │ ├── error-message.ts │ │ │ ├── index.ts │ │ │ ├── label-placements.raw.jsx │ │ │ ├── label-placements.ts │ │ │ ├── password.raw.jsx │ │ │ ├── password.ts │ │ │ ├── radius.raw.jsx │ │ │ ├── radius.ts │ │ │ ├── readonly.raw.jsx │ │ │ ├── readonly.ts │ │ │ ├── real-time-validation.raw.jsx │ │ │ ├── real-time-validation.ts │ │ │ ├── regex-validation.raw.jsx │ │ │ ├── regex-validation.ts │ │ │ ├── required.raw.jsx │ │ │ ├── required.ts │ │ │ ├── server-validation.raw.jsx │ │ │ ├── server-validation.ts │ │ │ ├── sizes.raw.jsx │ │ │ ├── sizes.ts │ │ │ ├── start-end-content.raw.jsx │ │ │ ├── start-end-content.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── variants.raw.jsx │ │ │ └── variants.ts │ │ ├── kbd │ │ │ ├── index.ts │ │ │ ├── keys.raw.jsx │ │ │ ├── keys.ts │ │ │ ├── usage.raw.jsx │ │ │ └── usage.ts │ │ ├── link │ │ │ ├── block.raw.jsx │ │ │ ├── block.ts │ │ │ ├── colors.raw.jsx │ │ │ ├── colors.ts │ │ │ ├── custom-anchor-icon.raw.jsx │ │ │ ├── custom-anchor-icon.ts │ │ │ ├── custom-impl.raw.jsx │ │ │ ├── custom-impl.raw.tsx │ │ │ ├── custom-impl.ts │ │ │ ├── disabled.raw.jsx │ │ │ ├── disabled.ts │ │ │ ├── external.raw.jsx │ │ │ ├── external.ts │ │ │ ├── index.ts │ │ │ ├── nextjs.raw.jsx │ │ │ ├── nextjs.ts │ │ │ ├── polymorphic.raw.jsx │ │ │ ├── polymorphic.ts │ │ │ ├── sizes.raw.jsx │ │ │ ├── sizes.ts │ │ │ ├── underline.raw.jsx │ │ │ ├── underline.ts │ │ │ ├── usage.raw.jsx │ │ │ └── usage.ts │ │ ├── listbox │ │ │ ├── custom-styles.raw.jsx │ │ │ ├── custom-styles.ts │ │ │ ├── description.raw.jsx │ │ │ ├── description.ts │ │ │ ├── disabled-keys.raw.jsx │ │ │ ├── disabled-keys.ts │ │ │ ├── dynamic.raw.jsx │ │ │ ├── dynamic.ts │ │ │ ├── icons.raw.jsx │ │ │ ├── icons.ts │ │ │ ├── index.ts │ │ │ ├── multiple-selection.raw.jsx │ │ │ ├── multiple-selection.ts │ │ │ ├── sections.raw.jsx │ │ │ ├── sections.ts │ │ │ ├── single-selection.raw.jsx │ │ │ ├── single-selection.ts │ │ │ ├── top-content.raw.jsx │ │ │ ├── top-content.raw.tsx │ │ │ ├── top-content.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── variants.raw.jsx │ │ │ ├── variants.ts │ │ │ ├── virtualization-ten-thousand.raw.jsx │ │ │ ├── virtualization-ten-thousand.ts │ │ │ ├── virtualization.raw.jsx │ │ │ └── virtualization.ts │ │ ├── modal │ │ │ ├── backdrop.raw.jsx │ │ │ ├── backdrop.ts │ │ │ ├── custom-backdrop.raw.jsx │ │ │ ├── custom-backdrop.ts │ │ │ ├── custom-motion.raw.jsx │ │ │ ├── custom-motion.ts │ │ │ ├── custom-styles.raw.jsx │ │ │ ├── custom-styles.ts │ │ │ ├── draggable-overflow.raw.jsx │ │ │ ├── draggable-overflow.ts │ │ │ ├── draggable.raw.jsx │ │ │ ├── draggable.ts │ │ │ ├── form.raw.jsx │ │ │ ├── form.ts │ │ │ ├── index.ts │ │ │ ├── non-dismissable.raw.jsx │ │ │ ├── non-dismissable.ts │ │ │ ├── overflow.raw.jsx │ │ │ ├── overflow.raw.tsx │ │ │ ├── overflow.ts │ │ │ ├── placement.raw.jsx │ │ │ ├── placement.ts │ │ │ ├── sizes.raw.jsx │ │ │ ├── sizes.ts │ │ │ ├── usage.raw.jsx │ │ │ └── usage.ts │ │ ├── navbar │ │ │ ├── bordered.raw.jsx │ │ │ ├── bordered.ts │ │ │ ├── controlled-menu.raw.jsx │ │ │ ├── controlled-menu.ts │ │ │ ├── custom-active-item.raw.jsx │ │ │ ├── custom-active-item.ts │ │ │ ├── disable-menu-animation.raw.jsx │ │ │ ├── disable-menu-animation.ts │ │ │ ├── disabled-blur.raw.jsx │ │ │ ├── disabled-blur.ts │ │ │ ├── hide-on-scroll.raw.jsx │ │ │ ├── hide-on-scroll.ts │ │ │ ├── index.ts │ │ │ ├── static.raw.jsx │ │ │ ├── static.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── with-avatar.raw.jsx │ │ │ ├── with-avatar.ts │ │ │ ├── with-dropdown-menu.raw.jsx │ │ │ ├── with-dropdown-menu.ts │ │ │ ├── with-menu.raw.jsx │ │ │ ├── with-menu.ts │ │ │ ├── with-search-input.raw.jsx │ │ │ └── with-search-input.ts │ │ ├── number-input │ │ │ ├── clear-button.raw.jsx │ │ │ ├── clear-button.ts │ │ │ ├── colors.raw.jsx │ │ │ ├── colors.ts │ │ │ ├── controlled.raw.jsx │ │ │ ├── controlled.ts │ │ │ ├── custom-styles.raw.jsx │ │ │ ├── custom-styles.ts │ │ │ ├── custom-validation.raw.jsx │ │ │ ├── custom-validation.ts │ │ │ ├── description.raw.jsx │ │ │ ├── description.ts │ │ │ ├── disabled.raw.jsx │ │ │ ├── disabled.ts │ │ │ ├── error-message.raw.jsx │ │ │ ├── error-message.ts │ │ │ ├── format-options.raw.jsx │ │ │ ├── format-options.ts │ │ │ ├── hide-stepper.raw.jsx │ │ │ ├── hide-stepper.ts │ │ │ ├── index.ts │ │ │ ├── is-wheel-disabled.raw.jsx │ │ │ ├── is-wheel-disabled.ts │ │ │ ├── label-placements.raw.jsx │ │ │ ├── label-placements.ts │ │ │ ├── label.raw.jsx │ │ │ ├── label.ts │ │ │ ├── max-value.raw.jsx │ │ │ ├── max-value.ts │ │ │ ├── min-value.raw.jsx │ │ │ ├── min-value.ts │ │ │ ├── radius.raw.jsx │ │ │ ├── radius.ts │ │ │ ├── readonly.raw.jsx │ │ │ ├── readonly.ts │ │ │ ├── real-time-validation.raw.jsx │ │ │ ├── real-time-validation.ts │ │ │ ├── required.raw.jsx │ │ │ ├── required.ts │ │ │ ├── server-validation.raw.jsx │ │ │ ├── server-validation.ts │ │ │ ├── sizes.raw.jsx │ │ │ ├── sizes.ts │ │ │ ├── start-end-content.raw.jsx │ │ │ ├── start-end-content.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── variants.raw.jsx │ │ │ └── variants.ts │ │ ├── pagination │ │ │ ├── boundaries.raw.jsx │ │ │ ├── boundaries.ts │ │ │ ├── colors.raw.jsx │ │ │ ├── colors.ts │ │ │ ├── compact.raw.jsx │ │ │ ├── compact.ts │ │ │ ├── controlled.raw.jsx │ │ │ ├── controlled.ts │ │ │ ├── controls.raw.jsx │ │ │ ├── controls.ts │ │ │ ├── custom-impl.raw.jsx │ │ │ ├── custom-impl.ts │ │ │ ├── custom-items.raw.jsx │ │ │ ├── custom-items.raw.tsx │ │ │ ├── custom-items.ts │ │ │ ├── custom-styles.raw.jsx │ │ │ ├── custom-styles.ts │ │ │ ├── disabled.raw.jsx │ │ │ ├── disabled.ts │ │ │ ├── index.ts │ │ │ ├── initial-page.raw.jsx │ │ │ ├── initial-page.ts │ │ │ ├── loop.raw.jsx │ │ │ ├── loop.ts │ │ │ ├── radius.raw.jsx │ │ │ ├── radius.ts │ │ │ ├── shadow.raw.jsx │ │ │ ├── shadow.ts │ │ │ ├── siblings.raw.jsx │ │ │ ├── siblings.ts │ │ │ ├── sizes.raw.jsx │ │ │ ├── sizes.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── variants.raw.jsx │ │ │ └── variants.ts │ │ ├── popover │ │ │ ├── arrow.raw.jsx │ │ │ ├── arrow.ts │ │ │ ├── backdrop.raw.jsx │ │ │ ├── backdrop.ts │ │ │ ├── colors.raw.jsx │ │ │ ├── colors.ts │ │ │ ├── controlled.raw.jsx │ │ │ ├── controlled.ts │ │ │ ├── custom-motion.raw.jsx │ │ │ ├── custom-motion.ts │ │ │ ├── custom-styles.raw.jsx │ │ │ ├── custom-styles.ts │ │ │ ├── custom-trigger.raw.jsx │ │ │ ├── custom-trigger.ts │ │ │ ├── index.ts │ │ │ ├── offset.raw.jsx │ │ │ ├── offset.ts │ │ │ ├── placements.raw.jsx │ │ │ ├── placements.ts │ │ │ ├── title-props.raw.jsx │ │ │ ├── title-props.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── variants.raw.jsx │ │ │ ├── variants.ts │ │ │ ├── with-form.raw.jsx │ │ │ └── with-form.ts │ │ ├── progress │ │ │ ├── colors.raw.jsx │ │ │ ├── colors.ts │ │ │ ├── custom-styles.raw.jsx │ │ │ ├── custom-styles.ts │ │ │ ├── indeterminate.raw.jsx │ │ │ ├── indeterminate.ts │ │ │ ├── index.ts │ │ │ ├── label.raw.jsx │ │ │ ├── label.ts │ │ │ ├── sizes.raw.jsx │ │ │ ├── sizes.ts │ │ │ ├── striped.raw.jsx │ │ │ ├── striped.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── value-formatting.raw.jsx │ │ │ ├── value-formatting.ts │ │ │ ├── value.raw.jsx │ │ │ └── value.ts │ │ ├── radio-group │ │ │ ├── controlled.raw.jsx │ │ │ ├── controlled.ts │ │ │ ├── custom-impl.raw.jsx │ │ │ ├── custom-impl.raw.tsx │ │ │ ├── custom-impl.ts │ │ │ ├── custom-styles.raw.jsx │ │ │ ├── custom-styles.ts │ │ │ ├── default-value.raw.jsx │ │ │ ├── default-value.ts │ │ │ ├── disabled.raw.jsx │ │ │ ├── disabled.ts │ │ │ ├── horizontal.raw.jsx │ │ │ ├── horizontal.ts │ │ │ ├── index.ts │ │ │ ├── invalid.raw.jsx │ │ │ ├── invalid.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── with-description.raw.jsx │ │ │ └── with-description.ts │ │ ├── range-calendar │ │ │ ├── controlled-focused-value.raw.jsx │ │ │ ├── controlled-focused-value.ts │ │ │ ├── controlled.raw.jsx │ │ │ ├── controlled.raw.tsx │ │ │ ├── controlled.ts │ │ │ ├── disabled.raw.jsx │ │ │ ├── disabled.ts │ │ │ ├── first-day-of-week.raw.jsx │ │ │ ├── first-day-of-week.ts │ │ │ ├── index.ts │ │ │ ├── international-calendars.raw.jsx │ │ │ ├── international-calendars.ts │ │ │ ├── invalid-date.raw.jsx │ │ │ ├── invalid-date.raw.tsx │ │ │ ├── invalid-date.ts │ │ │ ├── max-date-value.raw.jsx │ │ │ ├── max-date-value.ts │ │ │ ├── min-date-value.raw.jsx │ │ │ ├── min-date-value.ts │ │ │ ├── non-contiguous-ranges.raw.jsx │ │ │ ├── non-contiguous-ranges.ts │ │ │ ├── page-behaviour.raw.jsx │ │ │ ├── page-behaviour.ts │ │ │ ├── presets.raw.jsx │ │ │ ├── presets.raw.tsx │ │ │ ├── presets.ts │ │ │ ├── read-only.raw.jsx │ │ │ ├── read-only.ts │ │ │ ├── unavailable-dates.raw.jsx │ │ │ ├── unavailable-dates.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── visible-months.raw.jsx │ │ │ ├── visible-months.ts │ │ │ ├── with-month-and-year-picker.raw.jsx │ │ │ └── with-month-and-year-picker.ts │ │ ├── scroll-shadow │ │ │ ├── custom-size.raw.jsx │ │ │ ├── custom-size.ts │ │ │ ├── hide-scrollbar.raw.jsx │ │ │ ├── hide-scrollbar.ts │ │ │ ├── horizontal.raw.jsx │ │ │ ├── horizontal.ts │ │ │ ├── index.ts │ │ │ ├── offset.raw.jsx │ │ │ ├── offset.ts │ │ │ ├── usage.raw.jsx │ │ │ └── usage.ts │ │ ├── select │ │ │ ├── async-loading-items.raw.jsx │ │ │ ├── async-loading-items.raw.tsx │ │ │ ├── async-loading-items.ts │ │ │ ├── colors.raw.jsx │ │ │ ├── colors.ts │ │ │ ├── custom-items.raw.jsx │ │ │ ├── custom-items.ts │ │ │ ├── custom-render-value.raw.jsx │ │ │ ├── custom-render-value.raw.tsx │ │ │ ├── custom-render-value.ts │ │ │ ├── custom-sections-style.raw.jsx │ │ │ ├── custom-sections-style.ts │ │ │ ├── custom-selector-icon.raw.jsx │ │ │ ├── custom-selector-icon.ts │ │ │ ├── custom-styles.raw.jsx │ │ │ ├── custom-styles.ts │ │ │ ├── description.raw.jsx │ │ │ ├── description.ts │ │ │ ├── disabled-items.raw.jsx │ │ │ ├── disabled-items.ts │ │ │ ├── disabled.raw.jsx │ │ │ ├── disabled.ts │ │ │ ├── dynamic.raw.jsx │ │ │ ├── dynamic.ts │ │ │ ├── error-message.raw.jsx │ │ │ ├── error-message.ts │ │ │ ├── index.ts │ │ │ ├── item-start-content.raw.jsx │ │ │ ├── item-start-content.ts │ │ │ ├── label-placements.raw.jsx │ │ │ ├── label-placements.ts │ │ │ ├── multiple-chips.raw.jsx │ │ │ ├── multiple-chips.raw.tsx │ │ │ ├── multiple-chips.ts │ │ │ ├── multiple-controlled-onchange.raw.jsx │ │ │ ├── multiple-controlled-onchange.raw.tsx │ │ │ ├── multiple-controlled-onchange.ts │ │ │ ├── multiple-controlled.raw.jsx │ │ │ ├── multiple-controlled.raw.tsx │ │ │ ├── multiple-controlled.ts │ │ │ ├── multiple.raw.jsx │ │ │ ├── multiple.ts │ │ │ ├── open-state.raw.jsx │ │ │ ├── open-state.ts │ │ │ ├── radius.raw.jsx │ │ │ ├── radius.ts │ │ │ ├── required.raw.jsx │ │ │ ├── required.ts │ │ │ ├── sections.raw.jsx │ │ │ ├── sections.ts │ │ │ ├── single-controlled-onchange.raw.jsx │ │ │ ├── single-controlled-onchange.raw.tsx │ │ │ ├── single-controlled-onchange.ts │ │ │ ├── single-controlled.raw.jsx │ │ │ ├── single-controlled.raw.tsx │ │ │ ├── single-controlled.ts │ │ │ ├── sizes.raw.jsx │ │ │ ├── sizes.ts │ │ │ ├── start-content.raw.jsx │ │ │ ├── start-content.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── variants.raw.jsx │ │ │ ├── variants.ts │ │ │ ├── virtualization-custom-item-height.raw.jsx │ │ │ ├── virtualization-custom-item-height.ts │ │ │ ├── virtualization-max-listbox-height.raw.jsx │ │ │ ├── virtualization-max-listbox-height.ts │ │ │ ├── virtualization-ten-thousand.raw.jsx │ │ │ ├── virtualization-ten-thousand.ts │ │ │ ├── virtualization.raw.jsx │ │ │ ├── virtualization.ts │ │ │ ├── without-scroll-shadow.raw.jsx │ │ │ └── without-scroll-shadow.ts │ │ ├── skeleton │ │ │ ├── index.ts │ │ │ ├── loaded.raw.jsx │ │ │ ├── loaded.ts │ │ │ ├── standalone.raw.jsx │ │ │ ├── standalone.ts │ │ │ ├── usage.raw.jsx │ │ │ └── usage.ts │ │ ├── slider │ │ │ ├── colors.raw.jsx │ │ │ ├── colors.ts │ │ │ ├── controlled-change-end.raw.jsx │ │ │ ├── controlled-change-end.raw.tsx │ │ │ ├── controlled-change-end.ts │ │ │ ├── controlled-range.raw.jsx │ │ │ ├── controlled-range.raw.tsx │ │ │ ├── controlled-range.ts │ │ │ ├── controlled.raw.jsx │ │ │ ├── controlled.raw.tsx │ │ │ ├── controlled.ts │ │ │ ├── custom-styles.raw.jsx │ │ │ ├── custom-styles.ts │ │ │ ├── disable-thumb-scale.raw.jsx │ │ │ ├── disable-thumb-scale.ts │ │ │ ├── disabled.raw.jsx │ │ │ ├── disabled.ts │ │ │ ├── fill-offset.raw.jsx │ │ │ ├── fill-offset.ts │ │ │ ├── get-value.raw.jsx │ │ │ ├── get-value.ts │ │ │ ├── hide-thumb.raw.jsx │ │ │ ├── hide-thumb.ts │ │ │ ├── hide-value.raw.jsx │ │ │ ├── hide-value.ts │ │ │ ├── index.ts │ │ │ ├── marks.raw.jsx │ │ │ ├── marks.ts │ │ │ ├── outline.raw.jsx │ │ │ ├── outline.ts │ │ │ ├── radius.raw.jsx │ │ │ ├── radius.ts │ │ │ ├── range.raw.jsx │ │ │ ├── range.ts │ │ │ ├── render-label.raw.jsx │ │ │ ├── render-label.ts │ │ │ ├── render-range-thumb.raw.jsx │ │ │ ├── render-range-thumb.ts │ │ │ ├── render-thumb.raw.jsx │ │ │ ├── render-thumb.ts │ │ │ ├── render-value.raw.jsx │ │ │ ├── render-value.raw.tsx │ │ │ ├── render-value.ts │ │ │ ├── sizes.raw.jsx │ │ │ ├── sizes.ts │ │ │ ├── start-end-content.raw.jsx │ │ │ ├── start-end-content.ts │ │ │ ├── tooltip.raw.jsx │ │ │ ├── tooltip.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── value-formatting.raw.jsx │ │ │ ├── value-formatting.ts │ │ │ ├── vertical.raw.jsx │ │ │ ├── vertical.ts │ │ │ ├── visible-steps.raw.jsx │ │ │ └── visible-steps.ts │ │ ├── snippet │ │ │ ├── colors.raw.jsx │ │ │ ├── colors.ts │ │ │ ├── custom-icons.raw.jsx │ │ │ ├── custom-icons.ts │ │ │ ├── custom-tooltip.raw.jsx │ │ │ ├── custom-tooltip.ts │ │ │ ├── index.ts │ │ │ ├── multiline.raw.jsx │ │ │ ├── multiline.ts │ │ │ ├── sizes.raw.jsx │ │ │ ├── sizes.ts │ │ │ ├── symbol.raw.jsx │ │ │ ├── symbol.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── variants.raw.jsx │ │ │ ├── variants.ts │ │ │ ├── without-copy.raw.jsx │ │ │ └── without-copy.ts │ │ ├── spacer │ │ │ ├── index.ts │ │ │ ├── usage.raw.jsx │ │ │ └── usage.ts │ │ ├── spinner │ │ │ ├── colors.raw.jsx │ │ │ ├── colors.ts │ │ │ ├── index.ts │ │ │ ├── label-colors.raw.jsx │ │ │ ├── label-colors.ts │ │ │ ├── label.raw.jsx │ │ │ ├── label.ts │ │ │ ├── sizes.raw.jsx │ │ │ ├── sizes.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── variants.raw.jsx │ │ │ └── variants.ts │ │ ├── switch │ │ │ ├── colors.raw.jsx │ │ │ ├── colors.ts │ │ │ ├── controlled.raw.jsx │ │ │ ├── controlled.ts │ │ │ ├── custom-impl.raw.jsx │ │ │ ├── custom-impl.raw.tsx │ │ │ ├── custom-impl.ts │ │ │ ├── custom-styles.raw.jsx │ │ │ ├── custom-styles.ts │ │ │ ├── disabled.raw.jsx │ │ │ ├── disabled.ts │ │ │ ├── icons.raw.jsx │ │ │ ├── icons.ts │ │ │ ├── index.ts │ │ │ ├── label.raw.jsx │ │ │ ├── label.ts │ │ │ ├── sizes.raw.jsx │ │ │ ├── sizes.ts │ │ │ ├── thumb-icon.raw.jsx │ │ │ ├── thumb-icon.ts │ │ │ ├── usage.raw.jsx │ │ │ └── usage.ts │ │ ├── table │ │ │ ├── async-pagination.raw.jsx │ │ │ ├── async-pagination.ts │ │ │ ├── controlled-selection.raw.jsx │ │ │ ├── controlled-selection.raw.tsx │ │ │ ├── controlled-selection.ts │ │ │ ├── custom-cells.raw.jsx │ │ │ ├── custom-cells.raw.tsx │ │ │ ├── custom-cells.ts │ │ │ ├── custom-styles.raw.jsx │ │ │ ├── custom-styles.raw.tsx │ │ │ ├── custom-styles.ts │ │ │ ├── disabled-rows.raw.jsx │ │ │ ├── disabled-rows.raw.tsx │ │ │ ├── disabled-rows.ts │ │ │ ├── disallow-empty-selection.raw.jsx │ │ │ ├── disallow-empty-selection.ts │ │ │ ├── dynamic.raw.jsx │ │ │ ├── dynamic.ts │ │ │ ├── empty.raw.jsx │ │ │ ├── empty.ts │ │ │ ├── index.ts │ │ │ ├── infinite-pagination.raw.jsx │ │ │ ├── infinite-pagination.raw.tsx │ │ │ ├── infinite-pagination.ts │ │ │ ├── load-more.raw.jsx │ │ │ ├── load-more.ts │ │ │ ├── multiple-selection.raw.jsx │ │ │ ├── multiple-selection.ts │ │ │ ├── paginated.raw.jsx │ │ │ ├── paginated.ts │ │ │ ├── row-actions.raw.jsx │ │ │ ├── row-actions.ts │ │ │ ├── selection-behavior.raw.jsx │ │ │ ├── selection-behavior.ts │ │ │ ├── single-selection.raw.jsx │ │ │ ├── single-selection.ts │ │ │ ├── sorting.raw.jsx │ │ │ ├── sorting.ts │ │ │ ├── striped.raw.jsx │ │ │ ├── striped.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── use-case.raw.jsx │ │ │ ├── use-case.raw.tsx │ │ │ ├── use-case.ts │ │ │ ├── virtualization-custom-max-table-height.raw.jsx │ │ │ ├── virtualization-custom-max-table-height.ts │ │ │ ├── virtualization-custom-row-height.raw.jsx │ │ │ ├── virtualization-custom-row-height.ts │ │ │ ├── virtualization-ten-thousand.raw.jsx │ │ │ ├── virtualization-ten-thousand.ts │ │ │ ├── virtualization.raw.jsx │ │ │ ├── virtualization.ts │ │ │ ├── without-header.raw.jsx │ │ │ ├── without-header.ts │ │ │ ├── without-wrapper.raw.jsx │ │ │ └── without-wrapper.ts │ │ ├── tabs │ │ │ ├── colors.raw.jsx │ │ │ ├── colors.ts │ │ │ ├── controlled.raw.jsx │ │ │ ├── controlled.ts │ │ │ ├── custom-styles.raw.jsx │ │ │ ├── custom-styles.ts │ │ │ ├── disabled-item.raw.jsx │ │ │ ├── disabled-item.ts │ │ │ ├── disabled.raw.jsx │ │ │ ├── disabled.ts │ │ │ ├── dynamic.raw.jsx │ │ │ ├── dynamic.ts │ │ │ ├── form.raw.jsx │ │ │ ├── form.raw.tsx │ │ │ ├── form.ts │ │ │ ├── icons.raw.jsx │ │ │ ├── icons.ts │ │ │ ├── index.ts │ │ │ ├── placement.raw.jsx │ │ │ ├── placement.ts │ │ │ ├── radius.raw.jsx │ │ │ ├── radius.ts │ │ │ ├── sizes.raw.jsx │ │ │ ├── sizes.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── variants.raw.jsx │ │ │ ├── variants.ts │ │ │ ├── vertical.raw.jsx │ │ │ └── vertical.ts │ │ ├── textarea │ │ │ ├── autosize.raw.jsx │ │ │ ├── autosize.ts │ │ │ ├── clear-button.raw.jsx │ │ │ ├── clear-button.ts │ │ │ ├── controlled.raw.jsx │ │ │ ├── controlled.ts │ │ │ ├── description.raw.jsx │ │ │ ├── description.ts │ │ │ ├── disable-autosize.raw.jsx │ │ │ ├── disable-autosize.ts │ │ │ ├── disabled.raw.jsx │ │ │ ├── disabled.ts │ │ │ ├── error-message.raw.jsx │ │ │ ├── error-message.ts │ │ │ ├── index.ts │ │ │ ├── readonly.raw.jsx │ │ │ ├── readonly.ts │ │ │ ├── required.raw.jsx │ │ │ ├── required.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── variants.raw.jsx │ │ │ └── variants.ts │ │ ├── time-input │ │ │ ├── controlled.raw.jsx │ │ │ ├── controlled.raw.tsx │ │ │ ├── controlled.ts │ │ │ ├── disabled.raw.jsx │ │ │ ├── disabled.ts │ │ │ ├── end-content.raw.jsx │ │ │ ├── end-content.ts │ │ │ ├── error-message-function.raw.jsx │ │ │ ├── error-message-function.ts │ │ │ ├── error-message.raw.jsx │ │ │ ├── error-message.ts │ │ │ ├── granularity.raw.jsx │ │ │ ├── granularity.raw.tsx │ │ │ ├── granularity.ts │ │ │ ├── hide-timezone.raw.jsx │ │ │ ├── hide-timezone.ts │ │ │ ├── hour-cycle.raw.jsx │ │ │ ├── hour-cycle.ts │ │ │ ├── index.ts │ │ │ ├── label-placement.raw.jsx │ │ │ ├── label-placement.ts │ │ │ ├── max-time-value.raw.jsx │ │ │ ├── max-time-value.ts │ │ │ ├── min-time-value.raw.jsx │ │ │ ├── min-time-value.ts │ │ │ ├── placeholder-value.raw.jsx │ │ │ ├── placeholder-value.ts │ │ │ ├── read-only.raw.jsx │ │ │ ├── read-only.ts │ │ │ ├── required.raw.jsx │ │ │ ├── required.ts │ │ │ ├── start-content.raw.jsx │ │ │ ├── start-content.ts │ │ │ ├── timezones.raw.jsx │ │ │ ├── timezones.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── with-description.raw.jsx │ │ │ ├── with-description.ts │ │ │ ├── without-label.raw.jsx │ │ │ └── without-label.ts │ │ ├── toast │ │ │ ├── color.raw.jsx │ │ │ ├── color.ts │ │ │ ├── custom-close-icon.raw.jsx │ │ │ ├── custom-close-icon.ts │ │ │ ├── custom-styles.raw.jsx │ │ │ ├── custom-styles.ts │ │ │ ├── index.ts │ │ │ ├── placement.raw.jsx │ │ │ ├── placement.ts │ │ │ ├── radius.raw.jsx │ │ │ ├── radius.ts │ │ │ ├── simple.raw.jsx │ │ │ ├── simple.ts │ │ │ ├── usage.raw.jsx │ │ │ ├── usage.ts │ │ │ ├── variants.raw.jsx │ │ │ └── variants.ts │ │ ├── tooltip │ │ │ ├── arrow.raw.jsx │ │ │ ├── arrow.ts │ │ │ ├── colors.raw.jsx │ │ │ ├── colors.ts │ │ │ ├── controlled.raw.jsx │ │ │ ├── controlled.ts │ │ │ ├── custom-content.raw.jsx │ │ │ ├── custom-content.ts │ │ │ ├── custom-motion.raw.jsx │ │ │ ├── custom-motion.ts │ │ │ ├── custom-styles.raw.jsx │ │ │ ├── custom-styles.ts │ │ │ ├── delay-multiple.raw.jsx │ │ │ ├── delay-multiple.ts │ │ │ ├── delay.raw.jsx │ │ │ ├── delay.ts │ │ │ ├── index.ts │ │ │ ├── offset.raw.jsx │ │ │ ├── offset.ts │ │ │ ├── placements.raw.jsx │ │ │ ├── placements.ts │ │ │ ├── usage.raw.jsx │ │ │ └── usage.ts │ │ └── user │ │ │ ├── index.ts │ │ │ ├── link-description.raw.jsx │ │ │ ├── link-description.ts │ │ │ ├── usage.raw.jsx │ │ │ └── usage.ts │ ├── customization │ │ ├── colors │ │ │ └── semantic-colors.ts │ │ ├── create-theme │ │ │ └── custom-theme.ts │ │ ├── custom-variants │ │ │ ├── no-slots-component.ts │ │ │ └── slots-component.ts │ │ ├── customize-theme │ │ │ ├── custom-colors.ts │ │ │ └── custom-layout.ts │ │ └── override-styles │ │ │ ├── button-example.ts │ │ │ └── slots-example.ts │ ├── docs │ │ ├── api-references │ │ │ ├── cli-api.mdx │ │ │ └── heroui-provider.mdx │ │ ├── components │ │ │ ├── accordion.mdx │ │ │ ├── alert.mdx │ │ │ ├── autocomplete.mdx │ │ │ ├── avatar.mdx │ │ │ ├── badge.mdx │ │ │ ├── breadcrumbs.mdx │ │ │ ├── button.mdx │ │ │ ├── calendar.mdx │ │ │ ├── card.mdx │ │ │ ├── checkbox-group.mdx │ │ │ ├── checkbox.mdx │ │ │ ├── chip.mdx │ │ │ ├── circular-progress.mdx │ │ │ ├── code.mdx │ │ │ ├── date-input.mdx │ │ │ ├── date-picker.mdx │ │ │ ├── date-range-picker.mdx │ │ │ ├── divider.mdx │ │ │ ├── drawer.mdx │ │ │ ├── dropdown.mdx │ │ │ ├── form.mdx │ │ │ ├── image.mdx │ │ │ ├── input-otp.mdx │ │ │ ├── input.mdx │ │ │ ├── kbd.mdx │ │ │ ├── link.mdx │ │ │ ├── listbox.mdx │ │ │ ├── modal.mdx │ │ │ ├── navbar.mdx │ │ │ ├── number-input.mdx │ │ │ ├── pagination.mdx │ │ │ ├── popover.mdx │ │ │ ├── progress.mdx │ │ │ ├── radio-group.mdx │ │ │ ├── range-calendar.mdx │ │ │ ├── scroll-shadow.mdx │ │ │ ├── select.mdx │ │ │ ├── skeleton.mdx │ │ │ ├── slider.mdx │ │ │ ├── snippet.mdx │ │ │ ├── spacer.mdx │ │ │ ├── spinner.mdx │ │ │ ├── switch.mdx │ │ │ ├── table.mdx │ │ │ ├── tabs.mdx │ │ │ ├── textarea.mdx │ │ │ ├── time-input.mdx │ │ │ ├── toast.mdx │ │ │ ├── tooltip.mdx │ │ │ └── user.mdx │ │ ├── customization │ │ │ ├── colors.mdx │ │ │ ├── create-theme.mdx │ │ │ ├── custom-variants.mdx │ │ │ ├── customize-theme.mdx │ │ │ ├── dark-mode.mdx │ │ │ ├── layout.mdx │ │ │ ├── override-styles.mdx │ │ │ └── theme.mdx │ │ ├── frameworks │ │ │ ├── astro.mdx │ │ │ ├── laravel.mdx │ │ │ ├── nextjs.mdx │ │ │ ├── remix.mdx │ │ │ └── vite.mdx │ │ └── guide │ │ │ ├── cli.mdx │ │ │ ├── design-principles.mdx │ │ │ ├── figma.mdx │ │ │ ├── forms.mdx │ │ │ ├── installation.mdx │ │ │ ├── introduction.mdx │ │ │ ├── nextui-to-heroui.mdx │ │ │ ├── routing.mdx │ │ │ └── tailwind-v4.mdx │ └── landing │ │ └── index.tsx │ ├── contentlayer.config.js │ ├── global.d.ts │ ├── hooks │ ├── use-docs-route.ts │ ├── use-is-mounted.ts │ ├── use-isomorphic-layout-effect.ts │ ├── use-local-storage.ts │ ├── use-media-query.ts │ ├── use-previous.ts │ ├── use-scroll-position.ts │ ├── use-scroll-spy.ts │ ├── use-stackblitz.ts │ └── use-update-effect.ts │ ├── libs │ ├── constants.tsx │ ├── contentlayer.ts │ ├── docs │ │ ├── config.ts │ │ ├── meta.ts │ │ ├── page.ts │ │ ├── sponsors.ts │ │ └── utils.ts │ ├── emitter.ts │ ├── github │ │ ├── api.ts │ │ ├── constants.ts │ │ ├── raw.ts │ │ └── utils.ts │ ├── prism-theme.ts │ ├── rehype-highlight-line.js │ ├── rehype-highlight-word.js │ └── router-events.ts │ ├── next-redirect.js │ ├── next-sitemap.config.js │ ├── next.config.js │ ├── package.json │ ├── plugins │ └── codeBlock.ts │ ├── postcss.config.js │ ├── preinstall.js │ ├── public │ ├── android-chrome-192x192.png │ ├── android-chrome-512x512.png │ ├── apple-touch-icon.png │ ├── assets │ │ └── fonts │ │ │ ├── FiraCode-Bold.woff2 │ │ │ ├── FiraCode-Medium.woff2 │ │ │ ├── FiraCode-Regular.woff2 │ │ │ ├── FiraCode-SemiBold.woff2 │ │ │ ├── Inter-Black.woff2 │ │ │ ├── Inter-Bold.woff2 │ │ │ ├── Inter-ExtraBold.woff2 │ │ │ ├── Inter-ExtraLight.woff2 │ │ │ ├── Inter-Light.woff2 │ │ │ ├── Inter-Medium.woff2 │ │ │ ├── Inter-Regular.woff2 │ │ │ └── Inter-SemiBold.woff2 │ ├── avatars │ │ ├── avatar-1.png │ │ ├── avatar-1.webp │ │ ├── avatar-10.png │ │ ├── avatar-2.png │ │ ├── avatar-3.png │ │ ├── avatar-4.png │ │ ├── avatar-5.png │ │ ├── avatar-6.png │ │ ├── avatar-7.png │ │ ├── avatar-8.png │ │ ├── avatar-9.png │ │ ├── jrgarciadev.jpeg │ │ └── junior-garcia.jpeg │ ├── blog │ │ ├── introducing-heroui.png │ │ ├── introducing-heroui_2x.png │ │ ├── nextuiv2.jpg │ │ ├── v2.1.0.jpg │ │ ├── v2.2.0.jpg │ │ ├── v2.2.0_2x.jpg │ │ ├── v2.3.0.jpg │ │ ├── v2.3.0_2x.jpg │ │ ├── v2.4.0.jpg │ │ ├── v2.4.0_2x.jpg │ │ ├── v2.6.0.jpg │ │ ├── v2.6.0_2x.jpg │ │ ├── v2.7.0.jpg │ │ └── v2.7.0_2x.jpg │ ├── browserconfig.xml │ ├── deployed-on-vercel.svg │ ├── favicon-16x16.png │ ├── favicon-32x32.png │ ├── favicon-96x96.png │ ├── favicon.ico │ ├── favicon.svg │ ├── gradients │ │ ├── blue-purple-1.svg │ │ ├── docs-left.png │ │ ├── docs-left.svg │ │ ├── docs-right.png │ │ ├── docs-right.svg │ │ ├── green.svg │ │ └── looper-pattern.svg │ ├── heroui-banner.png │ ├── heroui.jpg │ ├── images │ │ ├── accessories.png │ │ ├── airpods.jpeg │ │ ├── airpods.png │ │ ├── airtag.png │ │ ├── album-cover.png │ │ ├── apple-event.jpeg │ │ ├── apple-watch.png │ │ ├── appletv.png │ │ ├── bicycle.jpeg │ │ ├── breathing-app-icon.jpeg │ │ ├── card-example-1.jpeg │ │ ├── card-example-2.jpeg │ │ ├── card-example-3.jpeg │ │ ├── card-example-4.jpeg │ │ ├── card-example-5.jpeg │ │ ├── card-example-6.jpeg │ │ ├── card-example-6.webp │ │ ├── cup.jpeg │ │ ├── fruit-1.jpeg │ │ ├── fruit-2.jpeg │ │ ├── fruit-3.jpeg │ │ ├── fruit-4.jpeg │ │ ├── fruit-5.jpeg │ │ ├── fruit-6.jpeg │ │ ├── fruit-7.jpeg │ │ ├── fruit-8.jpeg │ │ ├── headphones.jpg │ │ ├── hero-card-complete.jpeg │ │ ├── hero-card.jpeg │ │ ├── hero-card.png │ │ ├── hero-card.webp │ │ ├── herouipro-section-background-light.webp │ │ ├── herouipro-section-background-light@mobile.webp │ │ ├── herouipro-section-background.webp │ │ ├── herouipro-section-background@mobile.webp │ │ ├── homepod-mini.png │ │ ├── homepod.jpeg │ │ ├── ipad.png │ │ ├── iphone.png │ │ ├── items.jpeg │ │ ├── mac.png │ │ ├── modal-example.jpeg │ │ ├── relaxing.jpeg │ │ ├── shoes-1.png │ │ ├── sponsored-by-vercel.png │ │ ├── sponsored-by-vercel.svg │ │ └── watch.jpeg │ ├── isotipo.png │ ├── manifest.json │ ├── mstile-144x144.png │ ├── mstile-150x150.png │ ├── mstile-310x150.png │ ├── mstile-310x310.png │ ├── mstile-70x70.png │ ├── next.svg │ ├── product-hunt.png │ ├── robots.txt │ ├── site.webmanifest │ ├── sponsors │ │ ├── 000000.webp │ │ ├── 292380.jpg │ │ ├── 327844.jpg │ │ ├── 347048.jpg │ │ ├── 374896.jpg │ │ ├── 375034.jpg │ │ ├── 395990.jpg │ │ ├── 404415.jpg │ │ ├── 407510.jpg │ │ ├── 438158.jpg │ │ ├── 439182.jpg │ │ ├── 442878.jpg │ │ ├── 445418.jpg │ │ ├── 569973.jpg │ │ └── 571230.jpg │ ├── storybook-logo.png │ ├── twitter-cards │ │ ├── nextui.jpeg │ │ └── nextui_old.png │ ├── vercel.svg │ ├── web-app-manifest-192x192.png │ └── web-app-manifest-512x512.png │ ├── scripts │ ├── build-sponsors.ts │ ├── image-sharp.ts │ ├── update-github-info.ts │ └── update-search-meta.ts │ ├── styles │ ├── ads.css │ ├── globals.css │ ├── nprogress.css │ ├── prism.css │ └── sandpack.css │ ├── tailwind.config.js │ ├── tsconfig.json │ ├── types │ └── index.ts │ └── utils │ ├── assertion.ts │ ├── docs-utils.ts │ ├── env.ts │ ├── get-all-sponsors.ts │ ├── get-sponsors.ts │ ├── index.ts │ ├── links.ts │ ├── number.ts │ ├── scripts.ts │ ├── time.ts │ ├── transitions.ts │ ├── tree-keyboard-delegate.ts │ └── version.ts ├── clean-package.config.json ├── eslint.config.mjs ├── jest.config.js ├── package.json ├── packages ├── components │ ├── accordion │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── accordion.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── accordion-item.tsx │ │ │ ├── accordion.tsx │ │ │ ├── base │ │ │ │ └── accordion-item-base.tsx │ │ │ ├── index.ts │ │ │ ├── use-accordion-item.ts │ │ │ └── use-accordion.ts │ │ ├── stories │ │ │ └── accordion.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── alert │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── alert.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── alert.tsx │ │ │ ├── index.ts │ │ │ └── use-alert.ts │ │ ├── stories │ │ │ └── alert.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── autocomplete │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── autocomplete.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── autocomplete.tsx │ │ │ ├── index.ts │ │ │ └── use-autocomplete.ts │ │ ├── stories │ │ │ └── autocomplete.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── avatar │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ ├── avatar-group.test.tsx │ │ │ └── avatar.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── avatar-group-context.ts │ │ │ ├── avatar-group.tsx │ │ │ ├── avatar-icon.tsx │ │ │ ├── avatar.tsx │ │ │ ├── index.ts │ │ │ ├── use-avatar-group.ts │ │ │ └── use-avatar.ts │ │ ├── stories │ │ │ ├── avatar-group.stories.tsx │ │ │ └── avatar.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── badge │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── badge.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── badge.tsx │ │ │ ├── index.ts │ │ │ └── use-badge.ts │ │ ├── stories │ │ │ └── badge.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── breadcrumbs │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── breadcrumbs.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── breadcrumb-item.tsx │ │ │ ├── breadcrumbs.tsx │ │ │ ├── index.ts │ │ │ ├── use-breadcrumb-item.ts │ │ │ └── use-breadcrumbs.ts │ │ ├── stories │ │ │ └── breadcrumbs.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── button │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ ├── button-group.test.tsx │ │ │ └── button.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── button-group-context.ts │ │ │ ├── button-group.tsx │ │ │ ├── button.tsx │ │ │ ├── index.ts │ │ │ ├── use-button-group.ts │ │ │ └── use-button.ts │ │ ├── stories │ │ │ ├── button-group.stories.tsx │ │ │ └── button.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── calendar │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ ├── calendar.test.tsx │ │ │ └── range-calendar.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── calendar-base.tsx │ │ │ ├── calendar-cell.tsx │ │ │ ├── calendar-context.ts │ │ │ ├── calendar-header.tsx │ │ │ ├── calendar-month.tsx │ │ │ ├── calendar-picker-item.tsx │ │ │ ├── calendar-picker.tsx │ │ │ ├── calendar-transitions.ts │ │ │ ├── calendar.tsx │ │ │ ├── chevron-down.tsx │ │ │ ├── chevron-left.tsx │ │ │ ├── chevron-right.tsx │ │ │ ├── index.ts │ │ │ ├── range-calendar.tsx │ │ │ ├── use-calendar-base.ts │ │ │ ├── use-calendar-picker.ts │ │ │ ├── use-calendar.ts │ │ │ ├── use-range-calendar.ts │ │ │ └── utils.ts │ │ ├── stories │ │ │ ├── calendar.stories.tsx │ │ │ └── range-calendar.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── card │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── card.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── card-body.tsx │ │ │ ├── card-context.ts │ │ │ ├── card-footer.tsx │ │ │ ├── card-header.tsx │ │ │ ├── card.tsx │ │ │ ├── index.ts │ │ │ └── use-card.ts │ │ ├── stories │ │ │ ├── assets │ │ │ │ ├── accessories.png │ │ │ │ ├── airpods.jpeg │ │ │ │ ├── airpods.png │ │ │ │ ├── airtag.png │ │ │ │ ├── apple-event.jpeg │ │ │ │ ├── apple-watch.png │ │ │ │ ├── appletv.png │ │ │ │ ├── bicycle.jpeg │ │ │ │ ├── breathing-app-icon.jpeg │ │ │ │ ├── cup.jpeg │ │ │ │ ├── headphones.jpg │ │ │ │ ├── homepod-mini.png │ │ │ │ ├── homepod.jpeg │ │ │ │ ├── ipad.png │ │ │ │ ├── iphone.png │ │ │ │ ├── items.jpeg │ │ │ │ ├── local-image-1.jpeg │ │ │ │ ├── mac.png │ │ │ │ ├── relaxing.jpeg │ │ │ │ └── watch.jpeg │ │ │ └── card.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── checkbox │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ ├── checkbox-group.test.tsx │ │ │ └── checkbox.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── checkbox-group-context.ts │ │ │ ├── checkbox-group.tsx │ │ │ ├── checkbox-icon.tsx │ │ │ ├── checkbox.tsx │ │ │ ├── index.ts │ │ │ ├── use-checkbox-group.ts │ │ │ └── use-checkbox.ts │ │ ├── stories │ │ │ ├── checkbox-group.stories.tsx │ │ │ └── checkbox.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── chip │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── chip.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── chip.tsx │ │ │ ├── index.ts │ │ │ └── use-chip.ts │ │ ├── stories │ │ │ └── chip.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── code │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── code.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── code.tsx │ │ │ ├── index.ts │ │ │ └── use-code.ts │ │ ├── stories │ │ │ └── code.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── date-input │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ ├── date-input.test.tsx │ │ │ └── time-input.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── date-input-field.tsx │ │ │ ├── date-input-group.tsx │ │ │ ├── date-input-segment.tsx │ │ │ ├── date-input.tsx │ │ │ ├── index.ts │ │ │ ├── time-input.tsx │ │ │ ├── use-date-input.ts │ │ │ └── use-time-input.ts │ │ ├── stories │ │ │ ├── date-input.stories.tsx │ │ │ └── time-input.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── date-picker │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── date-picker.test.tsx │ │ ├── intl │ │ │ └── messages.ts │ │ ├── package.json │ │ ├── src │ │ │ ├── date-picker.tsx │ │ │ ├── date-range-picker-field.tsx │ │ │ ├── date-range-picker.tsx │ │ │ ├── index.ts │ │ │ ├── use-date-picker-base.ts │ │ │ ├── use-date-picker.ts │ │ │ └── use-date-range-picker.ts │ │ ├── stories │ │ │ ├── date-picker.stories.tsx │ │ │ └── date-range-picker.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── divider │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── divider.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── divider.tsx │ │ │ ├── index.ts │ │ │ ├── use-divider.ts │ │ │ └── use-separator.ts │ │ ├── stories │ │ │ └── divider.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── drawer │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── drawer.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── drawer.tsx │ │ │ ├── index.ts │ │ │ └── use-drawer.ts │ │ ├── stories │ │ │ └── drawer.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── dropdown │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── dropdown.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── dropdown-context.ts │ │ │ ├── dropdown-menu.tsx │ │ │ ├── dropdown-trigger.tsx │ │ │ ├── dropdown.tsx │ │ │ ├── index.ts │ │ │ └── use-dropdown.ts │ │ ├── stories │ │ │ └── dropdown.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── form │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── form.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── base-form.tsx │ │ │ ├── form.tsx │ │ │ ├── index.ts │ │ │ └── utils.ts │ │ ├── stories │ │ │ └── form.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── image │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── image.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── image.tsx │ │ │ ├── index.ts │ │ │ └── use-image.ts │ │ ├── stories │ │ │ └── image.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── input-otp │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── input-otp.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── index.ts │ │ │ ├── input-otp-context.ts │ │ │ ├── input-otp-segment.tsx │ │ │ ├── input-otp.tsx │ │ │ └── use-input-otp.ts │ │ ├── stories │ │ │ └── input-otp.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── input │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ ├── input.test.tsx │ │ │ └── textarea.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── index.ts │ │ │ ├── input.tsx │ │ │ ├── textarea.tsx │ │ │ └── use-input.ts │ │ ├── stories │ │ │ ├── input.stories.tsx │ │ │ └── textarea.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── kbd │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── kbd.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── index.ts │ │ │ ├── kbd.tsx │ │ │ ├── use-kbd.ts │ │ │ └── utils.ts │ │ ├── stories │ │ │ └── kbd.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── link │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── link.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── index.ts │ │ │ ├── link-icon.tsx │ │ │ ├── link.tsx │ │ │ └── use-link.ts │ │ ├── stories │ │ │ └── link.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── listbox │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── listbox.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── base │ │ │ │ ├── listbox-item-base.tsx │ │ │ │ └── listbox-section-base.tsx │ │ │ ├── index.ts │ │ │ ├── listbox-item.tsx │ │ │ ├── listbox-section.tsx │ │ │ ├── listbox-selected-icon.tsx │ │ │ ├── listbox.tsx │ │ │ ├── use-listbox-item.ts │ │ │ ├── use-listbox.ts │ │ │ └── virtualized-listbox.tsx │ │ ├── stories │ │ │ └── listbox.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── menu │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── menu.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── base │ │ │ │ ├── menu-item-base.tsx │ │ │ │ └── menu-section-base.tsx │ │ │ ├── index.ts │ │ │ ├── menu-item.tsx │ │ │ ├── menu-section.tsx │ │ │ ├── menu-selected-icon.tsx │ │ │ ├── menu.tsx │ │ │ ├── use-menu-item.ts │ │ │ └── use-menu.ts │ │ ├── stories │ │ │ └── menu.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── modal │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── modal.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── index.ts │ │ │ ├── modal-body.tsx │ │ │ ├── modal-content.tsx │ │ │ ├── modal-context.ts │ │ │ ├── modal-footer.tsx │ │ │ ├── modal-header.tsx │ │ │ ├── modal-transition.ts │ │ │ ├── modal.tsx │ │ │ └── use-modal.ts │ │ ├── stories │ │ │ └── modal.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── navbar │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── navbar.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── index.ts │ │ │ ├── navbar-brand.tsx │ │ │ ├── navbar-content.tsx │ │ │ ├── navbar-context.ts │ │ │ ├── navbar-item.tsx │ │ │ ├── navbar-menu-item.tsx │ │ │ ├── navbar-menu-toggle.tsx │ │ │ ├── navbar-menu-transitions.ts │ │ │ ├── navbar-menu.tsx │ │ │ ├── navbar-transitions.ts │ │ │ ├── navbar.tsx │ │ │ └── use-navbar.ts │ │ ├── stories │ │ │ └── navbar.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── number-input │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── number-input.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── index.ts │ │ │ ├── number-input-stepper.tsx │ │ │ ├── number-input.tsx │ │ │ └── use-number-input.ts │ │ ├── stories │ │ │ └── number-input.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── pagination │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── pagination.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── index.ts │ │ │ ├── pagination-cursor.tsx │ │ │ ├── pagination-item.tsx │ │ │ ├── pagination.tsx │ │ │ ├── use-pagination-item.ts │ │ │ └── use-pagination.ts │ │ ├── stories │ │ │ └── pagination.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── popover │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── popover.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── free-solo-popover.tsx │ │ │ ├── index.ts │ │ │ ├── popover-content.tsx │ │ │ ├── popover-context.ts │ │ │ ├── popover-trigger.tsx │ │ │ ├── popover.tsx │ │ │ ├── use-aria-popover.ts │ │ │ └── use-popover.ts │ │ ├── stories │ │ │ └── popover.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── progress │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── progress.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── circular-progress.tsx │ │ │ ├── index.ts │ │ │ ├── progress.tsx │ │ │ ├── use-circular-progress.ts │ │ │ └── use-progress.ts │ │ ├── stories │ │ │ ├── circular-progress.stories.tsx │ │ │ └── progress.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── radio │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── radio.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── index.ts │ │ │ ├── radio-group-context.ts │ │ │ ├── radio-group.tsx │ │ │ ├── radio.tsx │ │ │ ├── use-radio-group.ts │ │ │ └── use-radio.ts │ │ ├── stories │ │ │ └── radio.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── ripple │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── package.json │ │ ├── src │ │ │ ├── index.ts │ │ │ ├── ripple.tsx │ │ │ └── use-ripple.ts │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── scroll-shadow │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── scroll-shadow.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── index.ts │ │ │ ├── scroll-shadow.tsx │ │ │ └── use-scroll-shadow.ts │ │ ├── stories │ │ │ └── scroll-shadow.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── select │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── select.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── hidden-select.tsx │ │ │ ├── index.ts │ │ │ ├── select.tsx │ │ │ └── use-select.ts │ │ ├── stories │ │ │ └── select.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── skeleton │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── skeleton.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── index.ts │ │ │ ├── skeleton.tsx │ │ │ └── use-skeleton.ts │ │ ├── stories │ │ │ └── skeleton.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── slider │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── slider.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── index.ts │ │ │ ├── slider-thumb.tsx │ │ │ ├── slider.tsx │ │ │ ├── use-slider-thumb.ts │ │ │ └── use-slider.ts │ │ ├── stories │ │ │ └── slider.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── snippet │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── snippet.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── index.ts │ │ │ ├── snippet.tsx │ │ │ └── use-snippet.ts │ │ ├── stories │ │ │ └── snippet.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── spacer │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── spacer.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── index.ts │ │ │ ├── spacer.tsx │ │ │ ├── use-spacer.ts │ │ │ └── utils.ts │ │ ├── stories │ │ │ └── spacer.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── spinner │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── spinner.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── index.ts │ │ │ ├── spinner.tsx │ │ │ └── use-spinner.ts │ │ ├── stories │ │ │ └── spinner.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── switch │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── switch.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── index.ts │ │ │ ├── switch.tsx │ │ │ └── use-switch.ts │ │ ├── stories │ │ │ └── switch.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── table │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── table.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── base │ │ │ │ ├── index.ts │ │ │ │ ├── table-body.tsx │ │ │ │ ├── table-cell.tsx │ │ │ │ ├── table-column.tsx │ │ │ │ ├── table-header.tsx │ │ │ │ └── table-row.tsx │ │ │ ├── index.ts │ │ │ ├── table-body.tsx │ │ │ ├── table-cell.tsx │ │ │ ├── table-checkbox-cell.tsx │ │ │ ├── table-column-header.tsx │ │ │ ├── table-header-row.tsx │ │ │ ├── table-row-group.tsx │ │ │ ├── table-row.tsx │ │ │ ├── table-select-all-checkbox.tsx │ │ │ ├── table.tsx │ │ │ ├── use-table.ts │ │ │ ├── virtualized-table-body.tsx │ │ │ └── virtualized-table.tsx │ │ ├── stories │ │ │ └── table.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── tabs │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── tabs.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── base │ │ │ │ └── tab-item-base.ts │ │ │ ├── index.ts │ │ │ ├── tab-panel.tsx │ │ │ ├── tab.tsx │ │ │ ├── tabs.tsx │ │ │ └── use-tabs.ts │ │ ├── stories │ │ │ └── tabs.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── toast │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── toast.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── index.ts │ │ │ ├── toast-provider.tsx │ │ │ ├── toast-region.tsx │ │ │ ├── toast.tsx │ │ │ └── use-toast.ts │ │ ├── stories │ │ │ └── toast.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── tooltip │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── tooltip.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── index.ts │ │ │ ├── tooltip.tsx │ │ │ └── use-tooltip.ts │ │ ├── stories │ │ │ └── tooltip.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ └── user │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ └── user.test.tsx │ │ ├── package.json │ │ ├── src │ │ ├── index.ts │ │ ├── use-user.ts │ │ └── user.tsx │ │ ├── stories │ │ └── user.stories.tsx │ │ ├── tsconfig.json │ │ └── tsup.config.ts ├── core │ ├── react │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── package.json │ │ ├── src │ │ │ ├── index.ts │ │ │ └── scripts │ │ │ │ ├── postbuild.js │ │ │ │ └── prebuild.js │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ ├── system-rsc │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── extend-variants.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ ├── extend-variants.d.ts │ │ │ ├── extend-variants.js │ │ │ ├── index.ts │ │ │ ├── types.ts │ │ │ └── utils.ts │ │ ├── test-utils │ │ │ ├── extend-components.tsx │ │ │ ├── no-slots-component.tsx │ │ │ └── slots-component.tsx │ │ └── tsconfig.json │ ├── system │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── package.json │ │ ├── src │ │ │ ├── hooks │ │ │ │ ├── index.ts │ │ │ │ └── use-label-placement.ts │ │ │ ├── index.ts │ │ │ ├── provider-context.ts │ │ │ ├── provider.tsx │ │ │ └── types.ts │ │ ├── tsconfig.json │ │ └── tsup.config.ts │ └── theme │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ └── semantic-colors.test.ts │ │ ├── clean-package.config.json │ │ ├── colors.d.ts │ │ ├── colors.js │ │ ├── package.json │ │ ├── plugin.d.ts │ │ ├── plugin.js │ │ ├── src │ │ ├── animations │ │ │ └── index.ts │ │ ├── colors.ts │ │ ├── colors │ │ │ ├── blue.ts │ │ │ ├── common.ts │ │ │ ├── cyan.ts │ │ │ ├── green.ts │ │ │ ├── index.ts │ │ │ ├── pink.ts │ │ │ ├── purple.ts │ │ │ ├── red.ts │ │ │ ├── semantic.ts │ │ │ ├── types.ts │ │ │ ├── yellow.ts │ │ │ └── zinc.ts │ │ ├── components │ │ │ ├── accordion.ts │ │ │ ├── alert.ts │ │ │ ├── autocomplete.ts │ │ │ ├── avatar.ts │ │ │ ├── badge.ts │ │ │ ├── breadcrumbs.ts │ │ │ ├── button.ts │ │ │ ├── calendar.ts │ │ │ ├── card.ts │ │ │ ├── checkbox.ts │ │ │ ├── chip.ts │ │ │ ├── code.ts │ │ │ ├── date-input.ts │ │ │ ├── date-picker.ts │ │ │ ├── divider.ts │ │ │ ├── drawer.ts │ │ │ ├── drip.ts │ │ │ ├── dropdown.ts │ │ │ ├── form.ts │ │ │ ├── image.ts │ │ │ ├── index.ts │ │ │ ├── input-otp.ts │ │ │ ├── input.ts │ │ │ ├── kbd.ts │ │ │ ├── link.ts │ │ │ ├── listbox.ts │ │ │ ├── menu.ts │ │ │ ├── modal.ts │ │ │ ├── navbar.ts │ │ │ ├── number-input.ts │ │ │ ├── pagination.ts │ │ │ ├── popover.ts │ │ │ ├── progress.ts │ │ │ ├── radio.ts │ │ │ ├── scroll-shadow.ts │ │ │ ├── select.ts │ │ │ ├── skeleton.ts │ │ │ ├── slider.ts │ │ │ ├── snippet.ts │ │ │ ├── spacer.ts │ │ │ ├── spinner.ts │ │ │ ├── table.ts │ │ │ ├── tabs.ts │ │ │ ├── toast.ts │ │ │ ├── toggle.ts │ │ │ └── user.ts │ │ ├── default-layout.ts │ │ ├── index.ts │ │ ├── plugin.ts │ │ ├── types.ts │ │ ├── utilities │ │ │ ├── animation.ts │ │ │ ├── custom.ts │ │ │ ├── index.ts │ │ │ ├── scrollbar-hide.ts │ │ │ └── transition.ts │ │ └── utils │ │ │ ├── classes.ts │ │ │ ├── cn.ts │ │ │ ├── index.ts │ │ │ ├── merge-classes.ts │ │ │ ├── object.ts │ │ │ ├── theme.ts │ │ │ ├── tv.ts │ │ │ ├── tw-merge-config.ts │ │ │ ├── types.ts │ │ │ └── variants.ts │ │ ├── stories │ │ └── colors.stories.tsx │ │ └── tsconfig.json ├── hooks │ ├── use-aria-accordion-item │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── package.json │ │ ├── src │ │ │ └── index.ts │ │ └── tsconfig.json │ ├── use-aria-accordion │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── package.json │ │ ├── src │ │ │ ├── index.ts │ │ │ ├── use-accordion-item.ts │ │ │ └── use-accordion.ts │ │ └── tsconfig.json │ ├── use-aria-button │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── package.json │ │ ├── src │ │ │ └── index.ts │ │ └── tsconfig.json │ ├── use-aria-link │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── package.json │ │ ├── src │ │ │ └── index.ts │ │ └── tsconfig.json │ ├── use-aria-modal-overlay │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── package.json │ │ ├── src │ │ │ └── index.ts │ │ └── tsconfig.json │ ├── use-aria-multiselect │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── package.json │ │ ├── src │ │ │ ├── index.ts │ │ │ ├── use-multiselect-list-state.ts │ │ │ ├── use-multiselect-state.ts │ │ │ └── use-multiselect.ts │ │ └── tsconfig.json │ ├── use-callback-ref │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── package.json │ │ ├── src │ │ │ └── index.ts │ │ └── tsconfig.json │ ├── use-clipboard │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── clipboard.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ └── index.ts │ │ └── tsconfig.json │ ├── use-data-scroll-overflow │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── package.json │ │ ├── src │ │ │ └── index.ts │ │ └── tsconfig.json │ ├── use-disclosure │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── package.json │ │ ├── src │ │ │ └── index.ts │ │ └── tsconfig.json │ ├── use-draggable │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── package.json │ │ ├── src │ │ │ └── index.ts │ │ └── tsconfig.json │ ├── use-image │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── use-image.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ └── index.ts │ │ └── tsconfig.json │ ├── use-infinite-scroll │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── package.json │ │ ├── src │ │ │ └── index.ts │ │ └── tsconfig.json │ ├── use-intersection-observer │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── package.json │ │ ├── src │ │ │ └── index.ts │ │ └── tsconfig.json │ ├── use-is-mobile │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── package.json │ │ ├── src │ │ │ └── index.ts │ │ └── tsconfig.json │ ├── use-is-mounted │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── use-is-mounted.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ └── index.ts │ │ └── tsconfig.json │ ├── use-measure │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── package.json │ │ ├── src │ │ │ └── index.ts │ │ └── tsconfig.json │ ├── use-pagination │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── use-pagination.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ └── index.ts │ │ └── tsconfig.json │ ├── use-real-shape │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── package.json │ │ ├── src │ │ │ └── index.ts │ │ └── tsconfig.json │ ├── use-ref-state │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── use-ref-state.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ └── index.ts │ │ └── tsconfig.json │ ├── use-resize │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── package.json │ │ ├── src │ │ │ └── index.ts │ │ └── tsconfig.json │ ├── use-safe-layout-effect │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── package.json │ │ ├── src │ │ │ └── index.ts │ │ └── tsconfig.json │ ├── use-scroll-position │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── package.json │ │ ├── src │ │ │ └── index.ts │ │ └── tsconfig.json │ ├── use-ssr │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── package.json │ │ ├── src │ │ │ └── index.ts │ │ └── tsconfig.json │ ├── use-theme │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── __tests__ │ │ │ └── use-theme.test.tsx │ │ ├── package.json │ │ ├── src │ │ │ └── index.ts │ │ └── tsconfig.json │ └── use-update-effect │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── package.json │ │ ├── src │ │ └── index.ts │ │ └── tsconfig.json ├── storybook │ ├── .gitignore │ ├── .storybook │ │ ├── addons │ │ │ └── react-strict-mode │ │ │ │ ├── index.tsx │ │ │ │ └── register.tsx │ │ ├── main.ts │ │ ├── preview.tsx │ │ ├── style.css │ │ └── welcome.mdx │ ├── package.json │ ├── postcss.config.js │ ├── public │ │ ├── android-chrome-192x192.png │ │ ├── android-chrome-512x512.png │ │ ├── apple-touch-icon.png │ │ ├── dark-logo.svg │ │ ├── favicon-16x16.png │ │ ├── favicon-32x32.png │ │ ├── favicon.ico │ │ ├── images │ │ │ ├── assets │ │ │ │ ├── accessories.png │ │ │ │ ├── airpods.jpeg │ │ │ │ ├── airpods.png │ │ │ │ ├── airtag.png │ │ │ │ ├── apple-event.jpeg │ │ │ │ ├── apple-watch.png │ │ │ │ ├── appletv.png │ │ │ │ ├── bicycle.jpeg │ │ │ │ ├── breathing-app-icon.jpeg │ │ │ │ ├── cup.jpeg │ │ │ │ ├── headphones.jpg │ │ │ │ ├── homepod-mini.png │ │ │ │ ├── homepod.jpeg │ │ │ │ ├── ipad.png │ │ │ │ ├── iphone.png │ │ │ │ ├── items.jpeg │ │ │ │ ├── local-image-1.jpeg │ │ │ │ ├── mac.png │ │ │ │ ├── relaxing.jpeg │ │ │ │ └── watch.jpeg │ │ │ ├── local-image-1.jpeg │ │ │ ├── local-image-big.jpg │ │ │ ├── local-image-small.jpg │ │ │ └── placeholder_300x450.png │ │ ├── light-logo.svg │ │ └── site.webmanifest │ ├── tailwind.config.js │ └── vite.config.ts └── utilities │ ├── aria-utils │ ├── CHANGELOG.md │ ├── README.md │ ├── package.json │ ├── src │ │ ├── collections │ │ │ ├── index.ts │ │ │ ├── item.ts │ │ │ ├── section.ts │ │ │ └── types.ts │ │ ├── index.ts │ │ ├── overlays │ │ │ ├── ariaHideOutside.ts │ │ │ ├── ariaShouldCloseOnInteractOutside.ts │ │ │ ├── index.ts │ │ │ ├── types.ts │ │ │ └── utils.ts │ │ ├── type-utils │ │ │ └── index.ts │ │ └── utils │ │ │ └── index.ts │ ├── tsconfig.json │ └── tsup.config.ts │ ├── dom-animation │ ├── CHANGELOG.md │ ├── README.md │ ├── package.json │ ├── src │ │ └── index.ts │ ├── tsconfig.json │ └── tsup.config.ts │ ├── framer-utils │ ├── CHANGELOG.md │ ├── README.md │ ├── package.json │ ├── src │ │ ├── index.ts │ │ ├── resizable-panel.tsx │ │ └── transition-utils.ts │ ├── tsconfig.json │ └── tsup.config.ts │ ├── react-rsc-utils │ ├── CHANGELOG.md │ ├── README.md │ ├── children.d.ts │ ├── children.js │ ├── filter-dom-props.d.ts │ ├── filter-dom-props.js │ ├── package.json │ ├── src │ │ ├── children.ts │ │ ├── dom-props.ts │ │ ├── filter-dom-props.ts │ │ ├── functions.ts │ │ └── index.ts │ └── tsconfig.json │ ├── react-utils │ ├── CHANGELOG.md │ ├── README.md │ ├── package.json │ ├── src │ │ ├── context.ts │ │ ├── dimensions.ts │ │ ├── dom.ts │ │ ├── index.ts │ │ ├── refs.ts │ │ └── use-is-hydrated.ts │ ├── tsconfig.json │ └── tsup.config.ts │ ├── shared-icons │ ├── CHANGELOG.md │ ├── README.md │ ├── package.json │ ├── src │ │ ├── anchor.tsx │ │ ├── arrow-left.tsx │ │ ├── arrow-right.tsx │ │ ├── avatar.tsx │ │ ├── bold │ │ │ ├── align-bottom.tsx │ │ │ ├── align-horizontally.tsx │ │ │ ├── align-left.tsx │ │ │ ├── align-right.tsx │ │ │ ├── align-top.tsx │ │ │ ├── align-vertically.tsx │ │ │ ├── calendar-bold.tsx │ │ │ ├── clock-square-bold.tsx │ │ │ ├── index.ts │ │ │ ├── pet.tsx │ │ │ ├── plus.tsx │ │ │ ├── send.tsx │ │ │ ├── shopping-cart.tsx │ │ │ ├── volume-high.tsx │ │ │ └── volume-low.tsx │ │ ├── bulk │ │ │ ├── add-note.tsx │ │ │ ├── copy-document.tsx │ │ │ ├── delete-document.tsx │ │ │ ├── edit-document.tsx │ │ │ └── index.ts │ │ ├── check.tsx │ │ ├── chevron-down.tsx │ │ ├── chevron-left.tsx │ │ ├── chevron-right.tsx │ │ ├── chevron-up.tsx │ │ ├── chevron.tsx │ │ ├── close-filled.tsx │ │ ├── close.tsx │ │ ├── copy.tsx │ │ ├── danger.tsx │ │ ├── delete.tsx │ │ ├── edit.tsx │ │ ├── ellipsis.tsx │ │ ├── eye-filled.tsx │ │ ├── eye-slash-filled.tsx │ │ ├── eye.tsx │ │ ├── forward.tsx │ │ ├── headphones.tsx │ │ ├── icons.tsx │ │ ├── index.ts │ │ ├── info-circle.tsx │ │ ├── info-filled.tsx │ │ ├── info.tsx │ │ ├── invalid-card.tsx │ │ ├── linear │ │ │ ├── check.tsx │ │ │ ├── chevron-circle-top.tsx │ │ │ ├── clock-circle-linear.tsx │ │ │ ├── copy.tsx │ │ │ ├── index.ts │ │ │ └── search.tsx │ │ ├── link.tsx │ │ ├── loading.tsx │ │ ├── lock-filled.tsx │ │ ├── mail-filled.tsx │ │ ├── mail.tsx │ │ ├── monitor-mobile.tsx │ │ ├── moon-filled.tsx │ │ ├── moon.tsx │ │ ├── search.tsx │ │ ├── selector.tsx │ │ ├── shield-security.tsx │ │ ├── success.tsx │ │ ├── sun-filled.tsx │ │ ├── sun.tsx │ │ ├── types.ts │ │ └── warning.tsx │ └── tsconfig.json │ ├── shared-utils │ ├── CHANGELOG.md │ ├── README.md │ ├── package.json │ ├── scripts │ │ └── postinstall.js │ ├── src │ │ ├── common │ │ │ ├── assertion.ts │ │ │ ├── clsx.ts │ │ │ ├── console.ts │ │ │ ├── dates.ts │ │ │ ├── dimensions.ts │ │ │ ├── functions.ts │ │ │ ├── index.ts │ │ │ ├── numbers.ts │ │ │ ├── object.ts │ │ │ ├── regex.ts │ │ │ ├── text.ts │ │ │ └── types.ts │ │ ├── demi │ │ │ ├── react18 │ │ │ │ ├── getInertValue.ts │ │ │ │ └── index.ts │ │ │ └── react19 │ │ │ │ ├── getInertValue.ts │ │ │ │ └── index.ts │ │ └── index.ts │ └── tsconfig.json │ ├── stories-utils │ ├── CHANGELOG.md │ ├── README.md │ ├── package.json │ ├── src │ │ ├── hooks │ │ │ ├── index.ts │ │ │ └── use-pokemon-list.ts │ │ ├── index.ts │ │ └── mocks │ │ │ └── data.ts │ └── tsconfig.json │ └── test-utils │ ├── CHANGELOG.md │ ├── README.md │ ├── package.json │ ├── src │ ├── constants.ts │ ├── dom.ts │ ├── drag.ts │ ├── events.ts │ ├── focus.ts │ ├── index.ts │ ├── mocks │ │ ├── image.ts │ │ └── index.ts │ ├── spy.ts │ └── tabbable.ts │ └── tsconfig.json ├── plop ├── component │ ├── README.md.hbs │ ├── __tests__ │ │ └── {{componentName}}.test.tsx.hbs │ ├── package.json.hbs │ ├── src │ │ ├── index.ts.hbs │ │ ├── use-{{componentName}}.ts.hbs │ │ └── {{componentName}}.tsx.hbs │ ├── stories │ │ └── {{componentName}}.stories.tsx.hbs │ ├── tsconfig.json.hbs │ └── tsup.config.ts.hbs ├── hook │ ├── README.md.hbs │ ├── __tests__ │ │ └── {{hookName}}.test.tsx.hbs │ ├── package.json.hbs │ ├── src │ │ └── index.ts.hbs │ └── tsconfig.json.hbs └── package │ ├── README.md.hbs │ ├── package.json.hbs │ ├── src │ └── index.ts.hbs │ └── tsconfig.json.hbs ├── plopfile.js ├── pnpm-lock.yaml ├── pnpm-workspace.yaml ├── scripts ├── check-rap-updates.ts ├── fix-rap.ts └── setup-test.ts ├── tsconfig.json ├── turbo.json └── vercel.json /.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | indent_size = 2 5 | max_line_length = 100 6 | insert_final_newline = true 7 | trim_trailing_whitespace = true 8 | charset = utf-8 9 | indent_style = space 10 | -------------------------------------------------------------------------------- /.env.example: -------------------------------------------------------------------------------- 1 | SKIP_PREFLIGHT_CHECK=true 2 | ## Algolia client app id 3 | ALGOLIA_APP_ID= 4 | ## Algolia client search only api key 5 | ALGOLIA_SEARCH_API_KEY= 6 | ## Algolia admin api key 7 | ALGOLIA_ADMIN_API_KEY= -------------------------------------------------------------------------------- /.husky/commit-msg: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env sh 2 | . "$(dirname -- "$0")/_/husky.sh" 3 | 4 | pnpm commitlint --config .commitlintrc.cjs --edit ${1} 5 | -------------------------------------------------------------------------------- /.husky/post-merge: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env sh 2 | huskyDir=$(dirname -- "$0") 3 | . "$huskyDir/_/husky.sh" 4 | 5 | . "$huskyDir/scripts/update-dep" 6 | -------------------------------------------------------------------------------- /.husky/post-rebase: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env sh 2 | huskyDir=$(dirname -- "$0") 3 | . "$huskyDir/_/husky.sh" 4 | 5 | . "$huskyDir/scripts/update-dep" 6 | -------------------------------------------------------------------------------- /.nvmrc: -------------------------------------------------------------------------------- 1 | v20.16.0 2 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | packages/core/react/README.md -------------------------------------------------------------------------------- /apps/docs/components/ads/carbon-ad/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./carbon-ad"; 2 | -------------------------------------------------------------------------------- /apps/docs/components/blog/components.ts: -------------------------------------------------------------------------------- 1 | export * from "./nextjs-templates"; 2 | export * from "./video-in-view"; 3 | -------------------------------------------------------------------------------- /apps/docs/components/code-window/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./code-window"; 2 | -------------------------------------------------------------------------------- /apps/docs/components/demos/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./user-twitter-card"; 2 | export * from "./music-player"; 3 | export * from "./custom-button"; 4 | -------------------------------------------------------------------------------- /apps/docs/components/docs/components/code-demo/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./code-demo"; 2 | -------------------------------------------------------------------------------- /apps/docs/components/docs/components/code-demo/types.ts: -------------------------------------------------------------------------------- 1 | export type FileCode = { 2 | fileName: string; 3 | code: string; 4 | }; 5 | -------------------------------------------------------------------------------- /apps/docs/components/docs/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./sidebar"; 2 | export * from "./toc"; 3 | export * from "./pager"; 4 | export * from "./components/code-demo"; 5 | -------------------------------------------------------------------------------- /apps/docs/components/icons/two-tone/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./keyboard"; 2 | -------------------------------------------------------------------------------- /apps/docs/components/marketing/custom-themes/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./custom-themes"; 2 | -------------------------------------------------------------------------------- /apps/docs/components/marketing/hero/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./hero"; 2 | -------------------------------------------------------------------------------- /apps/docs/components/marketing/heroui-pro-section/index.ts: -------------------------------------------------------------------------------- 1 | export {HeroUIProSection} from "./heroui-pro-section"; 2 | -------------------------------------------------------------------------------- /apps/docs/components/sandpack/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./sandpack"; 2 | -------------------------------------------------------------------------------- /apps/docs/config/github-info.json: -------------------------------------------------------------------------------- 1 | { 2 | "stars": { "raw": 24238, "formatted": "24.2K" }, 3 | "forks": 1769, 4 | "subscribers": 88, 5 | "openIssues": 346 6 | } 7 | -------------------------------------------------------------------------------- /apps/docs/content/components/accordion/compact.ts: -------------------------------------------------------------------------------- 1 | import App from "./compact.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/accordion/custom-motion.ts: -------------------------------------------------------------------------------- 1 | import App from "./custom-motion.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/accordion/custom-styles.ts: -------------------------------------------------------------------------------- 1 | import App from "./custom-styles.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/accordion/disabled-keys.ts: -------------------------------------------------------------------------------- 1 | import App from "./disabled-keys.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/accordion/indicator.ts: -------------------------------------------------------------------------------- 1 | import App from "./indicator.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/accordion/light-variant.ts: -------------------------------------------------------------------------------- 1 | import App from "./light-variant.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/accordion/multiple.ts: -------------------------------------------------------------------------------- 1 | import App from "./multiple.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/accordion/shadow-variant.ts: -------------------------------------------------------------------------------- 1 | import App from "./shadow-variant.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/accordion/start-content.ts: -------------------------------------------------------------------------------- 1 | import App from "./start-content.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/accordion/subtitle.ts: -------------------------------------------------------------------------------- 1 | import App from "./subtitle.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/accordion/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/accordion/variants.ts: -------------------------------------------------------------------------------- 1 | import App from "./variants.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/alert/colors.ts: -------------------------------------------------------------------------------- 1 | import App from "./colors.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/alert/controlled.ts: -------------------------------------------------------------------------------- 1 | import App from "./controlled-alert.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/alert/custom-impl.ts: -------------------------------------------------------------------------------- 1 | import App from "./custom-impl.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/alert/radius.ts: -------------------------------------------------------------------------------- 1 | import App from "./radius.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/alert/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/alert/variants.ts: -------------------------------------------------------------------------------- 1 | import App from "./variants.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/alert/with-action.ts: -------------------------------------------------------------------------------- 1 | import App from "./with-action.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/alert/with-icon.ts: -------------------------------------------------------------------------------- 1 | import App from "./with-icon.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/alert/without-icon.ts: -------------------------------------------------------------------------------- 1 | import App from "./without-icon.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/autocomplete/colors.ts: -------------------------------------------------------------------------------- 1 | import App from "./colors.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/autocomplete/custom-items.ts: -------------------------------------------------------------------------------- 1 | import App from "./custom-items.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/autocomplete/custom-styles.ts: -------------------------------------------------------------------------------- 1 | import App from "./custom-styles.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/autocomplete/custom-value.ts: -------------------------------------------------------------------------------- 1 | import App from "./custom-value.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/autocomplete/description.ts: -------------------------------------------------------------------------------- 1 | import App from "./description.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/autocomplete/disabled.ts: -------------------------------------------------------------------------------- 1 | import App from "./disabled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/autocomplete/dynamic.ts: -------------------------------------------------------------------------------- 1 | import App from "./dynamic.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/autocomplete/read-only.ts: -------------------------------------------------------------------------------- 1 | import App from "./read-only.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/autocomplete/required.ts: -------------------------------------------------------------------------------- 1 | import App from "./required.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/autocomplete/sections.ts: -------------------------------------------------------------------------------- 1 | import App from "./sections.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/autocomplete/sizes.ts: -------------------------------------------------------------------------------- 1 | import App from "./sizes.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/autocomplete/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/autocomplete/variants.ts: -------------------------------------------------------------------------------- 1 | import App from "./variants.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/avatar/bordered.ts: -------------------------------------------------------------------------------- 1 | import App from "./bordered.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/avatar/colors.ts: -------------------------------------------------------------------------------- 1 | import App from "./colors.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/avatar/custom.ts: -------------------------------------------------------------------------------- 1 | import App from "./custom.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/avatar/disabled.ts: -------------------------------------------------------------------------------- 1 | import App from "./disabled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/avatar/fallbacks.ts: -------------------------------------------------------------------------------- 1 | import App from "./fallbacks.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/avatar/group-grid.ts: -------------------------------------------------------------------------------- 1 | import App from "./group-grid.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/avatar/group-max.ts: -------------------------------------------------------------------------------- 1 | import App from "./group-max.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/avatar/group-total.ts: -------------------------------------------------------------------------------- 1 | import App from "./group-total.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/avatar/group.ts: -------------------------------------------------------------------------------- 1 | import App from "./group.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/avatar/radius.ts: -------------------------------------------------------------------------------- 1 | import App from "./radius.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/avatar/sizes.ts: -------------------------------------------------------------------------------- 1 | import App from "./sizes.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/avatar/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/badge/a11y.ts: -------------------------------------------------------------------------------- 1 | import App from "./a11y.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/badge/colors.ts: -------------------------------------------------------------------------------- 1 | import App from "./colors.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/badge/placements.ts: -------------------------------------------------------------------------------- 1 | import App from "./placements.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/badge/shapes.ts: -------------------------------------------------------------------------------- 1 | import App from "./shapes.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/badge/show-outline.ts: -------------------------------------------------------------------------------- 1 | import App from "./show-outline.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/badge/sizes.ts: -------------------------------------------------------------------------------- 1 | import App from "./sizes.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/badge/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/badge/variants.ts: -------------------------------------------------------------------------------- 1 | import App from "./variants.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/badge/visibility.ts: -------------------------------------------------------------------------------- 1 | import App from "./visibility.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/breadcrumbs/colors.ts: -------------------------------------------------------------------------------- 1 | import App from "./colors.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/breadcrumbs/disabled.ts: -------------------------------------------------------------------------------- 1 | import App from "./disabled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/breadcrumbs/radius.ts: -------------------------------------------------------------------------------- 1 | import App from "./radius.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/breadcrumbs/routing.ts: -------------------------------------------------------------------------------- 1 | import App from "./routing.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/breadcrumbs/separator.ts: -------------------------------------------------------------------------------- 1 | import App from "./separator.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/breadcrumbs/sizes.ts: -------------------------------------------------------------------------------- 1 | import App from "./sizes.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/breadcrumbs/underlines.ts: -------------------------------------------------------------------------------- 1 | import App from "./underlines.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/breadcrumbs/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/breadcrumbs/variants.ts: -------------------------------------------------------------------------------- 1 | import App from "./variants.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/button/colors.ts: -------------------------------------------------------------------------------- 1 | import App from "./colors.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/button/custom-styles.ts: -------------------------------------------------------------------------------- 1 | import App from "./custom-styles.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/button/disabled.ts: -------------------------------------------------------------------------------- 1 | import App from "./disabled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/button/group.ts: -------------------------------------------------------------------------------- 1 | import App from "./group.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/button/icon-only.ts: -------------------------------------------------------------------------------- 1 | import App from "./icon-only.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/button/icons.ts: -------------------------------------------------------------------------------- 1 | import App from "./icons.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/button/loading.ts: -------------------------------------------------------------------------------- 1 | import App from "./loading.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/button/radius.ts: -------------------------------------------------------------------------------- 1 | import App from "./radius.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/button/sizes.ts: -------------------------------------------------------------------------------- 1 | import App from "./sizes.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/button/usage.raw.jsx: -------------------------------------------------------------------------------- 1 | import {Button} from "@heroui/react"; 2 | 3 | export default function App() { 4 | return ; 5 | } 6 | -------------------------------------------------------------------------------- /apps/docs/content/components/button/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/button/variants.ts: -------------------------------------------------------------------------------- 1 | import App from "./variants.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/calendar/disabled.raw.jsx: -------------------------------------------------------------------------------- 1 | import {Calendar} from "@heroui/react"; 2 | 3 | export default function App() { 4 | return ; 5 | } 6 | -------------------------------------------------------------------------------- /apps/docs/content/components/calendar/disabled.ts: -------------------------------------------------------------------------------- 1 | import App from "./disabled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/calendar/read-only.ts: -------------------------------------------------------------------------------- 1 | import App from "./read-only.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/calendar/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/card/blurred-footer.ts: -------------------------------------------------------------------------------- 1 | import App from "./blurred-footer.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/card/blurred.ts: -------------------------------------------------------------------------------- 1 | import App from "./blurred.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/card/composition.ts: -------------------------------------------------------------------------------- 1 | import App from "./composition.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/card/cover-image.ts: -------------------------------------------------------------------------------- 1 | import App from "./cover-image.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/card/divider.ts: -------------------------------------------------------------------------------- 1 | import App from "./divider.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/card/image.ts: -------------------------------------------------------------------------------- 1 | import App from "./image.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/card/primary-action.ts: -------------------------------------------------------------------------------- 1 | import App from "./primary-action.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/card/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/checkbox-group/disabled.ts: -------------------------------------------------------------------------------- 1 | import App from "./disabled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/checkbox-group/invalid.ts: -------------------------------------------------------------------------------- 1 | import App from "./invalid.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/checkbox-group/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/checkbox/colors.ts: -------------------------------------------------------------------------------- 1 | import App from "./colors.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/checkbox/controlled.ts: -------------------------------------------------------------------------------- 1 | import App from "./controlled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/checkbox/disabled.ts: -------------------------------------------------------------------------------- 1 | import App from "./disabled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/checkbox/indeterminate.raw.jsx: -------------------------------------------------------------------------------- 1 | import {Checkbox} from "@heroui/react"; 2 | 3 | export default function App() { 4 | return Option; 5 | } 6 | -------------------------------------------------------------------------------- /apps/docs/content/components/checkbox/line-through.ts: -------------------------------------------------------------------------------- 1 | import App from "./line-through.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/checkbox/radius.ts: -------------------------------------------------------------------------------- 1 | import App from "./radius.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/checkbox/sizes.ts: -------------------------------------------------------------------------------- 1 | import App from "./sizes.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/checkbox/usage.raw.jsx: -------------------------------------------------------------------------------- 1 | import {Checkbox} from "@heroui/react"; 2 | 3 | export default function App() { 4 | return Option; 5 | } 6 | -------------------------------------------------------------------------------- /apps/docs/content/components/checkbox/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/chip/avatar.ts: -------------------------------------------------------------------------------- 1 | import App from "./avatar.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/chip/close-button.ts: -------------------------------------------------------------------------------- 1 | import App from "./close-button.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/chip/colors.ts: -------------------------------------------------------------------------------- 1 | import App from "./colors.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/chip/custom-styles.ts: -------------------------------------------------------------------------------- 1 | import App from "./custom-styles.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/chip/disabled.ts: -------------------------------------------------------------------------------- 1 | import App from "./disabled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/chip/list.ts: -------------------------------------------------------------------------------- 1 | import App from "./list.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/chip/radius.ts: -------------------------------------------------------------------------------- 1 | import App from "./radius.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/chip/sizes.ts: -------------------------------------------------------------------------------- 1 | import App from "./sizes.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/chip/usage.raw.jsx: -------------------------------------------------------------------------------- 1 | import {Chip} from "@heroui/react"; 2 | 3 | export default function App() { 4 | return Chip; 5 | } 6 | -------------------------------------------------------------------------------- /apps/docs/content/components/chip/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/chip/variants.ts: -------------------------------------------------------------------------------- 1 | import App from "./variants.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/circular-progress/colors.ts: -------------------------------------------------------------------------------- 1 | import App from "./colors.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/circular-progress/label.raw.jsx: -------------------------------------------------------------------------------- 1 | import {CircularProgress} from "@heroui/react"; 2 | 3 | export default function App() { 4 | return ; 5 | } 6 | -------------------------------------------------------------------------------- /apps/docs/content/components/circular-progress/label.ts: -------------------------------------------------------------------------------- 1 | import App from "./label.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/circular-progress/sizes.ts: -------------------------------------------------------------------------------- 1 | import App from "./sizes.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/circular-progress/usage.raw.jsx: -------------------------------------------------------------------------------- 1 | import {CircularProgress} from "@heroui/react"; 2 | 3 | export default function App() { 4 | return ; 5 | } 6 | -------------------------------------------------------------------------------- /apps/docs/content/components/circular-progress/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/circular-progress/value.ts: -------------------------------------------------------------------------------- 1 | import App from "./value.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/code/colors.ts: -------------------------------------------------------------------------------- 1 | import App from "./colors.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/code/sizes.ts: -------------------------------------------------------------------------------- 1 | import App from "./sizes.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/code/usage.raw.jsx: -------------------------------------------------------------------------------- 1 | import {Code} from "@heroui/react"; 2 | 3 | export default function App() { 4 | return npm install @heroui/react; 5 | } 6 | -------------------------------------------------------------------------------- /apps/docs/content/components/code/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/date-input/description.ts: -------------------------------------------------------------------------------- 1 | import App from "./description.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/date-input/disabled.ts: -------------------------------------------------------------------------------- 1 | import App from "./disabled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/date-input/readonly.ts: -------------------------------------------------------------------------------- 1 | import App from "./readonly.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/date-input/required.ts: -------------------------------------------------------------------------------- 1 | import App from "./required.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/date-input/time-zones.ts: -------------------------------------------------------------------------------- 1 | import App from "./time-zones.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/date-input/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/date-input/variants.ts: -------------------------------------------------------------------------------- 1 | import App from "./variants.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/date-picker/description.ts: -------------------------------------------------------------------------------- 1 | import App from "./description.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/date-picker/disabled.ts: -------------------------------------------------------------------------------- 1 | import App from "./disabled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/date-picker/readonly.ts: -------------------------------------------------------------------------------- 1 | import App from "./readonly.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/date-picker/required.ts: -------------------------------------------------------------------------------- 1 | import App from "./required.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/date-picker/time-zones.ts: -------------------------------------------------------------------------------- 1 | import App from "./time-zones.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/date-picker/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/date-picker/variants.ts: -------------------------------------------------------------------------------- 1 | import App from "./variants.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/date-range-picker/disabled.ts: -------------------------------------------------------------------------------- 1 | import App from "./disabled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/date-range-picker/presets.ts: -------------------------------------------------------------------------------- 1 | import App from "./presets.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/date-range-picker/readonly.ts: -------------------------------------------------------------------------------- 1 | import App from "./readonly.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/date-range-picker/required.ts: -------------------------------------------------------------------------------- 1 | import App from "./required.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/date-range-picker/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/date-range-picker/variants.ts: -------------------------------------------------------------------------------- 1 | import App from "./variants.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/divider/index.ts: -------------------------------------------------------------------------------- 1 | import usage from "./usage"; 2 | 3 | export const dividerContent = { 4 | usage, 5 | }; 6 | -------------------------------------------------------------------------------- /apps/docs/content/components/divider/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/drawer/backdrop.ts: -------------------------------------------------------------------------------- 1 | import App from "./backdrop.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/drawer/custom-motion.ts: -------------------------------------------------------------------------------- 1 | import App from "./custom-motion.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/drawer/custom-styles.ts: -------------------------------------------------------------------------------- 1 | import App from "./custom-styles.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/drawer/form.ts: -------------------------------------------------------------------------------- 1 | import App from "./form.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/drawer/placement.ts: -------------------------------------------------------------------------------- 1 | import App from "./placement.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/drawer/sizes.ts: -------------------------------------------------------------------------------- 1 | import App from "./sizes.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/drawer/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/dropdown/action.ts: -------------------------------------------------------------------------------- 1 | import App from "./action.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/dropdown/backdrop.ts: -------------------------------------------------------------------------------- 1 | import App from "./backdrop.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/dropdown/description.ts: -------------------------------------------------------------------------------- 1 | import App from "./description.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/dropdown/dynamic.ts: -------------------------------------------------------------------------------- 1 | import App from "./dynamic.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/dropdown/icons.ts: -------------------------------------------------------------------------------- 1 | import App from "./icons.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/dropdown/sections.ts: -------------------------------------------------------------------------------- 1 | import App from "./sections.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/dropdown/shortcut.ts: -------------------------------------------------------------------------------- 1 | import App from "./shortcut.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/dropdown/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/dropdown/variants.ts: -------------------------------------------------------------------------------- 1 | import App from "./variants.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/form/controlled.ts: -------------------------------------------------------------------------------- 1 | import App from "./controlled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/form/demo.ts: -------------------------------------------------------------------------------- 1 | import App from "./demo.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/form/events.ts: -------------------------------------------------------------------------------- 1 | import App from "./events.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/form/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./form-usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/image/blurred.ts: -------------------------------------------------------------------------------- 1 | import App from "./blurred.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/image/fallback.ts: -------------------------------------------------------------------------------- 1 | import App from "./fallback.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/image/loading.ts: -------------------------------------------------------------------------------- 1 | import App from "./loading.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/image/nextjs.ts: -------------------------------------------------------------------------------- 1 | import App from "./nextjs.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/image/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/image/zoomed.ts: -------------------------------------------------------------------------------- 1 | import App from "./zoomed.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/input-otp/allowed-keys.ts: -------------------------------------------------------------------------------- 1 | import App from "./allowed-keys.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/input-otp/colors.ts: -------------------------------------------------------------------------------- 1 | import App from "./colors.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/input-otp/controlled.ts: -------------------------------------------------------------------------------- 1 | import App from "./controlled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/input-otp/description.ts: -------------------------------------------------------------------------------- 1 | import App from "./description.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/input-otp/disabled.ts: -------------------------------------------------------------------------------- 1 | import App from "./disabled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/input-otp/lengths.ts: -------------------------------------------------------------------------------- 1 | import App from "./lengths.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/input-otp/password.ts: -------------------------------------------------------------------------------- 1 | import App from "./password.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/input-otp/radius.ts: -------------------------------------------------------------------------------- 1 | import App from "./radius.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/input-otp/readonly.ts: -------------------------------------------------------------------------------- 1 | import App from "./readonly.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/input-otp/sizes.ts: -------------------------------------------------------------------------------- 1 | import App from "./sizes.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/input-otp/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/input-otp/variants.ts: -------------------------------------------------------------------------------- 1 | import App from "./variants.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/input/clear-button.ts: -------------------------------------------------------------------------------- 1 | import App from "./clear-button.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/input/colors.ts: -------------------------------------------------------------------------------- 1 | import App from "./colors.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/input/controlled.ts: -------------------------------------------------------------------------------- 1 | import App from "./controlled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/input/custom-impl.ts: -------------------------------------------------------------------------------- 1 | import App from "./custom-impl.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/input/custom-styles.ts: -------------------------------------------------------------------------------- 1 | import App from "./custom-styles.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/input/description.ts: -------------------------------------------------------------------------------- 1 | import App from "./description.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/input/disabled.ts: -------------------------------------------------------------------------------- 1 | import App from "./disabled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/input/error-message.ts: -------------------------------------------------------------------------------- 1 | import App from "./error-message.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/input/password.ts: -------------------------------------------------------------------------------- 1 | import App from "./password.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/input/radius.ts: -------------------------------------------------------------------------------- 1 | import App from "./radius.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/input/readonly.ts: -------------------------------------------------------------------------------- 1 | import App from "./readonly.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/input/required.ts: -------------------------------------------------------------------------------- 1 | import App from "./required.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/input/sizes.ts: -------------------------------------------------------------------------------- 1 | import App from "./sizes.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/input/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/input/variants.ts: -------------------------------------------------------------------------------- 1 | import App from "./variants.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/kbd/index.ts: -------------------------------------------------------------------------------- 1 | import usage from "./usage"; 2 | import keys from "./keys"; 3 | 4 | export const kbdContent = { 5 | usage, 6 | keys, 7 | }; 8 | -------------------------------------------------------------------------------- /apps/docs/content/components/kbd/keys.ts: -------------------------------------------------------------------------------- 1 | import App from "./keys.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/kbd/usage.raw.jsx: -------------------------------------------------------------------------------- 1 | import {Kbd} from "@heroui/react"; 2 | 3 | export default function App() { 4 | return K; 5 | } 6 | -------------------------------------------------------------------------------- /apps/docs/content/components/kbd/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/link/block.ts: -------------------------------------------------------------------------------- 1 | import App from "./block.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/link/colors.ts: -------------------------------------------------------------------------------- 1 | import App from "./colors.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/link/disabled.ts: -------------------------------------------------------------------------------- 1 | import App from "./disabled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/link/external.ts: -------------------------------------------------------------------------------- 1 | import App from "./external.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/link/nextjs.ts: -------------------------------------------------------------------------------- 1 | import App from "./nextjs.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/link/polymorphic.ts: -------------------------------------------------------------------------------- 1 | import App from "./polymorphic.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/link/sizes.ts: -------------------------------------------------------------------------------- 1 | import App from "./sizes.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/link/underline.ts: -------------------------------------------------------------------------------- 1 | import App from "./underline.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/link/usage.raw.jsx: -------------------------------------------------------------------------------- 1 | import {Link} from "@heroui/react"; 2 | 3 | export default function App() { 4 | return Default Link; 5 | } 6 | -------------------------------------------------------------------------------- /apps/docs/content/components/link/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/listbox/custom-styles.ts: -------------------------------------------------------------------------------- 1 | import App from "./custom-styles.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/listbox/description.ts: -------------------------------------------------------------------------------- 1 | import App from "./description.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/listbox/disabled-keys.ts: -------------------------------------------------------------------------------- 1 | import App from "./disabled-keys.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/listbox/dynamic.ts: -------------------------------------------------------------------------------- 1 | import App from "./dynamic.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/listbox/icons.ts: -------------------------------------------------------------------------------- 1 | import App from "./icons.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/listbox/sections.ts: -------------------------------------------------------------------------------- 1 | import App from "./sections.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/listbox/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/listbox/variants.ts: -------------------------------------------------------------------------------- 1 | import App from "./variants.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/modal/backdrop.ts: -------------------------------------------------------------------------------- 1 | import App from "./backdrop.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/modal/custom-motion.ts: -------------------------------------------------------------------------------- 1 | import App from "./custom-motion.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/modal/custom-styles.ts: -------------------------------------------------------------------------------- 1 | import App from "./custom-styles.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/modal/draggable.ts: -------------------------------------------------------------------------------- 1 | import App from "./draggable.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/modal/form.ts: -------------------------------------------------------------------------------- 1 | import App from "./form.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/modal/placement.ts: -------------------------------------------------------------------------------- 1 | import App from "./placement.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/modal/sizes.ts: -------------------------------------------------------------------------------- 1 | import App from "./sizes.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/modal/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/navbar/bordered.ts: -------------------------------------------------------------------------------- 1 | import App from "./bordered.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/navbar/disabled-blur.ts: -------------------------------------------------------------------------------- 1 | import App from "./disabled-blur.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/navbar/static.ts: -------------------------------------------------------------------------------- 1 | import App from "./static.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/navbar/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/navbar/with-avatar.ts: -------------------------------------------------------------------------------- 1 | import App from "./with-avatar.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/navbar/with-menu.ts: -------------------------------------------------------------------------------- 1 | import App from "./with-menu.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/number-input/colors.ts: -------------------------------------------------------------------------------- 1 | import App from "./colors.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/number-input/controlled.ts: -------------------------------------------------------------------------------- 1 | import App from "./controlled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/number-input/disabled.ts: -------------------------------------------------------------------------------- 1 | import App from "./disabled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/number-input/label.ts: -------------------------------------------------------------------------------- 1 | import App from "./label.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/number-input/max-value.ts: -------------------------------------------------------------------------------- 1 | import App from "./max-value.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/number-input/min-value.ts: -------------------------------------------------------------------------------- 1 | import App from "./min-value.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/number-input/radius.ts: -------------------------------------------------------------------------------- 1 | import App from "./radius.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/number-input/readonly.ts: -------------------------------------------------------------------------------- 1 | import App from "./readonly.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/number-input/required.ts: -------------------------------------------------------------------------------- 1 | import App from "./required.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/number-input/sizes.ts: -------------------------------------------------------------------------------- 1 | import App from "./sizes.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/number-input/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/number-input/variants.ts: -------------------------------------------------------------------------------- 1 | import App from "./variants.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/pagination/boundaries.ts: -------------------------------------------------------------------------------- 1 | import App from "./boundaries.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/pagination/colors.ts: -------------------------------------------------------------------------------- 1 | import App from "./colors.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/pagination/compact.ts: -------------------------------------------------------------------------------- 1 | import App from "./compact.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/pagination/controlled.ts: -------------------------------------------------------------------------------- 1 | import App from "./controlled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/pagination/controls.raw.jsx: -------------------------------------------------------------------------------- 1 | import {Pagination} from "@heroui/react"; 2 | 3 | export default function App() { 4 | return ; 5 | } 6 | -------------------------------------------------------------------------------- /apps/docs/content/components/pagination/controls.ts: -------------------------------------------------------------------------------- 1 | import App from "./controls.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/pagination/custom-impl.ts: -------------------------------------------------------------------------------- 1 | import App from "./custom-impl.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/pagination/disabled.raw.jsx: -------------------------------------------------------------------------------- 1 | import {Pagination} from "@heroui/react"; 2 | 3 | export default function App() { 4 | return ; 5 | } 6 | -------------------------------------------------------------------------------- /apps/docs/content/components/pagination/disabled.ts: -------------------------------------------------------------------------------- 1 | import App from "./disabled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/pagination/loop.ts: -------------------------------------------------------------------------------- 1 | import App from "./loop.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/pagination/radius.ts: -------------------------------------------------------------------------------- 1 | import App from "./radius.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/pagination/shadow.ts: -------------------------------------------------------------------------------- 1 | import App from "./shadow.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/pagination/siblings.ts: -------------------------------------------------------------------------------- 1 | import App from "./siblings.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/pagination/sizes.ts: -------------------------------------------------------------------------------- 1 | import App from "./sizes.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/pagination/usage.raw.jsx: -------------------------------------------------------------------------------- 1 | import {Pagination} from "@heroui/react"; 2 | 3 | export default function App() { 4 | return ; 5 | } 6 | -------------------------------------------------------------------------------- /apps/docs/content/components/pagination/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/pagination/variants.ts: -------------------------------------------------------------------------------- 1 | import App from "./variants.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/popover/arrow.ts: -------------------------------------------------------------------------------- 1 | import App from "./arrow.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/popover/backdrop.ts: -------------------------------------------------------------------------------- 1 | import App from "./backdrop.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/popover/colors.ts: -------------------------------------------------------------------------------- 1 | import App from "./colors.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/popover/controlled.ts: -------------------------------------------------------------------------------- 1 | import App from "./controlled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/popover/custom-motion.ts: -------------------------------------------------------------------------------- 1 | import App from "./custom-motion.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/popover/custom-styles.ts: -------------------------------------------------------------------------------- 1 | import App from "./custom-styles.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/popover/offset.ts: -------------------------------------------------------------------------------- 1 | import App from "./offset.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/popover/placements.ts: -------------------------------------------------------------------------------- 1 | import App from "./placements.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/popover/title-props.ts: -------------------------------------------------------------------------------- 1 | import App from "./title-props.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/popover/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/popover/variants.ts: -------------------------------------------------------------------------------- 1 | import App from "./variants.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/popover/with-form.ts: -------------------------------------------------------------------------------- 1 | import App from "./with-form.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/progress/colors.ts: -------------------------------------------------------------------------------- 1 | import App from "./colors.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/progress/label.ts: -------------------------------------------------------------------------------- 1 | import App from "./label.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/progress/sizes.ts: -------------------------------------------------------------------------------- 1 | import App from "./sizes.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/progress/striped.ts: -------------------------------------------------------------------------------- 1 | import App from "./striped.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/progress/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/progress/value.ts: -------------------------------------------------------------------------------- 1 | import App from "./value.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/radio-group/controlled.ts: -------------------------------------------------------------------------------- 1 | import App from "./controlled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/radio-group/disabled.ts: -------------------------------------------------------------------------------- 1 | import App from "./disabled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/radio-group/horizontal.ts: -------------------------------------------------------------------------------- 1 | import App from "./horizontal.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/radio-group/invalid.ts: -------------------------------------------------------------------------------- 1 | import App from "./invalid.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/radio-group/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/range-calendar/disabled.ts: -------------------------------------------------------------------------------- 1 | import App from "./disabled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/range-calendar/read-only.ts: -------------------------------------------------------------------------------- 1 | import App from "./read-only.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/range-calendar/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/scroll-shadow/horizontal.ts: -------------------------------------------------------------------------------- 1 | import App from "./horizontal.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/scroll-shadow/offset.ts: -------------------------------------------------------------------------------- 1 | import App from "./offset.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/scroll-shadow/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/select/colors.ts: -------------------------------------------------------------------------------- 1 | import App from "./colors.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/select/custom-items.ts: -------------------------------------------------------------------------------- 1 | import App from "./custom-items.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/select/custom-styles.ts: -------------------------------------------------------------------------------- 1 | import App from "./custom-styles.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/select/description.ts: -------------------------------------------------------------------------------- 1 | import App from "./description.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/select/disabled.ts: -------------------------------------------------------------------------------- 1 | import App from "./disabled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/select/dynamic.ts: -------------------------------------------------------------------------------- 1 | import App from "./dynamic.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/select/error-message.ts: -------------------------------------------------------------------------------- 1 | import App from "./error-message.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/select/multiple.ts: -------------------------------------------------------------------------------- 1 | import App from "./multiple.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/select/open-state.ts: -------------------------------------------------------------------------------- 1 | import App from "./open-state.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/select/radius.ts: -------------------------------------------------------------------------------- 1 | import App from "./radius.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/select/required.ts: -------------------------------------------------------------------------------- 1 | import App from "./required.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/select/sections.ts: -------------------------------------------------------------------------------- 1 | import App from "./sections.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/select/sizes.ts: -------------------------------------------------------------------------------- 1 | import App from "./sizes.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/select/start-content.ts: -------------------------------------------------------------------------------- 1 | import App from "./start-content.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/select/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/select/variants.ts: -------------------------------------------------------------------------------- 1 | import App from "./variants.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/skeleton/loaded.ts: -------------------------------------------------------------------------------- 1 | import App from "./loaded.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/skeleton/standalone.ts: -------------------------------------------------------------------------------- 1 | import App from "./standalone.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/skeleton/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/slider/colors.ts: -------------------------------------------------------------------------------- 1 | import App from "./colors.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/slider/custom-styles.ts: -------------------------------------------------------------------------------- 1 | import App from "./custom-styles.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/slider/disabled.ts: -------------------------------------------------------------------------------- 1 | import App from "./disabled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/slider/fill-offset.ts: -------------------------------------------------------------------------------- 1 | import App from "./fill-offset.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/slider/get-value.ts: -------------------------------------------------------------------------------- 1 | import App from "./get-value.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/slider/hide-thumb.ts: -------------------------------------------------------------------------------- 1 | import App from "./hide-thumb.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/slider/hide-value.ts: -------------------------------------------------------------------------------- 1 | import App from "./hide-value.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/slider/marks.ts: -------------------------------------------------------------------------------- 1 | import App from "./marks.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/slider/outline.ts: -------------------------------------------------------------------------------- 1 | import App from "./outline.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/slider/radius.ts: -------------------------------------------------------------------------------- 1 | import App from "./radius.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/slider/range.ts: -------------------------------------------------------------------------------- 1 | import App from "./range.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/slider/render-label.ts: -------------------------------------------------------------------------------- 1 | import App from "./render-label.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/slider/render-thumb.ts: -------------------------------------------------------------------------------- 1 | import App from "./render-thumb.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/slider/sizes.ts: -------------------------------------------------------------------------------- 1 | import App from "./sizes.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/slider/tooltip.ts: -------------------------------------------------------------------------------- 1 | import App from "./tooltip.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/slider/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/slider/vertical.ts: -------------------------------------------------------------------------------- 1 | import App from "./vertical.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/slider/visible-steps.ts: -------------------------------------------------------------------------------- 1 | import App from "./visible-steps.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/snippet/colors.ts: -------------------------------------------------------------------------------- 1 | import App from "./colors.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/snippet/custom-icons.ts: -------------------------------------------------------------------------------- 1 | import App from "./custom-icons.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/snippet/multiline.ts: -------------------------------------------------------------------------------- 1 | import App from "./multiline.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/snippet/sizes.ts: -------------------------------------------------------------------------------- 1 | import App from "./sizes.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/snippet/symbol.ts: -------------------------------------------------------------------------------- 1 | import App from "./symbol.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/snippet/usage.raw.jsx: -------------------------------------------------------------------------------- 1 | import {Snippet} from "@heroui/react"; 2 | 3 | export default function App() { 4 | return npm install @heroui/react; 5 | } 6 | -------------------------------------------------------------------------------- /apps/docs/content/components/snippet/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/snippet/variants.ts: -------------------------------------------------------------------------------- 1 | import App from "./variants.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/snippet/without-copy.ts: -------------------------------------------------------------------------------- 1 | import App from "./without-copy.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/spacer/index.ts: -------------------------------------------------------------------------------- 1 | import usage from "./usage"; 2 | 3 | export const spacerContent = { 4 | usage, 5 | }; 6 | -------------------------------------------------------------------------------- /apps/docs/content/components/spacer/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/spinner/colors.ts: -------------------------------------------------------------------------------- 1 | import App from "./colors.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/spinner/label-colors.ts: -------------------------------------------------------------------------------- 1 | import App from "./label-colors.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/spinner/label.raw.jsx: -------------------------------------------------------------------------------- 1 | import {Spinner} from "@heroui/react"; 2 | 3 | export default function App() { 4 | return ; 5 | } 6 | -------------------------------------------------------------------------------- /apps/docs/content/components/spinner/label.ts: -------------------------------------------------------------------------------- 1 | import App from "./label.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/spinner/sizes.ts: -------------------------------------------------------------------------------- 1 | import App from "./sizes.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/spinner/usage.raw.jsx: -------------------------------------------------------------------------------- 1 | import {Spinner} from "@heroui/react"; 2 | 3 | export default function App() { 4 | return ; 5 | } 6 | -------------------------------------------------------------------------------- /apps/docs/content/components/spinner/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/spinner/variants.ts: -------------------------------------------------------------------------------- 1 | import App from "./variants.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/switch/colors.ts: -------------------------------------------------------------------------------- 1 | import App from "./colors.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/switch/controlled.ts: -------------------------------------------------------------------------------- 1 | import App from "./controlled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/switch/custom-styles.ts: -------------------------------------------------------------------------------- 1 | import App from "./custom-styles.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/switch/disabled.ts: -------------------------------------------------------------------------------- 1 | import App from "./disabled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/switch/icons.ts: -------------------------------------------------------------------------------- 1 | import App from "./icons.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/switch/label.raw.jsx: -------------------------------------------------------------------------------- 1 | import {Switch} from "@heroui/react"; 2 | 3 | export default function App() { 4 | return Automatic updates; 5 | } 6 | -------------------------------------------------------------------------------- /apps/docs/content/components/switch/label.ts: -------------------------------------------------------------------------------- 1 | import App from "./label.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/switch/sizes.ts: -------------------------------------------------------------------------------- 1 | import App from "./sizes.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/switch/thumb-icon.ts: -------------------------------------------------------------------------------- 1 | import App from "./thumb-icon.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/switch/usage.raw.jsx: -------------------------------------------------------------------------------- 1 | import {Switch} from "@heroui/react"; 2 | 3 | export default function App() { 4 | return ; 5 | } 6 | -------------------------------------------------------------------------------- /apps/docs/content/components/switch/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/table/dynamic.ts: -------------------------------------------------------------------------------- 1 | import App from "./dynamic.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/table/empty.ts: -------------------------------------------------------------------------------- 1 | import App from "./empty.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/table/load-more.ts: -------------------------------------------------------------------------------- 1 | import App from "./load-more.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/table/paginated.ts: -------------------------------------------------------------------------------- 1 | import App from "./paginated.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/table/row-actions.ts: -------------------------------------------------------------------------------- 1 | import App from "./row-actions.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/table/sorting.ts: -------------------------------------------------------------------------------- 1 | import App from "./sorting.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/table/striped.ts: -------------------------------------------------------------------------------- 1 | import App from "./striped.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/table/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/table/virtualization.ts: -------------------------------------------------------------------------------- 1 | import App from "./virtualization.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/table/without-header.ts: -------------------------------------------------------------------------------- 1 | import App from "./without-header.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/tabs/colors.ts: -------------------------------------------------------------------------------- 1 | import App from "./colors.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/tabs/controlled.ts: -------------------------------------------------------------------------------- 1 | import App from "./controlled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/tabs/custom-styles.ts: -------------------------------------------------------------------------------- 1 | import App from "./custom-styles.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/tabs/disabled-item.ts: -------------------------------------------------------------------------------- 1 | import App from "./disabled-item.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/tabs/disabled.ts: -------------------------------------------------------------------------------- 1 | import App from "./disabled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/tabs/dynamic.ts: -------------------------------------------------------------------------------- 1 | import App from "./dynamic.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/tabs/icons.ts: -------------------------------------------------------------------------------- 1 | import App from "./icons.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/tabs/placement.ts: -------------------------------------------------------------------------------- 1 | import App from "./placement.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/tabs/radius.ts: -------------------------------------------------------------------------------- 1 | import App from "./radius.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/tabs/sizes.ts: -------------------------------------------------------------------------------- 1 | import App from "./sizes.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/tabs/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/tabs/variants.ts: -------------------------------------------------------------------------------- 1 | import App from "./variants.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/tabs/vertical.ts: -------------------------------------------------------------------------------- 1 | import App from "./vertical.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/textarea/autosize.ts: -------------------------------------------------------------------------------- 1 | import App from "./autosize.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/textarea/clear-button.ts: -------------------------------------------------------------------------------- 1 | import App from "./clear-button.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/textarea/controlled.ts: -------------------------------------------------------------------------------- 1 | import App from "./controlled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/textarea/description.ts: -------------------------------------------------------------------------------- 1 | import App from "./description.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/textarea/disabled.ts: -------------------------------------------------------------------------------- 1 | import App from "./disabled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/textarea/readonly.ts: -------------------------------------------------------------------------------- 1 | import App from "./readonly.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/textarea/required.ts: -------------------------------------------------------------------------------- 1 | import App from "./required.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/textarea/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/textarea/variants.ts: -------------------------------------------------------------------------------- 1 | import App from "./variants.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/time-input/disabled.ts: -------------------------------------------------------------------------------- 1 | import App from "./disabled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/time-input/end-content.ts: -------------------------------------------------------------------------------- 1 | import App from "./end-content.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/time-input/hour-cycle.ts: -------------------------------------------------------------------------------- 1 | import App from "./hour-cycle.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/time-input/read-only.ts: -------------------------------------------------------------------------------- 1 | import App from "./read-only.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/time-input/required.raw.jsx: -------------------------------------------------------------------------------- 1 | import {TimeInput} from "@heroui/react"; 2 | 3 | export default function App() { 4 | return ; 5 | } 6 | -------------------------------------------------------------------------------- /apps/docs/content/components/time-input/required.ts: -------------------------------------------------------------------------------- 1 | import App from "./required.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/time-input/timezones.ts: -------------------------------------------------------------------------------- 1 | import App from "./timezones.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/time-input/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/toast/color.ts: -------------------------------------------------------------------------------- 1 | import App from "./color.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/toast/custom-styles.ts: -------------------------------------------------------------------------------- 1 | import App from "./custom-styles.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/toast/placement.ts: -------------------------------------------------------------------------------- 1 | import App from "./placement.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/toast/radius.ts: -------------------------------------------------------------------------------- 1 | import App from "./radius.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/toast/simple.ts: -------------------------------------------------------------------------------- 1 | import App from "./simple.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/toast/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/toast/variants.ts: -------------------------------------------------------------------------------- 1 | import App from "./variants.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/tooltip/arrow.ts: -------------------------------------------------------------------------------- 1 | import App from "./arrow.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/tooltip/colors.ts: -------------------------------------------------------------------------------- 1 | import App from "./colors.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/tooltip/controlled.ts: -------------------------------------------------------------------------------- 1 | import App from "./controlled.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/tooltip/custom-motion.ts: -------------------------------------------------------------------------------- 1 | import App from "./custom-motion.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/tooltip/custom-styles.ts: -------------------------------------------------------------------------------- 1 | import App from "./custom-styles.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/tooltip/delay.ts: -------------------------------------------------------------------------------- 1 | import App from "./delay.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/tooltip/offset.ts: -------------------------------------------------------------------------------- 1 | import App from "./offset.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/tooltip/placements.ts: -------------------------------------------------------------------------------- 1 | import App from "./placements.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/tooltip/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/content/components/user/index.ts: -------------------------------------------------------------------------------- 1 | import usage from "./usage"; 2 | import linkDescription from "./link-description"; 3 | 4 | export const userContent = { 5 | usage, 6 | linkDescription, 7 | }; 8 | -------------------------------------------------------------------------------- /apps/docs/content/components/user/usage.ts: -------------------------------------------------------------------------------- 1 | import App from "./usage.raw.jsx?raw"; 2 | 3 | const react = { 4 | "/App.jsx": App, 5 | }; 6 | 7 | export default { 8 | ...react, 9 | }; 10 | -------------------------------------------------------------------------------- /apps/docs/hooks/use-isomorphic-layout-effect.ts: -------------------------------------------------------------------------------- 1 | import {useEffect, useLayoutEffect} from "react"; 2 | 3 | export const useIsomorphicLayoutEffect = 4 | typeof window !== "undefined" ? useLayoutEffect : useEffect; 5 | -------------------------------------------------------------------------------- /apps/docs/libs/docs/meta.ts: -------------------------------------------------------------------------------- 1 | export interface MetaProps { 2 | title: string; 3 | description: string; 4 | url?: string; 5 | } 6 | -------------------------------------------------------------------------------- /apps/docs/next-sitemap.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('next-sitemap').IConfig} */ 2 | module.exports = { 3 | siteUrl: "https://heroui.com", 4 | generateRobotsTxt: true, 5 | exclude: ["/examples/*"], 6 | }; 7 | -------------------------------------------------------------------------------- /apps/docs/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | }; 7 | -------------------------------------------------------------------------------- /apps/docs/public/android-chrome-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/android-chrome-192x192.png -------------------------------------------------------------------------------- /apps/docs/public/android-chrome-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/android-chrome-512x512.png -------------------------------------------------------------------------------- /apps/docs/public/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/apple-touch-icon.png -------------------------------------------------------------------------------- /apps/docs/public/assets/fonts/FiraCode-Bold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/assets/fonts/FiraCode-Bold.woff2 -------------------------------------------------------------------------------- /apps/docs/public/assets/fonts/FiraCode-Medium.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/assets/fonts/FiraCode-Medium.woff2 -------------------------------------------------------------------------------- /apps/docs/public/assets/fonts/FiraCode-Regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/assets/fonts/FiraCode-Regular.woff2 -------------------------------------------------------------------------------- /apps/docs/public/assets/fonts/FiraCode-SemiBold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/assets/fonts/FiraCode-SemiBold.woff2 -------------------------------------------------------------------------------- /apps/docs/public/assets/fonts/Inter-Black.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/assets/fonts/Inter-Black.woff2 -------------------------------------------------------------------------------- /apps/docs/public/assets/fonts/Inter-Bold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/assets/fonts/Inter-Bold.woff2 -------------------------------------------------------------------------------- /apps/docs/public/assets/fonts/Inter-ExtraBold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/assets/fonts/Inter-ExtraBold.woff2 -------------------------------------------------------------------------------- /apps/docs/public/assets/fonts/Inter-ExtraLight.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/assets/fonts/Inter-ExtraLight.woff2 -------------------------------------------------------------------------------- /apps/docs/public/assets/fonts/Inter-Light.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/assets/fonts/Inter-Light.woff2 -------------------------------------------------------------------------------- /apps/docs/public/assets/fonts/Inter-Medium.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/assets/fonts/Inter-Medium.woff2 -------------------------------------------------------------------------------- /apps/docs/public/assets/fonts/Inter-Regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/assets/fonts/Inter-Regular.woff2 -------------------------------------------------------------------------------- /apps/docs/public/assets/fonts/Inter-SemiBold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/assets/fonts/Inter-SemiBold.woff2 -------------------------------------------------------------------------------- /apps/docs/public/avatars/avatar-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/avatars/avatar-1.png -------------------------------------------------------------------------------- /apps/docs/public/avatars/avatar-1.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/avatars/avatar-1.webp -------------------------------------------------------------------------------- /apps/docs/public/avatars/avatar-10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/avatars/avatar-10.png -------------------------------------------------------------------------------- /apps/docs/public/avatars/avatar-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/avatars/avatar-2.png -------------------------------------------------------------------------------- /apps/docs/public/avatars/avatar-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/avatars/avatar-3.png -------------------------------------------------------------------------------- /apps/docs/public/avatars/avatar-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/avatars/avatar-4.png -------------------------------------------------------------------------------- /apps/docs/public/avatars/avatar-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/avatars/avatar-5.png -------------------------------------------------------------------------------- /apps/docs/public/avatars/avatar-6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/avatars/avatar-6.png -------------------------------------------------------------------------------- /apps/docs/public/avatars/avatar-7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/avatars/avatar-7.png -------------------------------------------------------------------------------- /apps/docs/public/avatars/avatar-8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/avatars/avatar-8.png -------------------------------------------------------------------------------- /apps/docs/public/avatars/avatar-9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/avatars/avatar-9.png -------------------------------------------------------------------------------- /apps/docs/public/avatars/jrgarciadev.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/avatars/jrgarciadev.jpeg -------------------------------------------------------------------------------- /apps/docs/public/avatars/junior-garcia.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/avatars/junior-garcia.jpeg -------------------------------------------------------------------------------- /apps/docs/public/blog/introducing-heroui.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/blog/introducing-heroui.png -------------------------------------------------------------------------------- /apps/docs/public/blog/introducing-heroui_2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/blog/introducing-heroui_2x.png -------------------------------------------------------------------------------- /apps/docs/public/blog/nextuiv2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/blog/nextuiv2.jpg -------------------------------------------------------------------------------- /apps/docs/public/blog/v2.1.0.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/blog/v2.1.0.jpg -------------------------------------------------------------------------------- /apps/docs/public/blog/v2.2.0.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/blog/v2.2.0.jpg -------------------------------------------------------------------------------- /apps/docs/public/blog/v2.2.0_2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/blog/v2.2.0_2x.jpg -------------------------------------------------------------------------------- /apps/docs/public/blog/v2.3.0.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/blog/v2.3.0.jpg -------------------------------------------------------------------------------- /apps/docs/public/blog/v2.3.0_2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/blog/v2.3.0_2x.jpg -------------------------------------------------------------------------------- /apps/docs/public/blog/v2.4.0.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/blog/v2.4.0.jpg -------------------------------------------------------------------------------- /apps/docs/public/blog/v2.4.0_2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/blog/v2.4.0_2x.jpg -------------------------------------------------------------------------------- /apps/docs/public/blog/v2.6.0.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/blog/v2.6.0.jpg -------------------------------------------------------------------------------- /apps/docs/public/blog/v2.6.0_2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/blog/v2.6.0_2x.jpg -------------------------------------------------------------------------------- /apps/docs/public/blog/v2.7.0.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/blog/v2.7.0.jpg -------------------------------------------------------------------------------- /apps/docs/public/blog/v2.7.0_2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/blog/v2.7.0_2x.jpg -------------------------------------------------------------------------------- /apps/docs/public/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/favicon-16x16.png -------------------------------------------------------------------------------- /apps/docs/public/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/favicon-32x32.png -------------------------------------------------------------------------------- /apps/docs/public/favicon-96x96.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/favicon-96x96.png -------------------------------------------------------------------------------- /apps/docs/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/favicon.ico -------------------------------------------------------------------------------- /apps/docs/public/gradients/docs-left.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/gradients/docs-left.png -------------------------------------------------------------------------------- /apps/docs/public/gradients/docs-right.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/gradients/docs-right.png -------------------------------------------------------------------------------- /apps/docs/public/heroui-banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/heroui-banner.png -------------------------------------------------------------------------------- /apps/docs/public/heroui.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/heroui.jpg -------------------------------------------------------------------------------- /apps/docs/public/images/accessories.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/accessories.png -------------------------------------------------------------------------------- /apps/docs/public/images/airpods.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/airpods.jpeg -------------------------------------------------------------------------------- /apps/docs/public/images/airpods.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/airpods.png -------------------------------------------------------------------------------- /apps/docs/public/images/airtag.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/airtag.png -------------------------------------------------------------------------------- /apps/docs/public/images/album-cover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/album-cover.png -------------------------------------------------------------------------------- /apps/docs/public/images/apple-event.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/apple-event.jpeg -------------------------------------------------------------------------------- /apps/docs/public/images/apple-watch.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/apple-watch.png -------------------------------------------------------------------------------- /apps/docs/public/images/appletv.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/appletv.png -------------------------------------------------------------------------------- /apps/docs/public/images/bicycle.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/bicycle.jpeg -------------------------------------------------------------------------------- /apps/docs/public/images/breathing-app-icon.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/breathing-app-icon.jpeg -------------------------------------------------------------------------------- /apps/docs/public/images/card-example-1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/card-example-1.jpeg -------------------------------------------------------------------------------- /apps/docs/public/images/card-example-2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/card-example-2.jpeg -------------------------------------------------------------------------------- /apps/docs/public/images/card-example-3.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/card-example-3.jpeg -------------------------------------------------------------------------------- /apps/docs/public/images/card-example-4.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/card-example-4.jpeg -------------------------------------------------------------------------------- /apps/docs/public/images/card-example-5.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/card-example-5.jpeg -------------------------------------------------------------------------------- /apps/docs/public/images/card-example-6.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/card-example-6.jpeg -------------------------------------------------------------------------------- /apps/docs/public/images/card-example-6.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/card-example-6.webp -------------------------------------------------------------------------------- /apps/docs/public/images/cup.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/cup.jpeg -------------------------------------------------------------------------------- /apps/docs/public/images/fruit-1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/fruit-1.jpeg -------------------------------------------------------------------------------- /apps/docs/public/images/fruit-2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/fruit-2.jpeg -------------------------------------------------------------------------------- /apps/docs/public/images/fruit-3.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/fruit-3.jpeg -------------------------------------------------------------------------------- /apps/docs/public/images/fruit-4.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/fruit-4.jpeg -------------------------------------------------------------------------------- /apps/docs/public/images/fruit-5.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/fruit-5.jpeg -------------------------------------------------------------------------------- /apps/docs/public/images/fruit-6.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/fruit-6.jpeg -------------------------------------------------------------------------------- /apps/docs/public/images/fruit-7.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/fruit-7.jpeg -------------------------------------------------------------------------------- /apps/docs/public/images/fruit-8.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/fruit-8.jpeg -------------------------------------------------------------------------------- /apps/docs/public/images/headphones.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/headphones.jpg -------------------------------------------------------------------------------- /apps/docs/public/images/hero-card-complete.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/hero-card-complete.jpeg -------------------------------------------------------------------------------- /apps/docs/public/images/hero-card.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/hero-card.jpeg -------------------------------------------------------------------------------- /apps/docs/public/images/hero-card.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/hero-card.png -------------------------------------------------------------------------------- /apps/docs/public/images/hero-card.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/hero-card.webp -------------------------------------------------------------------------------- /apps/docs/public/images/herouipro-section-background-light.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/herouipro-section-background-light.webp -------------------------------------------------------------------------------- /apps/docs/public/images/herouipro-section-background.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/herouipro-section-background.webp -------------------------------------------------------------------------------- /apps/docs/public/images/herouipro-section-background@mobile.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/herouipro-section-background@mobile.webp -------------------------------------------------------------------------------- /apps/docs/public/images/homepod-mini.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/homepod-mini.png -------------------------------------------------------------------------------- /apps/docs/public/images/homepod.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/homepod.jpeg -------------------------------------------------------------------------------- /apps/docs/public/images/ipad.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/ipad.png -------------------------------------------------------------------------------- /apps/docs/public/images/iphone.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/iphone.png -------------------------------------------------------------------------------- /apps/docs/public/images/items.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/items.jpeg -------------------------------------------------------------------------------- /apps/docs/public/images/mac.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/mac.png -------------------------------------------------------------------------------- /apps/docs/public/images/modal-example.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/modal-example.jpeg -------------------------------------------------------------------------------- /apps/docs/public/images/relaxing.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/relaxing.jpeg -------------------------------------------------------------------------------- /apps/docs/public/images/shoes-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/shoes-1.png -------------------------------------------------------------------------------- /apps/docs/public/images/sponsored-by-vercel.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/sponsored-by-vercel.png -------------------------------------------------------------------------------- /apps/docs/public/images/watch.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/images/watch.jpeg -------------------------------------------------------------------------------- /apps/docs/public/isotipo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/isotipo.png -------------------------------------------------------------------------------- /apps/docs/public/mstile-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/mstile-144x144.png -------------------------------------------------------------------------------- /apps/docs/public/mstile-150x150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/mstile-150x150.png -------------------------------------------------------------------------------- /apps/docs/public/mstile-310x150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/mstile-310x150.png -------------------------------------------------------------------------------- /apps/docs/public/mstile-310x310.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/mstile-310x310.png -------------------------------------------------------------------------------- /apps/docs/public/mstile-70x70.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/mstile-70x70.png -------------------------------------------------------------------------------- /apps/docs/public/product-hunt.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/product-hunt.png -------------------------------------------------------------------------------- /apps/docs/public/robots.txt: -------------------------------------------------------------------------------- 1 | # * 2 | User-agent: * 3 | Allow: / 4 | 5 | # Host 6 | Host: https://heroui.com 7 | 8 | # Sitemaps 9 | Sitemap: https://heroui.com/sitemap.xml 10 | -------------------------------------------------------------------------------- /apps/docs/public/sponsors/000000.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/sponsors/000000.webp -------------------------------------------------------------------------------- /apps/docs/public/sponsors/292380.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/sponsors/292380.jpg -------------------------------------------------------------------------------- /apps/docs/public/sponsors/327844.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/sponsors/327844.jpg -------------------------------------------------------------------------------- /apps/docs/public/sponsors/347048.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/sponsors/347048.jpg -------------------------------------------------------------------------------- /apps/docs/public/sponsors/374896.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/sponsors/374896.jpg -------------------------------------------------------------------------------- /apps/docs/public/sponsors/375034.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/sponsors/375034.jpg -------------------------------------------------------------------------------- /apps/docs/public/sponsors/395990.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/sponsors/395990.jpg -------------------------------------------------------------------------------- /apps/docs/public/sponsors/404415.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/sponsors/404415.jpg -------------------------------------------------------------------------------- /apps/docs/public/sponsors/407510.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/sponsors/407510.jpg -------------------------------------------------------------------------------- /apps/docs/public/sponsors/438158.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/sponsors/438158.jpg -------------------------------------------------------------------------------- /apps/docs/public/sponsors/439182.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/sponsors/439182.jpg -------------------------------------------------------------------------------- /apps/docs/public/sponsors/442878.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/sponsors/442878.jpg -------------------------------------------------------------------------------- /apps/docs/public/sponsors/445418.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/sponsors/445418.jpg -------------------------------------------------------------------------------- /apps/docs/public/sponsors/569973.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/sponsors/569973.jpg -------------------------------------------------------------------------------- /apps/docs/public/sponsors/571230.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/sponsors/571230.jpg -------------------------------------------------------------------------------- /apps/docs/public/storybook-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/storybook-logo.png -------------------------------------------------------------------------------- /apps/docs/public/twitter-cards/nextui.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/twitter-cards/nextui.jpeg -------------------------------------------------------------------------------- /apps/docs/public/twitter-cards/nextui_old.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/twitter-cards/nextui_old.png -------------------------------------------------------------------------------- /apps/docs/public/web-app-manifest-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/web-app-manifest-192x192.png -------------------------------------------------------------------------------- /apps/docs/public/web-app-manifest-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/apps/docs/public/web-app-manifest-512x512.png -------------------------------------------------------------------------------- /apps/docs/types/index.ts: -------------------------------------------------------------------------------- 1 | import {SVGProps} from "react"; 2 | 3 | export type IconSvgProps = SVGProps & { 4 | size?: number; 5 | }; 6 | -------------------------------------------------------------------------------- /apps/docs/utils/docs-utils.ts: -------------------------------------------------------------------------------- 1 | export function removeFromLast(path: string, key: string): string | T { 2 | const i = path.lastIndexOf(key); 3 | 4 | return i === -1 ? path : path.substring(0, i); 5 | } 6 | -------------------------------------------------------------------------------- /apps/docs/utils/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./env"; 2 | export * from "./assertion"; 3 | export * from "./docs-utils"; 4 | -------------------------------------------------------------------------------- /apps/docs/utils/links.ts: -------------------------------------------------------------------------------- 1 | export const isActive = (pathname: string | undefined | null, href: string) => 2 | pathname && pathname.startsWith(href); 3 | -------------------------------------------------------------------------------- /apps/docs/utils/time.ts: -------------------------------------------------------------------------------- 1 | export function getCurrentYear(): number { 2 | return new Date().getFullYear(); 3 | } 4 | -------------------------------------------------------------------------------- /apps/docs/utils/version.ts: -------------------------------------------------------------------------------- 1 | import pkg from "../../../packages/core/react/package.json"; 2 | 3 | export const currentVersion = pkg?.version; 4 | -------------------------------------------------------------------------------- /packages/components/card/stories/assets/accessories.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/components/card/stories/assets/accessories.png -------------------------------------------------------------------------------- /packages/components/card/stories/assets/airpods.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/components/card/stories/assets/airpods.jpeg -------------------------------------------------------------------------------- /packages/components/card/stories/assets/airpods.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/components/card/stories/assets/airpods.png -------------------------------------------------------------------------------- /packages/components/card/stories/assets/airtag.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/components/card/stories/assets/airtag.png -------------------------------------------------------------------------------- /packages/components/card/stories/assets/apple-event.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/components/card/stories/assets/apple-event.jpeg -------------------------------------------------------------------------------- /packages/components/card/stories/assets/apple-watch.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/components/card/stories/assets/apple-watch.png -------------------------------------------------------------------------------- /packages/components/card/stories/assets/appletv.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/components/card/stories/assets/appletv.png -------------------------------------------------------------------------------- /packages/components/card/stories/assets/bicycle.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/components/card/stories/assets/bicycle.jpeg -------------------------------------------------------------------------------- /packages/components/card/stories/assets/breathing-app-icon.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/components/card/stories/assets/breathing-app-icon.jpeg -------------------------------------------------------------------------------- /packages/components/card/stories/assets/cup.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/components/card/stories/assets/cup.jpeg -------------------------------------------------------------------------------- /packages/components/card/stories/assets/headphones.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/components/card/stories/assets/headphones.jpg -------------------------------------------------------------------------------- /packages/components/card/stories/assets/homepod-mini.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/components/card/stories/assets/homepod-mini.png -------------------------------------------------------------------------------- /packages/components/card/stories/assets/homepod.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/components/card/stories/assets/homepod.jpeg -------------------------------------------------------------------------------- /packages/components/card/stories/assets/ipad.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/components/card/stories/assets/ipad.png -------------------------------------------------------------------------------- /packages/components/card/stories/assets/iphone.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/components/card/stories/assets/iphone.png -------------------------------------------------------------------------------- /packages/components/card/stories/assets/items.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/components/card/stories/assets/items.jpeg -------------------------------------------------------------------------------- /packages/components/card/stories/assets/local-image-1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/components/card/stories/assets/local-image-1.jpeg -------------------------------------------------------------------------------- /packages/components/card/stories/assets/mac.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/components/card/stories/assets/mac.png -------------------------------------------------------------------------------- /packages/components/card/stories/assets/relaxing.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/components/card/stories/assets/relaxing.jpeg -------------------------------------------------------------------------------- /packages/components/card/stories/assets/watch.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/components/card/stories/assets/watch.jpeg -------------------------------------------------------------------------------- /packages/components/code/tsup.config.ts: -------------------------------------------------------------------------------- 1 | import {defineConfig} from "tsup"; 2 | 3 | export default defineConfig({ 4 | clean: true, 5 | target: "es2019", 6 | format: ["cjs", "esm"], 7 | }); 8 | -------------------------------------------------------------------------------- /packages/components/divider/tsup.config.ts: -------------------------------------------------------------------------------- 1 | import {defineConfig} from "tsup"; 2 | 3 | export default defineConfig({ 4 | clean: true, 5 | target: "es2019", 6 | format: ["cjs", "esm"], 7 | }); 8 | -------------------------------------------------------------------------------- /packages/components/kbd/tsup.config.ts: -------------------------------------------------------------------------------- 1 | import {defineConfig} from "tsup"; 2 | 3 | export default defineConfig({ 4 | clean: true, 5 | target: "es2019", 6 | format: ["cjs", "esm"], 7 | }); 8 | -------------------------------------------------------------------------------- /packages/components/spacer/tsup.config.ts: -------------------------------------------------------------------------------- 1 | import {defineConfig} from "tsup"; 2 | 3 | export default defineConfig({ 4 | clean: true, 5 | target: "es2019", 6 | format: ["cjs", "esm"], 7 | }); 8 | -------------------------------------------------------------------------------- /packages/core/system-rsc/test-utils/extend-components.tsx: -------------------------------------------------------------------------------- 1 | export * from "./no-slots-component"; 2 | -------------------------------------------------------------------------------- /packages/core/system/src/hooks/index.ts: -------------------------------------------------------------------------------- 1 | export {useLabelPlacement} from "./use-label-placement"; 2 | -------------------------------------------------------------------------------- /packages/core/theme/colors.d.ts: -------------------------------------------------------------------------------- 1 | export * from "./dist/colors"; 2 | -------------------------------------------------------------------------------- /packages/core/theme/colors.js: -------------------------------------------------------------------------------- 1 | module.exports = require("./dist/colors"); 2 | -------------------------------------------------------------------------------- /packages/core/theme/plugin.d.ts: -------------------------------------------------------------------------------- 1 | export * from "./dist/plugin"; 2 | -------------------------------------------------------------------------------- /packages/core/theme/plugin.js: -------------------------------------------------------------------------------- 1 | module.exports = require("./dist/plugin"); 2 | -------------------------------------------------------------------------------- /packages/core/theme/src/colors.ts: -------------------------------------------------------------------------------- 1 | export * from "./colors/index"; 2 | -------------------------------------------------------------------------------- /packages/core/theme/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src/index.ts"], 4 | "exclude": ["**/*.js"] 5 | } 6 | -------------------------------------------------------------------------------- /packages/hooks/use-aria-accordion-item/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/hooks/use-aria-accordion/src/index.ts: -------------------------------------------------------------------------------- 1 | export {useReactAriaAccordion} from "./use-accordion"; 2 | export {useReactAriaAccordionItem} from "./use-accordion-item"; 3 | -------------------------------------------------------------------------------- /packages/hooks/use-aria-accordion/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/hooks/use-aria-button/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/hooks/use-aria-link/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/hooks/use-aria-modal-overlay/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/hooks/use-aria-multiselect/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/hooks/use-callback-ref/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/hooks/use-clipboard/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/hooks/use-data-scroll-overflow/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/hooks/use-disclosure/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/hooks/use-draggable/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/hooks/use-image/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/hooks/use-infinite-scroll/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/hooks/use-intersection-observer/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/hooks/use-is-mobile/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/hooks/use-is-mounted/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/hooks/use-measure/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/hooks/use-pagination/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/hooks/use-real-shape/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/hooks/use-ref-state/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/hooks/use-resize/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/hooks/use-safe-layout-effect/src/index.ts: -------------------------------------------------------------------------------- 1 | import {useEffect, useLayoutEffect} from "react"; 2 | 3 | export const useSafeLayoutEffect = Boolean(globalThis?.document) ? useLayoutEffect : useEffect; 4 | -------------------------------------------------------------------------------- /packages/hooks/use-safe-layout-effect/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/hooks/use-scroll-position/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/hooks/use-ssr/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/hooks/use-theme/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/hooks/use-update-effect/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/storybook/.gitignore: -------------------------------------------------------------------------------- 1 | .vercel 2 | storybook-static 3 | -------------------------------------------------------------------------------- /packages/storybook/postcss.config.js: -------------------------------------------------------------------------------- 1 | export default { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | }; 7 | -------------------------------------------------------------------------------- /packages/storybook/public/android-chrome-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/storybook/public/android-chrome-192x192.png -------------------------------------------------------------------------------- /packages/storybook/public/android-chrome-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/storybook/public/android-chrome-512x512.png -------------------------------------------------------------------------------- /packages/storybook/public/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/storybook/public/apple-touch-icon.png -------------------------------------------------------------------------------- /packages/storybook/public/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/storybook/public/favicon-16x16.png -------------------------------------------------------------------------------- /packages/storybook/public/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/storybook/public/favicon-32x32.png -------------------------------------------------------------------------------- /packages/storybook/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/storybook/public/favicon.ico -------------------------------------------------------------------------------- /packages/storybook/public/images/assets/accessories.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/storybook/public/images/assets/accessories.png -------------------------------------------------------------------------------- /packages/storybook/public/images/assets/airpods.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/storybook/public/images/assets/airpods.jpeg -------------------------------------------------------------------------------- /packages/storybook/public/images/assets/airpods.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/storybook/public/images/assets/airpods.png -------------------------------------------------------------------------------- /packages/storybook/public/images/assets/airtag.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/storybook/public/images/assets/airtag.png -------------------------------------------------------------------------------- /packages/storybook/public/images/assets/apple-event.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/storybook/public/images/assets/apple-event.jpeg -------------------------------------------------------------------------------- /packages/storybook/public/images/assets/apple-watch.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/storybook/public/images/assets/apple-watch.png -------------------------------------------------------------------------------- /packages/storybook/public/images/assets/appletv.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/storybook/public/images/assets/appletv.png -------------------------------------------------------------------------------- /packages/storybook/public/images/assets/bicycle.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/storybook/public/images/assets/bicycle.jpeg -------------------------------------------------------------------------------- /packages/storybook/public/images/assets/breathing-app-icon.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/storybook/public/images/assets/breathing-app-icon.jpeg -------------------------------------------------------------------------------- /packages/storybook/public/images/assets/cup.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/storybook/public/images/assets/cup.jpeg -------------------------------------------------------------------------------- /packages/storybook/public/images/assets/headphones.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/storybook/public/images/assets/headphones.jpg -------------------------------------------------------------------------------- /packages/storybook/public/images/assets/homepod-mini.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/storybook/public/images/assets/homepod-mini.png -------------------------------------------------------------------------------- /packages/storybook/public/images/assets/homepod.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/storybook/public/images/assets/homepod.jpeg -------------------------------------------------------------------------------- /packages/storybook/public/images/assets/ipad.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/storybook/public/images/assets/ipad.png -------------------------------------------------------------------------------- /packages/storybook/public/images/assets/iphone.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/storybook/public/images/assets/iphone.png -------------------------------------------------------------------------------- /packages/storybook/public/images/assets/items.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/storybook/public/images/assets/items.jpeg -------------------------------------------------------------------------------- /packages/storybook/public/images/assets/local-image-1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/storybook/public/images/assets/local-image-1.jpeg -------------------------------------------------------------------------------- /packages/storybook/public/images/assets/mac.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/storybook/public/images/assets/mac.png -------------------------------------------------------------------------------- /packages/storybook/public/images/assets/relaxing.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/storybook/public/images/assets/relaxing.jpeg -------------------------------------------------------------------------------- /packages/storybook/public/images/assets/watch.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/storybook/public/images/assets/watch.jpeg -------------------------------------------------------------------------------- /packages/storybook/public/images/local-image-1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/storybook/public/images/local-image-1.jpeg -------------------------------------------------------------------------------- /packages/storybook/public/images/local-image-big.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/storybook/public/images/local-image-big.jpg -------------------------------------------------------------------------------- /packages/storybook/public/images/local-image-small.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/storybook/public/images/local-image-small.jpg -------------------------------------------------------------------------------- /packages/storybook/public/images/placeholder_300x450.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/packages/storybook/public/images/placeholder_300x450.png -------------------------------------------------------------------------------- /packages/utilities/aria-utils/src/type-utils/index.ts: -------------------------------------------------------------------------------- 1 | import {Node} from "@react-types/shared"; 2 | 3 | export type NodeWithProps = Omit, "props"> & {props?: P}; 4 | -------------------------------------------------------------------------------- /packages/utilities/aria-utils/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/utilities/dom-animation/src/index.ts: -------------------------------------------------------------------------------- 1 | import {domAnimation} from "framer-motion"; 2 | 3 | export default domAnimation; 4 | -------------------------------------------------------------------------------- /packages/utilities/dom-animation/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/utilities/framer-utils/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/utilities/react-rsc-utils/children.d.ts: -------------------------------------------------------------------------------- 1 | export * from "./dist/children"; 2 | -------------------------------------------------------------------------------- /packages/utilities/react-rsc-utils/children.js: -------------------------------------------------------------------------------- 1 | module.exports = require("./dist/children"); 2 | -------------------------------------------------------------------------------- /packages/utilities/react-rsc-utils/filter-dom-props.d.ts: -------------------------------------------------------------------------------- 1 | export * from "./dist/filter-dom-props"; 2 | -------------------------------------------------------------------------------- /packages/utilities/react-rsc-utils/filter-dom-props.js: -------------------------------------------------------------------------------- 1 | module.exports = require("./dist/filter-dom-props"); 2 | -------------------------------------------------------------------------------- /packages/utilities/react-rsc-utils/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/utilities/react-utils/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/utilities/shared-icons/src/bulk/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./add-note"; 2 | export * from "./copy-document"; 3 | export * from "./delete-document"; 4 | export * from "./edit-document"; 5 | -------------------------------------------------------------------------------- /packages/utilities/shared-icons/src/types.ts: -------------------------------------------------------------------------------- 1 | import {SVGProps} from "react"; 2 | 3 | export type IconSvgProps = SVGProps; 4 | -------------------------------------------------------------------------------- /packages/utilities/shared-icons/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/utilities/shared-utils/src/common/dimensions.ts: -------------------------------------------------------------------------------- 1 | export const getMargin = (num: number): string => { 2 | return `calc(${num * 15.25}pt + 1px * ${num - 1})`; 3 | }; 4 | -------------------------------------------------------------------------------- /packages/utilities/shared-utils/src/common/types.ts: -------------------------------------------------------------------------------- 1 | export type Timer = ReturnType; 2 | -------------------------------------------------------------------------------- /packages/utilities/shared-utils/src/demi/react18/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./getInertValue"; 2 | 3 | export * from "../../common"; 4 | -------------------------------------------------------------------------------- /packages/utilities/shared-utils/src/demi/react19/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./getInertValue"; 2 | 3 | export * from "../../common"; 4 | -------------------------------------------------------------------------------- /packages/utilities/shared-utils/src/index.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * For Development 3 | */ 4 | export * from "./common"; 5 | export * from "./demi/react18"; 6 | -------------------------------------------------------------------------------- /packages/utilities/stories-utils/src/hooks/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./use-pokemon-list"; 2 | -------------------------------------------------------------------------------- /packages/utilities/stories-utils/src/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./hooks"; 2 | export * from "./mocks/data"; 3 | -------------------------------------------------------------------------------- /packages/utilities/stories-utils/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /packages/utilities/test-utils/src/mocks/index.ts: -------------------------------------------------------------------------------- 1 | import {mockImage} from "./image"; 2 | 3 | export const mocks = { 4 | image: mockImage, 5 | }; 6 | -------------------------------------------------------------------------------- /packages/utilities/test-utils/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /plop/hook/tsconfig.json.hbs: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /plop/package/src/index.ts.hbs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/heroui-inc/heroui/1f8cb0717c68c9ad2bd837b4a6257404d28c5848/plop/package/src/index.ts.hbs -------------------------------------------------------------------------------- /plop/package/tsconfig.json.hbs: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../../tsconfig.json", 3 | "include": ["src", "index.ts"] 4 | } 5 | -------------------------------------------------------------------------------- /pnpm-workspace.yaml: -------------------------------------------------------------------------------- 1 | packages: 2 | - "apps/**/**" 3 | - "packages/**/**" 4 | -------------------------------------------------------------------------------- /vercel.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://openapi.vercel.sh/vercel.json", 3 | "github": { 4 | "silent": false, 5 | "autoJobCancelation": true 6 | } 7 | } 8 | --------------------------------------------------------------------------------