-
-
Notifications
You must be signed in to change notification settings - Fork 1.6k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(select): virtualization #4203
feat(select): virtualization #4203
Conversation
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
|
WalkthroughThe pull request introduces several enhancements to the Changes
Assessment against linked issues
Possibly related PRs
Suggested labels
Suggested reviewers
Warning Rate limit exceeded@jrgarciadev has exceeded the limit for the number of commits or files that can be reviewed per hour. Please wait 19 minutes and 56 seconds before requesting another review. ⌛ How to resolve this issue?After the wait time has elapsed, a review can be triggered using the We recommend that you space out your commits to avoid hitting the rate limit. 🚦 How do rate limits work?CodeRabbit enforces hourly rate limits for each developer per organization. Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout. Please see our FAQ for further information. Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media? 🪧 TipsChatThere are 3 ways to chat with CodeRabbit:
Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments. CodeRabbit Commands (Invoked using PR comments)
Other keywords and placeholders
Documentation and Community
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Actionable comments posted: 5
🧹 Outside diff range and nitpick comments (13)
packages/components/select/package.json (1)
60-61
: Consider pinning the @tanstack/react-virtual versionWhile using
^3.10.9
allows for automatic minor updates, consider pinning the version to ensure consistent builds and prevent potential breaking changes from minor updates.- "@tanstack/react-virtual": "^3.10.9" + "@tanstack/react-virtual": "3.10.9"apps/docs/content/components/select/virtualization-max-listbox-height.ts (1)
3-33
: Consider optimizing data generation for large datasetsThe current implementation has several areas for improvement:
- Memory usage could be optimized for large datasets
- Potential for duplicate values when n > items.length could cause issues
Consider this optimization:
const generateItems = (n) => { const items = [ "Cat", // ... other items ]; - const dataset = []; + return Array.from({ length: n }, (_, i) => { + const item = items[i % items.length]; + return { + label: `${item}${i}`, + value: `${item.toLowerCase()}_${i}`, // Added underscore for better readability + description: "Sample description", + }; + }); - for (let i = 0; i < n; i++) { - const item = items[i % items.length]; - - dataset.push({ - label: `${item}${i}`, - value: `${item.toLowerCase()}${i}`, - description: "Sample description", - }); - } - - return dataset; };apps/docs/content/components/select/virtualization.ts (1)
3-33
: Consider improving thegenerateItems
function for robustness and efficiency.The function could benefit from several improvements:
- Add type safety for the input parameter
- Validate input to prevent negative numbers or zero
- Optimize memory usage for large datasets
- Make descriptions more meaningful
Consider this improved implementation:
-const generateItems = (n) => { +const generateItems = (n: number) => { + if (!Number.isInteger(n) || n <= 0) { + throw new Error('Number of items must be a positive integer'); + } + const items = [ "Cat", "Dog", // ... other items ]; - const dataset = []; + return Array.from({length: n}, (_, i) => { + const item = items[i % items.length]; + return { + label: `${item}${i}`, + value: `${item.toLowerCase()}${i}`, + description: `Description for ${item} number ${i}`, + }; + }); - for (let i = 0; i < n; i++) { - const item = items[i % items.length]; - - dataset.push({ - label: `${item}${i}`, - value: `${item.toLowerCase()}${i}`, - description: "Sample description", - }); - } - - return dataset; };apps/docs/content/components/select/virtualization-custom-item-height.ts (3)
3-33
: Consider enhancing thegenerateItems
function for better maintainability and realism.The current implementation could be improved in several ways:
- Move the items array outside the function to avoid recreation on each call
- Generate more realistic descriptions that vary per item
- Add input validation for the
n
parameter+const ANIMAL_ITEMS = [ + "Cat", "Dog", "Elephant", "Lion", "Tiger", + "Giraffe", "Dolphin", "Penguin", "Zebra", + "Shark", "Whale", "Otter", "Crocodile", +]; + const generateItems = (n) => { + if (n < 0 || !Number.isInteger(n)) { + throw new Error("n must be a positive integer"); + } + const dataset = []; - const items = [ - "Cat", "Dog", "Elephant", // ... rest of items - ]; for (let i = 0; i < n; i++) { - const item = items[i % items.length]; + const item = ANIMAL_ITEMS[i % ANIMAL_ITEMS.length]; dataset.push({ label: `${item}${i}`, value: `${item.toLowerCase()}${i}`, - description: "Sample description", + description: `A ${item.toLowerCase()} with ID ${i}`, }); }
35-55
: Enhance the example with error handling and loading states.The example could be more comprehensive by:
- Adding error handling for the data generation
- Including a loading state while items are being generated
- Making the configuration values customizable
export default function App() { + const [isLoading, setIsLoading] = useState(true); + const [error, setError] = useState(null); + const [items, setItems] = useState([]); + + useEffect(() => { + try { const items = generateItems(1000); + setItems(items); + } catch (err) { + setError(err.message); + } finally { + setIsLoading(false); + } + }, []); + + if (error) return <div>Error: {error}</div>; return ( <div className="flex w-full flex-wrap md:flex-nowrap gap-4"> <Select isVirtualized itemHeight={40} label={"Select from 1000 items"} maxListboxHeight={400} placeholder="Select..." + isLoading={isLoading} > {items.map((item, index) => (
57-63
: Add TypeScript types for better type safety.Consider adding proper TypeScript types to improve maintainability and catch potential issues early.
+interface ReactExport { + [key: string]: string; +} + -const react = { +const react: ReactExport = { "/App.jsx": App, };packages/components/select/src/use-select.ts (3)
152-169
: Add default values to JSDoc comments for better documentation.The type definitions are well-documented, but including default values in the JSDoc would make it more helpful for developers.
/** * The height of each item in the listbox. * This is required for virtualized listboxes to calculate the height of each item. + * @default 32 */ itemHeight?: number; /** * The max height of the listbox (which will be rendered in a popover). * This is required for virtualized listboxes to set the maximum height of the listbox. + * @default 256 */ maxListboxHeight?: number;
531-542
: Extract the virtualization threshold to a constant.Consider extracting the magic number 50 to a named constant for better maintainability and documentation.
+const VIRTUALIZATION_THRESHOLD = 50; + const getListboxProps = (props: any = {}) => { - const shouldVirtualize = isVirtualized ?? state.collection.size > 50; + const shouldVirtualize = isVirtualized ?? state.collection.size > VIRTUALIZATION_THRESHOLD;
516-519
: Add defensive check for maxListboxHeight value.Consider adding a defensive check to ensure maxListboxHeight is a positive number.
style: { - maxHeight: maxListboxHeight ?? 256, + maxHeight: Math.max(0, maxListboxHeight ?? 256), ...props.style, },apps/docs/content/docs/components/select.mdx (3)
217-226
: Enhance virtualization documentation with performance guidelinesConsider adding the following improvements to the virtualization introduction:
- Include specific guidelines on when to use virtualization (e.g., recommended minimum number of items)
- Add installation instructions for @tanstack/react-virtual
- Mention any performance implications or browser compatibility considerations
228-245
: Enhance examples with more implementation detailsThe examples would benefit from:
- Adding code snippets directly in the documentation for quick reference
- Including performance metrics or benchmarks for the 10k items example
- Providing more guidance on choosing appropriate values for
maxListboxHeight
anditemHeight
510-527
: Improve API documentation for virtualization propsConsider enhancing the API documentation with:
- Cross-references between related props (e.g., how
maxListboxHeight
anditemHeight
work together)- Examples of recommended values for different use cases
- Performance implications of different configurations
- Browser compatibility notes
packages/components/select/stories/select.stories.tsx (1)
759-763
: Enhance item descriptions for better clarity in storiesConsider making the
description
field more informative by including dynamic content related to each item. This will make the storybook examples more meaningful and helpful for users.Apply this diff:
- description: "Sample description", + description: `Description for ${item.label}`,
📜 Review details
Configuration used: .coderabbit.yaml
Review profile: CHILL
⛔ Files ignored due to path filters (1)
pnpm-lock.yaml
is excluded by!**/pnpm-lock.yaml
📒 Files selected for processing (10)
apps/docs/content/components/select/index.ts
(2 hunks)apps/docs/content/components/select/virtualization-custom-item-height.ts
(1 hunks)apps/docs/content/components/select/virtualization-max-listbox-height.ts
(1 hunks)apps/docs/content/components/select/virtualization-ten-thousand.ts
(1 hunks)apps/docs/content/components/select/virtualization.ts
(1 hunks)apps/docs/content/docs/components/select.mdx
(2 hunks)packages/components/select/package.json
(1 hunks)packages/components/select/src/use-select.ts
(3 hunks)packages/components/select/stories/select.stories.tsx
(2 hunks)packages/core/theme/src/components/select.ts
(1 hunks)
🧰 Additional context used
📓 Learnings (1)
packages/core/theme/src/components/select.ts (1)
Learnt from: macci001
PR: nextui-org/nextui#3881
File: packages/core/theme/src/components/select.ts:227-231
Timestamp: 2024-11-12T02:48:07.324Z
Learning: In `packages/core/theme/src/components/select.ts`, changes may sometimes be formatting-only. Ensure to verify whether changes are only formatting-related before flagging potential issues.
🔇 Additional comments (10)
packages/components/select/package.json (1)
61-61
: Verify @tanstack/react-virtual compatibility and impact
Let's verify the new dependency's compatibility with the project's requirements and its impact on bundle size.
✅ Verification successful
@tanstack/react-virtual dependency is safe and compatible
The package analysis shows:
- High weekly downloads (2.4M+) indicating stability and wide adoption
- Small bundle size (4.45KB gzipped)
- Tree-shakeable (no side effects)
- Compatible with React 16.8+ through 18
- No security vulnerabilities reported
- Minimal dependency footprint (only @tanstack/virtual-core)
🏁 Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash
# Description: Check @tanstack/react-virtual package details and bundle size impact
# Check package details and weekly downloads (indicates stability)
curl -s https://api.npmjs.org/downloads/point/last-week/@tanstack/react-virtual
# Check package size
curl -s https://bundlephobia.com/api/size?package=@tanstack/react-virtual@3.10.9
# Check if it's marked as tree-shakeable and its peer dependencies
curl -s https://registry.npmjs.org/@tanstack/react-virtual/3.10.9 | jq '.sideEffects, .peerDependencies'
# Check for any security advisories
gh api graphql -f query='
{
securityVulnerabilities(first: 5, ecosystem: NPM, package: "@tanstack/react-virtual") {
nodes {
advisory {
summary
severity
publishedAt
}
vulnerableVersionRange
firstPatchedVersion {
identifier
}
}
}
}'
Length of output: 1405
apps/docs/content/components/select/virtualization-ten-thousand.ts (1)
51-57
: LGTM: Export configuration is properly structured
The export configuration correctly sets up the component for documentation purposes.
apps/docs/content/components/select/virtualization-max-listbox-height.ts (2)
57-63
: LGTM!
The export configuration is clean and follows the documentation template pattern.
41-43
: Verify virtualization implementation across components
Let's ensure the virtualization properties are consistently implemented across the codebase.
✅ Verification successful
Let me try a different approach to verify the virtualization implementation.
Based on the search results, I can now provide a final response:
Virtualization implementation is consistently implemented
The virtualization feature is properly implemented across the codebase with consistent props and default values:
isVirtualized
prop is consistently implemented in both Select and Autocomplete components- Default virtualization behavior activates when collection size > 50 items
- Required props
maxListboxHeight
(default: 256) anditemHeight
(default: 32) are properly handled - Proper error handling is in place when required virtualization props are missing
🏁 Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash
# Description: Verify virtualization implementation consistency
# Check for virtualization-related props in Select component
echo "Checking Select component implementation..."
rg -A 5 "isVirtualized|maxListboxHeight|itemHeight" --type typescript
# Check for virtualization-related types
echo "Checking type definitions..."
ast-grep --pattern 'interface $_ {
$$$
isVirtualized?: boolean;
$$$
}'
Length of output: 349
Script:
#!/bin/bash
# Search for virtualization-related properties in all files
echo "Searching for virtualization properties..."
rg "isVirtualized|maxListboxHeight|itemHeight"
# Find all Select component files
echo -e "\nLocating Select component files..."
fd -e ts -e tsx "select"
# Check specific Select component implementations
echo -e "\nChecking Select implementations..."
rg -A 5 "Select.*Props.*="
Length of output: 48744
apps/docs/content/components/select/virtualization.ts (1)
51-57
: LGTM!
The export configuration is clean and follows documentation best practices.
packages/core/theme/src/components/select.ts (1)
29-29
: Removal of max-height constraint aligns with virtualization feature.
The removal of max-h-64
class allows dynamic height control through the new virtualization props (maxListboxHeight
, itemHeight
). However, this change might affect existing implementations that relied on the default maximum height.
Let's verify the impact on existing implementations:
✅ Verification successful
Removal of max-height constraint is correct for virtualization support
The removal of max-h-64
from listboxWrapper
is verified to be the right approach as:
- The height is now controlled through the virtualization props (
maxListboxHeight
,itemHeight
) as documented - The default
maxListboxHeight
is still 256px (equivalent to the removedmax-h-64
), maintaining backward compatibility - The change enables proper virtualization support, which requires dynamic height control for efficient rendering of large lists
🏁 Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash
# Description: Search for Select component usage to identify potential breaking changes
# Look for Select components without virtualization props that might be affected
# Search for Select component usage
rg -A 5 "(?:<Select|useSelect)" --type ts --type tsx
# Search for existing height-related styles or props
rg -A 2 "(?:maxHeight|style=.*height|className=.*h-)" --type ts --type tsx
Length of output: 187
Script:
#!/bin/bash
# Search for Select component usage in all files
rg -t js -t jsx -t ts "(?:<Select|useSelect)" -A 5
# Search for height-related styles or props in all files
rg -t js -t jsx -t ts "(?:maxHeight|style=.*height|className=.*h-)" -A 2
# Search for any test files or documentation mentioning Select height
rg -t js -t jsx -t ts -t md "Select.*height|height.*Select" -A 2
Length of output: 278
Script:
#!/bin/bash
# Search for Select component usage
rg "(?:<Select|useSelect)" -A 5
# Look for documentation about Select component height
fd README.md | xargs rg "Select.*height|height.*Select"
# Search for test files related to Select
fd -e test.js -e test.ts -e spec.js -e spec.ts | xargs rg "Select"
# Look for examples or stories
fd -e stories.js -e stories.ts -e stories.tsx | xargs rg "Select"
Length of output: 69085
Script:
#!/bin/bash
# Search for virtualization-related Select component usage
rg -A 5 "isVirtualized|maxListboxHeight|itemHeight" --type ts --type tsx --type jsx
# Search for height-related styles in Select component theme
rg -A 5 "listboxWrapper.*height|height.*listboxWrapper" packages/core/theme/src/components/select.ts
Length of output: 216
Script:
#!/bin/bash
# Search for virtualization-related Select component usage without file type restrictions
rg -A 5 "isVirtualized|maxListboxHeight|itemHeight"
# Look for Select component documentation about height or virtualization
fd -e md -e mdx | xargs rg "Select.*height|height.*Select|Select.*virtualization"
# Search for height-related styles in theme files
rg "listboxWrapper.*height|height.*listboxWrapper" -A 5
Length of output: 32424
apps/docs/content/components/select/index.ts (1)
30-33
: LGTM! The virtualization examples are properly integrated.
The new imports and their integration into selectContent
follow the established pattern and are well-organized.
Also applies to: 65-68
apps/docs/content/docs/components/select.mdx (1)
Line range hint 217-527
: Add accessibility considerations for virtualization
The documentation should address:
- Impact of virtualization on screen readers
- Keyboard navigation behavior with large lists
- Any ARIA attributes specific to virtualized lists
packages/components/select/stories/select.stories.tsx (2)
770-781
: Verify that isVirtualized
prop is correctly handled by the Select
component
Ensure that the Select
component accepts and properly handles the isVirtualized
prop to enable virtualization when dealing with large datasets. This is crucial for performance when rendering many items.
1131-1141
: Ensure itemHeight
matches the actual item height for proper virtualization
When setting itemHeight
to 40, verify that the actual rendered items have a height of 40 pixels. Misalignment may cause rendering issues with virtualization.
apps/docs/content/components/select/virtualization-ten-thousand.ts
Outdated
Show resolved
Hide resolved
apps/docs/content/components/select/virtualization-ten-thousand.ts
Outdated
Show resolved
Hide resolved
apps/docs/content/components/select/virtualization-max-listbox-height.ts
Outdated
Show resolved
Hide resolved
apps/docs/content/components/select/virtualization-custom-item-height.ts
Outdated
Show resolved
Hide resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Actionable comments posted: 1
🧹 Outside diff range and nitpick comments (6)
apps/docs/content/components/autocomplete/virtualization-max-listbox-height.raw.jsx (1)
3-33
: Consider enhancing the data generation utility for better demosWhile the current implementation works, there are several opportunities for improvement:
- Add input validation
- Make descriptions more meaningful
- Optimize memory usage for large datasets
Consider this improved implementation:
const generateItems = (n) => { + if (typeof n !== 'number' || n < 0) { + throw new Error('Expected a positive number'); + } const items = [ "Cat", "Dog", "Elephant", // ... other animals ]; - const dataset = []; + return Array.from({length: n}, (_, i) => { + const item = items[i % items.length]; + return { + label: `${item}${i}`, + value: `${item.toLowerCase()}${i}`, - description: "Sample description", + description: `A ${item.toLowerCase()} with ID ${i}`, + }; + }); - - for (let i = 0; i < n; i++) { - const item = items[i % items.length]; - - dataset.push({ - label: `${item}${i}`, - value: `${item.toLowerCase()}${i}`, - description: "Sample description", - }); - } - - return dataset; };apps/docs/content/components/autocomplete/virtualization.raw.jsx (2)
3-33
: Consider optimizing the data generation utility.The function works but could be improved in several ways:
- Move the items array outside the function to avoid recreation on each call
- Add input validation for n to prevent negative numbers or excessive values
- Consider using more meaningful demo data in the description field
Here's a suggested improvement:
+ const ANIMAL_NAMES = [ + "Cat", "Dog", "Elephant", "Lion", "Tiger", "Giraffe", + "Dolphin", "Penguin", "Zebra", "Shark", "Whale", + "Otter", "Crocodile", + ]; const generateItems = (n) => { + if (n < 0 || n > 10000) { + throw new Error("Number of items must be between 0 and 10000"); + } const dataset = []; for (let i = 0; i < n; i++) { - const item = items[i % items.length]; + const item = ANIMAL_NAMES[i % ANIMAL_NAMES.length]; dataset.push({ label: `${item}${i}`, value: `${item.toLowerCase()}${i}`, - description: "Sample description", + description: `A ${item.toLowerCase()} with ID ${i}`, }); } return dataset; };
35-51
: Enhance the example with additional virtualization features.While the example demonstrates basic virtualization, consider showcasing more features mentioned in the PR objectives:
- Add examples of
maxListboxHeight
anditemHeight
props- Include error boundaries for robustness
- Add ARIA labels for better accessibility
Here's a suggested enhancement:
export default function App() { const items = generateItems(1000); return ( <div className="flex w-full flex-wrap md:flex-nowrap gap-4"> <Autocomplete isVirtualized + maxListboxHeight={400} + itemHeight={40} className="max-w-xs" defaultItems={items} label="Search from 1000 items" placeholder="Search..." + aria-label="Search virtualized items" > {(item) => <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>} </Autocomplete> </div> ); }apps/docs/content/components/autocomplete/virtualization-custom-item-height.raw.jsx (2)
3-33
: Consider optimizing the data generation functionThe function could be improved in several ways:
- Add input validation for the parameter n
- Move the constant items array outside the function
- Generate more meaningful descriptions
Here's a suggested improvement:
+const ANIMAL_ITEMS = [ + "Cat", "Dog", "Elephant", "Lion", "Tiger", "Giraffe", + "Dolphin", "Penguin", "Zebra", "Shark", "Whale", + "Otter", "Crocodile", +]; + const generateItems = (n) => { + if (typeof n !== 'number' || n < 0) { + throw new Error('n must be a positive number'); + } - const items = [ - "Cat", "Dog", "Elephant", "Lion", "Tiger", "Giraffe", - "Dolphin", "Penguin", "Zebra", "Shark", "Whale", - "Otter", "Crocodile", - ]; const dataset = []; for (let i = 0; i < n; i++) { - const item = items[i % items.length]; + const item = ANIMAL_ITEMS[i % ANIMAL_ITEMS.length]; dataset.push({ label: `${item}${i}`, value: `${item.toLowerCase()}${i}`, - description: "Sample description", + description: `A ${item.toLowerCase()} with ID ${i}`, }); } return dataset; };
35-53
: Consider performance and error handling improvementsWhile the implementation demonstrates virtualization well, there are a few potential improvements:
- Memoize the items generation to prevent unnecessary recalculations:
export default function App() { - const items = generateItems(1000); + const items = useMemo(() => generateItems(1000), []);
- Add error boundary for item rendering:
- {(item) => <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>} + {(item) => { + try { + return <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>; + } catch (error) { + console.error('Failed to render item:', error); + return <AutocompleteItem key="error">Failed to render item</AutocompleteItem>; + } + }}
- Use a more semantic className:
- className="max-w-xs" + className="virtualized-autocomplete max-w-xs"apps/docs/content/components/autocomplete/virtualization-ten-thousand.raw.jsx (1)
3-33
: Consider improving the data generation for better user experience and memory efficiencyThe current implementation has several areas for improvement:
- Using a static description reduces the realistic nature of the demo
- Cycling through the same animals with numbers might be confusing for users
- Memory usage could be optimized for large datasets
Consider this alternative implementation:
const generateItems = (n) => { const items = [ - "Cat", - "Dog", + "Cat", "Dog", "Elephant", "Lion", "Tiger", "Giraffe", + "Dolphin", "Penguin", "Zebra", "Shark", "Whale", + "Otter", "Crocodile" - "Elephant", - // ... other items ]; - const dataset = []; + return Array.from({ length: n }, (_, i) => { + const item = items[i % items.length]; + return { + label: `${item} ${Math.floor(i / items.length) + 1}`, + value: `${item.toLowerCase()}-${i}`, + description: `A ${item.toLowerCase()} with index ${i + 1}`, + }; + }); - for (let i = 0; i < n; i++) { - // ... current implementation - } - return dataset; };This improves:
- Memory efficiency by using Array.from
- Readability by making animals appear as "Cat 1", "Cat 2" instead of "Cat0", "Cat1"
- User experience with meaningful descriptions
📜 Review details
Configuration used: .coderabbit.yaml
Review profile: CHILL
📒 Files selected for processing (8)
apps/docs/content/components/autocomplete/virtualization-custom-item-height.raw.jsx
(1 hunks)apps/docs/content/components/autocomplete/virtualization-custom-item-height.ts
(1 hunks)apps/docs/content/components/autocomplete/virtualization-max-listbox-height.raw.jsx
(1 hunks)apps/docs/content/components/autocomplete/virtualization-max-listbox-height.ts
(1 hunks)apps/docs/content/components/autocomplete/virtualization-ten-thousand.raw.jsx
(1 hunks)apps/docs/content/components/autocomplete/virtualization-ten-thousand.ts
(1 hunks)apps/docs/content/components/autocomplete/virtualization.raw.jsx
(1 hunks)apps/docs/content/components/autocomplete/virtualization.ts
(1 hunks)
✅ Files skipped from review due to trivial changes (4)
- apps/docs/content/components/autocomplete/virtualization.ts
- apps/docs/content/components/autocomplete/virtualization-custom-item-height.ts
- apps/docs/content/components/autocomplete/virtualization-ten-thousand.ts
- apps/docs/content/components/autocomplete/virtualization-max-listbox-height.ts
🔇 Additional comments (8)
apps/docs/content/components/autocomplete/virtualization-max-listbox-height.raw.jsx (3)
1-1
: LGTM! Clean and focused imports.
36-36
: Verify performance with larger datasets
The current demo uses 1000 items, but the PR objectives mention support for up to 10,000 items.
Let's check if there are other examples with larger datasets:
35-52
: 🛠️ Refactor suggestion
Enhance the demo with additional features and error handling
The current implementation demonstrates basic virtualization but could be improved to showcase more features mentioned in the PR objectives.
Consider these improvements:
export default function App() {
const items = generateItems(1000);
+ const [loading, setLoading] = React.useState(false);
+ const [error, setError] = React.useState(null);
return (
<div className="flex w-full flex-wrap md:flex-nowrap gap-4">
<Autocomplete
isVirtualized
className="max-w-xs"
defaultItems={items}
label="Search from 1000 items"
maxListboxHeight={400}
placeholder="Search..."
+ isLoading={loading}
+ errorMessage={error}
+ onLoadError={(e) => setError(e.message)}
>
{(item) => <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>}
</Autocomplete>
</div>
);
}
Let's verify if the virtualization features are properly documented:
apps/docs/content/components/autocomplete/virtualization.raw.jsx (2)
1-1
: LGTM! Clean and focused imports.
The imports are minimal and specific to the components needed for this example.
40-42
: Verify additional virtualization examples exist.
Let's ensure there are examples demonstrating different virtualization scenarios, especially with larger datasets (up to 10,000 items) as mentioned in the PR objectives.
✅ Verification successful
Comprehensive virtualization examples are present
The codebase includes multiple virtualization examples that thoroughly demonstrate the feature's capabilities:
- Basic virtualization examples with 1,000 items for both Select and Autocomplete components
- Large dataset examples with 10,000 items demonstrating scalability
- Additional examples covering custom item height and max listbox height scenarios
The implementation aligns well with the PR objectives for handling large datasets efficiently.
🏁 Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash
# Search for other virtualization examples in the docs
rg -l "isVirtualized" "apps/docs/content/components/"
Length of output: 629
Script:
#!/bin/bash
# Check content of virtualization examples for large datasets
rg "isVirtualized.*ten-thousand" -A 5 "apps/docs/content/components/"
# Also check if there are any comments or descriptions about the virtualization examples
rg "title:|description:" "apps/docs/content/components/select/virtualization-ten-thousand.ts" "apps/docs/content/components/autocomplete/virtualization-ten-thousand.raw.jsx"
Length of output: 468
Script:
#!/bin/bash
# Let's check the actual content of these virtualization examples
cat "apps/docs/content/components/select/virtualization-ten-thousand.ts" "apps/docs/content/components/autocomplete/virtualization-ten-thousand.raw.jsx"
# Also check the basic virtualization examples for comparison
cat "apps/docs/content/components/select/virtualization.ts" "apps/docs/content/components/autocomplete/virtualization.raw.jsx"
Length of output: 4434
apps/docs/content/components/autocomplete/virtualization-custom-item-height.raw.jsx (2)
1-1
: LGTM! Imports are clean and specific.
44-46
: Verify virtualization parameters against design system
Please confirm that the itemHeight
of 40px and maxListboxHeight
of 400px align with the design system guidelines and accessibility requirements.
apps/docs/content/components/autocomplete/virtualization-ten-thousand.raw.jsx (1)
40-42
: Verify virtualization implementation details
The component uses isVirtualized
prop, but let's verify the underlying implementation matches the PR requirements.
✅ Verification successful
Virtualization implementation is properly configured
The implementation is correctly set up:
- The
@nextui-org/listbox
package handles virtualization using@tanstack/react-virtual
- The Autocomplete component uses Listbox and properly passes through props
- When
isVirtualized
is true, the Listbox component automatically switches to its virtualized version usingVirtualizedListbox
🏁 Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash
# Search for @tanstack/react-virtual usage in the codebase
echo "Checking for @tanstack/react-virtual implementation..."
rg -l "@tanstack/react-virtual"
# Check for virtualization-related props and their implementations
echo "Checking for virtualization prop implementations..."
ast-grep --pattern 'interface $SelectProps {
$$$
isVirtualized?: $_
$$$
}'
Length of output: 594
Script:
#!/bin/bash
# Check implementation of virtualized listbox
echo "Checking virtualized listbox implementation..."
rg -A 10 "useVirtualizer" packages/components/listbox/src/virtualized-listbox.tsx
# Check if Autocomplete component uses VirtualizedListbox
echo "Checking Autocomplete's usage of VirtualizedListbox..."
ast-grep --pattern 'import { VirtualizedListbox } from "@nextui-org/listbox"'
# Check how isVirtualized prop is handled
echo "Checking isVirtualized prop handling..."
rg -A 5 "isVirtualized" packages/components/listbox/src
Length of output: 4126
Script:
#!/bin/bash
# Check Autocomplete's implementation for virtualization
echo "Checking Autocomplete's implementation..."
rg -A 10 "isVirtualized.*Listbox" packages/components/autocomplete/src
# Check package dependencies
echo "Checking package.json for @tanstack/react-virtual..."
cat packages/components/autocomplete/package.json
# Check if Autocomplete uses Listbox component
echo "Checking Autocomplete's Listbox usage..."
ast-grep --pattern 'import {$_} from "@nextui-org/listbox"'
Length of output: 3594
Script:
#!/bin/bash
# Check how Autocomplete component handles isVirtualized prop
echo "Checking Autocomplete's isVirtualized handling..."
rg -A 15 "const Autocomplete" packages/components/autocomplete/src/autocomplete.tsx
# Check if Listbox prop is passed with isVirtualized
echo "Checking Listbox usage in Autocomplete..."
rg -A 10 "<Listbox" packages/components/autocomplete/src/autocomplete.tsx
Length of output: 643
apps/docs/content/components/autocomplete/virtualization-ten-thousand.raw.jsx
Show resolved
Hide resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Actionable comments posted: 3
🧹 Outside diff range and nitpick comments (3)
packages/components/select/__tests__/select.test.tsx (3)
843-1018
: Reduce duplication by parameterizing virtualization testsThe virtualization tests for different item counts have similar structures. Consider refactoring them into a parameterized test to improve maintainability and reduce code duplication.
Example using
test.each
:describe("Select virtualization tests", () => { const user = userEvent.setup(); beforeAll(() => { Object.defineProperty(HTMLElement.prototype, "scrollTo", { configurable: true, value: jest.fn(), }); }); + const testCases = [ + { description: "less than", itemCount: 10, expectedItemCount: 10, isVirtualized: false }, + { description: "equal to", itemCount: 50, expectedItemCount: 50, isVirtualized: false }, + { description: "greater than", itemCount: 100, expectedItemCount: 100, isVirtualized: true }, + ]; + + test.each(testCases)( + "should work with onChange ($description virtualization threshold items)", + async ({ itemCount, expectedItemCount, isVirtualized }) => { + const onChange = jest.fn(); + let options = Array.from({ length: itemCount }, (_, i) => `option ${i}`); + + // Mock dimensions if virtualized + if (isVirtualized) { + /* Mock dimensions */ + Object.defineProperty(HTMLElement.prototype, "offsetHeight", { configurable: true, value: 200 }); + Object.defineProperty(HTMLElement.prototype, "scrollHeight", { configurable: true, value: 2000 }); + } + + const wrapper = render( + <div style={{ height: "200px", overflow: "auto" }}> + <Select + isOpen + isVirtualized={isVirtualized} + aria-label="Favorite Animal" + label="Favorite Animal" + onChange={onChange} + > + {options.map((o) => ( + <SelectItem key={o} value={o}> + {o} + </SelectItem> + ))} + </Select> + </div>, + ); + + const listbox = wrapper.getByRole("listbox"); + expect(listbox).toBeTruthy(); + + const listboxItems = wrapper.getAllByRole("option"); + expect(listboxItems.length).toBeGreaterThan(0); + expect(listboxItems.length).toBeLessThanOrEqual(itemCount); + + await user.click(listboxItems[1]); + expect(onChange).toHaveBeenCalledTimes(1); + + // Restore mocked properties if necessary + if (isVirtualized) { + delete HTMLElement.prototype.offsetHeight; + delete HTMLElement.prototype.scrollHeight; + } + }, + );
672-678
: Unnecessary explicit setting ofisVirtualized={false}
The
isVirtualized
prop defaults tofalse
. Explicitly setting it tofalse
in tests with fewer items is redundant.Consider removing
isVirtualized={false}
for cleaner code:<Select isOpen aria-label="Favorite Animal" - isVirtualized={false} label="Favorite Animal" onChange={onChange} >
710-716
: Unnecessary explicit setting ofisVirtualized={false}
Similarly, the
isVirtualized
prop defaults tofalse
. Explicitly setting it tofalse
here is redundant.Consider removing
isVirtualized={false}
:<Select isOpen aria-label="Favorite Animal" - isVirtualized={false} label="Favorite Animal" onChange={onChange} >
📜 Review details
Configuration used: .coderabbit.yaml
Review profile: CHILL
📒 Files selected for processing (1)
packages/components/select/__tests__/select.test.tsx
(4 hunks)
🔇 Additional comments (2)
packages/components/select/__tests__/select.test.tsx (2)
4-4
: Appropriate import of waitFor
for asynchronous operations
The addition of waitFor
from @testing-library/react
is suitable for handling asynchronous actions within tests.
827-829
: Ensure proper assertion of error message
The test is accessing aria-describedby
and asserting its content. Ensure that select.getAttribute("aria-describedby")
is not null
to avoid potential runtime errors.
Add a check to confirm that aria-describedby
exists:
expect(select).toHaveAttribute("aria-describedby");
+expect(select.getAttribute("aria-describedby")).not.toBeNull();
expect(document.getElementById(select.getAttribute("aria-describedby")!)).toHaveTextContent(
"Invalid value",
);
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Actionable comments posted: 0
🧹 Outside diff range and nitpick comments (1)
packages/components/listbox/package.json (1)
48-48
: Consider adding a comment explaining the version lock.The exact version lock (3.10.9) should be documented to explain why this specific version was chosen for the virtualization feature.
- "@tanstack/react-virtual": "3.10.9", + "@tanstack/react-virtual": "3.10.9", // Fixed version for Select virtualization compatibility
📜 Review details
Configuration used: .coderabbit.yaml
Review profile: CHILL
📒 Files selected for processing (2)
packages/components/listbox/package.json
(1 hunks)packages/components/select/package.json
(1 hunks)
🚧 Files skipped from review as they are similar to previous changes (1)
- packages/components/select/package.json
🔇 Additional comments (1)
packages/components/listbox/package.json (1)
48-48
: Verify the @tanstack/react-virtual version.
Let's ensure version 3.10.9 is appropriate and doesn't have known issues.
✅ Verification successful
Version 3.10.9 of @tanstack/react-virtual is appropriate and consistently used
The version is:
- The latest available version
- Used consistently across the monorepo (in both listbox and select packages)
- Part of a well-integrated virtualization implementation, as evidenced by multiple virtualization-related components
🏁 Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash
# Check latest version and release info for @tanstack/react-virtual
npm view @tanstack/react-virtual versions --json | jq -r '.[-5:]'
# Check for any GitHub issues mentioning version 3.10.9
gh api graphql -f query='
{
search(query: "repo:TanStack/virtual is:issue 3.10.9", type: ISSUE, first: 5) {
nodes {
... on Issue {
title
state
url
}
}
}
}'
Length of output: 471
Script:
#!/bin/bash
# Check if this version is used consistently across the monorepo
rg "@tanstack/react-virtual.*3\.10\.9" -g "package.json"
# Check the package.json for any comments or explanations about version pinning
rg "\"@tanstack/react-virtual\"" -B 2 -A 2 -g "package.json"
# Look for any related configuration or setup files
fd -g "*virtual*.{ts,tsx,js,jsx}"
Length of output: 2587
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Actionable comments posted: 3
🧹 Outside diff range and nitpick comments (6)
apps/docs/content/components/select/virtualization-max-listbox-height.raw.jsx (1)
38-54
: Add error handling and loading statesConsider demonstrating error handling and loading states for real-world scenarios where data fetching might fail or take time.
return ( <div className="flex w-full flex-wrap md:flex-nowrap gap-4"> <Select isVirtualized className="max-w-xs" label={"Select from 1000 items"} maxListboxHeight={400} + isLoading={isLoading} + errorMessage={error?.message} placeholder="Select..." >apps/docs/content/components/listbox/virtualization-ten-thousand.raw.jsx (2)
35-39
: LGTM! Consider extracting common styles to a constantThe wrapper component effectively encapsulates styling concerns. However, since these styles might be reused across different examples, consider extracting them to a constant.
+const wrapperStyles = "w-full max-w-[260px] border-small px-1 py-2 rounded-small border-default-200 dark:border-default-100"; + const ListboxWrapper = ({children}) => ( - <div className="w-full max-w-[260px] border-small px-1 py-2 rounded-small border-default-200 dark:border-default-100"> + <div className={wrapperStyles}> {children} </div> );
57-61
: Consider improvements to item renderingA few suggestions:
- The
description
field in generated items is not being used. Consider either removing it or displaying it to provide more context.- Using array indices as keys might cause issues if items need to be reordered. Consider using
item.value
as the key since it appears to be unique.- <ListboxItem key={index} value={item.value}> + <ListboxItem + key={item.value} + value={item.value} + description={item.description} + > {item.label} </ListboxItem>apps/docs/content/components/listbox/virtualization.raw.jsx (3)
34-38
: Consider making the wrapper width configurableThe wrapper currently uses a fixed max-width of 260px. Consider making this configurable through props to support different use cases while maintaining the consistent styling.
-const ListboxWrapper = ({children}) => ( - <div className="w-full max-w-[260px] border-small px-1 py-2 rounded-small border-default-200 dark:border-default-100"> +const ListboxWrapper = ({children, className}) => ( + <div className={`w-full border-small px-1 py-2 rounded-small border-default-200 dark:border-default-100 ${className}`}> {children} </div> );
46-55
: Add accessibility attributes and error handlingThe virtualized listbox implementation looks good, but consider these improvements:
- Add aria-label for better accessibility
- Consider wrapping in an error boundary for large datasets
<Listbox isVirtualized className="max-w-xs" label={"Select from 1000 items"} + aria-label="Select an animal" placeholder="Select..." virtualization={{ maxListboxHeight: 400, itemHeight: 40, }} >
56-61
: Consider adding loading states for large datasetsWhen rendering large datasets, it's good practice to show a loading state while items are being prepared for virtualization.
Consider implementing:
- Skeleton loading state for initial render
- Progressive loading for very large datasets
- Debounced updates for dynamic data
📜 Review details
Configuration used: .coderabbit.yaml
Review profile: CHILL
⛔ Files ignored due to path filters (1)
pnpm-lock.yaml
is excluded by!**/pnpm-lock.yaml
📒 Files selected for processing (6)
apps/docs/content/components/listbox/virtualization-ten-thousand.raw.jsx
(1 hunks)apps/docs/content/components/listbox/virtualization.raw.jsx
(1 hunks)apps/docs/content/components/select/virtualization-custom-item-height.raw.jsx
(1 hunks)apps/docs/content/components/select/virtualization-max-listbox-height.raw.jsx
(1 hunks)apps/docs/content/components/select/virtualization-ten-thousand.raw.jsx
(1 hunks)apps/docs/content/components/select/virtualization.raw.jsx
(1 hunks)
🚧 Files skipped from review as they are similar to previous changes (3)
- apps/docs/content/components/select/virtualization.raw.jsx
- apps/docs/content/components/select/virtualization-custom-item-height.raw.jsx
- apps/docs/content/components/select/virtualization-ten-thousand.raw.jsx
🔇 Additional comments (5)
apps/docs/content/components/select/virtualization-max-listbox-height.raw.jsx (3)
1-2
: LGTM!
The imports are correctly specified and all imported components are used in the code.
3-33
: Add input validation and optimize memory usage
The previous review comment about improving the generateItems utility is still applicable.
35-37
: Demonstrate handling larger datasets
The PR objectives mention handling up to 10,000 items, but this example only shows 1000 items. Consider adding performance metrics or a comment explaining the scalability.
apps/docs/content/components/listbox/virtualization-ten-thousand.raw.jsx (1)
47-56
: Verify virtualization configuration and performance
The virtualization setup looks good with reasonable defaults. Let's verify the implementation matches the requirements from the linked issues.
✅ Verification successful
Virtualization configuration is consistent and well-implemented
The virtualization setup in the listbox component is correctly implemented with appropriate defaults:
- The configuration matches other virtualized examples in the codebase (Select, Autocomplete)
- Default item height of 40px and max listbox height of 400px are consistent with other virtualized implementations
- Virtualization is properly handled through the
isVirtualized
prop andvirtualization
configuration object - The implementation automatically enables virtualization when items exceed 50 (as seen in the Select and Autocomplete components)
🏁 Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash
# Description: Check for consistent virtualization configuration across examples and tests
# Check for other examples using virtualization
rg -A 5 "isVirtualized|virtualization={{" --type jsx --type tsx
# Check for related test cases
rg -A 5 "test\(.*virtualization" --type jsx --type tsx
Length of output: 294
Script:
#!/bin/bash
# Search for virtualization configuration patterns with proper escaping
rg -A 5 "isVirtualized|virtualization\s*="
# Search for test files containing virtualization tests
rg -A 5 "test.*virtualization"
# Find all listbox-related files to analyze virtualization implementation
fd -e tsx -e jsx -e ts listbox
Length of output: 26163
apps/docs/content/components/listbox/virtualization.raw.jsx (1)
47-54
: Verify virtualization performance with larger datasets
The current example uses 1000 items, but the PR objectives mention handling up to 10,000 items. Let's verify the performance at scale.
✅ Verification successful
Virtualization implementation is properly equipped for large datasets
The implementation is well-prepared for handling large datasets, including 10,000 items, for the following reasons:
- Uses @tanstack/react-virtual's virtualization engine efficiently
- Implements proper height calculations and scroll handling
- Has examples demonstrating both 1,000 and 10,000 items
- Includes necessary safeguards like maxListboxHeight and itemHeight validation
- The virtualized listbox component properly implements windowing to render only visible items
🏁 Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash
# Search for other virtualization examples to ensure comprehensive testing
rg -l "isVirtualized|virtualization" --type jsx --type tsx
# Look for performance testing setup
rg -l "performance|benchmark" --type test
Length of output: 161
Script:
#!/bin/bash
# Search for virtualization examples with correct file extensions
rg -l "isVirtualized|virtualization" --type-add 'web:*.{jsx,tsx,js,ts}' -t web
# Look for test files with correct file extensions
fd -e test.js -e test.jsx -e test.ts -e test.tsx
# Check for performance-related content in test files
fd -e test.js -e test.jsx -e test.ts -e test.tsx -x rg -l "performance|benchmark" {}
Length of output: 5492
Script:
#!/bin/bash
# Check content of virtualization examples with 10,000 items
cat apps/docs/content/components/listbox/virtualization-ten-thousand.raw.jsx
cat apps/docs/content/components/listbox/virtualization-ten-thousand.ts
# Check implementation of virtualized listbox
cat packages/components/listbox/src/virtualized-listbox.tsx
Length of output: 5911
apps/docs/content/components/select/virtualization-max-listbox-height.raw.jsx
Show resolved
Hide resolved
apps/docs/content/components/select/virtualization-max-listbox-height.raw.jsx
Show resolved
Hide resolved
apps/docs/content/components/listbox/virtualization-ten-thousand.raw.jsx
Show resolved
Hide resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Actionable comments posted: 1
🧹 Outside diff range and nitpick comments (3)
apps/docs/content/components/select/virtualization-ten-thousand.raw.jsx (1)
40-45
: Consider adding virtualization customization propsThe Select component could benefit from additional virtualization-related props for better performance tuning:
itemHeight
: Customize the height of each itemmaxListboxHeight
: Control the maximum height of the dropdown<Select isVirtualized + itemHeight={36} + maxListboxHeight={400} className="max-w-xs" label={"Select from 10000 items"} placeholder="Select..." >apps/docs/content/components/listbox/virtualization-ten-thousand.raw.jsx (2)
35-39
: LGTM! Consider adding JSDoc documentation.The wrapper component provides good styling encapsulation. Consider adding JSDoc documentation to describe its purpose and props.
+/** + * A wrapper component that provides consistent styling for the Listbox + * @param {React.ReactNode} children - The Listbox component to be wrapped + */ const ListboxWrapper = ({children}) => (
42-42
: Consider memoizing the generated items.Since the items array is static and computationally expensive to generate, consider memoizing it with
useMemo
to prevent unnecessary regeneration on re-renders.- const items = generateItems(10000); + const items = useMemo(() => generateItems(10000), []);
📜 Review details
Configuration used: .coderabbit.yaml
Review profile: CHILL
📒 Files selected for processing (2)
apps/docs/content/components/listbox/virtualization-ten-thousand.raw.jsx
(1 hunks)apps/docs/content/components/select/virtualization-ten-thousand.raw.jsx
(1 hunks)
🔇 Additional comments (5)
apps/docs/content/components/select/virtualization-ten-thousand.raw.jsx (3)
1-1
: LGTM!
The imports are correctly specified and all imported components are used in the code.
3-33
: 🛠️ Refactor suggestion
Optimize data generation for better performance
The current implementation could be improved for better performance and memory efficiency:
- Replace the loop and push operations with Array.from
- Add input validation
- Implement memory-efficient data generation for large datasets
Consider this performance-optimized version:
- const generateItems = (n) => {
+ const generateItems = (count) => {
+ if (!Number.isInteger(count) || count < 0) {
+ throw new Error('Count must be a positive integer');
+ }
const items = [
"Cat",
"Dog",
// ... other animals
];
- const dataset = [];
- for (let i = 0; i < n; i++) {
- const item = items[i % items.length];
- dataset.push({
- label: `${item}${i}`,
- value: `${item.toLowerCase()}${i}`,
- description: "Sample description",
- });
- }
- return dataset;
+ return Array.from({ length: count }, (_, i) => {
+ const item = items[i % items.length];
+ return {
+ label: `${item}${i}`,
+ value: `${item.toLowerCase()}${i}`,
+ description: `${item} variant #${i + 1}`,
+ };
+ });
};
46-50
:
Replace array index with unique value as key
Using array indices as keys can lead to performance issues and bugs with React's reconciliation process.
- <SelectItem key={index} value={item.value}>
+ <SelectItem key={item.value} value={item.value}>
apps/docs/content/components/listbox/virtualization-ten-thousand.raw.jsx (2)
50-50
: Fix misleading label text
The label mentions "10000 items" but should be more descriptive about virtualization.
- label={"Select from 10000 items"}
+ label={"Virtualized Select with 10,000 items"}
52-55
: LGTM! Well-configured virtualization settings.
The virtualization configuration is well thought out:
- maxListboxHeight of 400px allows ~10 items visible
- itemHeight of 40px provides good readability
apps/docs/content/components/listbox/virtualization-ten-thousand.raw.jsx
Show resolved
Hide resolved
* 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 <wingkwong.code@gmail.com> * 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * feat(autocomplete): automatically focus first non-disabled item (#2186) Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix(autocomplete): exit animation on popover close (#3845) * fix(autocomplete): exit animation on popover close * refactor(autocomplete): getListBoxProps --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <i@innei.in> * 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 <i@innei.in> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <i@innei.in> Co-authored-by: Innei <tukon479@gmail.com> * 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 <abhinavagrawal700@gmail.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> 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: աɨռɢӄաօռɢ <wingkwong.code@gmail.com> 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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: աӄա <wingkwong.code@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * feat: added drawer component (#3986) Signed-off-by: The1111mp <The1111mp@outlook.com> Co-authored-by: The1111mp <The1111mp@outlook.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * Fix/avatar flashing (#3987) * fix(use-image): cached image flashing * chore: merged with canary --------- Co-authored-by: Rakha Kanz Kautsar <rkkautsar@gmail.com> * 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 <jrgarciadev@gmail.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix: image load on next.js (#3998) * ci(changesets): version packages (beta) (#3999) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: element.ref was removed in React 19 warning (#4003) * ci(changesets): version packages (beta) (#4004) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: react 19 as peer dep (#4008) * ci(changesets): version packages (beta) (#4009) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix(theme): making select and input themes consistent (#3881) * ci(changesets): version packages (beta) (#4012) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: support inert value with boolean type for react 19 (#4039) * ci(changesets): version packages (beta) (#4041) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * feat: alert design improved (#4054) * ci(changesets): version packages (beta) (#4056) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * feat: alert styles improved (#4073) * ci(changesets): version packages (beta) (#4074) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: pnpm cleaned (#4086) * ci(changesets): version packages (beta) (#4087) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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 <vincentiusrkuswara@gmail.com> * 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 <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4106) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * fix: label placement when the select has a placeholder or description (#4126) * ci(changesets): version packages (beta) (#4107) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * feat(table): add isKeyboardNavigationDisabled prop to the table (#3735) Co-authored-by: Maharshi Alpesh <maharshialpesh@Maharshi-Book.local> * 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 <jrgarciadev@gmail.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: fix indentation * fix(changeset): package not be found * ci(changesets): version packages (beta) (#4158) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> * ci(changesets): version packages (beta) (#4159) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * chore(changeset): bump all versions * ci(changesets): version packages (beta) (#4160) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore(docs): remove incorrect info * ci(changesets): version packages (beta) (#4162) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4169) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix: image load on next.js (#3998) * ci(changesets): version packages (beta) (#3999) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: element.ref was removed in React 19 warning (#4003) * ci(changesets): version packages (beta) (#4004) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: react 19 as peer dep (#4008) * ci(changesets): version packages (beta) (#4009) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix(theme): making select and input themes consistent (#3881) * ci(changesets): version packages (beta) (#4012) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * feat: alert design improved (#4054) * ci(changesets): version packages (beta) (#4056) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * feat: alert styles improved (#4073) * ci(changesets): version packages (beta) (#4074) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: pnpm cleaned (#4086) * ci(changesets): version packages (beta) (#4087) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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 <vincentiusrkuswara@gmail.com> * 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 <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4106) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * fix: label placement when the select has a placeholder or description (#4126) * ci(changesets): version packages (beta) (#4107) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * Update apps/docs/content/docs/components/textarea.mdx * feat(table): add isKeyboardNavigationDisabled prop to the table (#3735) Co-authored-by: Maharshi Alpesh <maharshialpesh@Maharshi-Book.local> * 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 <jrgarciadev@gmail.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: fix indentation * fix(changeset): package not be found * ci(changesets): version packages (beta) (#4158) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> * ci(changesets): version packages (beta) (#4159) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * chore(changeset): bump all versions * ci(changesets): version packages (beta) (#4160) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore(docs): remove incorrect info * ci(changesets): version packages (beta) (#4162) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4169) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: Mustafa Balcı <19329346+mstfblci@users.noreply.github.com> Co-authored-by: Maharshi Alpesh <maharshialpesh@gmail.com> Co-authored-by: Vincentius Roger Kuswara <vincentiusrkuswara@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: chirokas <157580465+chirokas@users.noreply.github.com> * ci(changesets): version packages (beta) (#4170) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * docs: sync api from nextui-cli v0.3.5 (#4173) Co-authored-by: GitHub Action <action@github.com> * ci(changesets): exit pre-release mode --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: աӄա <wingkwong.code@gmail.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: Mustafa Balcı <19329346+mstfblci@users.noreply.github.com> Co-authored-by: Maharshi Alpesh <maharshialpesh@gmail.com> Co-authored-by: Vincentius Roger Kuswara <vincentiusrkuswara@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: chirokas <157580465+chirokas@users.noreply.github.com> Co-authored-by: doki- <1335902682@qq.com> Co-authored-by: GitHub Action <action@github.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * fix: snippet release (#4235) * ci(changesets): version packages (#4236) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore: v2.6.2 * ci(changesets): version packages (#4237) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * fix: draggable modal demo --------- Signed-off-by: Innei <i@innei.in> Signed-off-by: The1111mp <The1111mp@outlook.com> Co-authored-by: ryo…
* 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 <wingkwong.code@gmail.com> * 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * feat(autocomplete): automatically focus first non-disabled item (#2186) Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix(autocomplete): exit animation on popover close (#3845) * fix(autocomplete): exit animation on popover close * refactor(autocomplete): getListBoxProps --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <i@innei.in> * 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 <i@innei.in> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <i@innei.in> Co-authored-by: Innei <tukon479@gmail.com> * 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 <abhinavagrawal700@gmail.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> 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: աɨռɢӄաօռɢ <wingkwong.code@gmail.com> 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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: աӄա <wingkwong.code@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * feat: added drawer component (#3986) Signed-off-by: The1111mp <The1111mp@outlook.com> Co-authored-by: The1111mp <The1111mp@outlook.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * Fix/avatar flashing (#3987) * fix(use-image): cached image flashing * chore: merged with canary --------- Co-authored-by: Rakha Kanz Kautsar <rkkautsar@gmail.com> * 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 <jrgarciadev@gmail.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix: image load on next.js (#3998) * ci(changesets): version packages (beta) (#3999) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: element.ref was removed in React 19 warning (#4003) * ci(changesets): version packages (beta) (#4004) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: react 19 as peer dep (#4008) * ci(changesets): version packages (beta) (#4009) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix(theme): making select and input themes consistent (#3881) * ci(changesets): version packages (beta) (#4012) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: support inert value with boolean type for react 19 (#4039) * ci(changesets): version packages (beta) (#4041) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * feat: alert design improved (#4054) * ci(changesets): version packages (beta) (#4056) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * feat: alert styles improved (#4073) * ci(changesets): version packages (beta) (#4074) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: pnpm cleaned (#4086) * ci(changesets): version packages (beta) (#4087) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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 <vincentiusrkuswara@gmail.com> * 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 <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4106) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * fix: label placement when the select has a placeholder or description (#4126) * ci(changesets): version packages (beta) (#4107) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * feat(table): add isKeyboardNavigationDisabled prop to the table (#3735) Co-authored-by: Maharshi Alpesh <maharshialpesh@Maharshi-Book.local> * 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 <jrgarciadev@gmail.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: fix indentation * fix(changeset): package not be found * ci(changesets): version packages (beta) (#4158) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> * ci(changesets): version packages (beta) (#4159) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * chore(changeset): bump all versions * ci(changesets): version packages (beta) (#4160) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore(docs): remove incorrect info * ci(changesets): version packages (beta) (#4162) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4169) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix: image load on next.js (#3998) * ci(changesets): version packages (beta) (#3999) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: element.ref was removed in React 19 warning (#4003) * ci(changesets): version packages (beta) (#4004) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: react 19 as peer dep (#4008) * ci(changesets): version packages (beta) (#4009) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix(theme): making select and input themes consistent (#3881) * ci(changesets): version packages (beta) (#4012) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * feat: alert design improved (#4054) * ci(changesets): version packages (beta) (#4056) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * feat: alert styles improved (#4073) * ci(changesets): version packages (beta) (#4074) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: pnpm cleaned (#4086) * ci(changesets): version packages (beta) (#4087) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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 <vincentiusrkuswara@gmail.com> * 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 <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4106) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * fix: label placement when the select has a placeholder or description (#4126) * ci(changesets): version packages (beta) (#4107) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * Update apps/docs/content/docs/components/textarea.mdx * feat(table): add isKeyboardNavigationDisabled prop to the table (#3735) Co-authored-by: Maharshi Alpesh <maharshialpesh@Maharshi-Book.local> * 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 <jrgarciadev@gmail.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: fix indentation * fix(changeset): package not be found * ci(changesets): version packages (beta) (#4158) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> * ci(changesets): version packages (beta) (#4159) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * chore(changeset): bump all versions * ci(changesets): version packages (beta) (#4160) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore(docs): remove incorrect info * ci(changesets): version packages (beta) (#4162) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4169) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: Mustafa Balcı <19329346+mstfblci@users.noreply.github.com> Co-authored-by: Maharshi Alpesh <maharshialpesh@gmail.com> Co-authored-by: Vincentius Roger Kuswara <vincentiusrkuswara@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: chirokas <157580465+chirokas@users.noreply.github.com> * ci(changesets): version packages (beta) (#4170) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * docs: sync api from nextui-cli v0.3.5 (#4173) Co-authored-by: GitHub Action <action@github.com> * ci(changesets): exit pre-release mode --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: աӄա <wingkwong.code@gmail.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: Mustafa Balcı <19329346+mstfblci@users.noreply.github.com> Co-authored-by: Maharshi Alpesh <maharshialpesh@gmail.com> Co-authored-by: Vincentius Roger Kuswara <vincentiusrkuswara@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: chirokas <157580465+chirokas@users.noreply.github.com> Co-authored-by: doki- <1335902682@qq.com> Co-authored-by: GitHub Action <action@github.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * fix: snippet release (#4235) * ci(changesets): version packages (#4236) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore: v2.6.2 * ci(changesets): version packages (#4237) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * fix: draggable modal demo * fix: v2.6 blog * chore: adjust blog --------- Signed-off-by: Innei <i@innei.in> Signed-off-by: The1111mp…
* 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 <wingkwong.code@gmail.com> * 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * feat(autocomplete): automatically focus first non-disabled item (#2186) Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix(autocomplete): exit animation on popover close (#3845) * fix(autocomplete): exit animation on popover close * refactor(autocomplete): getListBoxProps --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <i@innei.in> * 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 <i@innei.in> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <i@innei.in> Co-authored-by: Innei <tukon479@gmail.com> * 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 <abhinavagrawal700@gmail.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> 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: աɨռɢӄաօռɢ <wingkwong.code@gmail.com> 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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: աӄա <wingkwong.code@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * feat: added drawer component (#3986) Signed-off-by: The1111mp <The1111mp@outlook.com> Co-authored-by: The1111mp <The1111mp@outlook.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * Fix/avatar flashing (#3987) * fix(use-image): cached image flashing * chore: merged with canary --------- Co-authored-by: Rakha Kanz Kautsar <rkkautsar@gmail.com> * 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 <jrgarciadev@gmail.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix: image load on next.js (#3998) * ci(changesets): version packages (beta) (#3999) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: element.ref was removed in React 19 warning (#4003) * ci(changesets): version packages (beta) (#4004) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: react 19 as peer dep (#4008) * ci(changesets): version packages (beta) (#4009) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix(theme): making select and input themes consistent (#3881) * ci(changesets): version packages (beta) (#4012) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: support inert value with boolean type for react 19 (#4039) * ci(changesets): version packages (beta) (#4041) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * feat: alert design improved (#4054) * ci(changesets): version packages (beta) (#4056) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * feat: alert styles improved (#4073) * ci(changesets): version packages (beta) (#4074) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: pnpm cleaned (#4086) * ci(changesets): version packages (beta) (#4087) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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 <vincentiusrkuswara@gmail.com> * 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 <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4106) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * fix: label placement when the select has a placeholder or description (#4126) * ci(changesets): version packages (beta) (#4107) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * feat(table): add isKeyboardNavigationDisabled prop to the table (#3735) Co-authored-by: Maharshi Alpesh <maharshialpesh@Maharshi-Book.local> * 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 <jrgarciadev@gmail.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: fix indentation * fix(changeset): package not be found * ci(changesets): version packages (beta) (#4158) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> * ci(changesets): version packages (beta) (#4159) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * chore(changeset): bump all versions * ci(changesets): version packages (beta) (#4160) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore(docs): remove incorrect info * ci(changesets): version packages (beta) (#4162) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4169) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix: image load on next.js (#3998) * ci(changesets): version packages (beta) (#3999) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: element.ref was removed in React 19 warning (#4003) * ci(changesets): version packages (beta) (#4004) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: react 19 as peer dep (#4008) * ci(changesets): version packages (beta) (#4009) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix(theme): making select and input themes consistent (#3881) * ci(changesets): version packages (beta) (#4012) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * feat: alert design improved (#4054) * ci(changesets): version packages (beta) (#4056) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * feat: alert styles improved (#4073) * ci(changesets): version packages (beta) (#4074) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: pnpm cleaned (#4086) * ci(changesets): version packages (beta) (#4087) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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 <vincentiusrkuswara@gmail.com> * 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 <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4106) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * fix: label placement when the select has a placeholder or description (#4126) * ci(changesets): version packages (beta) (#4107) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * Update apps/docs/content/docs/components/textarea.mdx * feat(table): add isKeyboardNavigationDisabled prop to the table (#3735) Co-authored-by: Maharshi Alpesh <maharshialpesh@Maharshi-Book.local> * 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 <jrgarciadev@gmail.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: fix indentation * fix(changeset): package not be found * ci(changesets): version packages (beta) (#4158) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> * ci(changesets): version packages (beta) (#4159) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * chore(changeset): bump all versions * ci(changesets): version packages (beta) (#4160) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore(docs): remove incorrect info * ci(changesets): version packages (beta) (#4162) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4169) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: Mustafa Balcı <19329346+mstfblci@users.noreply.github.com> Co-authored-by: Maharshi Alpesh <maharshialpesh@gmail.com> Co-authored-by: Vincentius Roger Kuswara <vincentiusrkuswara@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: chirokas <157580465+chirokas@users.noreply.github.com> * ci(changesets): version packages (beta) (#4170) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * docs: sync api from nextui-cli v0.3.5 (#4173) Co-authored-by: GitHub Action <action@github.com> * ci(changesets): exit pre-release mode --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: աӄա <wingkwong.code@gmail.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: Mustafa Balcı <19329346+mstfblci@users.noreply.github.com> Co-authored-by: Maharshi Alpesh <maharshialpesh@gmail.com> Co-authored-by: Vincentius Roger Kuswara <vincentiusrkuswara@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: chirokas <157580465+chirokas@users.noreply.github.com> Co-authored-by: doki- <1335902682@qq.com> Co-authored-by: GitHub Action <action@github.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * fix: snippet release (#4235) * ci(changesets): version packages (#4236) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore: v2.6.2 * ci(changesets): version packages (#4237) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * fix: draggable modal demo * fix: v2.6 blog * chore: adjust blog * chore: release notes link updated --------- Signe…
* 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 <wingkwong.code@gmail.com> * 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * feat(autocomplete): automatically focus first non-disabled item (#2186) Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix(autocomplete): exit animation on popover close (#3845) * fix(autocomplete): exit animation on popover close * refactor(autocomplete): getListBoxProps --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <i@innei.in> * 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 <i@innei.in> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <i@innei.in> Co-authored-by: Innei <tukon479@gmail.com> * 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 <abhinavagrawal700@gmail.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> 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: աɨռɢӄաօռɢ <wingkwong.code@gmail.com> 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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: աӄա <wingkwong.code@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * feat: added drawer component (#3986) Signed-off-by: The1111mp <The1111mp@outlook.com> Co-authored-by: The1111mp <The1111mp@outlook.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * Fix/avatar flashing (#3987) * fix(use-image): cached image flashing * chore: merged with canary --------- Co-authored-by: Rakha Kanz Kautsar <rkkautsar@gmail.com> * 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 <jrgarciadev@gmail.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix: image load on next.js (#3998) * ci(changesets): version packages (beta) (#3999) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: element.ref was removed in React 19 warning (#4003) * ci(changesets): version packages (beta) (#4004) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: react 19 as peer dep (#4008) * ci(changesets): version packages (beta) (#4009) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix(theme): making select and input themes consistent (#3881) * ci(changesets): version packages (beta) (#4012) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: support inert value with boolean type for react 19 (#4039) * ci(changesets): version packages (beta) (#4041) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * feat: alert design improved (#4054) * ci(changesets): version packages (beta) (#4056) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * feat: alert styles improved (#4073) * ci(changesets): version packages (beta) (#4074) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: pnpm cleaned (#4086) * ci(changesets): version packages (beta) (#4087) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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 <vincentiusrkuswara@gmail.com> * 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 <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4106) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * fix: label placement when the select has a placeholder or description (#4126) * ci(changesets): version packages (beta) (#4107) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * feat(table): add isKeyboardNavigationDisabled prop to the table (#3735) Co-authored-by: Maharshi Alpesh <maharshialpesh@Maharshi-Book.local> * 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 <jrgarciadev@gmail.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: fix indentation * fix(changeset): package not be found * ci(changesets): version packages (beta) (#4158) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> * ci(changesets): version packages (beta) (#4159) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * chore(changeset): bump all versions * ci(changesets): version packages (beta) (#4160) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore(docs): remove incorrect info * ci(changesets): version packages (beta) (#4162) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4169) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix: image load on next.js (#3998) * ci(changesets): version packages (beta) (#3999) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: element.ref was removed in React 19 warning (#4003) * ci(changesets): version packages (beta) (#4004) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: react 19 as peer dep (#4008) * ci(changesets): version packages (beta) (#4009) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix(theme): making select and input themes consistent (#3881) * ci(changesets): version packages (beta) (#4012) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * feat: alert design improved (#4054) * ci(changesets): version packages (beta) (#4056) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * feat: alert styles improved (#4073) * ci(changesets): version packages (beta) (#4074) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: pnpm cleaned (#4086) * ci(changesets): version packages (beta) (#4087) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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 <vincentiusrkuswara@gmail.com> * 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 <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4106) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * fix: label placement when the select has a placeholder or description (#4126) * ci(changesets): version packages (beta) (#4107) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * Update apps/docs/content/docs/components/textarea.mdx * feat(table): add isKeyboardNavigationDisabled prop to the table (#3735) Co-authored-by: Maharshi Alpesh <maharshialpesh@Maharshi-Book.local> * 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 <jrgarciadev@gmail.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: fix indentation * fix(changeset): package not be found * ci(changesets): version packages (beta) (#4158) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> * ci(changesets): version packages (beta) (#4159) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * chore(changeset): bump all versions * ci(changesets): version packages (beta) (#4160) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore(docs): remove incorrect info * ci(changesets): version packages (beta) (#4162) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4169) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: Mustafa Balcı <19329346+mstfblci@users.noreply.github.com> Co-authored-by: Maharshi Alpesh <maharshialpesh@gmail.com> Co-authored-by: Vincentius Roger Kuswara <vincentiusrkuswara@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: chirokas <157580465+chirokas@users.noreply.github.com> * ci(changesets): version packages (beta) (#4170) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * docs: sync api from nextui-cli v0.3.5 (#4173) Co-authored-by: GitHub Action <action@github.com> * ci(changesets): exit pre-release mode --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: աӄա <wingkwong.code@gmail.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: Mustafa Balcı <19329346+mstfblci@users.noreply.github.com> Co-authored-by: Maharshi Alpesh <maharshialpesh@gmail.com> Co-authored-by: Vincentius Roger Kuswara <vincentiusrkuswara@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: chirokas <157580465+chirokas@users.noreply.github.com> Co-authored-by: doki- <1335902682@qq.com> Co-authored-by: GitHub Action <action@github.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * fix: snippet release (#4235) * ci(changesets): version packages (#4236) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore: v2.6.2 * ci(changesets): version packages (#4237) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * fix: draggable modal demo * fix: v2.6 blog * chore: adjust blog * chore: release notes link updated * fix: v2.6.0 (#4247) * fix: …
* 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 <wingkwong.code@gmail.com> * 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * feat(autocomplete): automatically focus first non-disabled item (#2186) Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix(autocomplete): exit animation on popover close (#3845) * fix(autocomplete): exit animation on popover close * refactor(autocomplete): getListBoxProps --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <i@innei.in> * 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 <i@innei.in> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <i@innei.in> Co-authored-by: Innei <tukon479@gmail.com> * 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 <abhinavagrawal700@gmail.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> 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: աɨռɢӄաօռɢ <wingkwong.code@gmail.com> 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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: աӄա <wingkwong.code@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * feat: added drawer component (#3986) Signed-off-by: The1111mp <The1111mp@outlook.com> Co-authored-by: The1111mp <The1111mp@outlook.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * Fix/avatar flashing (#3987) * fix(use-image): cached image flashing * chore: merged with canary --------- Co-authored-by: Rakha Kanz Kautsar <rkkautsar@gmail.com> * 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 <jrgarciadev@gmail.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix: image load on next.js (#3998) * ci(changesets): version packages (beta) (#3999) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: element.ref was removed in React 19 warning (#4003) * ci(changesets): version packages (beta) (#4004) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: react 19 as peer dep (#4008) * ci(changesets): version packages (beta) (#4009) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix(theme): making select and input themes consistent (#3881) * ci(changesets): version packages (beta) (#4012) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: support inert value with boolean type for react 19 (#4039) * ci(changesets): version packages (beta) (#4041) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * feat: alert design improved (#4054) * ci(changesets): version packages (beta) (#4056) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * feat: alert styles improved (#4073) * ci(changesets): version packages (beta) (#4074) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: pnpm cleaned (#4086) * ci(changesets): version packages (beta) (#4087) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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 <vincentiusrkuswara@gmail.com> * 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 <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4106) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * fix: label placement when the select has a placeholder or description (#4126) * ci(changesets): version packages (beta) (#4107) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * feat(table): add isKeyboardNavigationDisabled prop to the table (#3735) Co-authored-by: Maharshi Alpesh <maharshialpesh@Maharshi-Book.local> * 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 <jrgarciadev@gmail.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: fix indentation * fix(changeset): package not be found * ci(changesets): version packages (beta) (#4158) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> * ci(changesets): version packages (beta) (#4159) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * chore(changeset): bump all versions * ci(changesets): version packages (beta) (#4160) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore(docs): remove incorrect info * ci(changesets): version packages (beta) (#4162) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4169) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix: image load on next.js (#3998) * ci(changesets): version packages (beta) (#3999) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: element.ref was removed in React 19 warning (#4003) * ci(changesets): version packages (beta) (#4004) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: react 19 as peer dep (#4008) * ci(changesets): version packages (beta) (#4009) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix(theme): making select and input themes consistent (#3881) * ci(changesets): version packages (beta) (#4012) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * feat: alert design improved (#4054) * ci(changesets): version packages (beta) (#4056) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * feat: alert styles improved (#4073) * ci(changesets): version packages (beta) (#4074) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: pnpm cleaned (#4086) * ci(changesets): version packages (beta) (#4087) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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 <vincentiusrkuswara@gmail.com> * 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 <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4106) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * fix: label placement when the select has a placeholder or description (#4126) * ci(changesets): version packages (beta) (#4107) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * Update apps/docs/content/docs/components/textarea.mdx * feat(table): add isKeyboardNavigationDisabled prop to the table (#3735) Co-authored-by: Maharshi Alpesh <maharshialpesh@Maharshi-Book.local> * 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 <jrgarciadev@gmail.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: fix indentation * fix(changeset): package not be found * ci(changesets): version packages (beta) (#4158) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> * ci(changesets): version packages (beta) (#4159) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * chore(changeset): bump all versions * ci(changesets): version packages (beta) (#4160) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore(docs): remove incorrect info * ci(changesets): version packages (beta) (#4162) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4169) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: Mustafa Balcı <19329346+mstfblci@users.noreply.github.com> Co-authored-by: Maharshi Alpesh <maharshialpesh@gmail.com> Co-authored-by: Vincentius Roger Kuswara <vincentiusrkuswara@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: chirokas <157580465+chirokas@users.noreply.github.com> * ci(changesets): version packages (beta) (#4170) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * docs: sync api from nextui-cli v0.3.5 (#4173) Co-authored-by: GitHub Action <action@github.com> * ci(changesets): exit pre-release mode --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: աӄա <wingkwong.code@gmail.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: Mustafa Balcı <19329346+mstfblci@users.noreply.github.com> Co-authored-by: Maharshi Alpesh <maharshialpesh@gmail.com> Co-authored-by: Vincentius Roger Kuswara <vincentiusrkuswara@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: chirokas <157580465+chirokas@users.noreply.github.com> Co-authored-by: doki- <1335902682@qq.com> Co-authored-by: GitHub Action <action@github.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * fix: snippet release (#4235) * ci(changesets): version packages (#4236) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore: v2.6.2 * ci(changesets): version packages (#4237) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * fix: draggable modal demo * fix: v2.6 blog * chore: adjust blog * chore: release notes link updated * fix: v2.6.0 (#4247) *…
* 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 <wingkwong.code@gmail.com> * 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * feat(autocomplete): automatically focus first non-disabled item (#2186) Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix(autocomplete): exit animation on popover close (#3845) * fix(autocomplete): exit animation on popover close * refactor(autocomplete): getListBoxProps --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <i@innei.in> * 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 <i@innei.in> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <i@innei.in> Co-authored-by: Innei <tukon479@gmail.com> * 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 <abhinavagrawal700@gmail.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> 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: աɨռɢӄաօռɢ <wingkwong.code@gmail.com> 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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: աӄա <wingkwong.code@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * feat: added drawer component (#3986) Signed-off-by: The1111mp <The1111mp@outlook.com> Co-authored-by: The1111mp <The1111mp@outlook.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * Fix/avatar flashing (#3987) * fix(use-image): cached image flashing * chore: merged with canary --------- Co-authored-by: Rakha Kanz Kautsar <rkkautsar@gmail.com> * 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 <jrgarciadev@gmail.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix: image load on next.js (#3998) * ci(changesets): version packages (beta) (#3999) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: element.ref was removed in React 19 warning (#4003) * ci(changesets): version packages (beta) (#4004) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: react 19 as peer dep (#4008) * ci(changesets): version packages (beta) (#4009) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix(theme): making select and input themes consistent (#3881) * ci(changesets): version packages (beta) (#4012) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: support inert value with boolean type for react 19 (#4039) * ci(changesets): version packages (beta) (#4041) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * feat: alert design improved (#4054) * ci(changesets): version packages (beta) (#4056) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * feat: alert styles improved (#4073) * ci(changesets): version packages (beta) (#4074) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: pnpm cleaned (#4086) * ci(changesets): version packages (beta) (#4087) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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 <vincentiusrkuswara@gmail.com> * 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 <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4106) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * fix: label placement when the select has a placeholder or description (#4126) * ci(changesets): version packages (beta) (#4107) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * feat(table): add isKeyboardNavigationDisabled prop to the table (#3735) Co-authored-by: Maharshi Alpesh <maharshialpesh@Maharshi-Book.local> * 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 <jrgarciadev@gmail.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: fix indentation * fix(changeset): package not be found * ci(changesets): version packages (beta) (#4158) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> * ci(changesets): version packages (beta) (#4159) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * chore(changeset): bump all versions * ci(changesets): version packages (beta) (#4160) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore(docs): remove incorrect info * ci(changesets): version packages (beta) (#4162) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4169) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix: image load on next.js (#3998) * ci(changesets): version packages (beta) (#3999) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: element.ref was removed in React 19 warning (#4003) * ci(changesets): version packages (beta) (#4004) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: react 19 as peer dep (#4008) * ci(changesets): version packages (beta) (#4009) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix(theme): making select and input themes consistent (#3881) * ci(changesets): version packages (beta) (#4012) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * feat: alert design improved (#4054) * ci(changesets): version packages (beta) (#4056) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * feat: alert styles improved (#4073) * ci(changesets): version packages (beta) (#4074) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: pnpm cleaned (#4086) * ci(changesets): version packages (beta) (#4087) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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 <vincentiusrkuswara@gmail.com> * 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 <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4106) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * fix: label placement when the select has a placeholder or description (#4126) * ci(changesets): version packages (beta) (#4107) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * Update apps/docs/content/docs/components/textarea.mdx * feat(table): add isKeyboardNavigationDisabled prop to the table (#3735) Co-authored-by: Maharshi Alpesh <maharshialpesh@Maharshi-Book.local> * 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 <jrgarciadev@gmail.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: fix indentation * fix(changeset): package not be found * ci(changesets): version packages (beta) (#4158) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> * ci(changesets): version packages (beta) (#4159) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * chore(changeset): bump all versions * ci(changesets): version packages (beta) (#4160) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore(docs): remove incorrect info * ci(changesets): version packages (beta) (#4162) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4169) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: Mustafa Balcı <19329346+mstfblci@users.noreply.github.com> Co-authored-by: Maharshi Alpesh <maharshialpesh@gmail.com> Co-authored-by: Vincentius Roger Kuswara <vincentiusrkuswara@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: chirokas <157580465+chirokas@users.noreply.github.com> * ci(changesets): version packages (beta) (#4170) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * docs: sync api from nextui-cli v0.3.5 (#4173) Co-authored-by: GitHub Action <action@github.com> * ci(changesets): exit pre-release mode --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: աӄա <wingkwong.code@gmail.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: Mustafa Balcı <19329346+mstfblci@users.noreply.github.com> Co-authored-by: Maharshi Alpesh <maharshialpesh@gmail.com> Co-authored-by: Vincentius Roger Kuswara <vincentiusrkuswara@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: chirokas <157580465+chirokas@users.noreply.github.com> Co-authored-by: doki- <1335902682@qq.com> Co-authored-by: GitHub Action <action@github.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * fix: snippet release (#4235) * ci(changesets): version packages (#4236) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore: v2.6.2 * ci(changesets): version packages (#4237) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * fix: draggable modal demo * fix: v2.6 blog * chore: adjust blog * chore: release notes link updated * fix: v2.6.0 (#4247) *…
* 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 <wingkwong.code@gmail.com> * 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * feat(autocomplete): automatically focus first non-disabled item (#2186) Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix(autocomplete): exit animation on popover close (#3845) * fix(autocomplete): exit animation on popover close * refactor(autocomplete): getListBoxProps --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <i@innei.in> * 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 <i@innei.in> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <i@innei.in> Co-authored-by: Innei <tukon479@gmail.com> * 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 <abhinavagrawal700@gmail.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> 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: աɨռɢӄաօռɢ <wingkwong.code@gmail.com> 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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: աӄա <wingkwong.code@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * feat: added drawer component (#3986) Signed-off-by: The1111mp <The1111mp@outlook.com> Co-authored-by: The1111mp <The1111mp@outlook.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * Fix/avatar flashing (#3987) * fix(use-image): cached image flashing * chore: merged with canary --------- Co-authored-by: Rakha Kanz Kautsar <rkkautsar@gmail.com> * 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 <jrgarciadev@gmail.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix: image load on next.js (#3998) * ci(changesets): version packages (beta) (#3999) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: element.ref was removed in React 19 warning (#4003) * ci(changesets): version packages (beta) (#4004) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: react 19 as peer dep (#4008) * ci(changesets): version packages (beta) (#4009) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix(theme): making select and input themes consistent (#3881) * ci(changesets): version packages (beta) (#4012) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: support inert value with boolean type for react 19 (#4039) * ci(changesets): version packages (beta) (#4041) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * feat: alert design improved (#4054) * ci(changesets): version packages (beta) (#4056) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * feat: alert styles improved (#4073) * ci(changesets): version packages (beta) (#4074) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: pnpm cleaned (#4086) * ci(changesets): version packages (beta) (#4087) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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 <vincentiusrkuswara@gmail.com> * 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 <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4106) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * fix: label placement when the select has a placeholder or description (#4126) * ci(changesets): version packages (beta) (#4107) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * feat(table): add isKeyboardNavigationDisabled prop to the table (#3735) Co-authored-by: Maharshi Alpesh <maharshialpesh@Maharshi-Book.local> * 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 <jrgarciadev@gmail.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: fix indentation * fix(changeset): package not be found * ci(changesets): version packages (beta) (#4158) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> * ci(changesets): version packages (beta) (#4159) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * chore(changeset): bump all versions * ci(changesets): version packages (beta) (#4160) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore(docs): remove incorrect info * ci(changesets): version packages (beta) (#4162) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4169) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix: image load on next.js (#3998) * ci(changesets): version packages (beta) (#3999) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: element.ref was removed in React 19 warning (#4003) * ci(changesets): version packages (beta) (#4004) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: react 19 as peer dep (#4008) * ci(changesets): version packages (beta) (#4009) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix(theme): making select and input themes consistent (#3881) * ci(changesets): version packages (beta) (#4012) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * feat: alert design improved (#4054) * ci(changesets): version packages (beta) (#4056) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * feat: alert styles improved (#4073) * ci(changesets): version packages (beta) (#4074) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: pnpm cleaned (#4086) * ci(changesets): version packages (beta) (#4087) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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 <vincentiusrkuswara@gmail.com> * 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 <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4106) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * fix: label placement when the select has a placeholder or description (#4126) * ci(changesets): version packages (beta) (#4107) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * Update apps/docs/content/docs/components/textarea.mdx * feat(table): add isKeyboardNavigationDisabled prop to the table (#3735) Co-authored-by: Maharshi Alpesh <maharshialpesh@Maharshi-Book.local> * 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 <jrgarciadev@gmail.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: fix indentation * fix(changeset): package not be found * ci(changesets): version packages (beta) (#4158) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> * ci(changesets): version packages (beta) (#4159) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * chore(changeset): bump all versions * ci(changesets): version packages (beta) (#4160) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore(docs): remove incorrect info * ci(changesets): version packages (beta) (#4162) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4169) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: Mustafa Balcı <19329346+mstfblci@users.noreply.github.com> Co-authored-by: Maharshi Alpesh <maharshialpesh@gmail.com> Co-authored-by: Vincentius Roger Kuswara <vincentiusrkuswara@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: chirokas <157580465+chirokas@users.noreply.github.com> * ci(changesets): version packages (beta) (#4170) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * docs: sync api from nextui-cli v0.3.5 (#4173) Co-authored-by: GitHub Action <action@github.com> * ci(changesets): exit pre-release mode --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: աӄա <wingkwong.code@gmail.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: Mustafa Balcı <19329346+mstfblci@users.noreply.github.com> Co-authored-by: Maharshi Alpesh <maharshialpesh@gmail.com> Co-authored-by: Vincentius Roger Kuswara <vincentiusrkuswara@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: chirokas <157580465+chirokas@users.noreply.github.com> Co-authored-by: doki- <1335902682@qq.com> Co-authored-by: GitHub Action <action@github.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * fix: snippet release (#4235) * ci(changesets): version packages (#4236) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore: v2.6.2 * ci(changesets): version packages (#4237) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * fix: draggable modal demo * fix: v2.6 blog * chore: adjust blog * chore: release notes link updated * fix: v2.6.0 (#4247) * fix: v2.6.…
* 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 <wingkwong.code@gmail.com> * 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * feat(autocomplete): automatically focus first non-disabled item (#2186) Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * fix(autocomplete): exit animation on popover close (#3845) * fix(autocomplete): exit animation on popover close * refactor(autocomplete): getListBoxProps --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <wingkwong.code@gmail.com> * 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 <i@innei.in> * 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 <i@innei.in> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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 <i@innei.in> Co-authored-by: Innei <tukon479@gmail.com> * 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 <abhinavagrawal700@gmail.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> 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: աɨռɢӄաօռɢ <wingkwong.code@gmail.com> 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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: աӄա <wingkwong.code@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * feat: added drawer component (#3986) Signed-off-by: The1111mp <The1111mp@outlook.com> Co-authored-by: The1111mp <The1111mp@outlook.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * Fix/avatar flashing (#3987) * fix(use-image): cached image flashing * chore: merged with canary --------- Co-authored-by: Rakha Kanz Kautsar <rkkautsar@gmail.com> * 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 <jrgarciadev@gmail.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix: image load on next.js (#3998) * ci(changesets): version packages (beta) (#3999) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: element.ref was removed in React 19 warning (#4003) * ci(changesets): version packages (beta) (#4004) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: react 19 as peer dep (#4008) * ci(changesets): version packages (beta) (#4009) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix(theme): making select and input themes consistent (#3881) * ci(changesets): version packages (beta) (#4012) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: support inert value with boolean type for react 19 (#4039) * ci(changesets): version packages (beta) (#4041) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * feat: alert design improved (#4054) * ci(changesets): version packages (beta) (#4056) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * feat: alert styles improved (#4073) * ci(changesets): version packages (beta) (#4074) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: pnpm cleaned (#4086) * ci(changesets): version packages (beta) (#4087) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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 <vincentiusrkuswara@gmail.com> * 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 <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4106) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * fix: label placement when the select has a placeholder or description (#4126) * ci(changesets): version packages (beta) (#4107) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * feat(table): add isKeyboardNavigationDisabled prop to the table (#3735) Co-authored-by: Maharshi Alpesh <maharshialpesh@Maharshi-Book.local> * 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 <jrgarciadev@gmail.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: fix indentation * fix(changeset): package not be found * ci(changesets): version packages (beta) (#4158) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> * ci(changesets): version packages (beta) (#4159) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * chore(changeset): bump all versions * ci(changesets): version packages (beta) (#4160) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore(docs): remove incorrect info * ci(changesets): version packages (beta) (#4162) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4169) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix: image load on next.js (#3998) * ci(changesets): version packages (beta) (#3999) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: element.ref was removed in React 19 warning (#4003) * ci(changesets): version packages (beta) (#4004) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: react 19 as peer dep (#4008) * ci(changesets): version packages (beta) (#4009) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * fix(theme): making select and input themes consistent (#3881) * ci(changesets): version packages (beta) (#4012) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * feat: alert design improved (#4054) * ci(changesets): version packages (beta) (#4056) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * feat: alert styles improved (#4073) * ci(changesets): version packages (beta) (#4074) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: pnpm cleaned (#4086) * ci(changesets): version packages (beta) (#4087) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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] <github-actions[bot]@users.noreply.github.com> * 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 <vincentiusrkuswara@gmail.com> * 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 <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4106) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * fix: label placement when the select has a placeholder or description (#4126) * ci(changesets): version packages (beta) (#4107) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * Update apps/docs/content/docs/components/textarea.mdx * feat(table): add isKeyboardNavigationDisabled prop to the table (#3735) Co-authored-by: Maharshi Alpesh <maharshialpesh@Maharshi-Book.local> * 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 <jrgarciadev@gmail.com> Co-authored-by: WK Wong <wingkwong.code@gmail.com> * 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] <github-actions[bot]@users.noreply.github.com> * chore: fix indentation * fix(changeset): package not be found * ci(changesets): version packages (beta) (#4158) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> * ci(changesets): version packages (beta) (#4159) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * chore(changeset): bump all versions * ci(changesets): version packages (beta) (#4160) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore(docs): remove incorrect info * ci(changesets): version packages (beta) (#4162) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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: աӄա <wingkwong.code@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * ci(changesets): version packages (beta) (#4169) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * 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 <wingkwong.code@gmail.com> Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: Mustafa Balcı <19329346+mstfblci@users.noreply.github.com> Co-authored-by: Maharshi Alpesh <maharshialpesh@gmail.com> Co-authored-by: Vincentius Roger Kuswara <vincentiusrkuswara@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: chirokas <157580465+chirokas@users.noreply.github.com> * ci(changesets): version packages (beta) (#4170) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * docs: sync api from nextui-cli v0.3.5 (#4173) Co-authored-by: GitHub Action <action@github.com> * ci(changesets): exit pre-release mode --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: աӄա <wingkwong.code@gmail.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: Mustafa Balcı <19329346+mstfblci@users.noreply.github.com> Co-authored-by: Maharshi Alpesh <maharshialpesh@gmail.com> Co-authored-by: Vincentius Roger Kuswara <vincentiusrkuswara@gmail.com> 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 <maharshialpesh@Maharshi-Book.local> Co-authored-by: chirokas <157580465+chirokas@users.noreply.github.com> Co-authored-by: doki- <1335902682@qq.com> Co-authored-by: GitHub Action <action@github.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * 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 <jrgarciadev@gmail.com> * fix: snippet release (#4235) * ci(changesets): version packages (#4236) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * chore: v2.6.2 * ci(changesets): version packages (#4237) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com> * fix: draggable modal demo * fix: v2.6 blog * chore: adjust blog * chore: release notes link updated * fix: v2.6.0 (#4247) * fix: v2.6.0…
Closes #3047
Closes #3189
📝 Description
This PR introduces virtualization support for the
Select
component in NextUI, enabling efficient rendering of large datasets. The updates focus on performance optimization and enhancing the user experience for dropdowns with extensive data.⛳️ Current behavior (updates)
The current
Select
component renders all items in the DOM, leading to performance bottlenecks when handling large datasets.🚀 New behavior
maxListboxHeight
: Allows users to set the maximum height of the dropdown.itemHeight
: Enables customization of item heights for optimized performance.isVirtualized
: Toggles virtualization on or off.💣 Is this a breaking change (Yes/No):
No
📝 Additional Information
This update leverages the @tanstack/react-virtual library for efficient rendering, ensuring smooth and responsive dropdown performance. Documentation includes updated examples with detailed explanations for developers.
Summary by CodeRabbit
Release Notes
New Features
Select
component for efficient rendering of large datasets.maxListboxHeight
,itemHeight
, andisVirtualized
to enhance select functionality.Select
component.ListboxWrapper
component for improved styling and layout of theListbox
.Autocomplete
components with virtualization for handling large datasets efficiently.Documentation
Select
component to include virtualization features and usage examples.Bug Fixes
Select
component, ensuring proper functionality with virtualization scenarios.Chores