feature: change from radix to base-ui#112
Merged
LovelessCodes merged 102 commits intoreleasefrom Nov 3, 2025
Merged
Conversation
* Updated button styles for improved UI consistency. * Introduced `mergeProps` and `useRender` for better prop handling. * Added new size and variant options for flexibility.
…ed styling * Refactored badge styles for better responsiveness and clarity. * Added new size and variant options to the `badgeVariants`. * Updated the `Badge` component to use `mergeProps` for prop handling.
…ives * Updated imports to use `@base-ui-components/react/avatar`. * Enhanced styling for `Avatar`, `AvatarImage`, and `AvatarFallback` components. * Improved class names for better alignment and visual consistency.
…with `Button` components * Updated multiple dialog components to use `Button` for actions. * Improved consistency in UI by standardizing button usage across dialogs.
* Bump `@base-ui-components/react` to `^1.0.0-beta.4` * Update `@tanstack/react-devtools` to `^0.3.10` * Upgrade `lucide-react` to `^0.548.0` * Adjust other dependencies for compatibility
…imitives * Updated import to use `Checkbox` from `@base-ui-components/react/checkbox`. * Enhanced styling and structure for improved accessibility and visual consistency. * Replaced `CheckIcon` with SVG rendering for checked and indeterminate states.
…primitives * Updated import to use `@base-ui-components/react/separator`. * Removed unused `decorative` prop. * Enhanced class names for better styling and responsiveness.
…itives * Updated imports to use `@base-ui-components/react/tooltip`. * Simplified `TooltipProvider` and `Tooltip` components. * Enhanced `TooltipPopup` to include alignment and side properties. * Removed unnecessary arrow rendering logic.
… and `GroupItem` components * Updated button triggers to utilize `GroupItem` for better structure and styling. * Improved readability and maintainability of the `InstallationCard` component.
…tem` components * Updated the structure of the `ServerCard` component to utilize `Group` and `GroupItem` for better organization and styling. * Enhanced tooltip functionality by integrating `GroupItem` for button rendering.
… and `GroupSeparator` components * Improved structure and readability by replacing button wrappers with `Group` components. * Enhanced tooltip triggers for better accessibility and maintainability.
…er` usage * Updated `TooltipTrigger` to use `render` prop for better flexibility. * Cleaned up button styling for a more consistent appearance.
…em`, and `GroupSeparator` components * Improved structure and readability by replacing inline elements with `Group` components. * Enhanced tooltip triggers with `GroupItem` for better organization of action buttons. * Maintained existing functionality while streamlining the component's layout.
…p`, `GroupItem`, and `GroupSeparator` components * Improved structure and readability by replacing inline button elements with `Group` components. * Enhanced the organization of action buttons related to installations.
…em`, and `GroupSeparator` components * Improved structure and readability by replacing inline button elements with `Group` components. * Enhanced tooltip functionality by integrating `GroupItem` for better organization of action buttons. * Maintained existing functionality while streamlining the component's layout.
…Item`, and `GroupSeparator` components * Improved structure and readability by replacing div with `Group`. * Enhanced tooltip trigger implementation using `GroupItem`.
* Introduced new components to enhance UI grouping functionality. * `Group` provides a flexible container for child elements. * `GroupItem` allows for customizable items within the group. * `GroupSeparator` adds visual separation between grouped items.
* Updated `ToggleGroup` to use `ToggleGroupPrimitive` directly. * Refactored `Toggle` to utilize `ToggleComponent` for better consistency. * Improved context handling for `variant` and `size` props.
… components * Updated imports to use `@base-ui-components/react/tabs`. * Enhanced `TabsList` to include a tab indicator for better UX. * Improved styling and structure for better responsiveness and visual consistency.
…ts/react/toggle` * Updated import statement to use `Toggle` from `@base-ui-components/react/toggle`. * Enhanced styling and variant definitions for improved UI consistency. * Adjusted component props to align with the new toggle implementation.
…igation * Refactored the `Button` component in `RouteComponent` to utilize the `render` prop for the `Link` element. * This change improves the flexibility of the `Button` component while maintaining the same functionality.
…ndling * Removed unused type import for `ModsFilters`. * Updated `onValueChange` to directly set the selected side value. * Changed `multiple` prop to `false` for single selection.
…decrement functionality * Introduced `NumberField`, `NumberFieldGroup`, `NumberFieldDecrement`, `NumberFieldIncrement`, `NumberFieldInput`, and `NumberFieldScrubArea` components. * Utilized `@base-ui-components/react/number-field` for base functionality. * Implemented context for managing field ID and accessibility. * Added icons for increment and decrement actions.
…on `@radix-ui/react-label` * Changed from using `LabelPrimitive.Root` to a standard `label` element. * Maintained existing styling and accessibility features.
…ents/react/switch` * Removed dependency on `@radix-ui/react-switch`. * Simplified class names for better styling consistency.
* Changed background color and border for the default variant. * Adjusted height to enhance layout consistency.
…eact/switch` * Changed import from `@radix-ui/react-switch` to `@base-ui-components/react/switch`. * Updated `TextSwitch` component to handle checked state change with event details. * Improved styling classes for better visual representation. * Removed deprecated `SideToggleGroup` component and replaced its usage with `SideToggleGroup` from `tabs`.
…ts/react/input` * Refactored the `Input` component to utilize the new `InputPrimitive` from `@base-ui-components/react/input`. * Enhanced styling and structure for better integration with the UI framework. * Removed unnecessary props and streamlined the component's API.
…mponents * Implemented `AutocompleteInput`, `AutocompletePopup`, `AutocompleteItem`, and others. * Integrated `@base-ui-components/react/autocomplete` for enhanced functionality. * Added support for custom triggers and clear actions.
…AuthorCombobox` * Introduced `AuthorAutocomplete` for improved author selection. * Replaced `AuthorCombobox` with `AuthorAutocomplete` in the route component. * Enhanced filtering and virtualized rendering for better performance.
…r consistency * Adjusted `SelectContent` to align items with the trigger for improved UI consistency.
… for consistency * Adjusted `SelectContent` to align items with the trigger for improved UI consistency.
…onsistency * Adjusted `SelectContent` to align items with the trigger for improved UI consistency.
…nsistency * Adjusted `SelectContent` to align items with the trigger for improved UI consistency.
…nsistency * Adjusted `SelectContent` to align items with the trigger for improved UI consistency.
…istency * Adjusted `SelectContent` to align with the trigger for improved UI consistency.
* Cleaned up the code by removing the unnecessary `"use client"` directive. * This change helps in maintaining a cleaner and more efficient codebase.
…layering * Ensures that the installation and server links remain above other content.
…ved UI consistency * Updated the sidebar component to use `Menu` instead of `DropdownMenu`. * Adjusted the button rendering logic within the menu trigger. * Enhanced the overall user experience by streamlining the menu structure.
* Introduced a new `Menu` component utilizing `@base-ui-components/react/menu`. * Removed the old `DropdownMenu` implementation to streamline the UI components. * Ensured consistent styling and functionality with the new menu structure.
…ts for improved functionality * Replace `@radix-ui/react-scroll-area` with `@base-ui-components/react/scroll-area` * Enhance `ScrollArea` to support `orientation` prop for better scroll behavior * Refactor `ScrollBar` to improve styling and responsiveness
* Deleted the `Popover` component and its associated files to streamline the codebase. * Updated `TooltipProvider` usage in `SidebarProvider` for consistency. * Adjusted `TooltipTrigger` in `SidebarMenuButton` to use `render` prop instead of `asChild`.
… styling * Added `className="flex gap-1 w-36 truncate"` to `SelectTrigger` for better layout and responsiveness.
…ture * Moved the `motion.div` for the note inside the `AlertDialogDescription` for better readability. * Improved the layout of the dialog content while maintaining functionality.
…onfirmation * Reorganized the layout for better readability. * Added detailed world information before deletion confirmation. * Included a checkbox for user acknowledgment of irreversible action.
* Eliminated the entire `Command` component and its associated functionalities. * This cleanup helps streamline the codebase and reduces unnecessary complexity.
… `mergeProps` * Refactored `SidebarGroupLabel`, `SidebarGroupAction`, and `SidebarMenuButton` to utilize `useRender` for improved rendering logic. * Replaced `asChild` prop with `render` prop for better flexibility in component rendering. * Enhanced code readability and maintainability by streamlining component structure.
* Updated various dependencies to their latest versions for improved stability and performance. * Removed `@radix-ui/react-slot` from `package.json` as it is no longer needed.
* Bump versions for several dependencies: - `@tanstack/react-devtools` to `^0.8.0` - `@tanstack/react-query` to `^5.90.6` - `@tanstack/react-router` and `@tanstack/react-router-devtools` to `^1.134.9` - `lucide-react` to `^0.552.0` * Update devDependencies: - `@biomejs/biome` to `^2.3.3` - `@tanstack/devtools-vite` to `^0.3.11` - `@tanstack/router-plugin` to `^1.134.9` - `@tauri-apps/cli` to `^2.9.2` - `lefthook` to `^2.0.2`
* Updated the changelog to reflect the release of version `0.5.4`. * Added a link to the release page for easier access.
…ents/react/dialog` API * Replaced `@radix-ui/react-dialog` with `@base-ui-components/react/dialog` * Refactored component structure for improved clarity and performance * Updated props handling for `SheetBackdrop`, `SheetPopup`, and related components
* Removed unused `Toaster` import from `main.tsx`. * Added `Toaster` to `RootComponent` in `__root.tsx` with theme based on `darkMode`.
* Changed toast IDs from `move-installations-folder` and `move-versions-folder` to `settings-save` for better clarity and consistency. * Ensured that all relevant toast notifications reflect the new ID for improved tracking of settings-related actions.
* Enhanced the `Toaster` component in `RootComponent` to support rich colors based on the current theme. * This change improves the visual feedback for users in both dark and light modes.
…e UI * Added a note about the overall UI revamp following the transition from Radix UI to Base UI.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Changes
Checklist