From 935124cb795ed0eeda6d2aa83b820a640ea1eb28 Mon Sep 17 00:00:00 2001 From: Junior Garcia Date: Fri, 6 Dec 2024 12:16:05 -0300 Subject: [PATCH] v2.6.0 (#4191) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * fix(input): ensure clear button is not focusable when disabled (#3774) * fix(input): ensure clear button is not focusable when disabled * test(input): add test to ensure clear button is not focusable when disabled * chore: add changeset for clear button focus fix when input is disabled * fix(input): update clear button to use button element * test(input): add focus test when disabled and update tests for clear button using button element * test(input): replace querySelector with getByRole for clear button * fix(input): set tabIndex to -1 for clear button * test(input): ensure clear button is not focusable * fix(image): add missing `w` to `getWrapperProps` dependency (#3802) * fix(image): add missing `w` to `getWrapperProps` dependency * chore(changeset): add changeset * fix(autocomplete): popover should remain open after clicking clear button (#3788) * fix: add state.open() so that dropdown is not closed * chore: add changeset * chore(autocomplete): add testcases for keeping lisbox open when clearButton is clicked * chore: update changeset * chore(autocomplete): change the docs for test cases * chore(changeset): update changeset message and add issue number --------- Co-authored-by: WK Wong * refactor(docs): example of blurred card (#3741) * docs(card): adding info regarding the gradient for blurred card * chore(nit): adding example * chore(docs): revise content for card isBlurred example * chore(docs): revise isBlurred note --------- Co-authored-by: Maharshi Alpesh Co-authored-by: WK Wong * fix(docs): replace twitter logo/links with x logo/links (#3815) * fix(docs): replace Twitter logo/links with X logo/links * docs: update twitter references to x * docs: update changeset for twitter to x changes * docs: update twitter references to x * docs: update twitter references to x * chore(docs): undo .sponsorsrc since it's generated * refactor(docs): remove unnecessary classes * chore(docs): undo .sponsorsrc since it's generated --------- Co-authored-by: WK Wong * fix(date-picker): adding props from calendarProps to getCalendarProps (#3773) * fix(date-picker): adding props from calendarProps to the getCalendarProps * chore(date-picker): adding the changeset * chore(changeset): add issue number --------- Co-authored-by: Maharshi Alpesh Co-authored-by: WK Wong * feat(autocomplete): automatically focus first non-disabled item (#2186) Co-authored-by: WK Wong * docs(accordion): add overflow to custom motion example (#3793) * fix(docs): typos in dark mode page (#3823) * fix(theme): fullWidth in input and select (#3768) * fix(input): fixing the fullWidth functionality * chore(changeset): add issue number * chore(changeset): revise changeset message --------- Co-authored-by: Maharshi Alpesh Co-authored-by: WK Wong * fix(autocomplete): exit animation on popover close (#3845) * fix(autocomplete): exit animation on popover close * refactor(autocomplete): getListBoxProps --------- Co-authored-by: WK Wong * refactor(theme): replace the use of RTL-specific styles with logical properties (#3868) * chore(rtl): remove the usages of rtl * chore(changeset): adding the changeset * chore(changeset): update changeset message --------- Co-authored-by: WK Wong * fix(select): label placement discrepancy in Select (#3853) * fix(select): label placement incorrect in case of multiline * chore(select): adding the changeset * chore(select): adding the tests * chore(select): code imrovement, wkw's suggestions * chore(changeset): update changeset message --------- Co-authored-by: WK Wong * fix(theme): label placement in select and input (#3869) * fix(theme): fix the label placement * chore(changeset): adding the changeset * chore(select): adding comments * fix(docs): avoid translating the code block (#3878) * docs(Codeblock): avoid code be translated * fix(docs): lint issue --------- Co-authored-by: WK Wong * fix(listbox): change listBoxItem key to optional (#3883) * fix(listbox): listBoxItem key to optional * chore: add defaultSelectedKeys test for numeric keys and ids * chore: add changeset * chore: comment out section prompts in PR template (#3884) * chore(test): update testing libraries and refactor (#3886) * fix(theme): show margin only with label in Switch component (#3861) * fix(switch): removed right margin in wrapper #3791 * feat(changeset): added changeset * fix(switch): removed me-2 in wrapper * fix(switch): added ms-2 to label * chore(changeset): correct package and message --------- Co-authored-by: WK Wong * fix(theme): removed pseudo cancel btn from input (#3912) * fix(theme): removed pseudo cancel btn from input * chore(changeset): adding the changeset * fix(input): conditionally hiding the webkit search * chore(changeset): revise changeset message --------- Co-authored-by: WK Wong * refactor(docs): dx improvement in accordion (#3856) * refactor: improve dx for writing a docs component (#2544) * refactor: improve dx for write a docs component Signed-off-by: Innei * refactor(docs): switch to contentlayer2 * chore(docs): rename to avoid conflict * refactor(docs): switch to next-contentlayer2 * refactor(docs): revise docs lib * chore(deps): bump docs related dependencies * fix(use-aria-multiselect): type issue due to ts version bump --------- Signed-off-by: Innei Co-authored-by: WK Wong * refactor(docs): accordion codes * feat(docs): declare module `*.jsx?raw` * feat(docs): include `**/*.jsx` * fix(docs): incorrect content * chore(docs): add new lines * refactor(docs): lint --------- Signed-off-by: Innei Co-authored-by: Innei * fix(docs): typos in hero section (#3928) * fix(theme): support RTL for breadcrumbs (#3927) * fix(breadcrumbs): added separator rotation for RTL #2486 * chore(changeset): added changeset * fix(docs): removed unused import and merged classNames in dropdown (#3936) * fix(breadcrumbs): added separator rotation for RTL #2486 * chore(changeset): added changeset * fix(docs): removed unused Link import and merged classnames in dropdown * fix: avatar filter disableAnimation to dom prop (#3946) * feat: add git hook to auto update dependencies (#3365) * feat: add git hook to auto update dependencies * feat: update color * fix: prevent test matcher warning (#3893) * fix: prevent test matcher warning * chore: add node types * chore: update Jest related packages * chore: run pnpm install * fix(tabs): correct inert value for true condition (#3978) * Alert component (#3982) * feat(alert): began the work on alert component * fix(readme): making correction * chore(deps): change to 2.0.0 * chore(docs): update README.md * feat(theme): init alert tv * chore(alert): update package.json * feat(alert): init alert storybook structure * chore(changeset): add changeset * chore(changeset): change to minor * chore(alert): revise alert package.json * feat(alert): init test structure * chore(deps): pnpm-lock.yaml * feat(alert): initailized theme and basic structure * feat(alert): completed use-alert.ts and alert.tsx * feat(alert): remove innerWrapper, replace helperWrapper with mainWrapper, adding isCloseable prop * feat(alert): adding isCloseable prop to baseWrapper dependency * feat(alert): setting the default value of isCloseable prop to true * feat(alert): moving CloseIcon inside the button * feat(alert): updated package.json * feat(alert): default variant and default story * feat(alert): adding color and radius stories * feat(alert): completed the styling * feat(alert): add stories for isCloseable prop and restyle other stories * feat(alert): correcting ref type * feat(alert): add test cases * feat(alert): remove startContent and endContent props * feat(alert): make styling more accurate * feat(alert): fixed default props * feat(alert): fixed theme docs * feat(alert): add logic for icons * feat(alert): begin to add docs * chore(alert): implement the changes suggested in code review * feat(alert): add onclose prop to alert * feat(alert): add test cases * docs(alert): add onClose event * feat(docs): add alert to routes.json * fix(alert): correct the text colors * docs(alert): fix imports and syntax errors * chore(alert): implement the changes suggested in code review * chore(alert): lint the code and change isCloseable to isClosable * chore(alert): lint the code * chore(alert): run pnpm i * fix(alert): fix the logic for close button and add test case * docs(alert): fix docs, change isCloseable to isClosable and change docs for isClosable property * chore(alert): add the support for RTL, refactor the code and fix the typos * docs(alert): grammer issues fix * fix(alert): replace rtl with ms * chore(alert): custom style and custom implementation, remove isClosable={false}, refactor, fix typos * chore(alert): linting and implement coderabbit suggestions * chore(alert): refactor and typos fix * chore(alert): add import for closeIcon * chore(alert): add props for closeIcon * chore(alert): refactor fixes * chore(alert): implement ryo-manba's suggestion on close Icon * chore(alert): make alert more responsive * chore(alert): fix grammer issues suggested by coderabbit * fix(alert): add max-w property to make alert responsive * chore(alert): improve responsiveness and refactor alertIcon * chore(alert): add missing dependency to useMemo * chore(alert): implement coderabbit's suggestions * chore(alert): update docs and refactor * chore(alert): refactor alertIcon and implement coderabbit's suggestion * chore: fixes --------- Co-authored-by: Abhinav Agarwal Co-authored-by: WK Wong Co-authored-by: Abhinav Agarwal <78839973+abhinav700@users.noreply.github.com> * Feat/add draggable modal (#3983) * feat(hooks): add use-draggable hook * feat(components): [modal] export use-draggable * docs(components): [modal] add draggable modal * feat(components): [modal] add ref prop for modal-header * chore(components): [modal] add draggable modal for storybook * chore: add changeset for draggable modal * docs(hooks): [use-draggable] fix typo * chore: upper changeset * chore(components): [modal] add overflow draggable modal to sb * test(components): [modal] add draggable modal tests * build: update pnpm-lock * chore(changeset): include issue number * feat(hooks): [use-draggable] set user-select to none when during the dragging * docs(components): [modal] update code demo title * docs(components): [modal] condense description for draggable overflow * feat(hooks): [use-draggable] change version to 0.1.0 * refactor(hooks): [use-draggable] use use-move implement use-draggable * feat(hooks): [use-draggable] remove repeated user-select * test(components): [modal] update test case to use-draggable base use-move * docs(components): [modal] update draggable examples * fix(hooks): [use-draggable] fix mobile device touchmove event conflict * refactor(hooks): [use-draggable] remove drag ref prop * refactor(hooks): [use-draggable] draggable2is-disabled overflow2can-overflow * test(components): [modal] add draggble disable test * chore(hooks): [use-draggable] add commant for body touchmove * Update packages/hooks/use-draggable/src/index.ts Co-authored-by: Ryo Matsukawa <76232929+ryo-manba@users.noreply.github.com> * fix(hooks): [use-draggable] import use-callback * test(components): [modal] add mobile-sized test for draggable * chore(hooks): [use-draggable] add use-callback for func * chore(hooks): [use-draggable] update version to 2.0.0 * chore: fix typo * Update .changeset/soft-apricots-sleep.md * fix: pnpm lock * fix: build * chore: add updated moadl --------- Co-authored-by: wzc520pyfm <1528857653@qq.com> Co-authored-by: աɨռɢӄաօռɢ Co-authored-by: Ryo Matsukawa <76232929+ryo-manba@users.noreply.github.com> * chore: upgrade react-aria / React 19 & Next.js 15 support (#3732) * chore: upgrade react-aria * chore: add changeset * chore: fix type error --------- Co-authored-by: Junior Garcia * feat(date-picker): add selectorButtonPlacement property (#3248) * feat(date-picker): add selectorButtonPlacement property * chore: update changeset * Update .changeset/neat-donkeys-accept.md Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com> --------- Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com> Co-authored-by: Junior Garcia * feat: add tab ref (#3974) * feat: add tab ref * feat: add changeset * feat: pre-release workflow (#2910) * feat(workflow): pre-release * feat(workflow): exit pre-release * chore(workflow): update version & publish commands * fix(workflow): add missing attributes and use schangeset:beta cmd * feat(root): add changeset:beta * fix(workflows): revise pre-release logic * fix(workflows): add missing run * fix(workflows): use changeset:exit with version instead * feat(root): add changeset:exit cmd * refactor(workflows): add pths, id, and format * feat(workflows): enter pre-release mode * chore(workflows): remove pre.json only * refactor(workflows): remove enter-pre-release-mode * fix(workflows): incorrect url * refactor(root): remove unused exit command * refactor(workflows): add comments * feat(changeset): change to main branch as baseBranch * feat(root): add changeset:canary * refactor(workflows): remove unused workflow * feat(workflow): support canary pre-release mode * refactor(docs): change to canary * feat(popover): added control for closing popover on scroll (#3595) * fix(navbar): fixed the height when style h-full * fix(navbar): fixed the height when style h-full * docs(changeset): resolved extra file * feat(popover): added control for closing popover on scroll * update(changeset): correction * feat(popover): removed extra story * refactor(test): corrected test for both true and false values of shouldCloseOnScroll * refactor(docs): added shouldCloseOnScroll prop * chore(changeset): change to minor --------- Co-authored-by: աӄա * feat: add month and year pickers to DateRangePicker and RangeCalendar (#3302) * feat: add month and year pickers to DateRangePicker and RangeCalendar * chore: update docs * Update .changeset/kind-cobras-travel.md * chore: react package version --------- Co-authored-by: Junior Garcia * chore(deps): bump tailwind-merge version (#3657) * chore(deps): bump tailwind-merge versions * chore(theme): adopt latest extendTailwindMerge * chore(changeset): add changeset * chore(changeset): change to minor * Update .changeset/grumpy-mayflies-rhyme.md --------- Co-authored-by: Junior Garcia * feat: added drawer component (#3986) Signed-off-by: The1111mp Co-authored-by: The1111mp * refactor: optimisations (#3523) * refactor: replace lodash with native approaches * refactor(deps): update framer-motion versions * feat(utilities): add @nextui-org/dom-animation * refactor(components): load domAnimation dynamically * refactor(deps): add @nextui-org/dom-animation * fix(utilities): relocate index.ts * feat(changeset): framer motion optimization * chore(deps): bump framer-motion version * fix(docs): conflict issue * refactor(hooks): remove the unnecessary this aliasing * refactor(utilities): remove the unnecessary this aliasing * chore(docs): remove {} so that it won't be true all the time * chore(dom-animation): end with new line * refactor(hooks): use debounce from `@nextui-org/shared-utils` * chore(deps): add `@nextui-org/shared-utils` * refactor: move mapKeys logic to `@nextui-org/shared-utils` * refactor: use `get` from `@nextui-org/shared-utils` * refactor(docs): use `get` from `@nextui-org/shared-utils` * refactor(shared-utils): mapKeys * chore(deps): bump framer-motion version * chore(deps): remove lodash * refactor(docs): use intersectionBy from shared-utils * feat(shared-utils): add intersectionBy * chore(dom-animation): remove extra blank line * refactor(shared-utils): revise intersectionBy * fix(modal): add willChange * refactor(shared-utils): add comments * fix: build & tests --------- Co-authored-by: Junior Garcia * feat(hooks): use-theme hook (#3169) * feat(docs): update dark mode content * feat(hooks): @nextui-org/use-theme * chore(docs): revise ThemeSwitcher code * refactor(hooks): simplify useTheme and support custom theme names * feat(hooks): add use-theme test cases * feat(changeset): add changeset * refactor(hooks): make localStorageMock globally and clear before each test * fix(docs): typo * fix(hooks): coderabbitai comments * chore(hooks): remove unnecessary + * chore(changeset): change to minor * feat(hooks): handle system theme * chore(hooks): add EOL * refactor(hooks): add default theme * refactor(hooks): revise useTheme * refactor(hooks): resolve pr comments * refactor(hooks): resolve pr comments * refactor(hooks): resolve pr comments * refactor(hooks): remove unused theme in dependency array * chore(docs): typos * refactor(hooks): mark system as key for system theme * chore: merged with canary --------- Co-authored-by: Junior Garcia * Fix/avatar flashing (#3987) * fix(use-image): cached image flashing * chore: merged with canary --------- Co-authored-by: Rakha Kanz Kautsar * refactor(menu): Use `useMenu` and `useMenuItem` from RA (#3261) * refactor(menu): use useMenu from react-aria instead * refactor(menu): use useMenuItem from react-aria instead * feat(changeset): add changeset * chore: merged with canary * fix: dropdown tests --------- Co-authored-by: Junior Garcia * fix(theme): added stripe color gradients for progress (#3938) * fix(breadcrumbs): added separator rotation for RTL #2486 * chore(changeset): added changeset * fix(docs): removed unused Link import and merged classnames in dropdown * fix(theme):added stripe color gradients for progress #1933 * refactor(theme): added stripe-size and createStripeGradient * chore: add all minor releases * fix(docs): invalid canary storybook link (#4030) * fix(use-image): image ReferenceError in SSR (#4122) * fix(use-image): image ReferenceError in SSR * fix(use-image): sync with beta * fix(use-image): sync with beta * chore(use-image): remove unnecessary comments * fix(docs): buildLocation expects an object (#4118) * fix(docs): routing.mdx * Delete .changeset/pre.json * chore(docs): update yarn installation command (#4132) There is no `-g` flag in yarn. `global` is a command which must immediately follow yarn. Source: https://classic.yarnpkg.com/lang/en/docs/cli/global/ * chore: upgrade storybook 8 (#4124) * feat: upgrade storybook8 * chore: upgrade storybook and vite * chore: remove @mdx-js/react optimizeDep * chore: add @mdx-js/react optimizeDep * fix: format * docs: add forms guide (#3822) * v2.5.0 [BETA] (#4164) * chore(pre-release): enter pre-release mode * fix(theme): apply tw nested group (#3909) * chore(changset): add changeset * fix(theme): apply nested group to table * chore(docs): update table bottomContent code * fix: changeset * fix: changeset * fix: changeset * fix: changeset * fix: changeset * fix: pkg versions * fix: changeset * fix: drawer peer dep * chore: update plop components tempalte * ci(changesets): version packages (beta) (#3988) Co-authored-by: github-actions[bot] * fix: pre-release workflow * chore: debug log added * chore: force pre-release * ci(changesets): version packages (beta) * ci(changesets): version packages (beta) * ci(changesets): version packages (beta) * ci(changesets): version packages (beta) * ci(changesets): version packages (beta) * chore: beta1 (#3990) * ci(changesets): version packages (beta) (#3991) Co-authored-by: github-actions[bot] * fix(use-image): image ReferenceError in SSR (#3993) * fix(input): fixed a sliding issue caused by the helper wrapper (#3966) * If it is false and there is an error message or description it will create a div * Update packages/components/input/src/input.tsx * Update packages/components/select/src/select.tsx * Update packages/components/input/src/textarea.tsx * add changeset * changeset update * ci(changesets): version packages (beta) (#3995) Co-authored-by: github-actions[bot] * fix: image loading in the server (#3996) * fix: lock file * chore: force release * chore: force release 2 * ci(changesets): version packages (beta) (#3997) Co-authored-by: github-actions[bot] * fix: image load on next.js (#3998) * ci(changesets): version packages (beta) (#3999) Co-authored-by: github-actions[bot] * fix: element.ref was removed in React 19 warning (#4003) * ci(changesets): version packages (beta) (#4004) Co-authored-by: github-actions[bot] * fix: react 19 as peer dep (#4008) * ci(changesets): version packages (beta) (#4009) Co-authored-by: github-actions[bot] * Beta/react 19 support (#4010) * fix: react 19 as peer dep * fix: react 19 as peer dep * chore: support framer-motion alpha version * ci(changesets): version packages (beta) (#4011) Co-authored-by: github-actions[bot] * fix(theme): making select and input themes consistent (#3881) * ci(changesets): version packages (beta) (#4012) Co-authored-by: github-actions[bot] * fix: support inert value with boolean type for react 19 (#4039) * ci(changesets): version packages (beta) (#4041) Co-authored-by: github-actions[bot] * feat: alert design improved (#4054) * ci(changesets): version packages (beta) (#4056) Co-authored-by: github-actions[bot] * feat: drawer improvements (#4057) * ci(changesets): version packages (beta) (#4058) * feat: alert styles improved (#4071) * ci(changesets): version packages (beta) (#4072) Co-authored-by: github-actions[bot] * feat: alert styles improved (#4073) * ci(changesets): version packages (beta) (#4074) Co-authored-by: github-actions[bot] * feat: add number of stars and credits * chore: fix build * chore: improve navabr colors * chore: new changeset (#4083) * ci(changesets): version packages (beta) (#4084) Co-authored-by: github-actions[bot] * chore: pnpm cleaned (#4086) * ci(changesets): version packages (beta) (#4087) Co-authored-by: github-actions[bot] * chore: custom runnner added * chore: custom runner test (#4091) * Beta/custom runner (#4092) * chore: custom runner test * chore: custom runner test * chore: remove 2 from older changeset * ci(changesets): version packages (beta) (#4093) Co-authored-by: github-actions[bot] * feat: new demo added to alert * Feat/virtualization for autocomplete (#4094) * feat: add react-window virtualization for autocomplete * fix: wrong imports and wrong sizing * fix: update pnpm lock * chore: add test cases for large dataset (1000 and 10000 items) * chore: move virtualized-listbox to listbox components folder, implement isVirtualized conditional * feat: implement dynamic listboxheight n item height, add story * chore: rename props, remove unnecessary line changes * fix: maxHeight style 256px for default, conditional usage of virtualizer * feat: migrate to tan-stack virtual. (todo: fix scroll shadow) * feat: virtualization support --------- Co-authored-by: Vincentius Roger Kuswara * ci(changesets): version packages (beta) (#4095) * feat: small fixes * feat: add reducedMotion setting to Provider (#3470) * feat: add reducedMotion setting to Provider * chore: refactor reducedMotion story * Update .changeset/pretty-parrots-guess.md --------- Co-authored-by: Junior Garcia * ci(changesets): version packages (beta) (#4106) Co-authored-by: github-actions[bot] * fix: move circular-progress tv to progress (#3321) * fix: remove circular-progress tv to progress * docs: changeset * chore(changeset): update changeset message * Update .changeset/angry-maps-serve.md --------- Co-authored-by: աӄա Co-authored-by: Junior Garcia * fix: label placement when the select has a placeholder or description (#4126) * ci(changesets): version packages (beta) (#4107) Co-authored-by: github-actions[bot] * fix(deps): add missing `framer-motion` in `peerDependencies` (#4140) * fix(theme): add truncate class to the list item to avoid overflow the wrapper (#4105) * fix(docs): invalid canary storybook link (#4030) * fix: menu item hidden overflow text * feat: changeset * Merge branch 'beta/release-next' into fix/menu-item-hidden * fix: truncate list item * feat: update changeset * fix(menu): omit internal props --------- Co-authored-by: աӄա Co-authored-by: Junior Garcia * feat(table): add isKeyboardNavigationDisabled prop to the table (#3735) Co-authored-by: Maharshi Alpesh * feat: add form component (#3036) * chore: add support validationBehavior aria * chore: add validationBehavior to Provider * chore: add autocomplete validation test * chore: add checkbox validation test * fix(input): require condition * docs: add description of validationBehavior props * chore: add support validationBehavior props for date components * docs(dates): add description of validationBehavior props * chore: add changeset * chore: format * chore: fix test * fix: select validationBehavior is not support yet * fix: select validationBehavior not supported yet * feat: add form component with input support * feat: add support form context * chore: wip add support for form server errors * chore: add support checkbox server validation * chore: add support radio server validation * chore: update pnpm-lock.yaml * chore: add support input server validation * chore: add support autocomplete server validation * chore(form): add server validation stories * chore: fix test * chore: add date-picker validation test * chore: update form stories * chore: add changeset * chore: update react-aria version * chore: add pnpm-lock.yaml * chore: update react-aria version * chore: add comment * chore: update react-aria version * chore: fix change set * chore: export form component in the main package * chore: upgrade react-aria * chore: fixed internationalized/date version * fix: build error * chore: upgrade docs react-aria version * fix: remove comment * fix: debug setting * chore(docs): update sponsor (#3904) * chore(docs): remove Scrumbuiss * chore(docs): remove Scrumbuiss logo * chore(docs): replace va by posthog (#4123) * chore(changeset): change to patch * refactor: react-aria-components remove to decrease package size, logic moved to the form package --------- Co-authored-by: Junior Garcia Co-authored-by: WK Wong * docs: add forms guide (#4155) Co-authored-by: Ryo Matsukawa <76232929+ryo-manba@users.noreply.github.com> * chore: routes updated * ci(changesets): version packages (beta) (#4151) Co-authored-by: github-actions[bot] * chore: fix indentation * fix(changeset): package not be found * ci(changesets): version packages (beta) (#4158) Co-authored-by: github-actions[bot] * fix(select): controlled isInvalid prop (#4082) * fix(select): controlled isInvalid prop * chore: add changeset * Merge branch 'beta/release-next' into pr/4082 --------- Co-authored-by: WK Wong * ci(changesets): version packages (beta) (#4159) Co-authored-by: github-actions[bot] * chore(changeset): bump all versions * ci(changesets): version packages (beta) (#4160) Co-authored-by: github-actions[bot] * fix(deps): missing peer / dev dependency for framer-motion (#4161) * fix(system): align `navigate` function parameters with `@react-aria` (#4163) * fix: menu item classNames not work (#4156) * fix: menu item classNames not work * feat: changeset * docs: update * feat: merge classes utility added * Update .changeset/brave-trains-wave.md --------- Co-authored-by: WK Wong Co-authored-by: Junior Garcia * chore(docs): remove incorrect info * ci(changesets): version packages (beta) (#4162) Co-authored-by: github-actions[bot] * refactor(docs): overall dx (#4055) * refactor(docs): revise code block (#3922) * refactor(docs): revise code block * chore(docs): resolve pr comments * refactor(docs): autocomplete dx (#3934) * feat(docs): add *.js?raw module * feat(docs): change to react-jsx and add **/*.js * chore(root): include js and jsx * refactor(docs): autocomplete dx * chore(docs): rollback overrides * chore(autocomplete): lint * fix(autocomplete): incorrect import path * fix(docs): autocomplete dx * chore(docs): remove highlightedLines * refactor(docs): breadcrumbs dx (#3968) * refactor(docs): breadcrumbs dx * fix(docs): export issue * chore(docs): use preserve for jsx * fix(docs): support multiline import * fix(docs): support multiple export * chore(docs): add back export * refactor(docs): avatar dx (#3951) * refactor(docs): badge dx (#3960) * refactor(docs): badge dx * chore(docs): incorrect import path * refactor(docs): button dx (#3981) * refactor(docs): calendar dx (#4022) * refactor(docs): calendar dx * fix(docs): incorrect import path * refactor(docs): switch dx (#4037) * refactor(docs): switch dx * chore(docs): remove highlightedLines * refactor(docs): tooltip (#4035) * refactor(docs): usage dx (#4036) * refactor(docs): circular-progress dx (#4029) * refactor(docs): chip-dx (#4028) * refactor(docs): checkbox-group dx (#4027) * refactor(docs): checkbox dx (#4024) * refactor(docs): checkbox dx * fix(docs): incorrect import path * refactor(docs): card dx (#4023) * refactor(docs): skeleton dx (#4042) * refactor(docs): spacer dx (#4043) * refactor(docs): snippet dx (#4044) * refactor(docs): scroll-shadow dx (#4045) * refactor(docs): code dx (#4046) * refactor(docs): kbd dx (#4047) * refactor(docs): link dx (#4048) * refactor(docs): progress dx (#4049) * refactor(docs): divider dx (#4050) * refactor(docs): listbox dx (#4051) * refactor(docs): listbox dx * fix(docs): import path * fix(docs): import path * chore(docs): remove highlightedLines * fix(docs): indentation * chore(docs): replace the props of autocomplete from value to key (#4129) * refactor(docs): alert dx (#4108) * refactor(docs): alert dx * refactor(docs): alert dx * refactor(docs): image dx (#4061) * refactor(docs): textarea dx (#4063) * refactor(docs): spinner dx (#4088) * refactor(docs): radio-group dx (#4064) * refactor(docs): pagination dx (#4062) * refactor(docs): pagination dx * refactor(docs): pagination dx * refactor(docs): time-input dx (#4065) * refactor(docs): time-input dx * refactor(docs): time-input dx * refactor(docs): slider dx (#4066) * refactor(docs): slider dx * refactor(docs): slider dx * refactor(docs): move SliderValue to type * refactor(docs): slider dx * refactor(docs): make icon code collapsible * refactor(docs): specify versions for date packages (#4138) * refactor(docs): specify versions for date packages * fix(docs): correct RA i18n version * chore(deps): sync version from package * refactor(docs): tabs dx (#4067) * refactor(docs): tab dx * refactor(docs): tabs dx * refactor(docs): input dx (#4102) * refactor(docs): input dx * refactor(docs): input dx * refactor(docs): navbar dx (#4076) * refactor(docs): navbar dx * refactor(docs): navbar dx * refactor(docs): navbar dx * refactor(docs): modal dx (#4077) * refactor(docs): modal dx * refactor(docs): modal dx * refactor(docs): select dx (#4078) * refactor(docs): select dx * refactor(docs): select dx * refactor(docs): select dx * refactor(docs): select dx * refactor(docs): select dx * refactor(docs): table dx (#4079) * refactor(docs): table dx * fix(docs): import path * refactor(docs): table dx * refactor(docs): table dx * refactor(docs): popover dx (#4090) * refactor(docs): range-calendar dx (#4089) * refactor(docs): range-calendar dx * fix(docs): import path * refactor(docs): date input dx (#4100) * refactor(docs): dropdown dx (#4101) * refactor(docs): dropdown dx * refactor(docs): remove highlightedLines * refactor(docs): dropdown dx * refactor(docs): dropdown dx * refactor(docs): date-picker dx (#4103) * refactor(docs): date-picker dx * fix(docs): import paths * refactor(docs): date-range-picker dx (#4104) * refactor(docs): date-range-picker dx * fix(docs): date-range-picker dx * refactor(docs): drawer dx (#4109) * refactor(docs): drawer dx * fix(docs): indentation * refactor(docs): make icon collapsible --------- Co-authored-by: աӄա Co-authored-by: Ryo Matsukawa <76232929+ryo-manba@users.noreply.github.com> * feat(input-otp): introduce input OTP component (#4052) * feat(input-otp): adding the functionality * fix(input-otp): making the use of input-otp library * Update .changeset/spotty-flies-jump.md * chore(input-otp): nits * feat: improvements and fixes added * refactor: input-otp docs improvements * fix: changeset * fix: build --------- Co-authored-by: Maharshi Alpesh Co-authored-by: Junior Garcia * ci(changesets): version packages (beta) (#4169) Co-authored-by: github-actions[bot] * refactor(theme): revise label font size for lg (#4141) * refactor(theme): revise label font size for lg * chore(changeset): add changeset * refactor(theme): revise label font size for lg * fix(docs): typecheck errors (#4171) * fix(docs): remove duplicate import * fix(docs): update type for onChange in range-calendar page * fix(docs): add missing `@react-types/calendar` * fix(docs): broken syntax * fix(docs): typecheck issues * fix(docs): add missing `@react-types/datepicker` * fix(docs): typecheck issues * fix: missing li tag when href is specified (#4168) * fix(items): items in list should wrapped in li in case of a * chore: adding the tests * Feat/textarea add clear button (#4172) * feat(components): add clear button to the textarea component * docs(textarea): add test and changeset * feat(textarea): modify the changeset file * feat(textarea): add clear button to textarea * feat(textarea): add isClearable prop to textarea * docs(textarea): add documentation to textarea * docs(textarea): add documentation to textarea * feat(textarea): replace the textarea component clear icon and modify its location * feat(textarea): revise the clear button position * feat(textarea): revise the clear button structure * feat(textarea): revise the styles of clear button and textarea * feat(textarea): revise the styles of RTL case * feat(textarea): change the rtl to pe * feat(textarea): delete the px classname * chore(changeset): update package and message * test(textarea): add test case * feat(textarea): change the clear button structure * feat(textarea): optimized code * chore(textarea): update the changeset file * docs(textarea): add slots doc to textarea * chore(textarea): update peerDevpeerDependencies version * chore(textarea): add usecallback dep * Update .changeset/five-adults-protect.md * chore(pre-release): enter pre-release mode * feat(textarea): modify the clear button icon * fix(theme): apply tw nested group (#3909) * chore(changset): add changeset * fix(theme): apply nested group to table * chore(docs): update table bottomContent code * fix: changeset * fix: changeset * fix: changeset * fix: changeset * fix: changeset * fix: pkg versions * fix: changeset * fix: drawer peer dep * chore: update plop components tempalte * ci(changesets): version packages (beta) (#3988) Co-authored-by: github-actions[bot] * fix: pre-release workflow * chore: debug log added * chore: force pre-release * ci(changesets): version packages (beta) * ci(changesets): version packages (beta) * ci(changesets): version packages (beta) * ci(changesets): version packages (beta) * ci(changesets): version packages (beta) * chore: beta1 (#3990) * ci(changesets): version packages (beta) (#3991) Co-authored-by: github-actions[bot] * fix(use-image): image ReferenceError in SSR (#3993) * fix(input): fixed a sliding issue caused by the helper wrapper (#3966) * If it is false and there is an error message or description it will create a div * Update packages/components/input/src/input.tsx * Update packages/components/select/src/select.tsx * Update packages/components/input/src/textarea.tsx * add changeset * changeset update * ci(changesets): version packages (beta) (#3995) Co-authored-by: github-actions[bot] * fix: image loading in the server (#3996) * fix: lock file * chore: force release * chore: force release 2 * ci(changesets): version packages (beta) (#3997) Co-authored-by: github-actions[bot] * fix: image load on next.js (#3998) * ci(changesets): version packages (beta) (#3999) Co-authored-by: github-actions[bot] * fix: element.ref was removed in React 19 warning (#4003) * ci(changesets): version packages (beta) (#4004) Co-authored-by: github-actions[bot] * fix: react 19 as peer dep (#4008) * ci(changesets): version packages (beta) (#4009) Co-authored-by: github-actions[bot] * Beta/react 19 support (#4010) * fix: react 19 as peer dep * fix: react 19 as peer dep * chore: support framer-motion alpha version * ci(changesets): version packages (beta) (#4011) Co-authored-by: github-actions[bot] * fix(theme): making select and input themes consistent (#3881) * ci(changesets): version packages (beta) (#4012) Co-authored-by: github-actions[bot] * fix(textarea): fix clearButton display * fix: support inert value with boolean type for react 19 (#4039) * ci(changesets): version packages (beta) (#4041) Co-authored-by: github-actions[bot] * feat: alert design improved (#4054) * ci(changesets): version packages (beta) (#4056) Co-authored-by: github-actions[bot] * feat: drawer improvements (#4057) * ci(changesets): version packages (beta) (#4058) * feat: alert styles improved (#4071) * ci(changesets): version packages (beta) (#4072) Co-authored-by: github-actions[bot] * feat: alert styles improved (#4073) * ci(changesets): version packages (beta) (#4074) Co-authored-by: github-actions[bot] * feat: add number of stars and credits * chore: fix build * chore: improve navabr colors * chore: new changeset (#4083) * ci(changesets): version packages (beta) (#4084) Co-authored-by: github-actions[bot] * chore: pnpm cleaned (#4086) * ci(changesets): version packages (beta) (#4087) Co-authored-by: github-actions[bot] * chore: custom runnner added * chore: custom runner test (#4091) * Beta/custom runner (#4092) * chore: custom runner test * chore: custom runner test * chore: remove 2 from older changeset * ci(changesets): version packages (beta) (#4093) Co-authored-by: github-actions[bot] * feat: new demo added to alert * Feat/virtualization for autocomplete (#4094) * feat: add react-window virtualization for autocomplete * fix: wrong imports and wrong sizing * fix: update pnpm lock * chore: add test cases for large dataset (1000 and 10000 items) * chore: move virtualized-listbox to listbox components folder, implement isVirtualized conditional * feat: implement dynamic listboxheight n item height, add story * chore: rename props, remove unnecessary line changes * fix: maxHeight style 256px for default, conditional usage of virtualizer * feat: migrate to tan-stack virtual. (todo: fix scroll shadow) * feat: virtualization support --------- Co-authored-by: Vincentius Roger Kuswara * ci(changesets): version packages (beta) (#4095) * feat: small fixes * feat: add reducedMotion setting to Provider (#3470) * feat: add reducedMotion setting to Provider * chore: refactor reducedMotion story * Update .changeset/pretty-parrots-guess.md --------- Co-authored-by: Junior Garcia * ci(changesets): version packages (beta) (#4106) Co-authored-by: github-actions[bot] * fix: move circular-progress tv to progress (#3321) * fix: remove circular-progress tv to progress * docs: changeset * chore(changeset): update changeset message * Update .changeset/angry-maps-serve.md --------- Co-authored-by: աӄա Co-authored-by: Junior Garcia * fix: label placement when the select has a placeholder or description (#4126) * ci(changesets): version packages (beta) (#4107) Co-authored-by: github-actions[bot] * fix(deps): add missing `framer-motion` in `peerDependencies` (#4140) * fix(theme): add truncate class to the list item to avoid overflow the wrapper (#4105) * fix(docs): invalid canary storybook link (#4030) * fix: menu item hidden overflow text * feat: changeset * Merge branch 'beta/release-next' into fix/menu-item-hidden * fix: truncate list item * feat: update changeset * fix(menu): omit internal props --------- Co-authored-by: աӄա Co-authored-by: Junior Garcia * Update apps/docs/content/docs/components/textarea.mdx * feat(table): add isKeyboardNavigationDisabled prop to the table (#3735) Co-authored-by: Maharshi Alpesh * feat: add form component (#3036) * chore: add support validationBehavior aria * chore: add validationBehavior to Provider * chore: add autocomplete validation test * chore: add checkbox validation test * fix(input): require condition * docs: add description of validationBehavior props * chore: add support validationBehavior props for date components * docs(dates): add description of validationBehavior props * chore: add changeset * chore: format * chore: fix test * fix: select validationBehavior is not support yet * fix: select validationBehavior not supported yet * feat: add form component with input support * feat: add support form context * chore: wip add support for form server errors * chore: add support checkbox server validation * chore: add support radio server validation * chore: update pnpm-lock.yaml * chore: add support input server validation * chore: add support autocomplete server validation * chore(form): add server validation stories * chore: fix test * chore: add date-picker validation test * chore: update form stories * chore: add changeset * chore: update react-aria version * chore: add pnpm-lock.yaml * chore: update react-aria version * chore: add comment * chore: update react-aria version * chore: fix change set * chore: export form component in the main package * chore: upgrade react-aria * chore: fixed internationalized/date version * fix: build error * chore: upgrade docs react-aria version * fix: remove comment * fix: debug setting * chore(docs): update sponsor (#3904) * chore(docs): remove Scrumbuiss * chore(docs): remove Scrumbuiss logo * chore(docs): replace va by posthog (#4123) * chore(changeset): change to patch * refactor: react-aria-components remove to decrease package size, logic moved to the form package --------- Co-authored-by: Junior Garcia Co-authored-by: WK Wong * docs: add forms guide (#4155) Co-authored-by: Ryo Matsukawa <76232929+ryo-manba@users.noreply.github.com> * chore: routes updated * ci(changesets): version packages (beta) (#4151) Co-authored-by: github-actions[bot] * chore: fix indentation * fix(changeset): package not be found * ci(changesets): version packages (beta) (#4158) Co-authored-by: github-actions[bot] * fix(select): controlled isInvalid prop (#4082) * fix(select): controlled isInvalid prop * chore: add changeset * Merge branch 'beta/release-next' into pr/4082 --------- Co-authored-by: WK Wong * ci(changesets): version packages (beta) (#4159) Co-authored-by: github-actions[bot] * chore(changeset): bump all versions * ci(changesets): version packages (beta) (#4160) Co-authored-by: github-actions[bot] * fix(deps): missing peer / dev dependency for framer-motion (#4161) * fix(system): align `navigate` function parameters with `@react-aria` (#4163) * fix: menu item classNames not work (#4156) * fix: menu item classNames not work * feat: changeset * docs: update * feat: merge classes utility added * Update .changeset/brave-trains-wave.md --------- Co-authored-by: WK Wong Co-authored-by: Junior Garcia * chore(docs): remove incorrect info * ci(changesets): version packages (beta) (#4162) Co-authored-by: github-actions[bot] * refactor(docs): overall dx (#4055) * refactor(docs): revise code block (#3922) * refactor(docs): revise code block * chore(docs): resolve pr comments * refactor(docs): autocomplete dx (#3934) * feat(docs): add *.js?raw module * feat(docs): change to react-jsx and add **/*.js * chore(root): include js and jsx * refactor(docs): autocomplete dx * chore(docs): rollback overrides * chore(autocomplete): lint * fix(autocomplete): incorrect import path * fix(docs): autocomplete dx * chore(docs): remove highlightedLines * refactor(docs): breadcrumbs dx (#3968) * refactor(docs): breadcrumbs dx * fix(docs): export issue * chore(docs): use preserve for jsx * fix(docs): support multiline import * fix(docs): support multiple export * chore(docs): add back export * refactor(docs): avatar dx (#3951) * refactor(docs): badge dx (#3960) * refactor(docs): badge dx * chore(docs): incorrect import path * refactor(docs): button dx (#3981) * refactor(docs): calendar dx (#4022) * refactor(docs): calendar dx * fix(docs): incorrect import path * refactor(docs): switch dx (#4037) * refactor(docs): switch dx * chore(docs): remove highlightedLines * refactor(docs): tooltip (#4035) * refactor(docs): usage dx (#4036) * refactor(docs): circular-progress dx (#4029) * refactor(docs): chip-dx (#4028) * refactor(docs): checkbox-group dx (#4027) * refactor(docs): checkbox dx (#4024) * refactor(docs): checkbox dx * fix(docs): incorrect import path * refactor(docs): card dx (#4023) * refactor(docs): skeleton dx (#4042) * refactor(docs): spacer dx (#4043) * refactor(docs): snippet dx (#4044) * refactor(docs): scroll-shadow dx (#4045) * refactor(docs): code dx (#4046) * refactor(docs): kbd dx (#4047) * refactor(docs): link dx (#4048) * refactor(docs): progress dx (#4049) * refactor(docs): divider dx (#4050) * refactor(docs): listbox dx (#4051) * refactor(docs): listbox dx * fix(docs): import path * fix(docs): import path * chore(docs): remove highlightedLines * fix(docs): indentation * chore(docs): replace the props of autocomplete from value to key (#4129) * refactor(docs): alert dx (#4108) * refactor(docs): alert dx * refactor(docs): alert dx * refactor(docs): image dx (#4061) * refactor(docs): textarea dx (#4063) * refactor(docs): spinner dx (#4088) * refactor(docs): radio-group dx (#4064) * refactor(docs): pagination dx (#4062) * refactor(docs): pagination dx * refactor(docs): pagination dx * refactor(docs): time-input dx (#4065) * refactor(docs): time-input dx * refactor(docs): time-input dx * refactor(docs): slider dx (#4066) * refactor(docs): slider dx * refactor(docs): slider dx * refactor(docs): move SliderValue to type * refactor(docs): slider dx * refactor(docs): make icon code collapsible * refactor(docs): specify versions for date packages (#4138) * refactor(docs): specify versions for date packages * fix(docs): correct RA i18n version * chore(deps): sync version from package * refactor(docs): tabs dx (#4067) * refactor(docs): tab dx * refactor(docs): tabs dx * refactor(docs): input dx (#4102) * refactor(docs): input dx * refactor(docs): input dx * refactor(docs): navbar dx (#4076) * refactor(docs): navbar dx * refactor(docs): navbar dx * refactor(docs): navbar dx * refactor(docs): modal dx (#4077) * refactor(docs): modal dx * refactor(docs): modal dx * refactor(docs): select dx (#4078) * refactor(docs): select dx * refactor(docs): select dx * refactor(docs): select dx * refactor(docs): select dx * refactor(docs): select dx * refactor(docs): table dx (#4079) * refactor(docs): table dx * fix(docs): import path * refactor(docs): table dx * refactor(docs): table dx * refactor(docs): popover dx (#4090) * refactor(docs): range-calendar dx (#4089) * refactor(docs): range-calendar dx * fix(docs): import path * refactor(docs): date input dx (#4100) * refactor(docs): dropdown dx (#4101) * refactor(docs): dropdown dx * refactor(docs): remove highlightedLines * refactor(docs): dropdown dx * refactor(docs): dropdown dx * refactor(docs): date-picker dx (#4103) * refactor(docs): date-picker dx * fix(docs): import paths * refactor(docs): date-range-picker dx (#4104) * refactor(docs): date-range-picker dx * fix(docs): date-range-picker dx * refactor(docs): drawer dx (#4109) * refactor(docs): drawer dx * fix(docs): indentation * refactor(docs): make icon collapsible --------- Co-authored-by: աӄա Co-authored-by: Ryo Matsukawa <76232929+ryo-manba@users.noreply.github.com> * Merge branch 'beta/release-next' into pr/3477 * refactor(docs): apply new structure to doc * feat(input-otp): introduce input OTP component (#4052) * feat(input-otp): adding the functionality * fix(input-otp): making the use of input-otp library * Update .changeset/spotty-flies-jump.md * chore(input-otp): nits * feat: improvements and fixes added * refactor: input-otp docs improvements * fix: changeset * fix: build --------- Co-authored-by: Maharshi Alpesh Co-authored-by: Junior Garcia * ci(changesets): version packages (beta) (#4169) Co-authored-by: github-actions[bot] * refactor(theme): revise label font size for lg (#4141) * refactor(theme): revise label font size for lg * chore(changeset): add changeset * refactor(theme): revise label font size for lg * fix(docs): typecheck errors (#4171) * fix(docs): remove duplicate import * fix(docs): update type for onChange in range-calendar page * fix(docs): add missing `@react-types/calendar` * fix(docs): broken syntax * fix(docs): typecheck issues * fix(docs): add missing `@react-types/datepicker` * fix(docs): typecheck issues * fix: missing li tag when href is specified (#4168) * fix(items): items in list should wrapped in li in case of a * chore: adding the tests * fix: textarea issues with the clear button * chore: adjust clear button position --------- Co-authored-by: doki- <1335902682@qq.com> Co-authored-by: WK Wong Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: github-actions[bot] Co-authored-by: Mustafa Balcı <19329346+mstfblci@users.noreply.github.com> Co-authored-by: Maharshi Alpesh Co-authored-by: Vincentius Roger Kuswara Co-authored-by: Ryo Matsukawa <76232929+ryo-manba@users.noreply.github.com> Co-authored-by: winches <329487092@qq.com> Co-authored-by: Tianen Pang <32772271+tianenpang@users.noreply.github.com> Co-authored-by: Maharshi Alpesh Co-authored-by: chirokas <157580465+chirokas@users.noreply.github.com> * ci(changesets): version packages (beta) (#4170) Co-authored-by: github-actions[bot] * docs: sync api from nextui-cli v0.3.5 (#4173) Co-authored-by: GitHub Action * ci(changesets): exit pre-release mode --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: աӄա Co-authored-by: github-actions[bot] Co-authored-by: Mustafa Balcı <19329346+mstfblci@users.noreply.github.com> Co-authored-by: Maharshi Alpesh Co-authored-by: Vincentius Roger Kuswara Co-authored-by: Ryo Matsukawa <76232929+ryo-manba@users.noreply.github.com> Co-authored-by: winches <329487092@qq.com> Co-authored-by: Tianen Pang <32772271+tianenpang@users.noreply.github.com> Co-authored-by: Maharshi Alpesh Co-authored-by: chirokas <157580465+chirokas@users.noreply.github.com> Co-authored-by: doki- <1335902682@qq.com> Co-authored-by: GitHub Action * fix: pre release workflow on protected branches (#4174) * chore(pre-release): enter pre-release mode (#4175) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * fix: input otp peer deps (#4176) * chore: update workflows * chore: pre release workflow modified (#4177) * chore: canary versions (#4178) * fix: pre-release workflow (#4179) * chore: merged with beta branch * chore: workflow updated * ci(changesets): version packages * fix: changeset get github info * chore: force canary to release (#4180) * Feat/canary release (#4181) * chore: force canary to release * feat: canary release * ci(changesets): version packages * ci(changesets): version packages * fix: exit pre-release mode * fix: exit pre-release mode * fix: exit pre-release mode * fix: exit pre-release mode * fix: exit pre-release mode * chore: exit pre release mode * fix(workflows): release & pre-release flow (#4184) * chore: revert exit and enter pre release changes * chore: canary release test (#4185) * chore: update exit and enter workflows * chore: update workflow name * fix: exit pre-release mode * fix: exit pre-release mode * chore: delete pre file * chore: remove duplicate changesets * chore: base branch change to canary, changeset config * refactor: beta tags manually deleted (#4187) * fix: install * fix: peer deps (#4188) * Fix/peer deps (#4189) * fix: peer deps * fix: tests * fix: routes * chore(docs): revise defaultShowFlagList (#4193) * chore(docs): add Example to defaultShowFlagList * chore(docs): revise defaultShowFlagList * feat: documentation improvements (#4195) * feat: documentation improvements * fix: alert api * Feat/doc improvements (#4196) * feat: documentation improvements * fix: alert api * fix: copy button * fix: return in card demo * Fix/react core pkg (#4204) * fix: double use client tag import in react core package * fix: double use client * chore: restore postbuild script * docs: optimize code fold (#4202) * docs: optimize code fold * fix: code review * fix(input): teaxtarea label squish (#4197) * fix(input): teaxtarea label squish * chore(changeset): add changeset for textarea label fix * chore: remove customer runner * chore: rename changeset * chore: increase timeout * chore: change get info pkg version * chore: new changeset * chore: single chnageset * chore: consolidated changeset * chore: consolidated changeset * Update release.yaml (#4205) * chore: consolidated changeset * fix: forwardRef render functions not using ref (#4198) * fix: forwardRef render functions not using ref * fix: changelog * fix: review * fix: forwardRef render functions not using ref * docs: update changeset * feat(listbox): virtualization (#4206) * fix: should not export list item internal variables type * feat: changeset * fix: type error * fix: code block type error * feat: virtualization feature, docs for listbox * chore: update routes.json * fix: fix code-demo for typecheck * chore: rollback for files * chore: props omitted in the component itself * fix: menu item types * fix: tupecheck --------- Co-authored-by: winches <329487092@qq.com> Co-authored-by: Junior Garcia * feat(select): virtualization (#4203) * fix: should not export list item internal variables type * feat: changeset * feat: integrate virtualized listbox to select component, add more props * feat: update docs for select component * feat: update docs to include API for virtualization * fix: update docs to follow the newest format * fix: update test for disable virtualization, add test for virtualized version * fix: fix typo * fix: type error * fix: code block type error * chore: update docs to use raw jsx instead of template literal * fix: fix code-demo for typecheck * chore: rollback for files * fix: types * chore: remove caret version on tanstack virtual pkg * fix: pnpm lock file * fix: virtualization examples * fix: number of items --------- Co-authored-by: winches <329487092@qq.com> Co-authored-by: Junior Garcia * chore: adjust code colors * fix: collection based components ref (#4207) * chore: documentation adjustments * Update data-slot for the error message in the select. (#4214) * Update data-slot for the error message in the select. All components use the `data-slot="error-message"` attribute, except for the select component. I observed this behavior when a test in my application started failing. * refactor(select): refactors the data-slots attribute for the error message * fix(docs): types for classNames and itemClasses (#4209) * feat: documentation improvements * chore: more improvements to the docs, routing updated, acccordiong font size change * feat: forms doc in progress * fix(touch): fixing the selection functionality on touch (#4220) * fix(touch): fixing the selection functionality on touch * fix: radio, checkbox & switch interactions --------- Co-authored-by: Junior Garcia * chore(docs): remove non-existing attribute (#4221) * fix(select): hideEmptyContent API (#4219) * fix(select): hideEmptyContent API * test(select): hideEmptyContent tests * docs(select): hideEmptyContent API * chore(select): hideEmptyContent storybook * chore(changeset): add hideEmptyContent API to select * refactor(select): hideEmptyContent nitpick * test(select): hideEmptyContent UI assertions * fix(select): hideEmptyContent default false * docs(select): hideEmptyContent default false * fix(pagination): cursor position when hidden on init (#4222) * fix(pagination): cusor position when hidden on init * test(pagination): cursor intersection observer * chore(changeset): pagination cursor position fix * refactor(pagination): minor nitpicks - check for null ref in usePagination - restore original IntersectionObserver in test * fix: form fixes and improvements (#4224) * chore: form in progress * chore: main demo addded to forms, checkbox validation fixed * chore: forms docs improved * fix(deps): bump `@react-aria/utils` version (#4226) * fix(deps): bump `@react-aria/utils` version * chore(changeset): add changeset * feat: forms doc completed * chore: form component doc created * chore: forms doc improved * chore: doc improvements * chore: alert doc improved * feat: nextjs 15 migration in progress * feat: nextjs 15 migration [docs] (#4228) * feat: nextjs 15 migration in progress * feat: next 15 downgraded to next 14 * fix: migration errors * feat: codeblog is now rendered only when visible, this made a huge performance improvement * fix: remove folding * feat: v2.6.0 blog * feat: Adding nextui pro section on the landing page (#4227) * feat: adding nextui pro section on the landing page * chore(nits): nits * fix: remove pro image on mobile --------- Co-authored-by: Junior Garcia * fix(docs): prevent scrolling up on pressing theme change switch (#4233) * chore: improve v2.6.0 blog * chore: small improvements * chore: improve blog * ci(changesets): version packages (#4186) Co-authored-by: Junior Garcia * fix: snippet release (#4235) * ci(changesets): version packages (#4236) Co-authored-by: Junior Garcia * chore: v2.6.2 * ci(changesets): version packages (#4237) Co-authored-by: Junior Garcia * fix: draggable modal demo --------- Signed-off-by: Innei Signed-off-by: The1111mp Co-authored-by: ryoon Co-authored-by: աӄա Co-authored-by: Abhinav Agarwal <78839973+abhinav700@users.noreply.github.com> Co-authored-by: Maharshi Alpesh Co-authored-by: Maharshi Alpesh Co-authored-by: David Gonzalez Co-authored-by: Julie Saia <76669473+juliesaia@users.noreply.github.com> Co-authored-by: Alex Nguyen Co-authored-by: max Co-authored-by: Ryo Matsukawa <76232929+ryo-manba@users.noreply.github.com> Co-authored-by: Shrinidhi Upadhyaya Co-authored-by: Anuj Sharma <52837557+sanuj21@users.noreply.github.com> Co-authored-by: Innei Co-authored-by: Jeff. Co-authored-by: winches <329487092@qq.com> Co-authored-by: Abhinav Agarwal Co-authored-by: wzc520pyfm <1528857653@qq.com> Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com> Co-authored-by: Abhinandan Co-authored-by: The1111mp Co-authored-by: Rakha Kanz Kautsar Co-authored-by: Can Rau Co-authored-by: Azpekt <65199167+AzpektDev@users.noreply.github.com> Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: github-actions[bot] Co-authored-by: Mustafa Balcı <19329346+mstfblci@users.noreply.github.com> Co-authored-by: Vincentius Roger Kuswara Co-authored-by: Tianen Pang <32772271+tianenpang@users.noreply.github.com> Co-authored-by: chirokas <157580465+chirokas@users.noreply.github.com> Co-authored-by: doki- <1335902682@qq.com> Co-authored-by: GitHub Action Co-authored-by: Peterl561 <76144929+Peterl561@users.noreply.github.com> Co-authored-by: Julio Barrios --- .changeset/witty-socks-bathe.md | 5 - .github/ISSUE_TEMPLATE/config.yml | 6 +- .github/pull_request_template.md | 6 +- .github/workflows/enter-pre-release-mode.yaml | 35 + .github/workflows/exit-pre-release-mode.yaml | 39 + .github/workflows/pre-release.yaml | 81 + .github/workflows/release.yaml | 17 +- .github/workflows/sync-canary-to-main.yaml | 43 - .github/workflows/update-stats.yml | 42 + .gitignore | 1 + .husky/post-merge | 5 + .husky/post-rebase | 5 + .husky/scripts/update-dep | 11 + .vscode/settings.json | 2 +- apps/docs/.eslintrc.json | 6 +- apps/docs/app/blog/[slug]/page.tsx | 2 +- apps/docs/app/blog/page.tsx | 2 +- apps/docs/app/docs/[[...slug]]/page.tsx | 2 +- apps/docs/app/docs/layout.tsx | 2 +- apps/docs/app/examples/perf/client-page.tsx | 561 + apps/docs/app/examples/perf/page.tsx | 562 +- .../app/examples/table/custom-styles/page.tsx | 2 +- .../docs/app/examples/table/use-case/page.tsx | 2 +- apps/docs/app/feed.xml/route.ts | 2 +- apps/docs/app/layout.tsx | 35 +- apps/docs/app/page.tsx | 24 +- apps/docs/app/providers.tsx | 4 +- .../components/ads/carbon-ad/carbon-ad.tsx | 2 + apps/docs/components/blog-post.tsx | 3 +- apps/docs/components/cmdk.tsx | 2 +- .../components/code-window/code-block.tsx | 4 +- apps/docs/components/copy-button.tsx | 12 +- apps/docs/components/demo-code-modal.tsx | 5 +- apps/docs/components/demos/music-player.tsx | 9 +- .../components/demos/user-twitter-card.tsx | 6 +- .../docs/components/code-demo/code-demo.tsx | 1 + .../components/code-demo/react-live-demo.tsx | 34 +- .../docs/components/code-demo/utils.ts | 14 +- .../components/docs/components/codeblock.tsx | 237 +- .../docs/components/docs/components/helper.ts | 209 + .../docs/components/package-managers.tsx | 7 +- .../docs/components/swatch-colors-set.tsx | 4 +- apps/docs/components/docs/sidebar.tsx | 67 +- apps/docs/components/docs/toc.tsx | 6 +- .../featurebase/fb-changelog-button.tsx | 47 - .../featurebase/fb-feedback-button.tsx | 43 - apps/docs/components/footer.tsx | 36 + apps/docs/components/icons/info-circle.tsx | 33 + apps/docs/components/icons/moon.tsx | 2 +- apps/docs/components/icons/social.tsx | 6 +- apps/docs/components/icons/sun.tsx | 26 + .../marketing/custom-themes/custom-themes.tsx | 3 +- .../components/marketing/features-grid.tsx | 4 +- .../marketing/hero/floating-components.tsx | 2 +- apps/docs/components/marketing/hero/hero.tsx | 29 +- .../components/marketing/install-banner.tsx | 2 +- apps/docs/components/marketing/marquee.tsx | 79 + .../marketing/nextui-pro-section.tsx | 182 + .../components/marketing/support-client.tsx | 211 + apps/docs/components/marketing/support.tsx | 222 +- apps/docs/components/mdx-components.tsx | 148 +- apps/docs/components/mdx-content.tsx | 4 +- apps/docs/components/navbar.tsx | 219 +- apps/docs/components/primitives.ts | 2 +- .../components/sandpack/bugreport-button.tsx | 4 +- apps/docs/components/sandpack/copy-button.tsx | 4 +- apps/docs/components/sandpack/entries.ts | 2 +- .../components/sandpack/language-selector.tsx | 2 +- apps/docs/components/sandpack/use-sandpack.ts | 12 +- .../components/scripts/script-providers.tsx | 5 - apps/docs/components/static-table.tsx | 73 + apps/docs/components/theme-switch.tsx | 37 +- apps/docs/config/fonts.ts | 92 +- apps/docs/config/github-info.json | 6 + apps/docs/config/routes.json | 125 +- apps/docs/config/search-meta.json | 3409 +-- apps/docs/config/site.ts | 2 +- apps/docs/content/blog/nextui-v2.mdx | 4 +- apps/docs/content/blog/v2.1.0.mdx | 4 +- apps/docs/content/blog/v2.2.0.mdx | 2 +- apps/docs/content/blog/v2.3.0.mdx | 14 +- apps/docs/content/blog/v2.6.0.mdx | 751 + .../accordion/bordered-variant.raw.jsx | 20 + .../components/accordion/bordered-variant.ts | 21 +- .../components/accordion/compact.raw.jsx | 20 + .../content/components/accordion/compact.ts | 21 +- .../components/accordion/controlled.raw.jsx | 22 + .../components/accordion/controlled.raw.tsx | 24 + .../components/accordion/controlled.ts | 53 +- .../accordion/custom-motion.raw.jsx | 59 + .../components/accordion/custom-motion.ts | 58 +- .../accordion/custom-styles.raw.jsx | 263 + .../components/accordion/custom-styles.ts | 265 +- .../accordion/default-expanded-keys.raw.jsx | 39 + .../accordion/default-expanded-keys.ts | 30 +- .../accordion/disabled-keys.raw.jsx | 39 + .../components/accordion/disabled-keys.ts | 30 +- .../accordion/indicator-function.raw.jsx | 104 + .../accordion/indicator-function.ts | 115 +- .../components/accordion/indicator.raw.jsx | 99 + .../content/components/accordion/indicator.ts | 100 +- .../accordion/light-variant.raw.jsx | 20 + .../components/accordion/light-variant.ts | 21 +- .../components/accordion/multiple.raw.jsx | 20 + .../content/components/accordion/multiple.ts | 21 +- .../accordion/shadow-variant.raw.jsx | 20 + .../components/accordion/shadow-variant.ts | 21 +- .../accordion/splitted-variant.raw.jsx | 20 + .../components/accordion/splitted-variant.ts | 21 +- .../accordion/start-content.raw.jsx | 63 + .../components/accordion/start-content.ts | 64 +- .../components/accordion/subtitle.raw.jsx | 39 + .../content/components/accordion/subtitle.ts | 30 +- .../components/accordion/usage.raw.jsx | 20 + .../content/components/accordion/usage.ts | 21 +- .../components/accordion/variant.raw.jsx | 67 + .../content/components/accordion/variants.ts | 68 +- .../content/components/alert/colors.raw.jsx | 15 + apps/docs/content/components/alert/colors.ts | 9 + .../components/alert/controlled-alert.raw.jsx | 28 + .../content/components/alert/controlled.ts | 9 + .../components/alert/custom-impl.raw.jsx | 124 + .../content/components/alert/custom-impl.ts | 9 + .../components/alert/custom-styles.raw.jsx | 91 + .../components/alert/custom-styles.raw.tsx | 87 + .../content/components/alert/custom-styles.ts | 15 + apps/docs/content/components/alert/index.ts | 25 + .../content/components/alert/radius.raw.jsx | 15 + apps/docs/content/components/alert/radius.ts | 9 + .../content/components/alert/usage.raw.jsx | 12 + apps/docs/content/components/alert/usage.ts | 9 + .../content/components/alert/variants.raw.jsx | 16 + .../docs/content/components/alert/variants.ts | 9 + .../components/alert/with-action.raw.jsx | 19 + .../content/components/alert/with-action.ts | 9 + .../components/alert/with-icon.raw.jsx | 33 + .../content/components/alert/with-icon.ts | 9 + .../alert/without-icon-wrapper.raw.jsx | 15 + .../components/alert/without-icon-wrapper.ts | 9 + .../components/alert/without-icon.raw.jsx | 12 + .../content/components/alert/without-icon.ts | 9 + .../autocomplete/async-filtering.raw.jsx | 34 + .../autocomplete/async-filtering.raw.tsx | 41 + .../autocomplete/async-filtering.ts | 78 +- .../autocomplete/async-loading-items.raw.jsx | 99 + .../autocomplete/async-loading-items.raw.tsx | 110 + .../autocomplete/async-loading-items.ts | 179 +- .../components/autocomplete/colors.raw.jsx | 51 + .../content/components/autocomplete/colors.ts | 61 +- .../autocomplete/controlled.raw.jsx | 51 + .../autocomplete/controlled.raw.tsx | 51 + .../components/autocomplete/controlled.ts | 79 +- .../custom-empty-content-message.raw.jsx | 47 + .../custom-empty-content-message.ts | 50 +- .../autocomplete/custom-filtering.raw.jsx | 57 + .../autocomplete/custom-filtering.raw.tsx | 57 + .../autocomplete/custom-filtering.ts | 91 +- .../autocomplete/custom-items.raw.jsx | 229 + .../components/autocomplete/custom-items.ts | 232 +- .../custom-sections-style.raw.jsx | 49 + .../autocomplete/custom-sections-style.ts | 49 +- .../autocomplete/custom-selector-icon.raw.jsx | 68 + .../autocomplete/custom-selector-icon.ts | 71 +- .../autocomplete/custom-styles.raw.jsx | 303 + .../components/autocomplete/custom-styles.ts | 312 +- .../autocomplete/custom-value.raw.jsx | 43 + .../components/autocomplete/custom-value.ts | 46 +- .../autocomplete/description.raw.jsx | 44 + .../components/autocomplete/description.ts | 47 +- .../autocomplete/disabled-items.raw.jsx | 43 + .../components/autocomplete/disabled-items.ts | 46 +- .../components/autocomplete/disabled.raw.jsx | 44 + .../components/autocomplete/disabled.ts | 47 +- .../components/autocomplete/dynamic.raw.jsx | 42 + .../components/autocomplete/dynamic.ts | 45 +- .../autocomplete/error-message.raw.jsx | 54 + .../components/autocomplete/error-message.ts | 57 +- .../components/autocomplete/events.raw.jsx | 60 + .../components/autocomplete/events.raw.tsx | 61 + .../content/components/autocomplete/events.ts | 103 +- .../autocomplete/fully-controlled.raw.jsx | 96 + .../autocomplete/fully-controlled.raw.tsx | 103 + .../autocomplete/fully-controlled.ts | 180 +- .../content/components/autocomplete/index.ts | 8 + .../autocomplete/item-start-content.raw.jsx | 68 + .../autocomplete/item-start-content.ts | 68 +- .../autocomplete/label-placements.raw.jsx | 72 + .../autocomplete/label-placements.ts | 79 +- .../components/autocomplete/read-only.raw.jsx | 44 + .../components/autocomplete/read-only.ts | 47 +- .../components/autocomplete/required.raw.jsx | 44 + .../components/autocomplete/required.ts | 47 +- .../components/autocomplete/sections.raw.jsx | 28 + .../components/autocomplete/sections.ts | 33 +- .../components/autocomplete/sizes.raw.jsx | 59 + .../content/components/autocomplete/sizes.ts | 62 +- .../autocomplete/start-content.raw.jsx | 81 + .../components/autocomplete/start-content.ts | 84 +- .../components/autocomplete/usage.raw.jsx | 49 + .../content/components/autocomplete/usage.ts | 57 +- .../components/autocomplete/variants.raw.jsx | 60 + .../components/autocomplete/variants.ts | 65 +- .../virtualization-custom-item-height.raw.jsx | 53 + .../virtualization-custom-item-height.ts | 9 + .../virtualization-max-listbox-height.raw.jsx | 52 + .../virtualization-max-listbox-height.ts | 9 + .../virtualization-ten-thousand.raw.jsx | 51 + .../virtualization-ten-thousand.ts | 9 + .../autocomplete/virtualization.raw.jsx | 51 + .../components/autocomplete/virtualization.ts | 9 + .../without-scroll-shadow.raw.jsx | 46 + .../autocomplete/without-scroll-shadow.ts | 49 +- .../components/avatar/bordered.raw.jsx | 14 + .../content/components/avatar/bordered.ts | 15 +- .../content/components/avatar/colors.raw.jsx | 14 + apps/docs/content/components/avatar/colors.ts | 15 +- .../components/avatar/custom-fallback.raw.jsx | 41 + .../components/avatar/custom-fallback.ts | 36 +- .../components/avatar/custom-impl.raw.jsx | 60 + .../components/avatar/custom-impl.raw.tsx | 62 + .../content/components/avatar/custom-impl.ts | 128 +- .../content/components/avatar/custom.raw.jsx | 15 + apps/docs/content/components/avatar/custom.ts | 16 +- .../components/avatar/disabled.raw.jsx | 14 + .../content/components/avatar/disabled.ts | 15 +- .../components/avatar/fallbacks.raw.jsx | 11 + .../content/components/avatar/fallbacks.ts | 12 +- .../avatar/group-custom-count.raw.jsx | 21 + .../components/avatar/group-custom-count.ts | 22 +- .../avatar/group-custom-impl.raw.jsx | 29 + .../avatar/group-custom-impl.raw.tsx | 36 + .../components/avatar/group-custom-impl.ts | 67 +- .../components/avatar/group-disabled.raw.jsx | 14 + .../components/avatar/group-disabled.ts | 15 +- .../components/avatar/group-grid.raw.jsx | 17 + .../content/components/avatar/group-grid.ts | 18 +- .../components/avatar/group-max.raw.jsx | 14 + .../content/components/avatar/group-max.ts | 15 +- .../components/avatar/group-total.raw.jsx | 14 + .../content/components/avatar/group-total.ts | 15 +- .../content/components/avatar/group.raw.jsx | 14 + apps/docs/content/components/avatar/group.ts | 15 +- .../content/components/avatar/radius.raw.jsx | 12 + apps/docs/content/components/avatar/radius.ts | 13 +- .../content/components/avatar/sizes.raw.jsx | 16 + apps/docs/content/components/avatar/sizes.ts | 14 +- .../content/components/avatar/usage.raw.jsx | 14 + apps/docs/content/components/avatar/usage.ts | 15 +- .../content/components/badge/a11y.raw.jsx | 31 + apps/docs/content/components/badge/a11y.ts | 39 +- .../content/components/badge/colors.raw.jsx | 26 + apps/docs/content/components/badge/colors.ts | 45 +- .../components/badge/content-examples.raw.jsx | 80 + .../components/badge/content-examples.ts | 105 +- .../components/badge/placements.raw.jsx | 20 + .../content/components/badge/placements.ts | 37 +- .../content/components/badge/shapes.raw.jsx | 14 + apps/docs/content/components/badge/shapes.ts | 23 +- .../components/badge/show-outline.raw.jsx | 14 + .../content/components/badge/show-outline.ts | 23 +- .../content/components/badge/sizes.raw.jsx | 17 + apps/docs/content/components/badge/sizes.ts | 27 +- .../content/components/badge/usage.raw.jsx | 9 + apps/docs/content/components/badge/usage.ts | 14 +- .../content/components/badge/variants.raw.jsx | 20 + .../docs/content/components/badge/variants.ts | 33 +- .../components/badge/visibility.raw.jsx | 71 + .../content/components/badge/visibility.ts | 76 +- .../breadcrumbs/collapsing-items.raw.jsx | 13 + .../breadcrumbs/collapsing-items.ts | 14 +- .../components/breadcrumbs/colors.raw.jsx | 19 + .../content/components/breadcrumbs/colors.ts | 20 +- .../components/breadcrumbs/controlled.raw.jsx | 25 + .../components/breadcrumbs/controlled.raw.tsx | 26 + .../components/breadcrumbs/controlled.ts | 53 +- .../breadcrumbs/custom-items.raw.jsx | 70 + .../components/breadcrumbs/custom-items.ts | 69 +- .../breadcrumbs/custom-styles.raw.jsx | 56 + .../components/breadcrumbs/custom-styles.ts | 57 +- .../breadcrumbs/customizing-ellipsis.raw.jsx | 45 + .../breadcrumbs/customizing-ellipsis.ts | 43 +- .../components/breadcrumbs/disabled.raw.jsx | 13 + .../components/breadcrumbs/disabled.ts | 14 +- .../components/breadcrumbs/menu-type.raw.jsx | 39 + .../components/breadcrumbs/menu-type.raw.tsx | 39 + .../components/breadcrumbs/menu-type.ts | 80 +- .../components/breadcrumbs/radius.raw.jsx | 19 + .../content/components/breadcrumbs/radius.ts | 20 +- .../components/breadcrumbs/routing.raw.jsx | 13 + .../content/components/breadcrumbs/routing.ts | 14 +- .../components/breadcrumbs/separator.raw.jsx | 18 + .../components/breadcrumbs/separator.ts | 19 +- .../components/breadcrumbs/sizes.raw.jsx | 19 + .../content/components/breadcrumbs/sizes.ts | 20 +- .../breadcrumbs/start-end-content.raw.jsx | 137 + .../breadcrumbs/start-end-content.ts | 105 +- .../components/breadcrumbs/underlines.raw.jsx | 31 + .../components/breadcrumbs/underlines.ts | 32 +- .../components/breadcrumbs/usage.raw.jsx | 13 + .../content/components/breadcrumbs/usage.ts | 14 +- .../components/breadcrumbs/variants.raw.jsx | 19 + .../components/breadcrumbs/variants.ts | 20 +- .../content/components/button/colors.raw.jsx | 14 + apps/docs/content/components/button/colors.ts | 27 +- .../components/button/custom-impl.raw.jsx | 38 + .../components/button/custom-impl.raw.tsx | 40 + .../content/components/button/custom-impl.ts | 82 +- .../components/button/custom-styles.raw.jsx | 12 + .../components/button/custom-styles.ts | 10 +- .../components/button/disabled.raw.jsx | 9 + .../content/components/button/disabled.ts | 10 +- .../components/button/group-disabled.raw.jsx | 11 + .../components/button/group-disabled.ts | 12 +- .../components/button/group-use-case.raw.jsx | 71 + .../components/button/group-use-case.ts | 62 +- .../content/components/button/group.raw.jsx | 11 + apps/docs/content/components/button/group.ts | 12 +- .../components/button/icon-only.raw.jsx | 55 + .../content/components/button/icon-only.ts | 77 +- .../content/components/button/icons.raw.jsx | 62 + apps/docs/content/components/button/icons.ts | 86 +- .../components/button/loading-custom.raw.jsx | 34 + .../components/button/loading-custom.ts | 35 +- .../content/components/button/loading.raw.jsx | 9 + .../docs/content/components/button/loading.ts | 10 +- .../content/components/button/radius.raw.jsx | 13 + apps/docs/content/components/button/radius.ts | 24 +- .../content/components/button/sizes.raw.jsx | 11 + apps/docs/content/components/button/sizes.ts | 18 +- .../content/components/button/usage.raw.jsx | 5 + apps/docs/content/components/button/usage.ts | 10 +- .../components/button/variants.raw.jsx | 29 + .../content/components/button/variants.ts | 30 +- .../calendar/controlled-focused-value.raw.jsx | 16 + .../calendar/controlled-focused-value.raw.tsx | 19 + .../calendar/controlled-focused-value.ts | 40 +- .../components/calendar/controlled.raw.jsx | 8 + .../components/calendar/controlled.raw.tsx | 11 + .../content/components/calendar/controlled.ts | 36 +- .../components/calendar/disabled.raw.jsx | 5 + .../content/components/calendar/disabled.ts | 8 +- .../calendar/international-calendars.raw.jsx | 10 + .../calendar/international-calendars.ts | 11 +- .../components/calendar/invalid-date.raw.jsx | 19 + .../components/calendar/invalid-date.raw.tsx | 22 + .../components/calendar/invalid-date.ts | 48 +- .../calendar/max-date-value.raw.jsx | 12 + .../components/calendar/max-date-value.ts | 13 +- .../calendar/min-date-value.raw.jsx | 12 + .../components/calendar/min-date-value.ts | 13 +- .../calendar/page-behaviour.raw.jsx | 5 + .../components/calendar/page-behaviour.ts | 11 +- .../components/calendar/presets.raw.jsx | 87 + .../components/calendar/presets.raw.tsx | 90 + .../content/components/calendar/presets.ts | 182 +- .../components/calendar/read-only.raw.jsx | 6 + .../content/components/calendar/read-only.ts | 13 +- .../calendar/unavailable-dates.raw.jsx | 23 + .../components/calendar/unavailable-dates.ts | 30 +- .../content/components/calendar/usage.raw.jsx | 11 + .../docs/content/components/calendar/usage.ts | 12 +- .../calendar/visible-months.raw.jsx | 5 + .../components/calendar/visible-months.ts | 11 +- .../with-month-and-year-picker.raw.jsx | 5 + .../calendar/with-month-and-year-picker.ts | 11 +- .../components/card/blurred-footer.raw.jsx | 27 + .../content/components/card/blurred-footer.ts | 26 +- .../content/components/card/blurred.raw.jsx | 264 + apps/docs/content/components/card/blurred.ts | 265 +- .../components/card/composition.raw.jsx | 53 + .../content/components/card/composition.ts | 51 +- .../components/card/cover-image.raw.jsx | 93 + .../content/components/card/cover-image.ts | 92 +- .../content/components/card/divider.raw.jsx | 31 + apps/docs/content/components/card/divider.ts | 36 +- .../content/components/card/image.raw.jsx | 21 + apps/docs/content/components/card/image.ts | 22 +- .../components/card/primary-action.raw.jsx | 70 + .../content/components/card/primary-action.ts | 70 +- .../content/components/card/usage.raw.jsx | 11 + apps/docs/content/components/card/usage.ts | 12 +- .../checkbox-group/controlled.raw.jsx | 21 + .../components/checkbox-group/controlled.ts | 22 +- .../custom-implementation.raw.jsx | 94 + .../checkbox-group/custom-implementation.ts | 108 +- .../checkbox-group/custom-styles.raw.jsx | 104 + .../checkbox-group/custom-styles.ts | 111 +- .../checkbox-group/disabled.raw.jsx | 13 + .../components/checkbox-group/disabled.ts | 18 +- .../checkbox-group/horizontal.raw.jsx | 18 + .../components/checkbox-group/horizontal.ts | 19 +- .../components/checkbox-group/invalid.raw.jsx | 23 + .../components/checkbox-group/invalid.ts | 24 +- .../components/checkbox-group/usage.raw.jsx | 13 + .../components/checkbox-group/usage.ts | 17 +- .../components/checkbox/colors.raw.jsx | 26 + .../content/components/checkbox/colors.ts | 15 +- .../components/checkbox/controlled.raw.jsx | 14 + .../content/components/checkbox/controlled.ts | 17 +- .../checkbox/custom-check-icon.raw.jsx | 68 + .../components/checkbox/custom-check-icon.ts | 68 +- .../checkbox/custom-implementation.raw.jsx | 70 + .../checkbox/custom-implementation.ts | 78 +- .../components/checkbox/custom-styles.raw.jsx | 49 + .../components/checkbox/custom-styles.ts | 50 +- .../components/checkbox/disabled.raw.jsx | 12 + .../content/components/checkbox/disabled.ts | 11 +- .../components/checkbox/indeterminate.raw.jsx | 5 + .../components/checkbox/indeterminate.ts | 8 +- .../components/checkbox/line-through.raw.jsx | 9 + .../components/checkbox/line-through.ts | 8 +- .../components/checkbox/radius.raw.jsx | 23 + .../content/components/checkbox/radius.ts | 14 +- .../content/components/checkbox/sizes.raw.jsx | 17 + .../docs/content/components/checkbox/sizes.ts | 12 +- .../content/components/checkbox/usage.raw.jsx | 5 + .../docs/content/components/checkbox/usage.ts | 8 +- .../content/components/chip/avatar.raw.jsx | 20 + apps/docs/content/components/chip/avatar.ts | 28 +- .../components/chip/close-button.raw.jsx | 14 + .../content/components/chip/close-button.ts | 13 +- .../content/components/chip/colors.raw.jsx | 14 + apps/docs/content/components/chip/colors.ts | 15 +- .../components/chip/custom-styles.raw.jsx | 15 + .../content/components/chip/custom-styles.ts | 16 +- .../content/components/chip/disabled.raw.jsx | 9 + apps/docs/content/components/chip/disabled.ts | 8 +- .../docs/content/components/chip/list.raw.jsx | 24 + apps/docs/content/components/chip/list.ts | 25 +- .../content/components/chip/radius.raw.jsx | 12 + apps/docs/content/components/chip/radius.ts | 13 +- .../content/components/chip/sizes.raw.jsx | 11 + apps/docs/content/components/chip/sizes.ts | 12 +- .../components/chip/start-end-content.raw.jsx | 52 + .../components/chip/start-end-content.ts | 67 +- .../content/components/chip/usage.raw.jsx | 5 + apps/docs/content/components/chip/usage.ts | 8 +- .../content/components/chip/variants.raw.jsx | 29 + apps/docs/content/components/chip/variants.ts | 16 +- .../circular-progress/colors.raw.jsx | 14 + .../components/circular-progress/colors.ts | 15 +- .../circular-progress/custom-styles.raw.jsx | 32 + .../circular-progress/custom-styles.ts | 33 +- .../circular-progress/label.raw.jsx | 5 + .../components/circular-progress/label.ts | 8 +- .../circular-progress/sizes.raw.jsx | 11 + .../components/circular-progress/sizes.ts | 12 +- .../circular-progress/usage.raw.jsx | 5 + .../components/circular-progress/usage.ts | 8 +- .../value-formatting.raw.jsx | 14 + .../circular-progress/value-formatting.ts | 15 +- .../circular-progress/value.raw.jsx | 23 + .../components/circular-progress/value.ts | 24 +- .../content/components/code/colors.raw.jsx | 14 + apps/docs/content/components/code/colors.ts | 15 +- .../content/components/code/sizes.raw.jsx | 11 + apps/docs/content/components/code/sizes.ts | 12 +- .../content/components/code/usage.raw.jsx | 5 + apps/docs/content/components/code/usage.ts | 8 +- .../components/date-input/controlled.raw.jsx | 20 + .../components/date-input/controlled.raw.tsx | 21 + .../components/date-input/controlled.ts | 47 +- .../components/date-input/description.raw.jsx | 14 + .../components/date-input/description.ts | 15 +- .../components/date-input/disabled.raw.jsx | 15 + .../content/components/date-input/disabled.ts | 16 +- .../date-input/error-message-function.raw.jsx | 22 + .../date-input/error-message-function.ts | 23 +- .../date-input/error-message.raw.jsx | 18 + .../components/date-input/error-message.ts | 19 +- .../components/date-input/granularity.raw.jsx | 19 + .../components/date-input/granularity.raw.tsx | 20 + .../components/date-input/granularity.ts | 57 +- .../date-input/hide-timezone.raw.jsx | 14 + .../components/date-input/hide-timezone.ts | 15 +- .../date-input/hourly-cycle.raw.jsx | 15 + .../components/date-input/hourly-cycle.ts | 16 +- .../date-input/international-calendar.raw.jsx | 15 + .../date-input/international-calendar.raw.tsx | 16 + .../date-input/international-calendar.ts | 37 +- .../date-input/label-placements.raw.jsx | 20 + .../components/date-input/label-placements.ts | 24 +- .../date-input/min-and-max-date.raw.jsx | 25 + .../components/date-input/min-and-max-date.ts | 26 +- .../components/date-input/readonly.raw.jsx | 15 + .../content/components/date-input/readonly.ts | 16 +- .../components/date-input/required.raw.jsx | 15 + .../content/components/date-input/required.ts | 16 +- .../date-input/start-end-content.raw.jsx | 55 + .../date-input/start-end-content.ts | 56 +- .../components/date-input/time-zones.raw.jsx | 19 + .../components/date-input/time-zones.ts | 20 +- .../components/date-input/usage.raw.jsx | 14 + .../content/components/date-input/usage.ts | 11 +- .../components/date-input/variants.raw.jsx | 20 + .../content/components/date-input/variants.ts | 17 +- .../components/date-picker/controlled.raw.jsx | 30 + .../components/date-picker/controlled.raw.tsx | 31 + .../components/date-picker/controlled.ts | 49 +- .../date-picker/description.raw.jsx | 13 + .../components/date-picker/description.ts | 14 +- .../components/date-picker/disabled.raw.jsx | 9 + .../components/date-picker/disabled.ts | 14 +- .../error-message-function.raw.jsx | 18 + .../date-picker/error-message-function.ts | 19 +- .../date-picker/error-message.raw.jsx | 14 + .../components/date-picker/error-message.ts | 15 +- .../date-picker/granularity.raw.jsx | 32 + .../date-picker/granularity.raw.tsx | 33 + .../content/components/date-picker/index.ts | 2 + .../international-calendar.raw.jsx | 22 + .../international-calendar.raw.tsx | 23 + .../date-picker/international-calendar.ts | 51 +- .../date-picker/label-placements.raw.jsx | 23 + .../date-picker/label-placements.ts | 27 +- .../date-picker/min-and-max-date.raw.jsx | 25 + .../date-picker/min-and-max-date.ts | 26 +- .../date-picker/page-behavior.raw.jsx | 9 + .../components/date-picker/page-behavior.ts | 14 +- .../components/date-picker/preset.raw.jsx | 92 + .../components/date-picker/preset.raw.tsx | 99 + .../content/components/date-picker/preset.ts | 191 +- .../components/date-picker/readonly.raw.jsx | 9 + .../components/date-picker/readonly.ts | 14 +- .../components/date-picker/required.raw.jsx | 9 + .../components/date-picker/required.ts | 14 +- .../selector-button-placement.raw.jsx | 10 + .../date-picker/selector-button-placement.ts | 9 + .../date-picker/selector-icon.raw.jsx | 27 + .../components/date-picker/selector-icon.ts | 31 +- .../components/date-picker/time-zones.raw.jsx | 21 + .../components/date-picker/time-zones.ts | 22 +- .../date-picker/unavailable-dates.raw.jsx | 30 + .../date-picker/unavailable-dates.ts | 31 +- .../components/date-picker/usage.raw.jsx | 5 + .../content/components/date-picker/usage.ts | 8 +- .../components/date-picker/variants.raw.jsx | 15 + .../components/date-picker/variants.ts | 16 +- .../date-picker/visible-month.raw.jsx | 9 + .../components/date-picker/visible-month.ts | 13 +- .../with-month-and-year-pickers.raw.jsx | 9 + .../with-month-and-year-pickers.ts | 14 +- .../date-picker/with-time-field.raw.jsx | 16 + .../components/date-picker/with-time-field.ts | 17 +- .../date-range-picker/controlled.raw.jsx | 36 + .../date-range-picker/controlled.raw.tsx | 40 + .../date-range-picker/controlled.ts | 85 +- .../date-range-picker/custom-styles.raw.jsx | 33 + .../date-range-picker/custom-styles.ts | 34 +- .../date-range-picker/description.raw.jsx | 11 + .../date-range-picker/description.ts | 12 +- .../date-range-picker/disabled.raw.jsx | 16 + .../components/date-range-picker/disabled.ts | 17 +- .../error-message-function.raw.jsx | 22 + .../error-message-function.ts | 23 +- .../date-range-picker/error-message.raw.jsx | 18 + .../date-range-picker/error-message.ts | 19 +- .../date-range-picker/granularity.raw.jsx | 28 + .../date-range-picker/granularity.raw.tsx | 32 + .../date-range-picker/granularity.ts | 64 +- .../components/date-range-picker/index.ts | 4 + .../international-calendar.raw.jsx | 18 + .../international-calendar.raw.tsx | 22 + .../international-calendar.ts | 44 +- .../label-placements.raw.jsx | 20 + .../date-range-picker/label-placements.ts | 25 +- .../min-and-max-date.raw.jsx | 31 + .../date-range-picker/min-and-max-date.ts | 32 +- .../date-range-picker/non-contiguous.raw.jsx | 17 + .../date-range-picker/non-contiguous.ts | 18 +- .../date-range-picker/page-behavior.raw.jsx | 9 + .../date-range-picker/page-behavior.ts | 14 +- .../date-range-picker/presets.raw.jsx | 122 + .../components/date-range-picker/presets.ts | 236 +- .../date-range-picker/readonly.raw.jsx | 16 + .../components/date-range-picker/readonly.ts | 17 +- .../date-range-picker/required.raw.jsx | 16 + .../components/date-range-picker/required.ts | 17 +- .../selector-button-placement.raw.jsx | 10 + .../selector-button-placement.ts | 9 + .../date-range-picker/selector-icon.raw.jsx | 27 + .../date-range-picker/selector-icon.ts | 30 +- .../date-range-picker/time-zones.raw.jsx | 25 + .../date-range-picker/time-zones.ts | 26 +- .../unavailable-dates.raw.jsx | 33 + .../date-range-picker/unavailable-dates.ts | 34 +- .../date-range-picker/usage.raw.jsx | 5 + .../components/date-range-picker/usage.ts | 11 +- .../date-range-picker/variants.raw.jsx | 15 + .../components/date-range-picker/variants.ts | 20 +- .../date-range-picker/visible-month.raw.jsx | 9 + .../date-range-picker/visible-month.ts | 13 +- .../with-month-and-year-pickers.raw.jsx | 9 + .../with-month-and-year-pickers.ts | 9 + .../date-range-picker/with-time-field.raw.jsx | 18 + .../date-range-picker/with-time-field.ts | 19 +- .../content/components/divider/usage.raw.jsx | 20 + apps/docs/content/components/divider/usage.ts | 21 +- .../components/drawer/backdrop.raw.jsx | 134 + .../content/components/drawer/backdrop.ts | 9 + .../components/drawer/custom-motion.raw.jsx | 61 + .../components/drawer/custom-motion.ts | 9 + .../components/drawer/custom-styles.raw.jsx | 342 + .../components/drawer/custom-styles.ts | 9 + .../content/components/drawer/form.raw.jsx | 116 + apps/docs/content/components/drawer/form.ts | 9 + apps/docs/content/components/drawer/index.ts | 19 + .../components/drawer/non-dismissable.raw.jsx | 52 + .../components/drawer/non-dismissable.ts | 9 + .../components/drawer/placement.raw.jsx | 60 + .../content/components/drawer/placement.ts | 9 + .../content/components/drawer/sizes.raw.jsx | 62 + apps/docs/content/components/drawer/sizes.ts | 9 + .../content/components/drawer/usage.raw.jsx | 55 + apps/docs/content/components/drawer/usage.ts | 9 + .../components/dropdown/action.raw.jsx | 19 + .../content/components/dropdown/action.ts | 27 +- .../components/dropdown/backdrop.raw.jsx | 19 + .../content/components/dropdown/backdrop.ts | 24 +- .../dropdown/custom-items-styles.raw.jsx | 123 + .../dropdown/custom-items-styles.ts | 125 +- .../dropdown/custom-popover-styles.raw.jsx | 178 + .../dropdown/custom-popover-styles.ts | 174 +- .../dropdown/custom-trigger.raw.jsx | 69 + .../components/dropdown/custom-trigger.ts | 75 +- .../components/dropdown/description.raw.jsx | 160 + .../components/dropdown/description.ts | 165 +- .../components/dropdown/disabled-keys.raw.jsx | 19 + .../components/dropdown/disabled-keys.ts | 24 +- .../components/dropdown/dynamic.raw.jsx | 41 + .../content/components/dropdown/dynamic.ts | 46 +- .../content/components/dropdown/icons.raw.jsx | 155 + .../docs/content/components/dropdown/icons.ts | 160 +- .../dropdown/multiple-selection.raw.jsx | 35 + .../dropdown/multiple-selection.raw.tsx | 38 + .../components/dropdown/multiple-selection.ts | 84 +- .../components/dropdown/sections.raw.jsx | 171 + .../content/components/dropdown/sections.ts | 168 +- .../components/dropdown/shortcut.raw.jsx | 25 + .../content/components/dropdown/shortcut.ts | 24 +- .../dropdown/single-selection.raw.jsx | 34 + .../dropdown/single-selection.raw.tsx | 37 + .../components/dropdown/single-selection.ts | 82 +- .../content/components/dropdown/usage.raw.jsx | 19 + .../docs/content/components/dropdown/usage.ts | 24 +- .../components/dropdown/variants.raw.jsx | 55 + .../content/components/dropdown/variants.ts | 56 +- .../components/form/controlled.raw.jsx | 38 + .../content/components/form/controlled.ts | 9 + .../form/custom-error-messages.raw.jsx | 28 + .../components/form/custom-error-messages.ts | 9 + .../components/form/custom-validation.raw.jsx | 30 + .../components/form/custom-validation.ts | 9 + .../docs/content/components/form/demo.raw.jsx | 170 + apps/docs/content/components/form/demo.ts | 9 + .../content/components/form/events.raw.jsx | 52 + apps/docs/content/components/form/events.ts | 9 + apps/docs/content/components/form/index.ts | 21 + .../components/form/native-validation.raw.jsx | 24 + .../components/form/native-validation.ts | 9 + .../form/real-time-validation.raw.jsx | 35 + .../components/form/real-time-validation.ts | 9 + .../components/form/server-validation.raw.jsx | 49 + .../components/form/server-validation.ts | 9 + .../content/components/form/usage.raw.jsx | 35 + apps/docs/content/components/form/usage.ts | 9 + .../content/components/image/blurred.raw.jsx | 13 + apps/docs/content/components/image/blurred.ts | 14 +- .../content/components/image/fallback.raw.jsx | 13 + .../docs/content/components/image/fallback.ts | 14 +- .../content/components/image/loading.raw.jsx | 12 + apps/docs/content/components/image/loading.ts | 13 +- .../content/components/image/nextjs.raw.jsx | 14 + apps/docs/content/components/image/nextjs.ts | 15 +- .../content/components/image/usage.raw.jsx | 11 + apps/docs/content/components/image/usage.ts | 12 +- .../content/components/image/zoomed.raw.jsx | 12 + apps/docs/content/components/image/zoomed.ts | 13 +- apps/docs/content/components/index.ts | 3 + .../components/input-otp/allowed-keys.raw.jsx | 25 + .../components/input-otp/allowed-keys.ts | 9 + .../components/input-otp/colors.raw.jsx | 16 + .../content/components/input-otp/colors.ts | 9 + .../components/input-otp/controlled.raw.jsx | 13 + .../components/input-otp/controlled.ts | 9 + .../input-otp/custom-styles.raw.jsx | 33 + .../components/input-otp/custom-styles.ts | 9 + .../components/input-otp/description.raw.jsx | 9 + .../components/input-otp/description.ts | 9 + .../components/input-otp/disabled.raw.jsx | 9 + .../content/components/input-otp/disabled.ts | 9 + .../input-otp/error-message.raw.jsx | 9 + .../components/input-otp/error-message.ts | 9 + .../content/components/input-otp/form.raw.jsx | 46 + .../content/components/input-otp/form.raw.tsx | 50 + .../docs/content/components/input-otp/form.ts | 15 + .../content/components/input-otp/index.ts | 35 + .../components/input-otp/lengths.raw.jsx | 17 + .../content/components/input-otp/lengths.ts | 9 + .../components/input-otp/password.raw.jsx | 9 + .../content/components/input-otp/password.ts | 9 + .../components/input-otp/radius.raw.jsx | 16 + .../content/components/input-otp/radius.ts | 9 + .../components/input-otp/readonly.raw.jsx | 9 + .../content/components/input-otp/readonly.ts | 9 + .../components/input-otp/required.raw.jsx | 31 + .../content/components/input-otp/required.ts | 9 + .../components/input-otp/sizes.raw.jsx | 16 + .../content/components/input-otp/sizes.ts | 9 + .../components/input-otp/usage.raw.jsx | 15 + .../content/components/input-otp/usage.ts | 9 + .../components/input-otp/variants.raw.jsx | 16 + .../content/components/input-otp/variants.ts | 9 + .../components/input/clear-button.raw.jsx | 17 + .../content/components/input/clear-button.ts | 17 +- .../content/components/input/colors.raw.jsx | 21 + apps/docs/content/components/input/colors.ts | 29 +- .../components/input/controlled.raw.jsx | 12 + .../content/components/input/controlled.ts | 18 +- .../components/input/custom-impl.raw.jsx | 162 + .../content/components/input/custom-impl.ts | 159 +- .../components/input/custom-styles.raw.jsx | 68 + .../content/components/input/custom-styles.ts | 69 +- .../components/input/description.raw.jsx | 13 + .../content/components/input/description.ts | 14 +- .../content/components/input/disabled.raw.jsx | 13 + .../docs/content/components/input/disabled.ts | 14 +- .../components/input/error-message.raw.jsx | 15 + .../content/components/input/error-message.ts | 16 +- .../components/input/label-placements.raw.jsx | 39 + .../components/input/label-placements.ts | 44 +- .../content/components/input/password.raw.jsx | 91 + .../docs/content/components/input/password.ts | 87 +- .../content/components/input/radius.raw.jsx | 21 + apps/docs/content/components/input/radius.ts | 28 +- .../content/components/input/readonly.raw.jsx | 14 + .../docs/content/components/input/readonly.ts | 15 +- .../components/input/regex-validation.raw.jsx | 27 + .../components/input/regex-validation.ts | 28 +- .../content/components/input/required.raw.jsx | 13 + .../docs/content/components/input/required.ts | 14 +- .../content/components/input/sizes.raw.jsx | 16 + apps/docs/content/components/input/sizes.ts | 18 +- .../input/start-end-content.raw.jsx | 152 + .../components/input/start-end-content.ts | 153 +- .../content/components/input/usage.raw.jsx | 10 + apps/docs/content/components/input/usage.ts | 11 +- .../content/components/input/variants.raw.jsx | 16 + .../docs/content/components/input/variants.ts | 17 +- apps/docs/content/components/kbd/keys.raw.jsx | 11 + apps/docs/content/components/kbd/keys.ts | 12 +- .../docs/content/components/kbd/usage.raw.jsx | 5 + apps/docs/content/components/kbd/usage.ts | 8 +- .../content/components/link/block.raw.jsx | 26 + apps/docs/content/components/link/block.ts | 27 +- .../content/components/link/colors.raw.jsx | 26 + apps/docs/content/components/link/colors.ts | 15 +- .../link/custom-anchor-icon.raw.jsx | 37 + .../components/link/custom-anchor-icon.ts | 38 +- .../components/link/custom-impl.raw.jsx | 30 + .../components/link/custom-impl.raw.tsx | 32 + .../content/components/link/custom-impl.ts | 67 +- .../content/components/link/disabled.raw.jsx | 9 + apps/docs/content/components/link/disabled.ts | 8 +- .../content/components/link/external.raw.jsx | 14 + apps/docs/content/components/link/external.ts | 19 +- .../content/components/link/nextjs.raw.jsx | 10 + apps/docs/content/components/link/nextjs.ts | 11 +- .../components/link/polymorphic.raw.jsx | 15 + .../content/components/link/polymorphic.ts | 16 +- .../content/components/link/sizes.raw.jsx | 17 + apps/docs/content/components/link/sizes.ts | 12 +- .../content/components/link/underline.raw.jsx | 23 + .../docs/content/components/link/underline.ts | 14 +- .../content/components/link/usage.raw.jsx | 5 + apps/docs/content/components/link/usage.ts | 8 +- .../components/listbox/custom-styles.raw.jsx | 269 + .../components/listbox/custom-styles.ts | 277 +- .../components/listbox/description.raw.jsx | 159 + .../content/components/listbox/description.ts | 162 +- .../components/listbox/disabled-keys.raw.jsx | 26 + .../components/listbox/disabled-keys.ts | 29 +- .../components/listbox/dynamic.raw.jsx | 44 + .../content/components/listbox/dynamic.ts | 51 +- .../content/components/listbox/icons.raw.jsx | 149 + apps/docs/content/components/listbox/icons.ts | 158 +- apps/docs/content/components/listbox/index.ts | 4 + .../listbox/multiple-selection.raw.jsx | 35 + .../components/listbox/multiple-selection.ts | 41 +- .../components/listbox/sections.raw.jsx | 162 + .../content/components/listbox/sections.ts | 165 +- .../listbox/single-selection.raw.jsx | 34 + .../components/listbox/single-selection.ts | 41 +- .../components/listbox/top-content.raw.jsx | 264 + .../components/listbox/top-content.raw.tsx | 267 + .../content/components/listbox/top-content.ts | 336 +- .../content/components/listbox/usage.raw.jsx | 22 + apps/docs/content/components/listbox/usage.ts | 28 +- .../components/listbox/variants.raw.jsx | 58 + .../content/components/listbox/variants.ts | 65 +- .../virtualization-ten-thousand.raw.jsx | 66 + .../listbox/virtualization-ten-thousand.ts | 9 + .../components/listbox/virtualization.raw.jsx | 65 + .../components/listbox/virtualization.ts | 9 + .../content/components/modal/backdrop.raw.jsx | 75 + .../docs/content/components/modal/backdrop.ts | 68 +- .../components/modal/custom-backdrop.raw.jsx | 62 + .../components/modal/custom-backdrop.ts | 55 +- .../components/modal/custom-motion.raw.jsx | 79 + .../content/components/modal/custom-motion.ts | 72 +- .../components/modal/custom-styles.raw.jsx | 70 + .../content/components/modal/custom-styles.ts | 61 +- .../modal/draggable-overflow.raw.jsx | 48 + .../components/modal/draggable-overflow.ts | 9 + .../components/modal/draggable.raw.jsx | 48 + .../content/components/modal/draggable.ts | 9 + .../content/components/modal/form.raw.jsx | 116 + apps/docs/content/components/modal/form.ts | 110 +- apps/docs/content/components/modal/index.ts | 4 + .../components/modal/non-dismissable.raw.jsx | 60 + .../components/modal/non-dismissable.ts | 48 +- .../content/components/modal/overflow.raw.jsx | 112 + .../content/components/modal/overflow.raw.tsx | 115 + .../docs/content/components/modal/overflow.ts | 243 +- .../components/modal/placement.raw.jsx | 114 + .../content/components/modal/placement.ts | 59 +- .../content/components/modal/sizes.raw.jsx | 67 + apps/docs/content/components/modal/sizes.ts | 63 +- .../content/components/modal/usage.raw.jsx | 55 + apps/docs/content/components/modal/usage.ts | 48 +- .../components/navbar/bordered.raw.jsx | 52 + .../content/components/navbar/bordered.ts | 53 +- .../components/navbar/controlled-menu.raw.jsx | 106 + .../components/navbar/controlled-menu.ts | 101 +- .../navbar/custom-active-item.raw.jsx | 69 + .../components/navbar/custom-active-item.ts | 70 +- .../navbar/disable-menu-animation.raw.jsx | 104 + .../navbar/disable-menu-animation.ts | 95 +- .../components/navbar/disabled-blur.raw.jsx | 52 + .../components/navbar/disabled-blur.ts | 53 +- .../components/navbar/hide-on-scroll.raw.jsx | 52 + .../components/navbar/hide-on-scroll.ts | 53 +- .../content/components/navbar/static.raw.jsx | 52 + apps/docs/content/components/navbar/static.ts | 53 +- .../content/components/navbar/usage.raw.jsx | 52 + apps/docs/content/components/navbar/usage.ts | 53 +- .../components/navbar/with-avatar.raw.jsx | 85 + .../content/components/navbar/with-avatar.ts | 75 +- .../navbar/with-dropdown-menu.raw.jsx | 320 + .../components/navbar/with-dropdown-menu.ts | 337 +- .../components/navbar/with-menu.raw.jsx | 100 + .../content/components/navbar/with-menu.ts | 91 +- .../navbar/with-search-input.raw.jsx | 130 + .../components/navbar/with-search-input.ts | 125 +- .../components/pagination/boundaries.raw.jsx | 14 + .../components/pagination/boundaries.ts | 26 +- .../components/pagination/colors.raw.jsx | 13 + .../content/components/pagination/colors.ts | 15 +- .../components/pagination/compact.raw.jsx | 5 + .../content/components/pagination/compact.ts | 8 +- .../components/pagination/controlled.raw.jsx | 30 + .../components/pagination/controlled.ts | 36 +- .../components/pagination/controls.raw.jsx | 5 + .../content/components/pagination/controls.ts | 8 +- .../components/pagination/custom-impl.raw.jsx | 82 + .../components/pagination/custom-impl.ts | 90 +- .../pagination/custom-items.raw.jsx | 88 + .../pagination/custom-items.raw.tsx | 100 + .../components/pagination/custom-items.ts | 181 +- .../pagination/custom-styles.raw.jsx | 15 + .../components/pagination/custom-styles.ts | 16 +- .../components/pagination/disabled.raw.jsx | 5 + .../content/components/pagination/disabled.ts | 8 +- .../pagination/initial-page.raw.jsx | 5 + .../components/pagination/initial-page.ts | 8 +- .../components/pagination/loop.raw.jsx | 5 + .../content/components/pagination/loop.ts | 8 +- .../components/pagination/radius.raw.jsx | 13 + .../content/components/pagination/radius.ts | 15 +- .../components/pagination/shadow.raw.jsx | 5 + .../content/components/pagination/shadow.ts | 8 +- .../components/pagination/siblings.raw.jsx | 14 + .../content/components/pagination/siblings.ts | 23 +- .../components/pagination/sizes.raw.jsx | 13 + .../content/components/pagination/sizes.ts | 15 +- .../components/pagination/usage.raw.jsx | 5 + .../content/components/pagination/usage.ts | 8 +- .../components/pagination/variants.raw.jsx | 13 + .../content/components/pagination/variants.ts | 15 +- .../content/components/popover/arrow.raw.jsx | 17 + apps/docs/content/components/popover/arrow.ts | 18 +- .../components/popover/backdrop.raw.jsx | 38 + .../content/components/popover/backdrop.ts | 46 +- .../content/components/popover/colors.raw.jsx | 29 + .../docs/content/components/popover/colors.ts | 38 +- .../components/popover/controlled.raw.jsx | 22 + .../content/components/popover/controlled.ts | 23 +- .../components/popover/custom-motion.raw.jsx | 45 + .../components/popover/custom-motion.ts | 46 +- .../components/popover/custom-styles.raw.jsx | 36 + .../components/popover/custom-styles.ts | 37 +- .../components/popover/custom-trigger.raw.jsx | 85 + .../components/popover/custom-trigger.ts | 73 +- .../content/components/popover/offset.raw.jsx | 17 + .../docs/content/components/popover/offset.ts | 18 +- .../components/popover/placements.raw.jsx | 42 + .../content/components/popover/placements.ts | 43 +- .../components/popover/title-props.raw.jsx | 21 + .../content/components/popover/title-props.ts | 22 +- .../content/components/popover/usage.raw.jsx | 17 + apps/docs/content/components/popover/usage.ts | 18 +- .../components/popover/variants.raw.jsx | 29 + .../content/components/popover/variants.ts | 30 +- .../components/popover/with-form.raw.jsx | 26 + .../content/components/popover/with-form.ts | 27 +- .../components/progress/colors.raw.jsx | 14 + .../content/components/progress/colors.ts | 15 +- .../components/progress/custom-styles.raw.jsx | 20 + .../components/progress/custom-styles.ts | 21 +- .../components/progress/indeterminate.raw.jsx | 5 + .../components/progress/indeterminate.ts | 13 +- .../content/components/progress/label.raw.jsx | 5 + .../docs/content/components/progress/label.ts | 8 +- .../content/components/progress/sizes.raw.jsx | 11 + .../docs/content/components/progress/sizes.ts | 12 +- .../components/progress/striped.raw.jsx | 7 + .../content/components/progress/striped.ts | 15 +- .../content/components/progress/usage.raw.jsx | 5 + .../docs/content/components/progress/usage.ts | 8 +- .../progress/value-formatting.raw.jsx | 16 + .../components/progress/value-formatting.ts | 17 +- .../content/components/progress/value.raw.jsx | 24 + .../docs/content/components/progress/value.ts | 25 +- .../components/radio-group/controlled.raw.jsx | 18 + .../components/radio-group/controlled.ts | 23 +- .../radio-group/custom-impl.raw.jsx | 55 + .../radio-group/custom-impl.raw.tsx | 56 + .../components/radio-group/custom-impl.ts | 121 +- .../radio-group/custom-styles.raw.jsx | 36 + .../components/radio-group/custom-styles.ts | 40 +- .../radio-group/default-value.raw.jsx | 13 + .../components/radio-group/default-value.ts | 18 +- .../components/radio-group/disabled.raw.jsx | 13 + .../components/radio-group/disabled.ts | 17 +- .../components/radio-group/horizontal.raw.jsx | 13 + .../components/radio-group/horizontal.ts | 17 +- .../components/radio-group/invalid.raw.jsx | 27 + .../content/components/radio-group/invalid.ts | 28 +- .../components/radio-group/usage.raw.jsx | 13 + .../content/components/radio-group/usage.ts | 16 +- .../radio-group/with-description.raw.jsx | 20 + .../radio-group/with-description.ts | 24 +- .../controlled-focused-value.raw.jsx | 15 + .../controlled-focused-value.ts | 16 +- .../range-calendar/controlled.raw.jsx | 11 + .../range-calendar/controlled.raw.tsx | 15 + .../components/range-calendar/controlled.ts | 43 +- .../range-calendar/disabled.raw.jsx | 5 + .../components/range-calendar/disabled.ts | 8 +- .../components/range-calendar/index.ts | 2 + .../international-calendars.raw.jsx | 10 + .../range-calendar/international-calendars.ts | 11 +- .../range-calendar/invalid-date.raw.jsx | 22 + .../range-calendar/invalid-date.raw.tsx | 26 + .../components/range-calendar/invalid-date.ts | 55 +- .../range-calendar/max-date-value.raw.jsx | 6 + .../range-calendar/max-date-value.ts | 12 +- .../range-calendar/min-date-value.raw.jsx | 6 + .../range-calendar/min-date-value.ts | 12 +- .../non-contiguous-ranges.raw.jsx | 15 + .../range-calendar/non-contiguous-ranges.ts | 16 +- .../range-calendar/page-behaviour.raw.jsx | 5 + .../range-calendar/page-behaviour.ts | 11 +- .../components/range-calendar/presets.raw.jsx | 116 + .../components/range-calendar/presets.raw.tsx | 125 + .../components/range-calendar/presets.ts | 237 +- .../range-calendar/read-only.raw.jsx | 15 + .../components/range-calendar/read-only.ts | 16 +- .../range-calendar/unavailable-dates.raw.jsx | 23 + .../range-calendar/unavailable-dates.ts | 30 +- .../components/range-calendar/usage.raw.jsx | 17 + .../components/range-calendar/usage.ts | 18 +- .../range-calendar/visible-months.raw.jsx | 5 + .../range-calendar/visible-months.ts | 11 +- .../with-month-and-year-picker.raw.jsx | 5 + .../with-month-and-year-picker.ts | 9 + .../scroll-shadow/custom-size.raw.jsx | 74 + .../components/scroll-shadow/custom-size.ts | 47 +- .../scroll-shadow/hide-scrollbar.raw.jsx | 74 + .../scroll-shadow/hide-scrollbar.ts | 47 +- .../scroll-shadow/horizontal.raw.jsx | 74 + .../components/scroll-shadow/horizontal.ts | 47 +- .../components/scroll-shadow/offset.raw.jsx | 79 + .../components/scroll-shadow/offset.ts | 52 +- .../components/scroll-shadow/usage.raw.jsx | 74 + .../content/components/scroll-shadow/usage.ts | 47 +- .../select/async-loading-items.raw.jsx | 98 + .../select/async-loading-items.raw.tsx | 109 + .../components/select/async-loading-items.ts | 178 +- .../content/components/select/colors.raw.jsx | 40 + apps/docs/content/components/select/colors.ts | 52 +- .../components/select/custom-items.raw.jsx | 228 + .../content/components/select/custom-items.ts | 231 +- .../select/custom-render-value.raw.jsx | 247 + .../select/custom-render-value.raw.tsx | 259 + .../components/select/custom-render-value.ts | 309 +- .../select/custom-sections-style.raw.jsx | 48 + .../select/custom-sections-style.ts | 48 +- .../select/custom-selector-icon.raw.jsx | 57 + .../components/select/custom-selector-icon.ts | 62 +- .../components/select/custom-styles.raw.jsx | 269 + .../components/select/custom-styles.ts | 272 +- .../components/select/description.raw.jsx | 33 + .../content/components/select/description.ts | 38 +- .../components/select/disabled-items.raw.jsx | 32 + .../components/select/disabled-items.ts | 37 +- .../components/select/disabled.raw.jsx | 33 + .../content/components/select/disabled.ts | 38 +- .../content/components/select/dynamic.raw.jsx | 30 + .../docs/content/components/select/dynamic.ts | 33 +- .../components/select/error-message.raw.jsx | 43 + .../components/select/error-message.ts | 48 +- apps/docs/content/components/select/index.ts | 8 + .../select/item-start-content.raw.jsx | 68 + .../components/select/item-start-content.ts | 68 +- .../select/label-placements.raw.jsx | 61 + .../components/select/label-placements.ts | 70 +- .../components/select/multiple-chips.raw.jsx | 243 + .../components/select/multiple-chips.raw.tsx | 255 + .../components/select/multiple-chips.ts | 301 +- .../multiple-controlled-onchange.raw.jsx | 43 + .../multiple-controlled-onchange.raw.tsx | 46 + .../select/multiple-controlled-onchange.ts | 81 +- .../select/multiple-controlled.raw.jsx | 39 + .../select/multiple-controlled.raw.tsx | 42 + .../components/select/multiple-controlled.ts | 73 +- .../components/select/multiple.raw.jsx | 32 + .../content/components/select/multiple.ts | 37 +- .../components/select/open-state.raw.jsx | 41 + .../content/components/select/open-state.ts | 46 +- .../content/components/select/radius.raw.jsx | 40 + apps/docs/content/components/select/radius.ts | 51 +- .../components/select/required.raw.jsx | 33 + .../content/components/select/required.ts | 38 +- .../components/select/sections.raw.jsx | 28 + .../content/components/select/sections.ts | 33 +- .../select/single-controlled-onchange.raw.jsx | 43 + .../select/single-controlled-onchange.raw.tsx | 44 + .../select/single-controlled-onchange.ts | 81 +- .../select/single-controlled.raw.jsx | 39 + .../select/single-controlled.raw.tsx | 42 + .../components/select/single-controlled.ts | 73 +- .../content/components/select/sizes.raw.jsx | 45 + apps/docs/content/components/select/sizes.ts | 56 +- .../components/select/start-content.raw.jsx | 69 + .../components/select/start-content.ts | 73 +- .../content/components/select/usage.raw.jsx | 34 + apps/docs/content/components/select/usage.ts | 48 +- .../components/select/variants.raw.jsx | 45 + .../content/components/select/variants.ts | 56 +- .../virtualization-custom-item-height.raw.jsx | 56 + .../virtualization-custom-item-height.ts | 9 + .../virtualization-max-listbox-height.raw.jsx | 55 + .../virtualization-max-listbox-height.ts | 9 + .../virtualization-ten-thousand.raw.jsx | 54 + .../select/virtualization-ten-thousand.ts | 9 + .../components/select/virtualization.raw.jsx | 54 + .../components/select/virtualization.ts | 9 + .../select/without-scroll-shadow.raw.jsx | 35 + .../select/without-scroll-shadow.ts | 40 +- .../components/skeleton/loaded.raw.jsx | 33 + .../content/components/skeleton/loaded.ts | 34 +- .../components/skeleton/standalone.raw.jsx | 15 + .../content/components/skeleton/standalone.ts | 16 +- .../content/components/skeleton/usage.raw.jsx | 22 + .../docs/content/components/skeleton/usage.ts | 23 +- .../content/components/slider/colors.raw.jsx | 22 + apps/docs/content/components/slider/colors.ts | 30 +- .../slider/controlled-change-end.raw.jsx | 18 + .../slider/controlled-change-end.raw.tsx | 22 + .../slider/controlled-change-end.ts | 40 +- .../slider/controlled-range.raw.jsx | 23 + .../slider/controlled-range.raw.tsx | 26 + .../components/slider/controlled-range.ts | 49 +- .../components/slider/controlled.raw.jsx | 91 + .../components/slider/controlled.raw.tsx | 94 + .../content/components/slider/controlled.ts | 135 +- .../components/slider/custom-styles.raw.jsx | 47 + .../components/slider/custom-styles.ts | 48 +- .../slider/disable-thumb-scale.raw.jsx | 41 + .../components/slider/disable-thumb-scale.ts | 42 +- .../components/slider/disabled.raw.jsx | 15 + .../content/components/slider/disabled.ts | 16 +- .../components/slider/fill-offset.raw.jsx | 18 + .../content/components/slider/fill-offset.ts | 19 +- .../components/slider/get-value.raw.jsx | 13 + .../content/components/slider/get-value.ts | 14 +- .../components/slider/hide-thumb.raw.jsx | 13 + .../content/components/slider/hide-thumb.ts | 14 +- .../components/slider/hide-value.raw.jsx | 16 + .../content/components/slider/hide-value.ts | 17 +- .../content/components/slider/marks.raw.jsx | 28 + apps/docs/content/components/slider/marks.ts | 29 +- .../content/components/slider/outline.raw.jsx | 41 + .../docs/content/components/slider/outline.ts | 42 +- .../content/components/slider/radius.raw.jsx | 22 + apps/docs/content/components/slider/radius.ts | 29 +- .../content/components/slider/range.raw.jsx | 15 + apps/docs/content/components/slider/range.ts | 16 +- .../components/slider/render-label.raw.jsx | 84 + .../content/components/slider/render-label.ts | 86 +- .../slider/render-range-thumb.raw.jsx | 33 + .../components/slider/render-range-thumb.ts | 34 +- .../components/slider/render-thumb.raw.jsx | 24 + .../content/components/slider/render-thumb.ts | 25 +- .../components/slider/render-value.raw.jsx | 58 + .../components/slider/render-value.raw.tsx | 61 + .../content/components/slider/render-value.ts | 117 +- .../content/components/slider/sizes.raw.jsx | 35 + apps/docs/content/components/slider/sizes.ts | 36 +- .../slider/start-end-content.raw.jsx | 67 + .../components/slider/start-end-content.ts | 68 +- .../content/components/slider/tooltip.raw.jsx | 30 + .../docs/content/components/slider/tooltip.ts | 31 +- .../content/components/slider/usage.raw.jsx | 14 + apps/docs/content/components/slider/usage.ts | 15 +- .../slider/value-formatting.raw.jsx | 14 + .../components/slider/value-formatting.ts | 15 +- .../components/slider/vertical.raw.jsx | 35 + .../content/components/slider/vertical.ts | 36 +- .../components/slider/visible-steps.raw.jsx | 41 + .../components/slider/visible-steps.ts | 42 +- .../content/components/snippet/colors.raw.jsx | 14 + .../docs/content/components/snippet/colors.ts | 15 +- .../components/snippet/custom-icons.raw.jsx | 43 + .../components/snippet/custom-icons.ts | 57 +- .../components/snippet/custom-tooltip.raw.jsx | 17 + .../components/snippet/custom-tooltip.ts | 18 +- .../components/snippet/multiline.raw.jsx | 11 + .../content/components/snippet/multiline.ts | 12 +- .../content/components/snippet/sizes.raw.jsx | 11 + apps/docs/content/components/snippet/sizes.ts | 12 +- .../content/components/snippet/symbol.raw.jsx | 9 + .../docs/content/components/snippet/symbol.ts | 8 +- .../content/components/snippet/usage.raw.jsx | 5 + apps/docs/content/components/snippet/usage.ts | 8 +- .../components/snippet/variants.raw.jsx | 18 + .../content/components/snippet/variants.ts | 13 +- .../components/snippet/without-copy.raw.jsx | 9 + .../components/snippet/without-copy.ts | 10 +- .../content/components/spacer/usage.raw.jsx | 24 + apps/docs/content/components/spacer/usage.ts | 29 +- .../content/components/spinner/colors.raw.jsx | 14 + .../docs/content/components/spinner/colors.ts | 15 +- .../components/spinner/label-colors.raw.jsx | 14 + .../components/spinner/label-colors.ts | 15 +- .../content/components/spinner/label.raw.jsx | 5 + apps/docs/content/components/spinner/label.ts | 8 +- .../content/components/spinner/sizes.raw.jsx | 11 + apps/docs/content/components/spinner/sizes.ts | 12 +- .../content/components/spinner/usage.raw.jsx | 5 + apps/docs/content/components/spinner/usage.ts | 8 +- .../content/components/switch/colors.raw.jsx | 26 + apps/docs/content/components/switch/colors.ts | 15 +- .../components/switch/controlled.raw.jsx | 14 + .../content/components/switch/controlled.ts | 15 +- .../components/switch/custom-impl.raw.jsx | 71 + .../components/switch/custom-impl.raw.tsx | 72 + .../content/components/switch/custom-impl.ts | 125 +- .../components/switch/custom-styles.raw.jsx | 32 + .../components/switch/custom-styles.ts | 32 +- .../components/switch/disabled.raw.jsx | 9 + .../content/components/switch/disabled.ts | 10 +- .../content/components/switch/icons.raw.jsx | 53 + apps/docs/content/components/switch/icons.ts | 54 +- .../content/components/switch/label.raw.jsx | 5 + apps/docs/content/components/switch/label.ts | 10 +- .../content/components/switch/sizes.raw.jsx | 17 + apps/docs/content/components/switch/sizes.ts | 12 +- .../components/switch/thumb-icon.raw.jsx | 54 + .../content/components/switch/thumb-icon.ts | 59 +- .../content/components/switch/usage.raw.jsx | 5 + apps/docs/content/components/switch/usage.ts | 8 +- .../components/table/async-pagination.raw.jsx | 69 + .../components/table/async-pagination.ts | 60 +- .../table/controlled-selection.raw.jsx | 75 + .../components/table/controlled-selection.ts | 68 +- .../components/table/custom-cells.raw.jsx | 271 + .../components/table/custom-cells.raw.tsx | 278 + .../content/components/table/custom-cells.ts | 358 +- .../components/table/custom-styles.raw.jsx | 662 + .../components/table/custom-styles.raw.tsx | 674 + .../content/components/table/custom-styles.ts | 1030 +- .../components/table/disabled-rows.raw.jsx | 76 + .../content/components/table/disabled-rows.ts | 69 +- .../table/disallow-empty-selection.raw.jsx | 68 + .../table/disallow-empty-selection.ts | 65 +- .../content/components/table/dynamic.raw.jsx | 68 + apps/docs/content/components/table/dynamic.ts | 61 +- .../content/components/table/empty.raw.jsx | 14 + apps/docs/content/components/table/empty.ts | 15 +- .../table/infinite-pagination.raw.jsx | 76 + .../table/infinite-pagination.raw.tsx | 87 + .../components/table/infinite-pagination.ts | 153 +- .../components/table/load-more.raw.jsx | 80 + .../content/components/table/load-more.ts | 71 +- .../table/multiple-selection.raw.jsx | 67 + .../components/table/multiple-selection.ts | 64 +- .../components/table/paginated.raw.jsx | 212 + .../content/components/table/paginated.ts | 206 +- .../components/table/row-actions.raw.jsx | 88 + .../content/components/table/row-actions.ts | 79 +- .../table/selection-behavior.raw.jsx | 87 + .../components/table/selection-behavior.ts | 78 +- .../components/table/single-selection.raw.jsx | 67 + .../components/table/single-selection.ts | 64 +- .../content/components/table/sorting.raw.jsx | 82 + apps/docs/content/components/table/sorting.ts | 73 +- .../content/components/table/striped.raw.jsx | 35 + apps/docs/content/components/table/striped.ts | 36 +- .../content/components/table/usage.raw.jsx | 35 + apps/docs/content/components/table/usage.ts | 36 +- .../content/components/table/use-case.raw.jsx | 640 + .../content/components/table/use-case.raw.tsx | 653 + .../docs/content/components/table/use-case.ts | 1316 +- .../components/table/without-header.raw.jsx | 35 + .../components/table/without-header.ts | 36 +- .../components/table/without-wrapper.raw.jsx | 35 + .../components/table/without-wrapper.ts | 36 +- .../content/components/tabs/colors.raw.jsx | 17 + apps/docs/content/components/tabs/colors.ts | 25 +- .../components/tabs/controlled.raw.jsx | 38 + .../content/components/tabs/controlled.ts | 38 +- .../components/tabs/custom-styles.raw.jsx | 131 + .../content/components/tabs/custom-styles.ts | 108 +- .../components/tabs/disabled-item.raw.jsx | 36 + .../content/components/tabs/disabled-item.ts | 32 +- .../content/components/tabs/disabled.raw.jsx | 36 + apps/docs/content/components/tabs/disabled.ts | 32 +- .../content/components/tabs/dynamic.raw.jsx | 38 + apps/docs/content/components/tabs/dynamic.ts | 38 +- .../docs/content/components/tabs/form.raw.jsx | 67 + .../docs/content/components/tabs/form.raw.tsx | 68 + apps/docs/content/components/tabs/form.ts | 137 +- .../content/components/tabs/icons.raw.jsx | 112 + apps/docs/content/components/tabs/icons.ts | 95 +- .../content/components/tabs/placement.raw.jsx | 51 + .../docs/content/components/tabs/placement.ts | 46 +- .../content/components/tabs/radius.raw.jsx | 17 + apps/docs/content/components/tabs/radius.ts | 24 +- .../content/components/tabs/sizes.raw.jsx | 17 + apps/docs/content/components/tabs/sizes.ts | 22 +- .../content/components/tabs/usage.raw.jsx | 36 + apps/docs/content/components/tabs/usage.ts | 32 +- .../content/components/tabs/variants.raw.jsx | 17 + apps/docs/content/components/tabs/variants.ts | 23 +- .../content/components/tabs/vertical.raw.jsx | 43 + apps/docs/content/components/tabs/vertical.ts | 38 +- .../components/textarea/autosize.raw.jsx | 11 + .../content/components/textarea/autosize.ts | 23 +- .../components/textarea/clear-button.raw.jsx | 16 + .../components/textarea/clear-button.ts | 9 + .../components/textarea/controlled.raw.jsx | 19 + .../content/components/textarea/controlled.ts | 20 +- .../components/textarea/description.raw.jsx | 13 + .../components/textarea/description.ts | 14 +- .../textarea/disable-autosize.raw.jsx | 17 + .../components/textarea/disable-autosize.ts | 18 +- .../components/textarea/disabled.raw.jsx | 14 + .../content/components/textarea/disabled.ts | 15 +- .../components/textarea/error-message.raw.jsx | 15 + .../components/textarea/error-message.ts | 16 +- .../docs/content/components/textarea/index.ts | 2 + .../components/textarea/readonly.raw.jsx | 15 + .../content/components/textarea/readonly.ts | 16 +- .../components/textarea/required.raw.jsx | 13 + .../content/components/textarea/required.ts | 14 +- .../content/components/textarea/usage.raw.jsx | 5 + .../docs/content/components/textarea/usage.ts | 12 +- .../components/textarea/variants.raw.jsx | 20 + .../content/components/textarea/variants.ts | 21 +- .../components/time-input/controlled.raw.jsx | 26 + .../components/time-input/controlled.raw.tsx | 31 + .../components/time-input/controlled.ts | 60 +- .../components/time-input/disabled.raw.jsx | 6 + .../content/components/time-input/disabled.ts | 13 +- .../components/time-input/end-content.raw.jsx | 35 + .../components/time-input/end-content.ts | 36 +- .../time-input/error-message-function.raw.jsx | 15 + .../time-input/error-message-function.ts | 16 +- .../time-input/error-message.raw.jsx | 5 + .../components/time-input/error-message.ts | 12 +- .../components/time-input/granularity.raw.jsx | 14 + .../components/time-input/granularity.raw.tsx | 19 + .../components/time-input/granularity.ts | 36 +- .../time-input/hide-timezone.raw.jsx | 12 + .../components/time-input/hide-timezone.ts | 13 +- .../components/time-input/hour-cycle.raw.jsx | 13 + .../components/time-input/hour-cycle.ts | 14 +- .../time-input/label-placement.raw.jsx | 27 + .../components/time-input/label-placement.ts | 28 +- .../time-input/max-time-value.raw.jsx | 6 + .../components/time-input/max-time-value.ts | 12 +- .../time-input/min-time-value.raw.jsx | 6 + .../components/time-input/min-time-value.ts | 12 +- .../time-input/placeholder-value.raw.jsx | 6 + .../time-input/placeholder-value.ts | 12 +- .../components/time-input/read-only.raw.jsx | 6 + .../components/time-input/read-only.ts | 13 +- .../components/time-input/required.raw.jsx | 5 + .../content/components/time-input/required.ts | 11 +- .../time-input/start-content.raw.jsx | 35 + .../components/time-input/start-content.ts | 36 +- .../components/time-input/timezones.raw.jsx | 17 + .../components/time-input/timezones.ts | 18 +- .../components/time-input/usage.raw.jsx | 11 + .../content/components/time-input/usage.ts | 12 +- .../time-input/with-description.raw.jsx | 5 + .../components/time-input/with-description.ts | 11 +- .../time-input/without-label.raw.jsx | 6 + .../components/time-input/without-label.ts | 9 +- .../content/components/tooltip/arrow.raw.jsx | 9 + apps/docs/content/components/tooltip/arrow.ts | 10 +- .../content/components/tooltip/colors.raw.jsx | 19 + .../docs/content/components/tooltip/colors.ts | 28 +- .../components/tooltip/controlled.raw.jsx | 14 + .../content/components/tooltip/controlled.ts | 21 +- .../components/tooltip/custom-content.raw.jsx | 16 + .../components/tooltip/custom-content.ts | 19 +- .../components/tooltip/custom-motion.raw.jsx | 31 + .../components/tooltip/custom-motion.ts | 32 +- .../components/tooltip/custom-styles.raw.jsx | 20 + .../components/tooltip/custom-styles.ts | 24 +- .../components/tooltip/delay-multiple.raw.jsx | 18 + .../components/tooltip/delay-multiple.ts | 19 +- .../content/components/tooltip/delay.raw.jsx | 18 + apps/docs/content/components/tooltip/delay.ts | 19 +- .../content/components/tooltip/offset.raw.jsx | 23 + .../docs/content/components/tooltip/offset.ts | 24 +- .../components/tooltip/placements.raw.jsx | 30 + .../content/components/tooltip/placements.ts | 36 +- .../content/components/tooltip/usage.raw.jsx | 9 + apps/docs/content/components/tooltip/usage.ts | 10 +- .../components/user/link-description.raw.jsx | 17 + .../components/user/link-description.ts | 18 +- .../content/components/user/usage.raw.jsx | 13 + apps/docs/content/components/user/usage.ts | 14 +- .../content/docs/api-references/cli-api.mdx | 191 +- .../docs/api-references/nextui-provider.mdx | 35 +- .../content/docs/components/accordion.mdx | 340 +- apps/docs/content/docs/components/alert.mdx | 237 + .../content/docs/components/autocomplete.mdx | 511 +- apps/docs/content/docs/components/avatar.mdx | 180 +- apps/docs/content/docs/components/badge.mdx | 104 +- .../content/docs/components/breadcrumbs.mdx | 270 +- apps/docs/content/docs/components/button.mdx | 239 +- .../docs/content/docs/components/calendar.mdx | 231 +- apps/docs/content/docs/components/card.mdx | 142 +- .../docs/components/checkbox-group.mdx | 166 +- .../docs/content/docs/components/checkbox.mdx | 152 +- apps/docs/content/docs/components/chip.mdx | 89 +- .../docs/components/circular-progress.mdx | 104 +- apps/docs/content/docs/components/code.mdx | 34 +- .../content/docs/components/date-input.mdx | 248 +- .../content/docs/components/date-picker.mdx | 314 +- .../docs/components/date-range-picker.mdx | 431 +- apps/docs/content/docs/components/divider.mdx | 13 +- apps/docs/content/docs/components/drawer.mdx | 284 + .../docs/content/docs/components/dropdown.mdx | 614 +- apps/docs/content/docs/components/form.mdx | 183 + apps/docs/content/docs/components/image.mdx | 133 +- .../content/docs/components/input-otp.mdx | 362 + apps/docs/content/docs/components/input.mdx | 209 +- apps/docs/content/docs/components/kbd.mdx | 27 +- apps/docs/content/docs/components/link.mdx | 173 +- apps/docs/content/docs/components/listbox.mdx | 512 +- apps/docs/content/docs/components/modal.mdx | 188 +- apps/docs/content/docs/components/navbar.mdx | 295 +- .../content/docs/components/pagination.mdx | 159 +- apps/docs/content/docs/components/popover.mdx | 244 +- .../docs/content/docs/components/progress.mdx | 111 +- .../content/docs/components/radio-group.mdx | 242 +- .../docs/components/range-calendar.mdx | 221 +- .../content/docs/components/scroll-shadow.mdx | 71 +- apps/docs/content/docs/components/select.mdx | 375 +- .../docs/content/docs/components/skeleton.mdx | 34 +- apps/docs/content/docs/components/slider.mdx | 243 +- apps/docs/content/docs/components/snippet.mdx | 131 +- apps/docs/content/docs/components/spacer.mdx | 22 +- apps/docs/content/docs/components/spinner.mdx | 45 +- apps/docs/content/docs/components/switch.mdx | 127 +- apps/docs/content/docs/components/table.mdx | 494 +- apps/docs/content/docs/components/tabs.mdx | 247 +- .../docs/content/docs/components/textarea.mdx | 251 +- .../content/docs/components/time-input.mdx | 237 +- apps/docs/content/docs/components/tooltip.mdx | 226 +- apps/docs/content/docs/components/user.mdx | 41 +- .../content/docs/customization/dark-mode.mdx | 43 +- apps/docs/content/docs/frameworks/astro.mdx | 2 +- apps/docs/content/docs/frameworks/nextjs.mdx | 4 +- apps/docs/content/docs/frameworks/remix.mdx | 2 +- apps/docs/content/docs/frameworks/vite.mdx | 2 +- apps/docs/content/docs/guide/forms.mdx | 573 + apps/docs/content/docs/guide/installation.mdx | 6 +- apps/docs/content/docs/guide/introduction.mdx | 30 +- apps/docs/content/docs/guide/routing.mdx | 259 +- .../docs/content/docs/guide/upgrade-to-v2.mdx | 6 +- apps/docs/contentlayer.config.js | 31 +- apps/docs/global.d.ts | 14 + apps/docs/libs/constants.tsx | 8 +- apps/docs/libs/contentlayer.ts | 2 +- apps/docs/libs/docs/page.ts | 4 +- apps/docs/libs/rehype-highlight-line.js | 14 +- apps/docs/libs/rehype-highlight-word.js | 14 +- apps/docs/next.config.js | 30 +- apps/docs/package.json | 122 +- apps/docs/preinstall.js | 2 +- .../public/assets/fonts/FiraCode-Bold.woff2 | Bin 0 -> 107788 bytes .../public/assets/fonts/FiraCode-Medium.woff2 | Bin 0 -> 102384 bytes .../assets/fonts/FiraCode-Regular.woff2 | Bin 0 -> 103240 bytes .../assets/fonts/FiraCode-SemiBold.woff2 | Bin 0 -> 106992 bytes .../public/assets/fonts/Inter-Black.woff2 | Bin 0 -> 108748 bytes .../docs/public/assets/fonts/Inter-Bold.woff2 | Bin 0 -> 111040 bytes .../public/assets/fonts/Inter-ExtraBold.woff2 | Bin 0 -> 111360 bytes .../assets/fonts/Inter-ExtraLight.woff2 | Bin 0 -> 110176 bytes .../public/assets/fonts/Inter-Light.woff2 | Bin 0 -> 109992 bytes .../public/assets/fonts/Inter-Medium.woff2 | Bin 0 -> 111380 bytes .../public/assets/fonts/Inter-Regular.woff2 | Bin 0 -> 108488 bytes .../public/assets/fonts/Inter-SemiBold.woff2 | Bin 0 -> 111588 bytes apps/docs/public/blog/v2.6.0.jpg | Bin 0 -> 130035 bytes apps/docs/public/blog/v2.6.0_2x.jpg | Bin 0 -> 133403 bytes .../nextuipro-section-background-light.webp | Bin 0 -> 2602924 bytes ...uipro-section-background-light@mobile.webp | Bin 0 -> 2130322 bytes .../images/nextuipro-section-background.webp | Bin 0 -> 413334 bytes .../nextuipro-section-background@mobile.webp | Bin 0 -> 201662 bytes apps/docs/public/sitemap-0.xml | 65 - apps/docs/scripts/update-github-info.ts | 61 + apps/docs/styles/globals.css | 76 +- apps/docs/styles/sandpack.css | 16 + apps/docs/tailwind.config.js | 30 +- apps/docs/tsconfig.json | 22 +- apps/docs/utils/featurebase.ts | 6 - apps/docs/utils/get-sponsors.ts | 2 +- apps/docs/utils/number.ts | 25 + jest.config.js | 7 +- package.json | 47 +- packages/components/accordion/CHANGELOG.md | 251 + .../accordion/__tests__/accordion.test.tsx | 70 +- packages/components/accordion/package.json | 29 +- .../accordion/src/accordion-item.tsx | 4 +- packages/components/alert/CHANGELOG.md | 211 + packages/components/alert/README.md | 24 + .../components/alert/__tests__/alert.test.tsx | 85 + packages/components/alert/package.json | 62 + packages/components/alert/src/alert.tsx | 88 + packages/components/alert/src/index.ts | 10 + packages/components/alert/src/use-alert.ts | 209 + .../alert/stories/alert.stories.tsx | 296 + packages/components/alert/tsconfig.json | 10 + packages/components/alert/tsup.config.ts | 8 + packages/components/autocomplete/CHANGELOG.md | 368 + .../__tests__/autocomplete.test.tsx | 354 +- packages/components/autocomplete/package.json | 37 +- .../autocomplete/src/autocomplete.tsx | 28 +- .../autocomplete/src/use-autocomplete.ts | 59 +- .../stories/autocomplete.stories.tsx | 126 + packages/components/avatar/CHANGELOG.md | 175 + packages/components/avatar/package.json | 16 +- packages/components/avatar/src/use-avatar.ts | 4 +- packages/components/badge/CHANGELOG.md | 136 + packages/components/badge/package.json | 10 +- packages/components/breadcrumbs/CHANGELOG.md | 167 + packages/components/breadcrumbs/package.json | 20 +- packages/components/button/CHANGELOG.md | 193 + .../button/__tests__/button-group.test.tsx | 2 +- .../button/__tests__/button.test.tsx | 25 +- packages/components/button/package.json | 25 +- packages/components/calendar/CHANGELOG.md | 253 + packages/components/calendar/package.json | 41 +- .../components/calendar/src/calendar-base.tsx | 7 +- .../components/calendar/src/calendar-cell.tsx | 4 +- .../calendar/src/calendar-header.tsx | 1 + .../calendar/src/calendar-month.tsx | 5 +- .../calendar/src/calendar-picker.tsx | 4 +- packages/components/calendar/src/calendar.tsx | 20 +- .../calendar/src/range-calendar.tsx | 27 +- .../calendar/src/use-calendar-base.ts | 13 +- .../calendar/src/use-calendar-picker.ts | 2 +- .../components/calendar/src/use-calendar.ts | 9 +- .../calendar/src/use-range-calendar.ts | 12 + packages/components/calendar/src/utils.ts | 2 +- .../calendar/stories/calendar.stories.tsx | 39 +- .../stories/range-calendar.stories.tsx | 12 +- packages/components/card/CHANGELOG.md | 180 + .../components/card/__tests__/card.test.tsx | 10 +- packages/components/card/package.json | 23 +- packages/components/checkbox/CHANGELOG.md | 170 + .../__tests__/checkbox-group.test.tsx | 109 +- .../checkbox/__tests__/checkbox.test.tsx | 52 +- packages/components/checkbox/package.json | 31 +- .../checkbox/src/checkbox-group.tsx | 7 +- .../checkbox/src/use-checkbox-group.ts | 8 +- .../components/checkbox/src/use-checkbox.ts | 101 +- .../stories/checkbox-group.stories.tsx | 45 +- .../checkbox/stories/checkbox.stories.tsx | 64 +- packages/components/chip/CHANGELOG.md | 167 + .../components/chip/__tests__/chip.test.tsx | 10 +- packages/components/chip/package.json | 18 +- packages/components/code/CHANGELOG.md | 153 + packages/components/code/package.json | 8 +- packages/components/date-input/CHANGELOG.md | 154 + .../date-input/__tests__/date-input.test.tsx | 36 +- .../date-input/__tests__/time-input.test.tsx | 65 +- packages/components/date-input/package.json | 27 +- .../date-input/src/date-input-segment.tsx | 6 - .../components/date-input/src/date-input.tsx | 25 +- .../components/date-input/src/time-input.tsx | 20 +- .../date-input/src/use-date-input.ts | 7 +- .../date-input/src/use-time-input.ts | 4 +- packages/components/date-picker/CHANGELOG.md | 293 + .../__tests__/date-picker.test.tsx | 287 +- packages/components/date-picker/package.json | 33 +- .../date-picker/src/date-picker.tsx | 54 +- .../src/date-range-picker-field.tsx | 21 +- .../date-picker/src/date-range-picker.tsx | 56 +- .../date-picker/src/use-date-picker-base.ts | 2 +- .../date-picker/src/use-date-picker.ts | 16 +- .../date-picker/src/use-date-range-picker.ts | 9 +- .../stories/date-picker.stories.tsx | 131 +- .../stories/date-range-picker.stories.tsx | 140 +- packages/components/divider/CHANGELOG.md | 152 + packages/components/divider/package.json | 10 +- packages/components/drawer/CHANGELOG.md | 206 + packages/components/drawer/README.md | 24 + .../drawer/__tests__/drawer.test.tsx | 110 + packages/components/drawer/package.json | 67 + packages/components/drawer/src/drawer.tsx | 22 + packages/components/drawer/src/index.ts | 20 + packages/components/drawer/src/use-drawer.ts | 97 + .../drawer/stories/drawer.stories.tsx | 557 + packages/components/drawer/tsconfig.json | 10 + packages/components/drawer/tsup.config.ts | 8 + packages/components/dropdown/CHANGELOG.md | 231 + .../dropdown/__tests__/dropdown.test.tsx | 494 +- packages/components/dropdown/package.json | 26 +- .../components/dropdown/src/dropdown-menu.tsx | 20 +- .../dropdown/src/dropdown-trigger.tsx | 7 +- .../components/dropdown/src/use-dropdown.ts | 18 +- packages/components/form/CHANGELOG.md | 69 + packages/components/form/README.md | 24 + packages/components/form/package.json | 59 + packages/components/form/src/base-form.tsx | 45 + packages/components/form/src/form.tsx | 11 + packages/components/form/src/index.ts | 11 + packages/components/form/src/utils.ts | 106 + .../components/form/stories/form.stories.tsx | 76 + packages/components/form/tsconfig.json | 10 + packages/components/form/tsup.config.ts | 8 + packages/components/image/CHANGELOG.md | 169 + packages/components/image/package.json | 10 +- packages/components/image/src/use-image.ts | 2 +- packages/components/input-otp/CHANGELOG.md | 58 + packages/components/input-otp/README.md | 26 + .../input-otp/__tests__/input-otp.test.tsx | 238 + packages/components/input-otp/package.json | 64 + packages/components/input-otp/src/index.ts | 13 + .../input-otp/src/input-otp-context.ts | 9 + .../input-otp/src/input-otp-segment.tsx | 45 + .../components/input-otp/src/input-otp.tsx | 80 + .../components/input-otp/src/use-input-otp.ts | 337 + .../input-otp/stories/input-otp.stories.tsx | 385 + packages/components/input-otp/tsconfig.json | 10 + packages/components/input-otp/tsup.config.ts | 8 + packages/components/input/CHANGELOG.md | 193 + .../components/input/__tests__/input.test.tsx | 221 +- .../input/__tests__/textarea.test.tsx | 81 + packages/components/input/package.json | 29 +- packages/components/input/src/input.tsx | 13 +- packages/components/input/src/textarea.tsx | 29 +- packages/components/input/src/use-input.ts | 19 +- .../input/stories/input.stories.tsx | 32 + .../input/stories/textarea.stories.tsx | 44 + packages/components/kbd/CHANGELOG.md | 157 + packages/components/kbd/package.json | 10 +- packages/components/link/CHANGELOG.md | 180 + packages/components/link/package.json | 18 +- packages/components/listbox/CHANGELOG.md | 233 + .../listbox/__tests__/listbox.test.tsx | 84 +- packages/components/listbox/package.json | 41 +- .../listbox/src/base/listbox-item-base.tsx | 4 +- .../components/listbox/src/listbox-item.tsx | 36 +- packages/components/listbox/src/listbox.tsx | 43 +- .../listbox/src/use-listbox-item.ts | 18 +- .../listbox/src/virtualized-listbox.tsx | 155 + .../listbox/stories/listbox.stories.tsx | 105 + packages/components/menu/CHANGELOG.md | 239 + .../components/menu/__tests__/menu.test.tsx | 155 +- packages/components/menu/package.json | 26 +- .../menu/src/base/menu-item-base.tsx | 2 +- packages/components/menu/src/menu-item.tsx | 38 +- packages/components/menu/src/menu.tsx | 25 +- packages/components/menu/src/use-menu-item.ts | 48 +- packages/components/menu/src/use-menu.ts | 2 +- packages/components/modal/CHANGELOG.md | 264 + .../components/modal/__tests__/modal.test.tsx | 121 +- packages/components/modal/package.json | 31 +- packages/components/modal/src/index.ts | 1 + .../components/modal/src/modal-content.tsx | 9 +- .../components/modal/src/modal-header.tsx | 9 +- .../components/modal/src/modal-transition.ts | 2 + packages/components/modal/src/use-modal.ts | 2 +- .../modal/stories/modal.stories.tsx | 72 + packages/components/navbar/CHANGELOG.md | 207 + .../navbar/__tests__/navbar.test.tsx | 30 +- packages/components/navbar/package.json | 27 +- .../components/navbar/src/navbar-menu.tsx | 81 +- packages/components/navbar/src/navbar.tsx | 4 +- packages/components/navbar/src/use-navbar.ts | 11 + packages/components/pagination/CHANGELOG.md | 187 + .../pagination/__tests__/pagination.test.tsx | 95 +- packages/components/pagination/package.json | 19 +- .../pagination/src/pagination-item.tsx | 9 +- .../pagination/src/use-pagination-item.ts | 11 +- .../pagination/src/use-pagination.ts | 15 +- packages/components/popover/CHANGELOG.md | 245 + .../popover/__tests__/popover.test.tsx | 95 +- packages/components/popover/package.json | 34 +- .../popover/src/free-solo-popover.tsx | 4 +- .../popover/src/popover-content.tsx | 16 +- .../popover/src/popover-trigger.tsx | 15 +- .../popover/src/use-aria-popover.ts | 8 +- .../components/popover/src/use-popover.ts | 8 +- .../popover/stories/popover.stories.tsx | 5 + packages/components/progress/CHANGELOG.md | 152 + packages/components/progress/package.json | 18 +- packages/components/radio/CHANGELOG.md | 154 + .../components/radio/__tests__/radio.test.tsx | 117 +- packages/components/radio/package.json | 29 +- .../components/radio/src/use-radio-group.ts | 4 +- packages/components/radio/src/use-radio.ts | 33 +- .../radio/stories/radio.stories.tsx | 42 +- packages/components/ripple/CHANGELOG.md | 150 + packages/components/ripple/package.json | 17 +- packages/components/ripple/src/ripple.tsx | 4 +- .../components/scroll-shadow/CHANGELOG.md | 147 + .../components/scroll-shadow/package.json | 10 +- packages/components/select/CHANGELOG.md | 357 + .../select/__tests__/select.test.tsx | 678 +- packages/components/select/package.json | 32 +- .../components/select/src/hidden-select.tsx | 24 +- packages/components/select/src/select.tsx | 38 +- packages/components/select/src/use-select.ts | 73 +- .../select/stories/select.stories.tsx | 391 + packages/components/skeleton/CHANGELOG.md | 136 + packages/components/skeleton/package.json | 10 +- packages/components/slider/CHANGELOG.md | 172 + .../slider/__tests__/slider.test.tsx | 26 +- packages/components/slider/package.json | 24 +- packages/components/snippet/CHANGELOG.md | 232 + packages/components/snippet/package.json | 19 +- .../snippet/stories/snippet.stories.tsx | 29 +- packages/components/spacer/CHANGELOG.md | 153 + packages/components/spacer/package.json | 8 +- packages/components/spinner/CHANGELOG.md | 153 + packages/components/spinner/package.json | 8 +- packages/components/switch/CHANGELOG.md | 154 + .../switch/__tests__/switch.test.tsx | 64 +- packages/components/switch/package.json | 24 +- packages/components/switch/src/use-switch.ts | 32 +- packages/components/table/CHANGELOG.md | 207 + .../components/table/__tests__/table.test.tsx | 64 +- packages/components/table/package.json | 30 +- packages/components/table/src/use-table.ts | 18 +- packages/components/tabs/CHANGELOG.md | 212 + .../components/tabs/__tests__/tabs.test.tsx | 67 +- packages/components/tabs/package.json | 28 +- .../components/tabs/src/base/tab-item-base.ts | 4 +- packages/components/tabs/src/tab-panel.tsx | 6 +- packages/components/tabs/src/tab.tsx | 7 +- packages/components/tabs/src/tabs.tsx | 18 +- packages/components/tooltip/CHANGELOG.md | 208 + .../tooltip/__tests__/tooltip.test.tsx | 2 +- packages/components/tooltip/package.json | 31 +- packages/components/tooltip/src/tooltip.tsx | 4 +- packages/components/user/CHANGELOG.md | 179 + packages/components/user/package.json | 14 +- .../components/user/stories/user.stories.tsx | 2 +- packages/core/react/CHANGELOG.md | 1307 ++ packages/core/react/README.md | 4 +- packages/core/react/package.json | 20 +- packages/core/react/src/index.ts | 6 +- packages/core/react/src/scripts/postbuild.js | 32 +- packages/core/react/tsup.config.ts | 1 + packages/core/system-rsc/CHANGELOG.md | 93 + packages/core/system-rsc/package.json | 8 +- packages/core/system/CHANGELOG.md | 164 + packages/core/system/package.json | 29 +- packages/core/system/src/provider-context.ts | 9 +- packages/core/system/src/provider.tsx | 21 +- packages/core/theme/CHANGELOG.md | 217 + .../theme/__tests__/semantic-colors.test.ts | 2 +- packages/core/theme/package.json | 15 +- .../core/theme/src/components/accordion.ts | 2 +- packages/core/theme/src/components/alert.ts | 358 + .../core/theme/src/components/autocomplete.ts | 2 +- .../core/theme/src/components/breadcrumbs.ts | 2 +- .../core/theme/src/components/checkbox.ts | 6 +- .../theme/src/components/circular-progress.ts | 109 - .../core/theme/src/components/date-input.ts | 7 +- .../core/theme/src/components/date-picker.ts | 2 +- packages/core/theme/src/components/drawer.ts | 76 + packages/core/theme/src/components/form.ts | 23 + packages/core/theme/src/components/index.ts | 5 +- .../core/theme/src/components/input-otp.ts | 453 + packages/core/theme/src/components/input.ts | 66 +- packages/core/theme/src/components/menu.ts | 13 +- packages/core/theme/src/components/modal.ts | 4 +- .../core/theme/src/components/progress.ts | 144 +- packages/core/theme/src/components/radio.ts | 4 +- packages/core/theme/src/components/select.ts | 36 +- packages/core/theme/src/components/table.ts | 42 +- packages/core/theme/src/components/toggle.ts | 18 +- packages/core/theme/src/plugin.ts | 32 +- packages/core/theme/src/utilities/custom.ts | 5 + packages/core/theme/src/utils/cn.ts | 2 +- packages/core/theme/src/utils/index.ts | 1 + .../core/theme/src/utils/merge-classes.ts | 26 + .../core/theme/src/utils/tw-merge-config.ts | 12 +- packages/core/theme/src/utils/variants.ts | 10 +- .../use-aria-accordion-item/CHANGELOG.md | 88 + .../use-aria-accordion-item/package.json | 14 +- .../use-aria-accordion-item/src/index.ts | 2 +- .../hooks/use-aria-accordion/CHANGELOG.md | 92 + .../hooks/use-aria-accordion/package.json | 20 +- .../src/use-accordion-item.ts | 2 +- packages/hooks/use-aria-button/CHANGELOG.md | 92 + packages/hooks/use-aria-button/package.json | 16 +- packages/hooks/use-aria-link/CHANGELOG.md | 92 + packages/hooks/use-aria-link/package.json | 16 +- packages/hooks/use-aria-menu/CHANGELOG.md | 92 + packages/hooks/use-aria-menu/package.json | 24 +- .../hooks/use-aria-modal-overlay/CHANGELOG.md | 92 + .../hooks/use-aria-modal-overlay/package.json | 16 +- .../hooks/use-aria-multiselect/CHANGELOG.md | 96 + .../hooks/use-aria-multiselect/package.json | 34 +- .../src/use-multiselect-state.ts | 54 +- .../src/use-multiselect.ts | 6 +- .../hooks/use-aria-toggle-button/CHANGELOG.md | 127 + .../hooks/use-aria-toggle-button/package.json | 12 +- packages/hooks/use-callback-ref/CHANGELOG.md | 96 + packages/hooks/use-callback-ref/package.json | 4 +- packages/hooks/use-clipboard/CHANGELOG.md | 76 + .../__tests__/clipboard.test.tsx | 2 +- packages/hooks/use-clipboard/package.json | 4 +- .../use-data-scroll-overflow/CHANGELOG.md | 119 + .../use-data-scroll-overflow/package.json | 4 +- packages/hooks/use-disclosure/CHANGELOG.md | 116 + packages/hooks/use-disclosure/package.json | 8 +- packages/hooks/use-draggable/CHANGELOG.md | 83 + packages/hooks/use-draggable/README.md | 24 + packages/hooks/use-draggable/package.json | 55 + packages/hooks/use-draggable/src/index.ts | 113 + packages/hooks/use-draggable/tsconfig.json | 4 + packages/hooks/use-image/CHANGELOG.md | 126 + .../use-image/__tests__/use-image.test.tsx | 37 + packages/hooks/use-image/package.json | 7 +- packages/hooks/use-image/src/index.ts | 159 +- .../hooks/use-infinite-scroll/CHANGELOG.md | 123 + .../hooks/use-infinite-scroll/package.json | 11 +- .../hooks/use-infinite-scroll/src/index.ts | 2 +- .../use-intersection-observer/CHANGELOG.md | 92 + .../use-intersection-observer/package.json | 12 +- packages/hooks/use-is-mobile/CHANGELOG.md | 88 + packages/hooks/use-is-mobile/package.json | 6 +- packages/hooks/use-is-mounted/CHANGELOG.md | 70 + packages/hooks/use-is-mounted/package.json | 4 +- packages/hooks/use-measure/CHANGELOG.md | 70 + packages/hooks/use-measure/package.json | 4 +- packages/hooks/use-pagination/CHANGELOG.md | 129 + .../__tests__/use-pagination.test.tsx | 4 +- packages/hooks/use-pagination/package.json | 6 +- packages/hooks/use-real-shape/CHANGELOG.md | 119 + packages/hooks/use-real-shape/package.json | 4 +- packages/hooks/use-ref-state/CHANGELOG.md | 76 + .../__tests__/use-ref-state.test.tsx | 2 +- packages/hooks/use-ref-state/package.json | 4 +- packages/hooks/use-resize/CHANGELOG.md | 70 + packages/hooks/use-resize/package.json | 4 +- .../hooks/use-safe-layout-effect/CHANGELOG.md | 70 + .../hooks/use-safe-layout-effect/package.json | 4 +- .../hooks/use-scroll-position/CHANGELOG.md | 70 + .../hooks/use-scroll-position/package.json | 4 +- packages/hooks/use-ssr/CHANGELOG.md | 70 + packages/hooks/use-ssr/package.json | 4 +- packages/hooks/use-theme/CHANGELOG.md | 83 + packages/hooks/use-theme/README.md | 55 + .../use-theme/__tests__/use-theme.test.tsx | 147 + packages/hooks/use-theme/package.json | 52 + packages/hooks/use-theme/src/index.ts | 85 + packages/hooks/use-theme/tsconfig.json | 4 + packages/hooks/use-update-effect/CHANGELOG.md | 70 + packages/hooks/use-update-effect/package.json | 4 +- .../addons/react-strict-mode/index.tsx | 28 +- .../addons/react-strict-mode/register.tsx | 10 +- .../storybook/.storybook/{main.js => main.ts} | 28 +- packages/storybook/.storybook/preview.tsx | 4 +- .../{welcome.stories.mdx => welcome.mdx} | 11 +- packages/storybook/package.json | 32 +- packages/storybook/postcss.config.js | 2 +- packages/storybook/tailwind.config.js | 8 +- packages/storybook/vite.config.ts | 9 + packages/utilities/aria-utils/CHANGELOG.md | 167 + packages/utilities/aria-utils/package.json | 16 +- packages/utilities/dom-animation/CHANGELOG.md | 83 + packages/utilities/dom-animation/README.md | 23 + packages/utilities/dom-animation/package.json | 44 + packages/utilities/dom-animation/src/index.ts | 3 + .../utilities/dom-animation/tsconfig.json | 4 + .../utilities/dom-animation/tsup.config.ts | 8 + packages/utilities/framer-utils/CHANGELOG.md | 161 + packages/utilities/framer-utils/package.json | 10 +- .../utilities/react-rsc-utils/CHANGELOG.md | 70 + .../utilities/react-rsc-utils/package.json | 4 +- packages/utilities/react-utils/CHANGELOG.md | 127 + packages/utilities/react-utils/package.json | 4 +- packages/utilities/shared-icons/CHANGELOG.md | 88 + packages/utilities/shared-icons/package.json | 4 +- .../utilities/shared-icons/src/danger.tsx | 20 + packages/utilities/shared-icons/src/index.ts | 4 + .../shared-icons/src/info-circle.tsx | 20 + .../utilities/shared-icons/src/success.tsx | 27 + .../utilities/shared-icons/src/warning.tsx | 25 + packages/utilities/shared-utils/CHANGELOG.md | 90 + packages/utilities/shared-utils/package.json | 2 +- .../utilities/shared-utils/src/functions.ts | 351 +- packages/utilities/stories-utils/CHANGELOG.md | 34 + packages/utilities/stories-utils/package.json | 2 +- packages/utilities/test-utils/CHANGELOG.md | 82 + packages/utilities/test-utils/package.json | 2 +- .../utilities/test-utils/src/mocks/image.ts | 4 + plop/component/package.json.hbs | 8 +- plop/hook/__tests__/{{hookName}}.test.tsx.hbs | 2 +- plop/hook/package.json.hbs | 2 +- pnpm-lock.yaml | 19211 +++++++--------- scripts/setup-test.ts | 2 +- tsconfig.json | 1 + 1846 files changed, 80262 insertions(+), 43712 deletions(-) delete mode 100644 .changeset/witty-socks-bathe.md create mode 100644 .github/workflows/enter-pre-release-mode.yaml create mode 100644 .github/workflows/exit-pre-release-mode.yaml create mode 100644 .github/workflows/pre-release.yaml delete mode 100644 .github/workflows/sync-canary-to-main.yaml create mode 100644 .github/workflows/update-stats.yml create mode 100755 .husky/post-merge create mode 100755 .husky/post-rebase create mode 100644 .husky/scripts/update-dep create mode 100644 apps/docs/app/examples/perf/client-page.tsx create mode 100644 apps/docs/components/docs/components/helper.ts delete mode 100644 apps/docs/components/featurebase/fb-changelog-button.tsx delete mode 100644 apps/docs/components/featurebase/fb-feedback-button.tsx create mode 100644 apps/docs/components/icons/info-circle.tsx create mode 100644 apps/docs/components/marketing/marquee.tsx create mode 100644 apps/docs/components/marketing/nextui-pro-section.tsx create mode 100644 apps/docs/components/marketing/support-client.tsx create mode 100644 apps/docs/components/static-table.tsx create mode 100644 apps/docs/config/github-info.json create mode 100644 apps/docs/content/blog/v2.6.0.mdx create mode 100644 apps/docs/content/components/accordion/bordered-variant.raw.jsx create mode 100644 apps/docs/content/components/accordion/compact.raw.jsx create mode 100644 apps/docs/content/components/accordion/controlled.raw.jsx create mode 100644 apps/docs/content/components/accordion/controlled.raw.tsx create mode 100644 apps/docs/content/components/accordion/custom-motion.raw.jsx create mode 100644 apps/docs/content/components/accordion/custom-styles.raw.jsx create mode 100644 apps/docs/content/components/accordion/default-expanded-keys.raw.jsx create mode 100644 apps/docs/content/components/accordion/disabled-keys.raw.jsx create mode 100644 apps/docs/content/components/accordion/indicator-function.raw.jsx create mode 100644 apps/docs/content/components/accordion/indicator.raw.jsx create mode 100644 apps/docs/content/components/accordion/light-variant.raw.jsx create mode 100644 apps/docs/content/components/accordion/multiple.raw.jsx create mode 100644 apps/docs/content/components/accordion/shadow-variant.raw.jsx create mode 100644 apps/docs/content/components/accordion/splitted-variant.raw.jsx create mode 100644 apps/docs/content/components/accordion/start-content.raw.jsx create mode 100644 apps/docs/content/components/accordion/subtitle.raw.jsx create mode 100644 apps/docs/content/components/accordion/usage.raw.jsx create mode 100644 apps/docs/content/components/accordion/variant.raw.jsx create mode 100644 apps/docs/content/components/alert/colors.raw.jsx create mode 100644 apps/docs/content/components/alert/colors.ts create mode 100644 apps/docs/content/components/alert/controlled-alert.raw.jsx create mode 100644 apps/docs/content/components/alert/controlled.ts create mode 100644 apps/docs/content/components/alert/custom-impl.raw.jsx create mode 100644 apps/docs/content/components/alert/custom-impl.ts create mode 100644 apps/docs/content/components/alert/custom-styles.raw.jsx create mode 100644 apps/docs/content/components/alert/custom-styles.raw.tsx create mode 100644 apps/docs/content/components/alert/custom-styles.ts create mode 100644 apps/docs/content/components/alert/index.ts create mode 100644 apps/docs/content/components/alert/radius.raw.jsx create mode 100644 apps/docs/content/components/alert/radius.ts create mode 100644 apps/docs/content/components/alert/usage.raw.jsx create mode 100644 apps/docs/content/components/alert/usage.ts create mode 100644 apps/docs/content/components/alert/variants.raw.jsx create mode 100644 apps/docs/content/components/alert/variants.ts create mode 100644 apps/docs/content/components/alert/with-action.raw.jsx create mode 100644 apps/docs/content/components/alert/with-action.ts create mode 100644 apps/docs/content/components/alert/with-icon.raw.jsx create mode 100644 apps/docs/content/components/alert/with-icon.ts create mode 100644 apps/docs/content/components/alert/without-icon-wrapper.raw.jsx create mode 100644 apps/docs/content/components/alert/without-icon-wrapper.ts create mode 100644 apps/docs/content/components/alert/without-icon.raw.jsx create mode 100644 apps/docs/content/components/alert/without-icon.ts create mode 100644 apps/docs/content/components/autocomplete/async-filtering.raw.jsx create mode 100644 apps/docs/content/components/autocomplete/async-filtering.raw.tsx create mode 100644 apps/docs/content/components/autocomplete/async-loading-items.raw.jsx create mode 100644 apps/docs/content/components/autocomplete/async-loading-items.raw.tsx create mode 100644 apps/docs/content/components/autocomplete/colors.raw.jsx create mode 100644 apps/docs/content/components/autocomplete/controlled.raw.jsx create mode 100644 apps/docs/content/components/autocomplete/controlled.raw.tsx create mode 100644 apps/docs/content/components/autocomplete/custom-empty-content-message.raw.jsx create mode 100644 apps/docs/content/components/autocomplete/custom-filtering.raw.jsx create mode 100644 apps/docs/content/components/autocomplete/custom-filtering.raw.tsx create mode 100644 apps/docs/content/components/autocomplete/custom-items.raw.jsx create mode 100644 apps/docs/content/components/autocomplete/custom-sections-style.raw.jsx create mode 100644 apps/docs/content/components/autocomplete/custom-selector-icon.raw.jsx create mode 100644 apps/docs/content/components/autocomplete/custom-styles.raw.jsx create mode 100644 apps/docs/content/components/autocomplete/custom-value.raw.jsx create mode 100644 apps/docs/content/components/autocomplete/description.raw.jsx create mode 100644 apps/docs/content/components/autocomplete/disabled-items.raw.jsx create mode 100644 apps/docs/content/components/autocomplete/disabled.raw.jsx create mode 100644 apps/docs/content/components/autocomplete/dynamic.raw.jsx create mode 100644 apps/docs/content/components/autocomplete/error-message.raw.jsx create mode 100644 apps/docs/content/components/autocomplete/events.raw.jsx create mode 100644 apps/docs/content/components/autocomplete/events.raw.tsx create mode 100644 apps/docs/content/components/autocomplete/fully-controlled.raw.jsx create mode 100644 apps/docs/content/components/autocomplete/fully-controlled.raw.tsx create mode 100644 apps/docs/content/components/autocomplete/item-start-content.raw.jsx create mode 100644 apps/docs/content/components/autocomplete/label-placements.raw.jsx create mode 100644 apps/docs/content/components/autocomplete/read-only.raw.jsx create mode 100644 apps/docs/content/components/autocomplete/required.raw.jsx create mode 100644 apps/docs/content/components/autocomplete/sections.raw.jsx create mode 100644 apps/docs/content/components/autocomplete/sizes.raw.jsx create mode 100644 apps/docs/content/components/autocomplete/start-content.raw.jsx create mode 100644 apps/docs/content/components/autocomplete/usage.raw.jsx create mode 100644 apps/docs/content/components/autocomplete/variants.raw.jsx create mode 100644 apps/docs/content/components/autocomplete/virtualization-custom-item-height.raw.jsx create mode 100644 apps/docs/content/components/autocomplete/virtualization-custom-item-height.ts create mode 100644 apps/docs/content/components/autocomplete/virtualization-max-listbox-height.raw.jsx create mode 100644 apps/docs/content/components/autocomplete/virtualization-max-listbox-height.ts create mode 100644 apps/docs/content/components/autocomplete/virtualization-ten-thousand.raw.jsx create mode 100644 apps/docs/content/components/autocomplete/virtualization-ten-thousand.ts create mode 100644 apps/docs/content/components/autocomplete/virtualization.raw.jsx create mode 100644 apps/docs/content/components/autocomplete/virtualization.ts create mode 100644 apps/docs/content/components/autocomplete/without-scroll-shadow.raw.jsx create mode 100644 apps/docs/content/components/avatar/bordered.raw.jsx create mode 100644 apps/docs/content/components/avatar/colors.raw.jsx create mode 100644 apps/docs/content/components/avatar/custom-fallback.raw.jsx create mode 100644 apps/docs/content/components/avatar/custom-impl.raw.jsx create mode 100644 apps/docs/content/components/avatar/custom-impl.raw.tsx create mode 100644 apps/docs/content/components/avatar/custom.raw.jsx create mode 100644 apps/docs/content/components/avatar/disabled.raw.jsx create mode 100644 apps/docs/content/components/avatar/fallbacks.raw.jsx create mode 100644 apps/docs/content/components/avatar/group-custom-count.raw.jsx create mode 100644 apps/docs/content/components/avatar/group-custom-impl.raw.jsx create mode 100644 apps/docs/content/components/avatar/group-custom-impl.raw.tsx create mode 100644 apps/docs/content/components/avatar/group-disabled.raw.jsx create mode 100644 apps/docs/content/components/avatar/group-grid.raw.jsx create mode 100644 apps/docs/content/components/avatar/group-max.raw.jsx create mode 100644 apps/docs/content/components/avatar/group-total.raw.jsx create mode 100644 apps/docs/content/components/avatar/group.raw.jsx create mode 100644 apps/docs/content/components/avatar/radius.raw.jsx create mode 100644 apps/docs/content/components/avatar/sizes.raw.jsx create mode 100644 apps/docs/content/components/avatar/usage.raw.jsx create mode 100644 apps/docs/content/components/badge/a11y.raw.jsx create mode 100644 apps/docs/content/components/badge/colors.raw.jsx create mode 100644 apps/docs/content/components/badge/content-examples.raw.jsx create mode 100644 apps/docs/content/components/badge/placements.raw.jsx create mode 100644 apps/docs/content/components/badge/shapes.raw.jsx create mode 100644 apps/docs/content/components/badge/show-outline.raw.jsx create mode 100644 apps/docs/content/components/badge/sizes.raw.jsx create mode 100644 apps/docs/content/components/badge/usage.raw.jsx create mode 100644 apps/docs/content/components/badge/variants.raw.jsx create mode 100644 apps/docs/content/components/badge/visibility.raw.jsx create mode 100644 apps/docs/content/components/breadcrumbs/collapsing-items.raw.jsx create mode 100644 apps/docs/content/components/breadcrumbs/colors.raw.jsx create mode 100644 apps/docs/content/components/breadcrumbs/controlled.raw.jsx create mode 100644 apps/docs/content/components/breadcrumbs/controlled.raw.tsx create mode 100644 apps/docs/content/components/breadcrumbs/custom-items.raw.jsx create mode 100644 apps/docs/content/components/breadcrumbs/custom-styles.raw.jsx create mode 100644 apps/docs/content/components/breadcrumbs/customizing-ellipsis.raw.jsx create mode 100644 apps/docs/content/components/breadcrumbs/disabled.raw.jsx create mode 100644 apps/docs/content/components/breadcrumbs/menu-type.raw.jsx create mode 100644 apps/docs/content/components/breadcrumbs/menu-type.raw.tsx create mode 100644 apps/docs/content/components/breadcrumbs/radius.raw.jsx create mode 100644 apps/docs/content/components/breadcrumbs/routing.raw.jsx create mode 100644 apps/docs/content/components/breadcrumbs/separator.raw.jsx create mode 100644 apps/docs/content/components/breadcrumbs/sizes.raw.jsx create mode 100644 apps/docs/content/components/breadcrumbs/start-end-content.raw.jsx create mode 100644 apps/docs/content/components/breadcrumbs/underlines.raw.jsx create mode 100644 apps/docs/content/components/breadcrumbs/usage.raw.jsx create mode 100644 apps/docs/content/components/breadcrumbs/variants.raw.jsx create mode 100644 apps/docs/content/components/button/colors.raw.jsx create mode 100644 apps/docs/content/components/button/custom-impl.raw.jsx create mode 100644 apps/docs/content/components/button/custom-impl.raw.tsx create mode 100644 apps/docs/content/components/button/custom-styles.raw.jsx create mode 100644 apps/docs/content/components/button/disabled.raw.jsx create mode 100644 apps/docs/content/components/button/group-disabled.raw.jsx create mode 100644 apps/docs/content/components/button/group-use-case.raw.jsx create mode 100644 apps/docs/content/components/button/group.raw.jsx create mode 100644 apps/docs/content/components/button/icon-only.raw.jsx create mode 100644 apps/docs/content/components/button/icons.raw.jsx create mode 100644 apps/docs/content/components/button/loading-custom.raw.jsx create mode 100644 apps/docs/content/components/button/loading.raw.jsx create mode 100644 apps/docs/content/components/button/radius.raw.jsx create mode 100644 apps/docs/content/components/button/sizes.raw.jsx create mode 100644 apps/docs/content/components/button/usage.raw.jsx create mode 100644 apps/docs/content/components/button/variants.raw.jsx create mode 100644 apps/docs/content/components/calendar/controlled-focused-value.raw.jsx create mode 100644 apps/docs/content/components/calendar/controlled-focused-value.raw.tsx create mode 100644 apps/docs/content/components/calendar/controlled.raw.jsx create mode 100644 apps/docs/content/components/calendar/controlled.raw.tsx create mode 100644 apps/docs/content/components/calendar/disabled.raw.jsx create mode 100644 apps/docs/content/components/calendar/international-calendars.raw.jsx create mode 100644 apps/docs/content/components/calendar/invalid-date.raw.jsx create mode 100644 apps/docs/content/components/calendar/invalid-date.raw.tsx create mode 100644 apps/docs/content/components/calendar/max-date-value.raw.jsx create mode 100644 apps/docs/content/components/calendar/min-date-value.raw.jsx create mode 100644 apps/docs/content/components/calendar/page-behaviour.raw.jsx create mode 100644 apps/docs/content/components/calendar/presets.raw.jsx create mode 100644 apps/docs/content/components/calendar/presets.raw.tsx create mode 100644 apps/docs/content/components/calendar/read-only.raw.jsx create mode 100644 apps/docs/content/components/calendar/unavailable-dates.raw.jsx create mode 100644 apps/docs/content/components/calendar/usage.raw.jsx create mode 100644 apps/docs/content/components/calendar/visible-months.raw.jsx create mode 100644 apps/docs/content/components/calendar/with-month-and-year-picker.raw.jsx create mode 100644 apps/docs/content/components/card/blurred-footer.raw.jsx create mode 100644 apps/docs/content/components/card/blurred.raw.jsx create mode 100644 apps/docs/content/components/card/composition.raw.jsx create mode 100644 apps/docs/content/components/card/cover-image.raw.jsx create mode 100644 apps/docs/content/components/card/divider.raw.jsx create mode 100644 apps/docs/content/components/card/image.raw.jsx create mode 100644 apps/docs/content/components/card/primary-action.raw.jsx create mode 100644 apps/docs/content/components/card/usage.raw.jsx create mode 100644 apps/docs/content/components/checkbox-group/controlled.raw.jsx create mode 100644 apps/docs/content/components/checkbox-group/custom-implementation.raw.jsx create mode 100644 apps/docs/content/components/checkbox-group/custom-styles.raw.jsx create mode 100644 apps/docs/content/components/checkbox-group/disabled.raw.jsx create mode 100644 apps/docs/content/components/checkbox-group/horizontal.raw.jsx create mode 100644 apps/docs/content/components/checkbox-group/invalid.raw.jsx create mode 100644 apps/docs/content/components/checkbox-group/usage.raw.jsx create mode 100644 apps/docs/content/components/checkbox/colors.raw.jsx create mode 100644 apps/docs/content/components/checkbox/controlled.raw.jsx create mode 100644 apps/docs/content/components/checkbox/custom-check-icon.raw.jsx create mode 100644 apps/docs/content/components/checkbox/custom-implementation.raw.jsx create mode 100644 apps/docs/content/components/checkbox/custom-styles.raw.jsx create mode 100644 apps/docs/content/components/checkbox/disabled.raw.jsx create mode 100644 apps/docs/content/components/checkbox/indeterminate.raw.jsx create mode 100644 apps/docs/content/components/checkbox/line-through.raw.jsx create mode 100644 apps/docs/content/components/checkbox/radius.raw.jsx create mode 100644 apps/docs/content/components/checkbox/sizes.raw.jsx create mode 100644 apps/docs/content/components/checkbox/usage.raw.jsx create mode 100644 apps/docs/content/components/chip/avatar.raw.jsx create mode 100644 apps/docs/content/components/chip/close-button.raw.jsx create mode 100644 apps/docs/content/components/chip/colors.raw.jsx create mode 100644 apps/docs/content/components/chip/custom-styles.raw.jsx create mode 100644 apps/docs/content/components/chip/disabled.raw.jsx create mode 100644 apps/docs/content/components/chip/list.raw.jsx create mode 100644 apps/docs/content/components/chip/radius.raw.jsx create mode 100644 apps/docs/content/components/chip/sizes.raw.jsx create mode 100644 apps/docs/content/components/chip/start-end-content.raw.jsx create mode 100644 apps/docs/content/components/chip/usage.raw.jsx create mode 100644 apps/docs/content/components/chip/variants.raw.jsx create mode 100644 apps/docs/content/components/circular-progress/colors.raw.jsx create mode 100644 apps/docs/content/components/circular-progress/custom-styles.raw.jsx create mode 100644 apps/docs/content/components/circular-progress/label.raw.jsx create mode 100644 apps/docs/content/components/circular-progress/sizes.raw.jsx create mode 100644 apps/docs/content/components/circular-progress/usage.raw.jsx create mode 100644 apps/docs/content/components/circular-progress/value-formatting.raw.jsx create mode 100644 apps/docs/content/components/circular-progress/value.raw.jsx create mode 100644 apps/docs/content/components/code/colors.raw.jsx create mode 100644 apps/docs/content/components/code/sizes.raw.jsx create mode 100644 apps/docs/content/components/code/usage.raw.jsx create mode 100644 apps/docs/content/components/date-input/controlled.raw.jsx create mode 100644 apps/docs/content/components/date-input/controlled.raw.tsx create mode 100644 apps/docs/content/components/date-input/description.raw.jsx create mode 100644 apps/docs/content/components/date-input/disabled.raw.jsx create mode 100644 apps/docs/content/components/date-input/error-message-function.raw.jsx create mode 100644 apps/docs/content/components/date-input/error-message.raw.jsx create mode 100644 apps/docs/content/components/date-input/granularity.raw.jsx create mode 100644 apps/docs/content/components/date-input/granularity.raw.tsx create mode 100644 apps/docs/content/components/date-input/hide-timezone.raw.jsx create mode 100644 apps/docs/content/components/date-input/hourly-cycle.raw.jsx create mode 100644 apps/docs/content/components/date-input/international-calendar.raw.jsx create mode 100644 apps/docs/content/components/date-input/international-calendar.raw.tsx create mode 100644 apps/docs/content/components/date-input/label-placements.raw.jsx create mode 100644 apps/docs/content/components/date-input/min-and-max-date.raw.jsx create mode 100644 apps/docs/content/components/date-input/readonly.raw.jsx create mode 100644 apps/docs/content/components/date-input/required.raw.jsx create mode 100644 apps/docs/content/components/date-input/start-end-content.raw.jsx create mode 100644 apps/docs/content/components/date-input/time-zones.raw.jsx create mode 100644 apps/docs/content/components/date-input/usage.raw.jsx create mode 100644 apps/docs/content/components/date-input/variants.raw.jsx create mode 100644 apps/docs/content/components/date-picker/controlled.raw.jsx create mode 100644 apps/docs/content/components/date-picker/controlled.raw.tsx create mode 100644 apps/docs/content/components/date-picker/description.raw.jsx create mode 100644 apps/docs/content/components/date-picker/disabled.raw.jsx create mode 100644 apps/docs/content/components/date-picker/error-message-function.raw.jsx create mode 100644 apps/docs/content/components/date-picker/error-message.raw.jsx create mode 100644 apps/docs/content/components/date-picker/granularity.raw.jsx create mode 100644 apps/docs/content/components/date-picker/granularity.raw.tsx create mode 100644 apps/docs/content/components/date-picker/international-calendar.raw.jsx create mode 100644 apps/docs/content/components/date-picker/international-calendar.raw.tsx create mode 100644 apps/docs/content/components/date-picker/label-placements.raw.jsx create mode 100644 apps/docs/content/components/date-picker/min-and-max-date.raw.jsx create mode 100644 apps/docs/content/components/date-picker/page-behavior.raw.jsx create mode 100644 apps/docs/content/components/date-picker/preset.raw.jsx create mode 100644 apps/docs/content/components/date-picker/preset.raw.tsx create mode 100644 apps/docs/content/components/date-picker/readonly.raw.jsx create mode 100644 apps/docs/content/components/date-picker/required.raw.jsx create mode 100644 apps/docs/content/components/date-picker/selector-button-placement.raw.jsx create mode 100644 apps/docs/content/components/date-picker/selector-button-placement.ts create mode 100644 apps/docs/content/components/date-picker/selector-icon.raw.jsx create mode 100644 apps/docs/content/components/date-picker/time-zones.raw.jsx create mode 100644 apps/docs/content/components/date-picker/unavailable-dates.raw.jsx create mode 100644 apps/docs/content/components/date-picker/usage.raw.jsx create mode 100644 apps/docs/content/components/date-picker/variants.raw.jsx create mode 100644 apps/docs/content/components/date-picker/visible-month.raw.jsx create mode 100644 apps/docs/content/components/date-picker/with-month-and-year-pickers.raw.jsx create mode 100644 apps/docs/content/components/date-picker/with-time-field.raw.jsx create mode 100644 apps/docs/content/components/date-range-picker/controlled.raw.jsx create mode 100644 apps/docs/content/components/date-range-picker/controlled.raw.tsx create mode 100644 apps/docs/content/components/date-range-picker/custom-styles.raw.jsx create mode 100644 apps/docs/content/components/date-range-picker/description.raw.jsx create mode 100644 apps/docs/content/components/date-range-picker/disabled.raw.jsx create mode 100644 apps/docs/content/components/date-range-picker/error-message-function.raw.jsx create mode 100644 apps/docs/content/components/date-range-picker/error-message.raw.jsx create mode 100644 apps/docs/content/components/date-range-picker/granularity.raw.jsx create mode 100644 apps/docs/content/components/date-range-picker/granularity.raw.tsx create mode 100644 apps/docs/content/components/date-range-picker/international-calendar.raw.jsx create mode 100644 apps/docs/content/components/date-range-picker/international-calendar.raw.tsx create mode 100644 apps/docs/content/components/date-range-picker/label-placements.raw.jsx create mode 100644 apps/docs/content/components/date-range-picker/min-and-max-date.raw.jsx create mode 100644 apps/docs/content/components/date-range-picker/non-contiguous.raw.jsx create mode 100644 apps/docs/content/components/date-range-picker/page-behavior.raw.jsx create mode 100644 apps/docs/content/components/date-range-picker/presets.raw.jsx create mode 100644 apps/docs/content/components/date-range-picker/readonly.raw.jsx create mode 100644 apps/docs/content/components/date-range-picker/required.raw.jsx create mode 100644 apps/docs/content/components/date-range-picker/selector-button-placement.raw.jsx create mode 100644 apps/docs/content/components/date-range-picker/selector-button-placement.ts create mode 100644 apps/docs/content/components/date-range-picker/selector-icon.raw.jsx create mode 100644 apps/docs/content/components/date-range-picker/time-zones.raw.jsx create mode 100644 apps/docs/content/components/date-range-picker/unavailable-dates.raw.jsx create mode 100644 apps/docs/content/components/date-range-picker/usage.raw.jsx create mode 100644 apps/docs/content/components/date-range-picker/variants.raw.jsx create mode 100644 apps/docs/content/components/date-range-picker/visible-month.raw.jsx create mode 100644 apps/docs/content/components/date-range-picker/with-month-and-year-pickers.raw.jsx create mode 100644 apps/docs/content/components/date-range-picker/with-month-and-year-pickers.ts create mode 100644 apps/docs/content/components/date-range-picker/with-time-field.raw.jsx create mode 100644 apps/docs/content/components/divider/usage.raw.jsx create mode 100644 apps/docs/content/components/drawer/backdrop.raw.jsx create mode 100644 apps/docs/content/components/drawer/backdrop.ts create mode 100644 apps/docs/content/components/drawer/custom-motion.raw.jsx create mode 100644 apps/docs/content/components/drawer/custom-motion.ts create mode 100644 apps/docs/content/components/drawer/custom-styles.raw.jsx create mode 100644 apps/docs/content/components/drawer/custom-styles.ts create mode 100644 apps/docs/content/components/drawer/form.raw.jsx create mode 100644 apps/docs/content/components/drawer/form.ts create mode 100644 apps/docs/content/components/drawer/index.ts create mode 100644 apps/docs/content/components/drawer/non-dismissable.raw.jsx create mode 100644 apps/docs/content/components/drawer/non-dismissable.ts create mode 100644 apps/docs/content/components/drawer/placement.raw.jsx create mode 100644 apps/docs/content/components/drawer/placement.ts create mode 100644 apps/docs/content/components/drawer/sizes.raw.jsx create mode 100644 apps/docs/content/components/drawer/sizes.ts create mode 100644 apps/docs/content/components/drawer/usage.raw.jsx create mode 100644 apps/docs/content/components/drawer/usage.ts create mode 100644 apps/docs/content/components/dropdown/action.raw.jsx create mode 100644 apps/docs/content/components/dropdown/backdrop.raw.jsx create mode 100644 apps/docs/content/components/dropdown/custom-items-styles.raw.jsx create mode 100644 apps/docs/content/components/dropdown/custom-popover-styles.raw.jsx create mode 100644 apps/docs/content/components/dropdown/custom-trigger.raw.jsx create mode 100644 apps/docs/content/components/dropdown/description.raw.jsx create mode 100644 apps/docs/content/components/dropdown/disabled-keys.raw.jsx create mode 100644 apps/docs/content/components/dropdown/dynamic.raw.jsx create mode 100644 apps/docs/content/components/dropdown/icons.raw.jsx create mode 100644 apps/docs/content/components/dropdown/multiple-selection.raw.jsx create mode 100644 apps/docs/content/components/dropdown/multiple-selection.raw.tsx create mode 100644 apps/docs/content/components/dropdown/sections.raw.jsx create mode 100644 apps/docs/content/components/dropdown/shortcut.raw.jsx create mode 100644 apps/docs/content/components/dropdown/single-selection.raw.jsx create mode 100644 apps/docs/content/components/dropdown/single-selection.raw.tsx create mode 100644 apps/docs/content/components/dropdown/usage.raw.jsx create mode 100644 apps/docs/content/components/dropdown/variants.raw.jsx create mode 100644 apps/docs/content/components/form/controlled.raw.jsx create mode 100644 apps/docs/content/components/form/controlled.ts create mode 100644 apps/docs/content/components/form/custom-error-messages.raw.jsx create mode 100644 apps/docs/content/components/form/custom-error-messages.ts create mode 100644 apps/docs/content/components/form/custom-validation.raw.jsx create mode 100644 apps/docs/content/components/form/custom-validation.ts create mode 100644 apps/docs/content/components/form/demo.raw.jsx create mode 100644 apps/docs/content/components/form/demo.ts create mode 100644 apps/docs/content/components/form/events.raw.jsx create mode 100644 apps/docs/content/components/form/events.ts create mode 100644 apps/docs/content/components/form/index.ts create mode 100644 apps/docs/content/components/form/native-validation.raw.jsx create mode 100644 apps/docs/content/components/form/native-validation.ts create mode 100644 apps/docs/content/components/form/real-time-validation.raw.jsx create mode 100644 apps/docs/content/components/form/real-time-validation.ts create mode 100644 apps/docs/content/components/form/server-validation.raw.jsx create mode 100644 apps/docs/content/components/form/server-validation.ts create mode 100644 apps/docs/content/components/form/usage.raw.jsx create mode 100644 apps/docs/content/components/form/usage.ts create mode 100644 apps/docs/content/components/image/blurred.raw.jsx create mode 100644 apps/docs/content/components/image/fallback.raw.jsx create mode 100644 apps/docs/content/components/image/loading.raw.jsx create mode 100644 apps/docs/content/components/image/nextjs.raw.jsx create mode 100644 apps/docs/content/components/image/usage.raw.jsx create mode 100644 apps/docs/content/components/image/zoomed.raw.jsx create mode 100644 apps/docs/content/components/input-otp/allowed-keys.raw.jsx create mode 100644 apps/docs/content/components/input-otp/allowed-keys.ts create mode 100644 apps/docs/content/components/input-otp/colors.raw.jsx create mode 100644 apps/docs/content/components/input-otp/colors.ts create mode 100644 apps/docs/content/components/input-otp/controlled.raw.jsx create mode 100644 apps/docs/content/components/input-otp/controlled.ts create mode 100644 apps/docs/content/components/input-otp/custom-styles.raw.jsx create mode 100644 apps/docs/content/components/input-otp/custom-styles.ts create mode 100644 apps/docs/content/components/input-otp/description.raw.jsx create mode 100644 apps/docs/content/components/input-otp/description.ts create mode 100644 apps/docs/content/components/input-otp/disabled.raw.jsx create mode 100644 apps/docs/content/components/input-otp/disabled.ts create mode 100644 apps/docs/content/components/input-otp/error-message.raw.jsx create mode 100644 apps/docs/content/components/input-otp/error-message.ts create mode 100644 apps/docs/content/components/input-otp/form.raw.jsx create mode 100644 apps/docs/content/components/input-otp/form.raw.tsx create mode 100644 apps/docs/content/components/input-otp/form.ts create mode 100644 apps/docs/content/components/input-otp/index.ts create mode 100644 apps/docs/content/components/input-otp/lengths.raw.jsx create mode 100644 apps/docs/content/components/input-otp/lengths.ts create mode 100644 apps/docs/content/components/input-otp/password.raw.jsx create mode 100644 apps/docs/content/components/input-otp/password.ts create mode 100644 apps/docs/content/components/input-otp/radius.raw.jsx create mode 100644 apps/docs/content/components/input-otp/radius.ts create mode 100644 apps/docs/content/components/input-otp/readonly.raw.jsx create mode 100644 apps/docs/content/components/input-otp/readonly.ts create mode 100644 apps/docs/content/components/input-otp/required.raw.jsx create mode 100644 apps/docs/content/components/input-otp/required.ts create mode 100644 apps/docs/content/components/input-otp/sizes.raw.jsx create mode 100644 apps/docs/content/components/input-otp/sizes.ts create mode 100644 apps/docs/content/components/input-otp/usage.raw.jsx create mode 100644 apps/docs/content/components/input-otp/usage.ts create mode 100644 apps/docs/content/components/input-otp/variants.raw.jsx create mode 100644 apps/docs/content/components/input-otp/variants.ts create mode 100644 apps/docs/content/components/input/clear-button.raw.jsx create mode 100644 apps/docs/content/components/input/colors.raw.jsx create mode 100644 apps/docs/content/components/input/controlled.raw.jsx create mode 100644 apps/docs/content/components/input/custom-impl.raw.jsx create mode 100644 apps/docs/content/components/input/custom-styles.raw.jsx create mode 100644 apps/docs/content/components/input/description.raw.jsx create mode 100644 apps/docs/content/components/input/disabled.raw.jsx create mode 100644 apps/docs/content/components/input/error-message.raw.jsx create mode 100644 apps/docs/content/components/input/label-placements.raw.jsx create mode 100644 apps/docs/content/components/input/password.raw.jsx create mode 100644 apps/docs/content/components/input/radius.raw.jsx create mode 100644 apps/docs/content/components/input/readonly.raw.jsx create mode 100644 apps/docs/content/components/input/regex-validation.raw.jsx create mode 100644 apps/docs/content/components/input/required.raw.jsx create mode 100644 apps/docs/content/components/input/sizes.raw.jsx create mode 100644 apps/docs/content/components/input/start-end-content.raw.jsx create mode 100644 apps/docs/content/components/input/usage.raw.jsx create mode 100644 apps/docs/content/components/input/variants.raw.jsx create mode 100644 apps/docs/content/components/kbd/keys.raw.jsx create mode 100644 apps/docs/content/components/kbd/usage.raw.jsx create mode 100644 apps/docs/content/components/link/block.raw.jsx create mode 100644 apps/docs/content/components/link/colors.raw.jsx create mode 100644 apps/docs/content/components/link/custom-anchor-icon.raw.jsx create mode 100644 apps/docs/content/components/link/custom-impl.raw.jsx create mode 100644 apps/docs/content/components/link/custom-impl.raw.tsx create mode 100644 apps/docs/content/components/link/disabled.raw.jsx create mode 100644 apps/docs/content/components/link/external.raw.jsx create mode 100644 apps/docs/content/components/link/nextjs.raw.jsx create mode 100644 apps/docs/content/components/link/polymorphic.raw.jsx create mode 100644 apps/docs/content/components/link/sizes.raw.jsx create mode 100644 apps/docs/content/components/link/underline.raw.jsx create mode 100644 apps/docs/content/components/link/usage.raw.jsx create mode 100644 apps/docs/content/components/listbox/custom-styles.raw.jsx create mode 100644 apps/docs/content/components/listbox/description.raw.jsx create mode 100644 apps/docs/content/components/listbox/disabled-keys.raw.jsx create mode 100644 apps/docs/content/components/listbox/dynamic.raw.jsx create mode 100644 apps/docs/content/components/listbox/icons.raw.jsx create mode 100644 apps/docs/content/components/listbox/multiple-selection.raw.jsx create mode 100644 apps/docs/content/components/listbox/sections.raw.jsx create mode 100644 apps/docs/content/components/listbox/single-selection.raw.jsx create mode 100644 apps/docs/content/components/listbox/top-content.raw.jsx create mode 100644 apps/docs/content/components/listbox/top-content.raw.tsx create mode 100644 apps/docs/content/components/listbox/usage.raw.jsx create mode 100644 apps/docs/content/components/listbox/variants.raw.jsx create mode 100644 apps/docs/content/components/listbox/virtualization-ten-thousand.raw.jsx create mode 100644 apps/docs/content/components/listbox/virtualization-ten-thousand.ts create mode 100644 apps/docs/content/components/listbox/virtualization.raw.jsx create mode 100644 apps/docs/content/components/listbox/virtualization.ts create mode 100644 apps/docs/content/components/modal/backdrop.raw.jsx create mode 100644 apps/docs/content/components/modal/custom-backdrop.raw.jsx create mode 100644 apps/docs/content/components/modal/custom-motion.raw.jsx create mode 100644 apps/docs/content/components/modal/custom-styles.raw.jsx create mode 100644 apps/docs/content/components/modal/draggable-overflow.raw.jsx create mode 100644 apps/docs/content/components/modal/draggable-overflow.ts create mode 100644 apps/docs/content/components/modal/draggable.raw.jsx create mode 100644 apps/docs/content/components/modal/draggable.ts create mode 100644 apps/docs/content/components/modal/form.raw.jsx create mode 100644 apps/docs/content/components/modal/non-dismissable.raw.jsx create mode 100644 apps/docs/content/components/modal/overflow.raw.jsx create mode 100644 apps/docs/content/components/modal/overflow.raw.tsx create mode 100644 apps/docs/content/components/modal/placement.raw.jsx create mode 100644 apps/docs/content/components/modal/sizes.raw.jsx create mode 100644 apps/docs/content/components/modal/usage.raw.jsx create mode 100644 apps/docs/content/components/navbar/bordered.raw.jsx create mode 100644 apps/docs/content/components/navbar/controlled-menu.raw.jsx create mode 100644 apps/docs/content/components/navbar/custom-active-item.raw.jsx create mode 100644 apps/docs/content/components/navbar/disable-menu-animation.raw.jsx create mode 100644 apps/docs/content/components/navbar/disabled-blur.raw.jsx create mode 100644 apps/docs/content/components/navbar/hide-on-scroll.raw.jsx create mode 100644 apps/docs/content/components/navbar/static.raw.jsx create mode 100644 apps/docs/content/components/navbar/usage.raw.jsx create mode 100644 apps/docs/content/components/navbar/with-avatar.raw.jsx create mode 100644 apps/docs/content/components/navbar/with-dropdown-menu.raw.jsx create mode 100644 apps/docs/content/components/navbar/with-menu.raw.jsx create mode 100644 apps/docs/content/components/navbar/with-search-input.raw.jsx create mode 100644 apps/docs/content/components/pagination/boundaries.raw.jsx create mode 100644 apps/docs/content/components/pagination/colors.raw.jsx create mode 100644 apps/docs/content/components/pagination/compact.raw.jsx create mode 100644 apps/docs/content/components/pagination/controlled.raw.jsx create mode 100644 apps/docs/content/components/pagination/controls.raw.jsx create mode 100644 apps/docs/content/components/pagination/custom-impl.raw.jsx create mode 100644 apps/docs/content/components/pagination/custom-items.raw.jsx create mode 100644 apps/docs/content/components/pagination/custom-items.raw.tsx create mode 100644 apps/docs/content/components/pagination/custom-styles.raw.jsx create mode 100644 apps/docs/content/components/pagination/disabled.raw.jsx create mode 100644 apps/docs/content/components/pagination/initial-page.raw.jsx create mode 100644 apps/docs/content/components/pagination/loop.raw.jsx create mode 100644 apps/docs/content/components/pagination/radius.raw.jsx create mode 100644 apps/docs/content/components/pagination/shadow.raw.jsx create mode 100644 apps/docs/content/components/pagination/siblings.raw.jsx create mode 100644 apps/docs/content/components/pagination/sizes.raw.jsx create mode 100644 apps/docs/content/components/pagination/usage.raw.jsx create mode 100644 apps/docs/content/components/pagination/variants.raw.jsx create mode 100644 apps/docs/content/components/popover/arrow.raw.jsx create mode 100644 apps/docs/content/components/popover/backdrop.raw.jsx create mode 100644 apps/docs/content/components/popover/colors.raw.jsx create mode 100644 apps/docs/content/components/popover/controlled.raw.jsx create mode 100644 apps/docs/content/components/popover/custom-motion.raw.jsx create mode 100644 apps/docs/content/components/popover/custom-styles.raw.jsx create mode 100644 apps/docs/content/components/popover/custom-trigger.raw.jsx create mode 100644 apps/docs/content/components/popover/offset.raw.jsx create mode 100644 apps/docs/content/components/popover/placements.raw.jsx create mode 100644 apps/docs/content/components/popover/title-props.raw.jsx create mode 100644 apps/docs/content/components/popover/usage.raw.jsx create mode 100644 apps/docs/content/components/popover/variants.raw.jsx create mode 100644 apps/docs/content/components/popover/with-form.raw.jsx create mode 100644 apps/docs/content/components/progress/colors.raw.jsx create mode 100644 apps/docs/content/components/progress/custom-styles.raw.jsx create mode 100644 apps/docs/content/components/progress/indeterminate.raw.jsx create mode 100644 apps/docs/content/components/progress/label.raw.jsx create mode 100644 apps/docs/content/components/progress/sizes.raw.jsx create mode 100644 apps/docs/content/components/progress/striped.raw.jsx create mode 100644 apps/docs/content/components/progress/usage.raw.jsx create mode 100644 apps/docs/content/components/progress/value-formatting.raw.jsx create mode 100644 apps/docs/content/components/progress/value.raw.jsx create mode 100644 apps/docs/content/components/radio-group/controlled.raw.jsx create mode 100644 apps/docs/content/components/radio-group/custom-impl.raw.jsx create mode 100644 apps/docs/content/components/radio-group/custom-impl.raw.tsx create mode 100644 apps/docs/content/components/radio-group/custom-styles.raw.jsx create mode 100644 apps/docs/content/components/radio-group/default-value.raw.jsx create mode 100644 apps/docs/content/components/radio-group/disabled.raw.jsx create mode 100644 apps/docs/content/components/radio-group/horizontal.raw.jsx create mode 100644 apps/docs/content/components/radio-group/invalid.raw.jsx create mode 100644 apps/docs/content/components/radio-group/usage.raw.jsx create mode 100644 apps/docs/content/components/radio-group/with-description.raw.jsx create mode 100644 apps/docs/content/components/range-calendar/controlled-focused-value.raw.jsx create mode 100644 apps/docs/content/components/range-calendar/controlled.raw.jsx create mode 100644 apps/docs/content/components/range-calendar/controlled.raw.tsx create mode 100644 apps/docs/content/components/range-calendar/disabled.raw.jsx create mode 100644 apps/docs/content/components/range-calendar/international-calendars.raw.jsx create mode 100644 apps/docs/content/components/range-calendar/invalid-date.raw.jsx create mode 100644 apps/docs/content/components/range-calendar/invalid-date.raw.tsx create mode 100644 apps/docs/content/components/range-calendar/max-date-value.raw.jsx create mode 100644 apps/docs/content/components/range-calendar/min-date-value.raw.jsx create mode 100644 apps/docs/content/components/range-calendar/non-contiguous-ranges.raw.jsx create mode 100644 apps/docs/content/components/range-calendar/page-behaviour.raw.jsx create mode 100644 apps/docs/content/components/range-calendar/presets.raw.jsx create mode 100644 apps/docs/content/components/range-calendar/presets.raw.tsx create mode 100644 apps/docs/content/components/range-calendar/read-only.raw.jsx create mode 100644 apps/docs/content/components/range-calendar/unavailable-dates.raw.jsx create mode 100644 apps/docs/content/components/range-calendar/usage.raw.jsx create mode 100644 apps/docs/content/components/range-calendar/visible-months.raw.jsx create mode 100644 apps/docs/content/components/range-calendar/with-month-and-year-picker.raw.jsx create mode 100644 apps/docs/content/components/range-calendar/with-month-and-year-picker.ts create mode 100644 apps/docs/content/components/scroll-shadow/custom-size.raw.jsx create mode 100644 apps/docs/content/components/scroll-shadow/hide-scrollbar.raw.jsx create mode 100644 apps/docs/content/components/scroll-shadow/horizontal.raw.jsx create mode 100644 apps/docs/content/components/scroll-shadow/offset.raw.jsx create mode 100644 apps/docs/content/components/scroll-shadow/usage.raw.jsx create mode 100644 apps/docs/content/components/select/async-loading-items.raw.jsx create mode 100644 apps/docs/content/components/select/async-loading-items.raw.tsx create mode 100644 apps/docs/content/components/select/colors.raw.jsx create mode 100644 apps/docs/content/components/select/custom-items.raw.jsx create mode 100644 apps/docs/content/components/select/custom-render-value.raw.jsx create mode 100644 apps/docs/content/components/select/custom-render-value.raw.tsx create mode 100644 apps/docs/content/components/select/custom-sections-style.raw.jsx create mode 100644 apps/docs/content/components/select/custom-selector-icon.raw.jsx create mode 100644 apps/docs/content/components/select/custom-styles.raw.jsx create mode 100644 apps/docs/content/components/select/description.raw.jsx create mode 100644 apps/docs/content/components/select/disabled-items.raw.jsx create mode 100644 apps/docs/content/components/select/disabled.raw.jsx create mode 100644 apps/docs/content/components/select/dynamic.raw.jsx create mode 100644 apps/docs/content/components/select/error-message.raw.jsx create mode 100644 apps/docs/content/components/select/item-start-content.raw.jsx create mode 100644 apps/docs/content/components/select/label-placements.raw.jsx create mode 100644 apps/docs/content/components/select/multiple-chips.raw.jsx create mode 100644 apps/docs/content/components/select/multiple-chips.raw.tsx create mode 100644 apps/docs/content/components/select/multiple-controlled-onchange.raw.jsx create mode 100644 apps/docs/content/components/select/multiple-controlled-onchange.raw.tsx create mode 100644 apps/docs/content/components/select/multiple-controlled.raw.jsx create mode 100644 apps/docs/content/components/select/multiple-controlled.raw.tsx create mode 100644 apps/docs/content/components/select/multiple.raw.jsx create mode 100644 apps/docs/content/components/select/open-state.raw.jsx create mode 100644 apps/docs/content/components/select/radius.raw.jsx create mode 100644 apps/docs/content/components/select/required.raw.jsx create mode 100644 apps/docs/content/components/select/sections.raw.jsx create mode 100644 apps/docs/content/components/select/single-controlled-onchange.raw.jsx create mode 100644 apps/docs/content/components/select/single-controlled-onchange.raw.tsx create mode 100644 apps/docs/content/components/select/single-controlled.raw.jsx create mode 100644 apps/docs/content/components/select/single-controlled.raw.tsx create mode 100644 apps/docs/content/components/select/sizes.raw.jsx create mode 100644 apps/docs/content/components/select/start-content.raw.jsx create mode 100644 apps/docs/content/components/select/usage.raw.jsx create mode 100644 apps/docs/content/components/select/variants.raw.jsx create mode 100644 apps/docs/content/components/select/virtualization-custom-item-height.raw.jsx create mode 100644 apps/docs/content/components/select/virtualization-custom-item-height.ts create mode 100644 apps/docs/content/components/select/virtualization-max-listbox-height.raw.jsx create mode 100644 apps/docs/content/components/select/virtualization-max-listbox-height.ts create mode 100644 apps/docs/content/components/select/virtualization-ten-thousand.raw.jsx create mode 100644 apps/docs/content/components/select/virtualization-ten-thousand.ts create mode 100644 apps/docs/content/components/select/virtualization.raw.jsx create mode 100644 apps/docs/content/components/select/virtualization.ts create mode 100644 apps/docs/content/components/select/without-scroll-shadow.raw.jsx create mode 100644 apps/docs/content/components/skeleton/loaded.raw.jsx create mode 100644 apps/docs/content/components/skeleton/standalone.raw.jsx create mode 100644 apps/docs/content/components/skeleton/usage.raw.jsx create mode 100644 apps/docs/content/components/slider/colors.raw.jsx create mode 100644 apps/docs/content/components/slider/controlled-change-end.raw.jsx create mode 100644 apps/docs/content/components/slider/controlled-change-end.raw.tsx create mode 100644 apps/docs/content/components/slider/controlled-range.raw.jsx create mode 100644 apps/docs/content/components/slider/controlled-range.raw.tsx create mode 100644 apps/docs/content/components/slider/controlled.raw.jsx create mode 100644 apps/docs/content/components/slider/controlled.raw.tsx create mode 100644 apps/docs/content/components/slider/custom-styles.raw.jsx create mode 100644 apps/docs/content/components/slider/disable-thumb-scale.raw.jsx create mode 100644 apps/docs/content/components/slider/disabled.raw.jsx create mode 100644 apps/docs/content/components/slider/fill-offset.raw.jsx create mode 100644 apps/docs/content/components/slider/get-value.raw.jsx create mode 100644 apps/docs/content/components/slider/hide-thumb.raw.jsx create mode 100644 apps/docs/content/components/slider/hide-value.raw.jsx create mode 100644 apps/docs/content/components/slider/marks.raw.jsx create mode 100644 apps/docs/content/components/slider/outline.raw.jsx create mode 100644 apps/docs/content/components/slider/radius.raw.jsx create mode 100644 apps/docs/content/components/slider/range.raw.jsx create mode 100644 apps/docs/content/components/slider/render-label.raw.jsx create mode 100644 apps/docs/content/components/slider/render-range-thumb.raw.jsx create mode 100644 apps/docs/content/components/slider/render-thumb.raw.jsx create mode 100644 apps/docs/content/components/slider/render-value.raw.jsx create mode 100644 apps/docs/content/components/slider/render-value.raw.tsx create mode 100644 apps/docs/content/components/slider/sizes.raw.jsx create mode 100644 apps/docs/content/components/slider/start-end-content.raw.jsx create mode 100644 apps/docs/content/components/slider/tooltip.raw.jsx create mode 100644 apps/docs/content/components/slider/usage.raw.jsx create mode 100644 apps/docs/content/components/slider/value-formatting.raw.jsx create mode 100644 apps/docs/content/components/slider/vertical.raw.jsx create mode 100644 apps/docs/content/components/slider/visible-steps.raw.jsx create mode 100644 apps/docs/content/components/snippet/colors.raw.jsx create mode 100644 apps/docs/content/components/snippet/custom-icons.raw.jsx create mode 100644 apps/docs/content/components/snippet/custom-tooltip.raw.jsx create mode 100644 apps/docs/content/components/snippet/multiline.raw.jsx create mode 100644 apps/docs/content/components/snippet/sizes.raw.jsx create mode 100644 apps/docs/content/components/snippet/symbol.raw.jsx create mode 100644 apps/docs/content/components/snippet/usage.raw.jsx create mode 100644 apps/docs/content/components/snippet/variants.raw.jsx create mode 100644 apps/docs/content/components/snippet/without-copy.raw.jsx create mode 100644 apps/docs/content/components/spacer/usage.raw.jsx create mode 100644 apps/docs/content/components/spinner/colors.raw.jsx create mode 100644 apps/docs/content/components/spinner/label-colors.raw.jsx create mode 100644 apps/docs/content/components/spinner/label.raw.jsx create mode 100644 apps/docs/content/components/spinner/sizes.raw.jsx create mode 100644 apps/docs/content/components/spinner/usage.raw.jsx create mode 100644 apps/docs/content/components/switch/colors.raw.jsx create mode 100644 apps/docs/content/components/switch/controlled.raw.jsx create mode 100644 apps/docs/content/components/switch/custom-impl.raw.jsx create mode 100644 apps/docs/content/components/switch/custom-impl.raw.tsx create mode 100644 apps/docs/content/components/switch/custom-styles.raw.jsx create mode 100644 apps/docs/content/components/switch/disabled.raw.jsx create mode 100644 apps/docs/content/components/switch/icons.raw.jsx create mode 100644 apps/docs/content/components/switch/label.raw.jsx create mode 100644 apps/docs/content/components/switch/sizes.raw.jsx create mode 100644 apps/docs/content/components/switch/thumb-icon.raw.jsx create mode 100644 apps/docs/content/components/switch/usage.raw.jsx create mode 100644 apps/docs/content/components/table/async-pagination.raw.jsx create mode 100644 apps/docs/content/components/table/controlled-selection.raw.jsx create mode 100644 apps/docs/content/components/table/custom-cells.raw.jsx create mode 100644 apps/docs/content/components/table/custom-cells.raw.tsx create mode 100644 apps/docs/content/components/table/custom-styles.raw.jsx create mode 100644 apps/docs/content/components/table/custom-styles.raw.tsx create mode 100644 apps/docs/content/components/table/disabled-rows.raw.jsx create mode 100644 apps/docs/content/components/table/disallow-empty-selection.raw.jsx create mode 100644 apps/docs/content/components/table/dynamic.raw.jsx create mode 100644 apps/docs/content/components/table/empty.raw.jsx create mode 100644 apps/docs/content/components/table/infinite-pagination.raw.jsx create mode 100644 apps/docs/content/components/table/infinite-pagination.raw.tsx create mode 100644 apps/docs/content/components/table/load-more.raw.jsx create mode 100644 apps/docs/content/components/table/multiple-selection.raw.jsx create mode 100644 apps/docs/content/components/table/paginated.raw.jsx create mode 100644 apps/docs/content/components/table/row-actions.raw.jsx create mode 100644 apps/docs/content/components/table/selection-behavior.raw.jsx create mode 100644 apps/docs/content/components/table/single-selection.raw.jsx create mode 100644 apps/docs/content/components/table/sorting.raw.jsx create mode 100644 apps/docs/content/components/table/striped.raw.jsx create mode 100644 apps/docs/content/components/table/usage.raw.jsx create mode 100644 apps/docs/content/components/table/use-case.raw.jsx create mode 100644 apps/docs/content/components/table/use-case.raw.tsx create mode 100644 apps/docs/content/components/table/without-header.raw.jsx create mode 100644 apps/docs/content/components/table/without-wrapper.raw.jsx create mode 100644 apps/docs/content/components/tabs/colors.raw.jsx create mode 100644 apps/docs/content/components/tabs/controlled.raw.jsx create mode 100644 apps/docs/content/components/tabs/custom-styles.raw.jsx create mode 100644 apps/docs/content/components/tabs/disabled-item.raw.jsx create mode 100644 apps/docs/content/components/tabs/disabled.raw.jsx create mode 100644 apps/docs/content/components/tabs/dynamic.raw.jsx create mode 100644 apps/docs/content/components/tabs/form.raw.jsx create mode 100644 apps/docs/content/components/tabs/form.raw.tsx create mode 100644 apps/docs/content/components/tabs/icons.raw.jsx create mode 100644 apps/docs/content/components/tabs/placement.raw.jsx create mode 100644 apps/docs/content/components/tabs/radius.raw.jsx create mode 100644 apps/docs/content/components/tabs/sizes.raw.jsx create mode 100644 apps/docs/content/components/tabs/usage.raw.jsx create mode 100644 apps/docs/content/components/tabs/variants.raw.jsx create mode 100644 apps/docs/content/components/tabs/vertical.raw.jsx create mode 100644 apps/docs/content/components/textarea/autosize.raw.jsx create mode 100644 apps/docs/content/components/textarea/clear-button.raw.jsx create mode 100644 apps/docs/content/components/textarea/clear-button.ts create mode 100644 apps/docs/content/components/textarea/controlled.raw.jsx create mode 100644 apps/docs/content/components/textarea/description.raw.jsx create mode 100644 apps/docs/content/components/textarea/disable-autosize.raw.jsx create mode 100644 apps/docs/content/components/textarea/disabled.raw.jsx create mode 100644 apps/docs/content/components/textarea/error-message.raw.jsx create mode 100644 apps/docs/content/components/textarea/readonly.raw.jsx create mode 100644 apps/docs/content/components/textarea/required.raw.jsx create mode 100644 apps/docs/content/components/textarea/usage.raw.jsx create mode 100644 apps/docs/content/components/textarea/variants.raw.jsx create mode 100644 apps/docs/content/components/time-input/controlled.raw.jsx create mode 100644 apps/docs/content/components/time-input/controlled.raw.tsx create mode 100644 apps/docs/content/components/time-input/disabled.raw.jsx create mode 100644 apps/docs/content/components/time-input/end-content.raw.jsx create mode 100644 apps/docs/content/components/time-input/error-message-function.raw.jsx create mode 100644 apps/docs/content/components/time-input/error-message.raw.jsx create mode 100644 apps/docs/content/components/time-input/granularity.raw.jsx create mode 100644 apps/docs/content/components/time-input/granularity.raw.tsx create mode 100644 apps/docs/content/components/time-input/hide-timezone.raw.jsx create mode 100644 apps/docs/content/components/time-input/hour-cycle.raw.jsx create mode 100644 apps/docs/content/components/time-input/label-placement.raw.jsx create mode 100644 apps/docs/content/components/time-input/max-time-value.raw.jsx create mode 100644 apps/docs/content/components/time-input/min-time-value.raw.jsx create mode 100644 apps/docs/content/components/time-input/placeholder-value.raw.jsx create mode 100644 apps/docs/content/components/time-input/read-only.raw.jsx create mode 100644 apps/docs/content/components/time-input/required.raw.jsx create mode 100644 apps/docs/content/components/time-input/start-content.raw.jsx create mode 100644 apps/docs/content/components/time-input/timezones.raw.jsx create mode 100644 apps/docs/content/components/time-input/usage.raw.jsx create mode 100644 apps/docs/content/components/time-input/with-description.raw.jsx create mode 100644 apps/docs/content/components/time-input/without-label.raw.jsx create mode 100644 apps/docs/content/components/tooltip/arrow.raw.jsx create mode 100644 apps/docs/content/components/tooltip/colors.raw.jsx create mode 100644 apps/docs/content/components/tooltip/controlled.raw.jsx create mode 100644 apps/docs/content/components/tooltip/custom-content.raw.jsx create mode 100644 apps/docs/content/components/tooltip/custom-motion.raw.jsx create mode 100644 apps/docs/content/components/tooltip/custom-styles.raw.jsx create mode 100644 apps/docs/content/components/tooltip/delay-multiple.raw.jsx create mode 100644 apps/docs/content/components/tooltip/delay.raw.jsx create mode 100644 apps/docs/content/components/tooltip/offset.raw.jsx create mode 100644 apps/docs/content/components/tooltip/placements.raw.jsx create mode 100644 apps/docs/content/components/tooltip/usage.raw.jsx create mode 100644 apps/docs/content/components/user/link-description.raw.jsx create mode 100644 apps/docs/content/components/user/usage.raw.jsx create mode 100644 apps/docs/content/docs/components/alert.mdx create mode 100644 apps/docs/content/docs/components/drawer.mdx create mode 100644 apps/docs/content/docs/components/form.mdx create mode 100644 apps/docs/content/docs/components/input-otp.mdx create mode 100644 apps/docs/content/docs/guide/forms.mdx create mode 100644 apps/docs/global.d.ts create mode 100644 apps/docs/public/assets/fonts/FiraCode-Bold.woff2 create mode 100644 apps/docs/public/assets/fonts/FiraCode-Medium.woff2 create mode 100644 apps/docs/public/assets/fonts/FiraCode-Regular.woff2 create mode 100644 apps/docs/public/assets/fonts/FiraCode-SemiBold.woff2 create mode 100644 apps/docs/public/assets/fonts/Inter-Black.woff2 create mode 100644 apps/docs/public/assets/fonts/Inter-Bold.woff2 create mode 100644 apps/docs/public/assets/fonts/Inter-ExtraBold.woff2 create mode 100644 apps/docs/public/assets/fonts/Inter-ExtraLight.woff2 create mode 100644 apps/docs/public/assets/fonts/Inter-Light.woff2 create mode 100644 apps/docs/public/assets/fonts/Inter-Medium.woff2 create mode 100644 apps/docs/public/assets/fonts/Inter-Regular.woff2 create mode 100644 apps/docs/public/assets/fonts/Inter-SemiBold.woff2 create mode 100644 apps/docs/public/blog/v2.6.0.jpg create mode 100644 apps/docs/public/blog/v2.6.0_2x.jpg create mode 100644 apps/docs/public/images/nextuipro-section-background-light.webp create mode 100644 apps/docs/public/images/nextuipro-section-background-light@mobile.webp create mode 100644 apps/docs/public/images/nextuipro-section-background.webp create mode 100644 apps/docs/public/images/nextuipro-section-background@mobile.webp delete mode 100644 apps/docs/public/sitemap-0.xml create mode 100644 apps/docs/scripts/update-github-info.ts delete mode 100644 apps/docs/utils/featurebase.ts create mode 100644 apps/docs/utils/number.ts create mode 100644 packages/components/alert/CHANGELOG.md create mode 100644 packages/components/alert/README.md create mode 100644 packages/components/alert/__tests__/alert.test.tsx create mode 100644 packages/components/alert/package.json create mode 100644 packages/components/alert/src/alert.tsx create mode 100644 packages/components/alert/src/index.ts create mode 100644 packages/components/alert/src/use-alert.ts create mode 100644 packages/components/alert/stories/alert.stories.tsx create mode 100644 packages/components/alert/tsconfig.json create mode 100644 packages/components/alert/tsup.config.ts create mode 100644 packages/components/drawer/CHANGELOG.md create mode 100644 packages/components/drawer/README.md create mode 100644 packages/components/drawer/__tests__/drawer.test.tsx create mode 100644 packages/components/drawer/package.json create mode 100644 packages/components/drawer/src/drawer.tsx create mode 100644 packages/components/drawer/src/index.ts create mode 100644 packages/components/drawer/src/use-drawer.ts create mode 100644 packages/components/drawer/stories/drawer.stories.tsx create mode 100644 packages/components/drawer/tsconfig.json create mode 100644 packages/components/drawer/tsup.config.ts create mode 100644 packages/components/form/CHANGELOG.md create mode 100644 packages/components/form/README.md create mode 100644 packages/components/form/package.json create mode 100644 packages/components/form/src/base-form.tsx create mode 100644 packages/components/form/src/form.tsx create mode 100644 packages/components/form/src/index.ts create mode 100644 packages/components/form/src/utils.ts create mode 100644 packages/components/form/stories/form.stories.tsx create mode 100644 packages/components/form/tsconfig.json create mode 100644 packages/components/form/tsup.config.ts create mode 100644 packages/components/input-otp/CHANGELOG.md create mode 100644 packages/components/input-otp/README.md create mode 100644 packages/components/input-otp/__tests__/input-otp.test.tsx create mode 100644 packages/components/input-otp/package.json create mode 100644 packages/components/input-otp/src/index.ts create mode 100644 packages/components/input-otp/src/input-otp-context.ts create mode 100644 packages/components/input-otp/src/input-otp-segment.tsx create mode 100644 packages/components/input-otp/src/input-otp.tsx create mode 100644 packages/components/input-otp/src/use-input-otp.ts create mode 100644 packages/components/input-otp/stories/input-otp.stories.tsx create mode 100644 packages/components/input-otp/tsconfig.json create mode 100644 packages/components/input-otp/tsup.config.ts create mode 100644 packages/components/input/__tests__/textarea.test.tsx create mode 100644 packages/components/listbox/src/virtualized-listbox.tsx create mode 100644 packages/core/theme/src/components/alert.ts delete mode 100644 packages/core/theme/src/components/circular-progress.ts create mode 100644 packages/core/theme/src/components/drawer.ts create mode 100644 packages/core/theme/src/components/form.ts create mode 100644 packages/core/theme/src/components/input-otp.ts create mode 100644 packages/core/theme/src/utils/merge-classes.ts create mode 100644 packages/hooks/use-draggable/CHANGELOG.md create mode 100644 packages/hooks/use-draggable/README.md create mode 100644 packages/hooks/use-draggable/package.json create mode 100644 packages/hooks/use-draggable/src/index.ts create mode 100644 packages/hooks/use-draggable/tsconfig.json create mode 100644 packages/hooks/use-image/__tests__/use-image.test.tsx create mode 100644 packages/hooks/use-theme/CHANGELOG.md create mode 100644 packages/hooks/use-theme/README.md create mode 100644 packages/hooks/use-theme/__tests__/use-theme.test.tsx create mode 100644 packages/hooks/use-theme/package.json create mode 100644 packages/hooks/use-theme/src/index.ts create mode 100644 packages/hooks/use-theme/tsconfig.json rename packages/storybook/.storybook/{main.js => main.ts} (61%) rename packages/storybook/.storybook/{welcome.stories.mdx => welcome.mdx} (95%) create mode 100644 packages/storybook/vite.config.ts create mode 100644 packages/utilities/dom-animation/CHANGELOG.md create mode 100644 packages/utilities/dom-animation/README.md create mode 100644 packages/utilities/dom-animation/package.json create mode 100644 packages/utilities/dom-animation/src/index.ts create mode 100644 packages/utilities/dom-animation/tsconfig.json create mode 100644 packages/utilities/dom-animation/tsup.config.ts create mode 100644 packages/utilities/shared-icons/src/danger.tsx create mode 100644 packages/utilities/shared-icons/src/info-circle.tsx create mode 100644 packages/utilities/shared-icons/src/success.tsx create mode 100644 packages/utilities/shared-icons/src/warning.tsx diff --git a/.changeset/witty-socks-bathe.md b/.changeset/witty-socks-bathe.md deleted file mode 100644 index ff37b1abd8..0000000000 --- a/.changeset/witty-socks-bathe.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@nextui-org/theme": patch ---- - -add missing `data-[hover=true]:` for ghost button with danger color diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml index 2de89b8dd1..e8f6cc03d3 100644 --- a/.github/ISSUE_TEMPLATE/config.yml +++ b/.github/ISSUE_TEMPLATE/config.yml @@ -6,6 +6,6 @@ contact_links: - name: 💬 Discord Community Chat url: https://discord.gg/9b6yyZKmH4 about: Ask quick questions or simply chat on the `NextUI` community Discord server. - - name: 💬 New Updates (Twitter) - url: https://twitter.com/getnextui - about: Link to our twitter account if you want to follow us and stay up to date with NextUI news + - name: 💬 New Updates (X) + url: https://x.com/getnextui + about: Link to our X account if you want to follow us and stay up to date with NextUI news diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md index 2c16ffb5d9..9c4ff17f0c 100644 --- a/.github/pull_request_template.md +++ b/.github/pull_request_template.md @@ -11,15 +11,15 @@ Closes # ## 📝 Description -> Add a brief description + ## ⛳️ Current behavior (updates) -> Please describe the current behavior that you are modifying + ## 🚀 New behavior -> Please describe the behavior or changes this PR adds + ## 💣 Is this a breaking change (Yes/No): diff --git a/.github/workflows/enter-pre-release-mode.yaml b/.github/workflows/enter-pre-release-mode.yaml new file mode 100644 index 0000000000..77e8ef273c --- /dev/null +++ b/.github/workflows/enter-pre-release-mode.yaml @@ -0,0 +1,35 @@ +name: Enter pre-release mode + +on: workflow_dispatch +jobs: + enter-pre-release-mode: + if: ${{ github.ref == 'refs/heads/beta/release-next' || github.ref == 'refs/heads/canary' }} + runs-on: ubuntu-latest + permissions: + contents: write + pull-requests: write + id-token: write + steps: + - name: Checkout branch + uses: actions/checkout@v4 + with: + fetch-depth: 0 + + - name: Install + uses: ./.github/common-actions/install + + - name: Enter pre-release mode + id: enter-pre-release-mode + env: + GITHUB_TOKEN: ${{ secrets.GA_ACCESS_TOKEN }} + run: | + git config user.email "41898282+github-actions[bot]@users.noreply.github.com" + git config user.name "github-actions[bot]" + if [ ${{ github.ref }} == 'refs/heads/canary' ]; then + pnpm changeset:canary + else + pnpm changeset:beta + fi + git add -A + git commit -m 'chore(pre-release): enter pre-release mode' + git push \ No newline at end of file diff --git a/.github/workflows/exit-pre-release-mode.yaml b/.github/workflows/exit-pre-release-mode.yaml new file mode 100644 index 0000000000..d8cf71a470 --- /dev/null +++ b/.github/workflows/exit-pre-release-mode.yaml @@ -0,0 +1,39 @@ +name: Exit pre-release mode + +on: workflow_dispatch +jobs: + exit-pre-release-mode: + if: ${{ github.ref == 'refs/heads/beta/release-next' || github.ref == 'refs/heads/canary' }} + name: exit pre-release mode + runs-on: ubuntu-latest + permissions: + contents: write + pull-requests: write + id-token: write + + steps: + - name: Checkout branch + uses: actions/checkout@v4 + with: + ref: ${{ github.event.inputs.branch }} + fetch-depth: 0 + + - name: Install + uses: ./.github/common-actions/install + + - name: remove pre.json + # we only remove .changeset/pre.json here + # since we want to keep the changeset files introduced in beta/release-next or canary branch + # once we merge it to canary / main, those files will be removed in version PR in canary + # and converted to corresponding changelogs + run: npx rimraf .changeset/pre.json + + - name: Commit and push changes + env: + GITHUB_TOKEN: ${{ secrets.GA_ACCESS_TOKEN }} + run: | + git config user.email "41898282+github-actions[bot]@users.noreply.github.com" + git config user.name "github-actions[bot]" + git add -A + git commit -m "ci(changesets): exit pre-release mode" + git push \ No newline at end of file diff --git a/.github/workflows/pre-release.yaml b/.github/workflows/pre-release.yaml new file mode 100644 index 0000000000..729f055cd5 --- /dev/null +++ b/.github/workflows/pre-release.yaml @@ -0,0 +1,81 @@ +name: Pre-release + +on: + push: + paths: + - ".changeset/**" + - "packages/**" + branches: + - "beta/release-next" + +concurrency: ${{ github.workflow }}-${{ github.ref }} + +jobs: + prerelease: + name: changesets pre-release + runs-on: ubuntu-latest + timeout-minutes: 30 + permissions: + contents: write + pull-requests: write + id-token: write + steps: + - name: Checkout branch + uses: actions/checkout@v4 + with: + fetch-depth: 0 + + - name: Install + uses: ./.github/common-actions/install + + - name: Debug condition values + run: | + echo "pre.json exists: ${{ steps.check_if_pre_json_exists.outputs.files_exists }}" + echo "Commit message: ${{ github.event.head_commit.message }}" + echo "Contains version packages: ${{ contains(github.event.head_commit.message, 'ci(changesets): version packages') }}" + echo "Full condition would be: ${{ steps.check_if_pre_json_exists.outputs.files_exists == 'true' && contains(github.event.head_commit.message, 'ci(changesets): version packages') }}" + + - name: Check if pre.json exists + id: check_if_pre_json_exists + uses: andstor/file-existence-action@v3.0.0 + with: + files: ".changeset/pre.json" + + - name: Get pre-release changesets + id: get-pre-release-changesets + uses: notiz-dev/github-action-json-property@release + with: + path: ".changeset/pre.json" + prop_path: "changesets" + + - name: Create pre-release PR + id: create-pre-release-pr + if: "${{ steps.check_if_pre_json_exists.outputs.files_exists == 'true' && !startsWith(github.event.head_commit.message, 'ci(changesets): version packages') }}" + uses: changesets/action@v1 + with: + version: pnpm run version + title: "ci(changesets): :package: version packages" + commit: "ci(changesets): version packages" + env: + GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} + + - name: Tests + if: "${{ steps.check_if_pre_json_exists.outputs.files_exists == 'true' && contains(github.event.head_commit.message, 'ci(changesets): version packages') }}" + run: pnpm test + + - name: Build + if: "${{ steps.check_if_pre_json_exists.outputs.files_exists == 'true' && contains(github.event.head_commit.message, 'ci(changesets): version packages') }}" + run: pnpm build + env: + NODE_OPTIONS: "--max-old-space-size=4096" + + - name: Publish to NPM + id: publish-to-npm + if: "${{ steps.check_if_pre_json_exists.outputs.files_exists == 'true' && contains(github.event.head_commit.message, 'ci(changesets): version packages') }}" + uses: changesets/action@v1 + with: + publish: pnpm run release + env: + NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} + NPM_TOKEN: ${{ secrets.NPM_TOKEN }} + GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} \ No newline at end of file diff --git a/.github/workflows/release.yaml b/.github/workflows/release.yaml index 9d364c0602..9da665a574 100644 --- a/.github/workflows/release.yaml +++ b/.github/workflows/release.yaml @@ -15,6 +15,7 @@ jobs: release: name: Release runs-on: ubuntu-latest + timeout-minutes: 30 steps: - name: Checkout branch uses: actions/checkout@v4 @@ -22,12 +23,12 @@ jobs: - name: Install uses: ./.github/common-actions/install - - name: Build - run: pnpm build - - name: Tests run: pnpm test + - name: Build + run: pnpm build + - name: Create Release Pull Request or Publish to NPM id: changesets uses: changesets/action@v1 @@ -41,17 +42,9 @@ jobs: NPM_TOKEN: ${{ secrets.NPM_TOKEN }} GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} - - name: Sync files from canary to main branch if a publish happens - if: steps.changesets.outputs.published == 'true' - run: | - curl -X POST \ - -H "Accept: application/vnd.github.v3+json" \ - -H "Authorization: token ${{ secrets.GITHUB_TOKEN }}" \ - https://api.github.com/repos/owner/repo/dispatches \ - -d '{"event_type":"sync-canary-to-main"}' - - name: Create canary release if: steps.changesets.outputs.published != 'true' + timeout-minutes: 15 run: | git checkout canary pnpm version:canary diff --git a/.github/workflows/sync-canary-to-main.yaml b/.github/workflows/sync-canary-to-main.yaml deleted file mode 100644 index c03f5cfde7..0000000000 --- a/.github/workflows/sync-canary-to-main.yaml +++ /dev/null @@ -1,43 +0,0 @@ -name: Sync Canary to Main - -on: - # triggered manually in Github - workflow_dispatch: - # triggered by the type "sync-canary-to-main" (e.g. from release action after publishing) - repository_dispatch: - types: [sync-canary-to-main] - -jobs: - create_pull_request: - runs-on: ubuntu-latest - steps: - - name: Checkout code - uses: actions/checkout@v4 - with: - fetch-depth: 0 # Ensure all history is fetched - - - name: Create Pull Request - uses: repo-sync/pull-request@v2 - with: - github_token: ${{ secrets.GITHUB_TOKEN }} - source_branch: "canary" - destination_branch: "main" - pr_title: "Auto-sync Canary to Main" - pr_body: | - ## Automated: Sync from Canary to Main - - This Pull Request is automatically generated to sync the changes from the Canary branch to the Main branch. Below are the included updates: - - ### Triggered by a Direct Push to Canary: - - Please check the recent commits on the Canary branch directly as this sync may include multiple changes. - - ### Triggered by a Pull Request Merge: - - Merged Pull Request: [PR#${{ github.event.pull_request.number }}](${{ github.event.pull_request.html_url }}) - ${{ github.event.pull_request.title }} - - PR Description: ${{ github.event.pull_request.body }} - - Merged by: ${{ github.event.pull_request.merged_by.login }} - - ### Action Required: - - Please review the changes carefully. - - Approve and merge the Pull Request if everything is in order. - - Thank you for maintaining the Main branch updated and clean. diff --git a/.github/workflows/update-stats.yml b/.github/workflows/update-stats.yml new file mode 100644 index 0000000000..3ea0fd4819 --- /dev/null +++ b/.github/workflows/update-stats.yml @@ -0,0 +1,42 @@ +name: Update Stats + +on: + schedule: + # Runs every Monday at 00:00 UTC + - cron: '0 0 * * 1' + # Allow manual trigger + workflow_dispatch: + +jobs: + update-stats: + name: Update Stats + runs-on: ubuntu-latest + steps: + - name: Checkout branch + uses: actions/checkout@v4 + + - name: Install + uses: ./.github/common-actions/install + + - name: Update search metadata + run: pnpm update:search-meta + + - name: Update GitHub info + run: pnpm update:github-info + + - name: Create Pull Request + uses: peter-evans/create-pull-request@v5 + with: + commit-message: "chore(stats): update project statistics" + title: "chore(stats): 📊 Update project statistics" + body: | + This PR updates the project statistics including: + - Search metadata + - GitHub repository information + + This is an automated PR generated weekly. + branch: chore/update-stats + base: main + delete-branch: true + env: + GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} diff --git a/.gitignore b/.gitignore index 9fca9efca5..69a0d91f51 100644 --- a/.gitignore +++ b/.gitignore @@ -56,6 +56,7 @@ packages/**/*.backup.ts # ignore sitemap apps/**/sitemap.xml +apps/**/sitemap-0.xml # turbo .turbo diff --git a/.husky/post-merge b/.husky/post-merge new file mode 100755 index 0000000000..e20e0849a6 --- /dev/null +++ b/.husky/post-merge @@ -0,0 +1,5 @@ +#!/usr/bin/env sh +huskyDir=$(dirname -- "$0") +. "$huskyDir/_/husky.sh" + +. "$huskyDir/scripts/update-dep" diff --git a/.husky/post-rebase b/.husky/post-rebase new file mode 100755 index 0000000000..e20e0849a6 --- /dev/null +++ b/.husky/post-rebase @@ -0,0 +1,5 @@ +#!/usr/bin/env sh +huskyDir=$(dirname -- "$0") +. "$huskyDir/_/husky.sh" + +. "$huskyDir/scripts/update-dep" diff --git a/.husky/scripts/update-dep b/.husky/scripts/update-dep new file mode 100644 index 0000000000..1e569b495b --- /dev/null +++ b/.husky/scripts/update-dep @@ -0,0 +1,11 @@ +#!/usr/bin/env sh +changed_files="$(git diff-tree -r --name-only --no-commit-id ORIG_HEAD HEAD)" + +check_run() { + if (echo "$changed_files" | grep --quiet "$1"); then + printf "\033[36mDetected changes in pnpm-lock.yaml, starting dependency update\033[0m\n" + eval "$2" + fi +} + +check_run pnpm-lock.yaml "pnpm install --color" diff --git a/.vscode/settings.json b/.vscode/settings.json index c531e733d0..6b36bf07d3 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -10,5 +10,5 @@ }, "tailwindCSS.experimental.classRegex": [ ["([\"'`][^\"'`]*.*?[\"'`])", "[\"'`]([^\"'`]*).*?[\"'`]"] - ] + ], } diff --git a/apps/docs/.eslintrc.json b/apps/docs/.eslintrc.json index 23dda4847f..bf12dab1cd 100644 --- a/apps/docs/.eslintrc.json +++ b/apps/docs/.eslintrc.json @@ -3,7 +3,7 @@ "ignorePatterns": ["!**/*"], "overrides": [ { - "files": ["*.ts", "*.tsx", "*.js", "*.jsx"], + "files": ["*.ts", "*.tsx"], "parserOptions": { "project": ["apps/docs/tsconfig(.*)?.json"], "ecmaFeatures": { @@ -22,10 +22,6 @@ { "files": ["*.ts", "*.tsx"], "rules": {} - }, - { - "files": ["*.js", "*.jsx"], - "rules": {} } ] } diff --git a/apps/docs/app/blog/[slug]/page.tsx b/apps/docs/app/blog/[slug]/page.tsx index f62a849e0d..e3dab232d4 100644 --- a/apps/docs/app/blog/[slug]/page.tsx +++ b/apps/docs/app/blog/[slug]/page.tsx @@ -1,7 +1,7 @@ import type {Metadata} from "next"; import {notFound} from "next/navigation"; -import {allBlogPosts} from "contentlayer/generated"; +import {allBlogPosts} from "contentlayer2/generated"; import {Link, User} from "@nextui-org/react"; import {format, parseISO} from "date-fns"; import NextLink from "next/link"; diff --git a/apps/docs/app/blog/page.tsx b/apps/docs/app/blog/page.tsx index 4662e294a1..b19c5eb92b 100644 --- a/apps/docs/app/blog/page.tsx +++ b/apps/docs/app/blog/page.tsx @@ -1,4 +1,4 @@ -import {allBlogPosts} from "contentlayer/generated"; +import {allBlogPosts} from "contentlayer2/generated"; import {compareDesc} from "date-fns"; import {BlogPostList} from "@/components/blog-post"; diff --git a/apps/docs/app/docs/[[...slug]]/page.tsx b/apps/docs/app/docs/[[...slug]]/page.tsx index 858865c0bd..dbb2acc24a 100644 --- a/apps/docs/app/docs/[[...slug]]/page.tsx +++ b/apps/docs/app/docs/[[...slug]]/page.tsx @@ -1,7 +1,7 @@ import type {Metadata} from "next"; import {notFound} from "next/navigation"; -import {allDocs} from "contentlayer/generated"; +import {allDocs} from "contentlayer2/generated"; import {Link} from "@nextui-org/react"; import {MDXContent} from "@/components/mdx-content"; diff --git a/apps/docs/app/docs/layout.tsx b/apps/docs/app/docs/layout.tsx index 782bb7214e..9ed37fa8ab 100644 --- a/apps/docs/app/docs/layout.tsx +++ b/apps/docs/app/docs/layout.tsx @@ -11,7 +11,7 @@ interface DocsLayoutProps { export default function DocsLayout({children}: DocsLayoutProps) { return ( <> -
+
diff --git a/apps/docs/app/examples/perf/client-page.tsx b/apps/docs/app/examples/perf/client-page.tsx new file mode 100644 index 0000000000..79ab457b0a --- /dev/null +++ b/apps/docs/app/examples/perf/client-page.tsx @@ -0,0 +1,561 @@ +"use client"; + +import { + RadioGroup, + Radio, + Button, + Accordion, + Tabs, + Textarea, + Input, + Tab, + Avatar, + Select, + SelectItem, + AccordionItem, + Pagination, + extendVariants, + PaginationItem, +} from "@nextui-org/react"; +import {useFilter} from "@react-aria/i18n"; +import {useEffect, useMemo, useRef, useState} from "react"; +import {useSearchParams} from "next/navigation"; + +import {SearchLinearIcon} from "@/components/icons"; + +const MyRadioGroup = () => { + const [radio, setRadio] = useState("1"); + + return ( + + Radio 1 + Radio 2 + Radio 3 + Radio 4 + Radio 5 + Radio 6 + Radio 7 + Radio 8 + Radio 9 + Radio 10 + Radio 11 + Radio 12 + Radio 13 + Radio 14 + Radio 15 + Radio 16 + Radio 17 + Radio 18 + Radio 19 + Radio 20 + Radio 21 + Radio 22 + Radio 23 + Radio 24 + Radio 25 + Radio 26 + Radio 27 + Radio 28 + Radio 29 + Radio 30 + Radio 31 + Radio 32 + Radio 33 + Radio 34 + Radio 35 + Radio 36 + Radio 37 + Radio 38 + Radio 39 + Radio 40 + Radio 41 + Radio 42 + Radio 43 + Radio 44 + Radio 45 + Radio 46 + Radio 47 + Radio 48 + Radio 49 + Radio 50 + Radio 51 + Radio 52 + Radio 53 + Radio 54 + Radio 55 + Radio 56 + Radio 57 + Radio 58 + Radio 59 + Radio 60 + Radio 61 + Radio 62 + + ); +}; + +const MyInput = extendVariants(Input, { + variants: { + color: { + stone: { + inputWrapper: [ + "bg-zinc-100", + "border", + "shadow", + "transition-colors", + "focus-within:bg-zinc-100", + "data-[hover=true]:border-zinc-600", + "data-[hover=true]:bg-zinc-100", + "group-data-[focus=true]:border-zinc-600", + // dark theme + "dark:bg-zinc-900", + "dark:border-zinc-800", + "dark:data-[hover=true]:bg-zinc-900", + "dark:focus-within:bg-zinc-900", + ], + input: [ + "text-zinc-800", + "placeholder:text-zinc-600", + // dark theme + "dark:text-zinc-400", + "dark:placeholder:text-zinc-600", + ], + }, + }, + size: { + xs: { + inputWrapper: "h-6 min-h-6 px-1", + input: "text-tiny", + }, + md: { + inputWrapper: "h-10 min-h-10", + input: "text-small", + }, + xl: { + inputWrapper: "h-14 min-h-14", + input: "text-medium", + }, + }, + radius: { + xs: { + inputWrapper: "rounded", + }, + sm: { + inputWrapper: "rounded-[4px]", + }, + }, + textSize: { + base: { + input: "text-base", + }, + }, + removeLabel: { + true: { + label: "hidden", + }, + false: {}, + }, + }, + defaultVariants: { + color: "stone", + textSize: "base", + removeLabel: true, + }, +}); + +const MyButton2 = extendVariants(Button, { + variants: { + color: { + foreground: + "bg-foreground text-background data-[hover=true]:bg-foreground/90 data-[pressed=true]:bg-foreground/80", + }, + isScalable: { + true: "scale-125", + false: "", + }, + size: { + xl: "size--xl", + "2xl": "size--2xl", + }, + mySize: { + lg: "px-12 py-6 text-lg", + xl: "px-12 py-6 text-xl", + }, + }, + defaultVariants: { + color: "foreground", + }, +}); + +const usersData = [ + { + id: 1, + name: "Tony Reichert", + role: "CEO", + team: "Management", + status: "active", + age: "29", + avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/1.png", + email: "tony.reichert@example.com", + }, + { + id: 2, + name: "Zoey Lang", + role: "Tech Lead", + team: "Development", + status: "paused", + age: "25", + avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/1.png", + email: "zoey.lang@example.com", + }, + { + id: 3, + name: "Jane Fisher", + role: "Sr. Dev", + team: "Development", + status: "active", + age: "22", + avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/2.png", + email: "jane.fisher@example.com", + }, + { + id: 4, + name: "William Howard", + role: "C.M.", + team: "Marketing", + status: "vacation", + age: "28", + avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/2.png", + email: "william.howard@example.com", + }, + { + id: 5, + name: "Kristen Copper", + role: "S. Manager", + team: "Sales", + status: "active", + age: "24", + avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/3.png", + email: "kristen.cooper@example.com", + }, + { + id: 6, + name: "Brian Kim", + role: "P. Manager", + team: "Management", + age: "29", + avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/3.png", + email: "brian.kim@example.com", + status: "active", + }, + { + id: 7, + name: "Michael Hunt", + role: "Designer", + team: "Design", + status: "paused", + age: "27", + avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/4.png", + email: "michael.hunt@example.com", + }, + { + id: 8, + name: "Samantha Brooks", + role: "HR Manager", + team: "HR", + status: "active", + age: "31", + avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/4.png", + email: "samantha.brooks@example.com", + }, + { + id: 9, + name: "Frank Harrison", + role: "F. Manager", + team: "Finance", + status: "vacation", + age: "33", + avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/5.png", + email: "frank.harrison@example.com", + }, + { + id: 10, + name: "Emma Adams", + role: "Ops Manager", + team: "Operations", + status: "active", + age: "35", + avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/5.png", + email: "emma.adams@example.com", + }, + { + id: 11, + name: "Brandon Stevens", + role: "Jr. Dev", + team: "Development", + status: "active", + age: "22", + avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/7.png", + email: "brandon.stevens@example.com", + }, + { + id: 12, + name: "Megan Richards", + role: "P. Manager", + team: "Product", + status: "paused", + age: "28", + avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/7.png", + email: "megan.richards@example.com", + }, + { + id: 13, + name: "Oliver Scott", + role: "S. Manager", + team: "Security", + status: "active", + age: "37", + avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/8.png", + email: "oliver.scott@example.com", + }, + { + id: 14, + name: "Grace Allen", + role: "M. Specialist", + team: "Marketing", + status: "active", + age: "30", + avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/8.png", + email: "grace.allen@example.com", + }, + { + id: 15, + name: "Noah Carter", + role: "IT Specialist", + team: "I. Technology", + status: "paused", + age: "31", + avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/9.png", + email: "noah.carter@example.com", + }, + { + id: 16, + name: "Ava Perez", + role: "Manager", + team: "Sales", + status: "active", + age: "29", + avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/9.png", + email: "ava.perez@example.com", + }, + { + id: 17, + name: "Liam Johnson", + role: "Data Analyst", + team: "Analysis", + status: "active", + age: "28", + avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/11.png", + email: "liam.johnson@example.com", + }, + { + id: 18, + name: "Sophia Taylor", + role: "QA Analyst", + team: "Testing", + status: "active", + age: "27", + avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/11.png", + email: "sophia.taylor@example.com", + }, + { + id: 19, + name: "Lucas Harris", + role: "Administrator", + team: "Information Technology", + status: "paused", + age: "32", + avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/12.png", + email: "lucas.harris@example.com", + }, + { + id: 20, + name: "Mia Robinson", + role: "Coordinator", + team: "Operations", + status: "active", + age: "26", + avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/female/12.png", + email: "mia.robinson@example.com", + }, +]; + +export default function NextUIPerf() { + const [textA, setTextA] = useState(""); + const [textB, setTextB] = useState(""); + const [textC, setTextC] = useState(""); + const [isOpen, setIsOpen] = useState(false); + const [inputValue, setInputValue] = useState(); + const [selectedKey, setSelectedKey] = useState(""); + + const searchParams = useSearchParams(); + + const page = Number(searchParams.get("page")); + + let {startsWith} = useFilter({sensitivity: "base"}); + + const filteredItems = inputValue + ? usersData.filter((item) => startsWith(item.name, inputValue)) + : usersData; + + const inputRef = useRef(null); + + useEffect(() => { + isOpen && inputRef?.current?.focus(); + }, [isOpen]); + + const handleSelectionChange = (e: React.ChangeEvent) => { + setSelectedKey(e.target.value); + }; + + const topContent = useMemo(() => { + return ( + } + type="text" + onValueChange={setInputValue} + /> + ); + }, [inputRef, selectedKey, isOpen]); + + return ( +
+ + + + + Non est aliqua tempor occaecat laborum. Lorem culpa minim irure mollit. Est qui + reprehenderit commodo magna proident anim ipsum ex. Mollit id amet officia nisi excepteur + eu. Commodo elit commodo nisi nisi aute eu aliquip aliquip voluptate exercitation ullamco + ipsum eiusmod veniam. Magna in laborum anim amet anim ex elit aliqua nostrud mollit. + Pariatur ullamco cillum proident aliqua nostrud. Labore ea veniam cillum duis veniam in + cupidatat voluptate eu officia. Ut laborum sunt nostrud magna. Ex magna esse cillum enim + incididunt pariatur qui veniam dolor. Exercitation id culpa et enim mollit duis duis + aliquip. Magna ullamco est cupidatat laboris irure pariatur aliquip duis aute cillum. + Officia irure do laboris ea nisi sunt reprehenderit laboris irure. Ex eiusmod in duis + veniam excepteur. Sunt et et laboris culpa. Mollit excepteur occaecat elit anim officia. + Laborum commodo proident cupidatat pariatur eu veniam id qui do culpa. Quis consectetur + adipisicing anim ex ea velit excepteur. Deserunt laboris ex aute sunt laborum tempor ea + enim dolore ut in. Id aliqua Lorem exercitation qui velit nostrud anim reprehenderit enim. + Nisi elit fugiat deserunt elit. Sit excepteur ipsum enim excepteur irure irure sint veniam + elit consequat ea id. Lorem ea qui sunt enim occaecat excepteur officia ex consequat + nostrud. Tempor sint Lorem est culpa do. + + + Non est aliqua tempor occaecat laborum. Lorem culpa minim irure mollit. Est qui + reprehenderit commodo magna proident anim ipsum ex. Mollit id amet officia nisi excepteur + eu. Commodo elit commodo nisi nisi aute eu aliquip aliquip voluptate exercitation ullamco + ipsum eiusmod veniam. Magna in laborum anim amet anim ex elit aliqua nostrud mollit. + Pariatur ullamco cillum proident aliqua nostrud. Labore ea veniam cillum duis veniam in + cupidatat voluptate eu officia. Ut laborum sunt nostrud magna. Ex magna esse cillum enim + + + Non est aliqua tempor occaecat laborum. Lorem culpa minim irure mollit. Est qui + reprehenderit commodo magna proident anim ipsum ex. Mollit id amet officia nisi excepteur + eu. Commodo elit commodo nisi nisi aute eu aliquip aliquip voluptate exercitation ullamco + ipsum eiusmod veniam. Magna in laborum anim amet anim ex elit aliqua nostrud mollit. + Pariatur ullamco cillum proident aliqua nostrud. Labore ea veniam cillum duis veniam in + + + + +