@minidev.fun/ui 1.0.2 → 1.0.4

package/dist/menubar.d.ts

@@ -0,0 +1,205 @@
+import { JSX } from 'react/jsx-runtime';
+import { Menu } from '@base-ui/react/menu';
+import { Menubar as Menubar_2 } from '@base-ui/react/menubar';
+import * as React_2 from 'react';
+
+/**
+ * Root component for dropdown menus. Manages open/close state and keyboard navigation.
+ * Use `open` and `onOpenChange` for controlled state, or `defaultOpen` for uncontrolled.
+ */
+declare function DropdownMenu({ ...props }: DropdownMenuProps): JSX.Element;
+
+/**
+ * Dropdown menu content container with automatic portal and positioning.
+ * Supports alignment, side positioning, and animated transitions.
+ */
+declare function DropdownMenuContent({ align, alignOffset, side, sideOffset, className, ...props }: DropdownMenuContentProps): JSX.Element;
+
+declare type DropdownMenuContentProps = Menu.Popup.Props & Pick<Menu.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">;
+
+/** Group container for related menu items. Use with DropdownMenuLabel for labeled sections. */
+declare function DropdownMenuGroup({ ...props }: DropdownMenuGroupProps): JSX.Element;
+
+declare type DropdownMenuGroupProps = Menu.Group.Props;
+
+/**
+ * Label for a group of menu items. Typically used inside DropdownMenuGroup.
+ */
+declare function DropdownMenuLabel({ className, inset, ...props }: DropdownMenuLabelProps): JSX.Element;
+
+declare type DropdownMenuLabelProps = Menu.GroupLabel.Props & {
+    /** Add extra left padding to align with items that have icons. @default false */
+    inset?: boolean;
+};
+
+/** Portal component for rendering dropdown menu content outside the DOM hierarchy. */
+declare function DropdownMenuPortal({ ...props }: DropdownMenuPortalProps): JSX.Element;
+
+declare type DropdownMenuPortalProps = Menu.Portal.Props;
+
+declare type DropdownMenuProps = Menu.Root.Props;
+
+/**
+ * Container for radio items. Use `value` and `onValueChange` props for state management.
+ * Only one radio item can be selected at a time.
+ */
+declare function DropdownMenuRadioGroup({ ...props }: DropdownMenuRadioGroupProps): JSX.Element;
+
+declare type DropdownMenuRadioGroupProps = Menu.RadioGroup.Props;
+
+/** Visual separator between menu items or groups. */
+declare function DropdownMenuSeparator({ className, ...props }: DropdownMenuSeparatorProps): JSX.Element;
+
+declare type DropdownMenuSeparatorProps = Menu.Separator.Props;
+
+/**
+ * Keyboard shortcut display component. Positioned to the right of menu items.
+ * For visual purposes only - does not implement actual keyboard shortcuts.
+ */
+declare function DropdownMenuShortcut({ className, ...props }: DropdownMenuShortcutProps): JSX.Element;
+
+declare type DropdownMenuShortcutProps = React_2.ComponentProps<"span">;
+
+/** Root component for nested submenus. Wrap DropdownMenuSubTrigger and DropdownMenuSubContent. */
+declare function DropdownMenuSub({ ...props }: DropdownMenuSubProps): JSX.Element;
+
+/**
+ * Content container for submenu items. Automatically positioned to the side of the trigger.
+ */
+declare function DropdownMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: DropdownMenuSubContentProps): JSX.Element;
+
+declare type DropdownMenuSubContentProps = React_2.ComponentProps<typeof DropdownMenuContent>;
+
+declare type DropdownMenuSubProps = Menu.SubmenuRoot.Props;
+
+/**
+ * Trigger button for opening a submenu. Automatically displays chevron icon on the right.
+ */
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: DropdownMenuSubTriggerProps): JSX.Element;
+
+declare type DropdownMenuSubTriggerProps = Menu.SubmenuTrigger.Props & {
+    /** Add extra left padding to align with items that have icons. @default false */
+    inset?: boolean;
+};
+
+/** Button that opens the dropdown menu. Use `render` prop to customize trigger element. */
+declare function DropdownMenuTrigger({ ...props }: DropdownMenuTriggerProps): JSX.Element;
+
+declare type DropdownMenuTriggerProps = Menu.Trigger.Props;
+
+/**
+ * Horizontal menubar for application-level navigation and actions.
+ * Typically used at the top of an application with File, Edit, View, Help menus.
+ */
+export declare function Menubar({ className, ...props }: MenubarProps): JSX.Element;
+
+/**
+ * Menu item with checkbox for toggling independent boolean options.
+ * Displays checkmark when checked. Use for multiple toggleable settings.
+ */
+export declare function MenubarCheckboxItem({ className, children, checked, ...props }: MenubarCheckboxItemProps): JSX.Element;
+
+export declare type MenubarCheckboxItemProps = Menu.CheckboxItem.Props;
+
+/**
+ * Menu content container with automatic portal rendering.
+ * Includes backdrop blur (frosted glass effect) and smooth animations.
+ */
+export declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: MenubarContentProps): JSX.Element;
+
+export declare type MenubarContentProps = React_2.ComponentProps<typeof DropdownMenuContent>;
+
+/** Groups related menu items together with optional label. */
+export declare function MenubarGroup({ ...props }: MenubarGroupProps): JSX.Element;
+
+export declare type MenubarGroupProps = React_2.ComponentProps<typeof DropdownMenuGroup>;
+
+/**
+ * Interactive menu item. Supports variants (default, destructive, success, warning, info).
+ * Use `inset` for items in menus with icons/checkboxes.
+ */
+export declare function MenubarItem({ className, inset, variant, ...props }: MenubarItemProps): JSX.Element;
+
+export declare type MenubarItemProps = Menu.Item.Props & {
+    /** Adds left padding for items in menus with leading icons/checkboxes. */
+    inset?: boolean;
+    /** Visual variant for different action types. @default "default" */
+    variant?: MenuItemVariant;
+};
+
+/** Non-interactive label for grouping menu items. Use inside MenubarGroup. */
+export declare function MenubarLabel({ className, inset, ...props }: MenubarLabelProps): JSX.Element;
+
+export declare type MenubarLabelProps = React_2.ComponentProps<typeof DropdownMenuLabel>;
+
+/** Individual menu within the menubar. Manages open/close state for a single menu. */
+export declare function MenubarMenu({ ...props }: MenubarMenuProps): JSX.Element;
+
+export declare type MenubarMenuProps = React_2.ComponentProps<typeof DropdownMenu>;
+
+/** Renders menu content in a portal. Automatically used by MenubarContent. */
+export declare function MenubarPortal({ ...props }: MenubarPortalProps): JSX.Element;
+
+export declare type MenubarPortalProps = React_2.ComponentProps<typeof DropdownMenuPortal>;
+
+export declare type MenubarProps = Menubar_2.Props;
+
+/** Container for radio items. Manages single selection from mutually exclusive options. */
+export declare function MenubarRadioGroup({ ...props }: MenubarRadioGroupProps): JSX.Element;
+
+export declare type MenubarRadioGroupProps = React_2.ComponentProps<typeof DropdownMenuRadioGroup>;
+
+/**
+ * Menu item with radio button for selecting one option from a group.
+ * Must be wrapped in MenubarRadioGroup. Displays checkmark when selected.
+ */
+export declare function MenubarRadioItem({ className, children, ...props }: MenubarRadioItemProps): JSX.Element;
+
+export declare type MenubarRadioItemProps = Menu.RadioItem.Props;
+
+/** Visual separator between menu items or groups. */
+export declare function MenubarSeparator({ className, ...props }: MenubarSeparatorProps): JSX.Element;
+
+export declare type MenubarSeparatorProps = React_2.ComponentProps<typeof DropdownMenuSeparator>;
+
+/**
+ * Keyboard shortcut hint displayed on the right side of menu items.
+ * Shows in muted color, highlights on focus. For display only, doesn't bind keys.
+ */
+export declare function MenubarShortcut({ className, ...props }: MenubarShortcutProps): JSX.Element;
+
+export declare type MenubarShortcutProps = React_2.ComponentProps<typeof DropdownMenuShortcut>;
+
+/** Container for nested submenu. Manages open/close state for the submenu. */
+export declare function MenubarSub({ ...props }: MenubarSubProps): JSX.Element;
+
+/**
+ * Content container for submenu items.
+ * Positioned relative to trigger, includes backdrop blur and animations.
+ */
+export declare function MenubarSubContent({ className, ...props }: MenubarSubContentProps): JSX.Element;
+
+export declare type MenubarSubContentProps = React_2.ComponentProps<typeof DropdownMenuSubContent>;
+
+export declare type MenubarSubProps = React_2.ComponentProps<typeof DropdownMenuSub>;
+
+/**
+ * Menu item that opens a submenu on hover or click.
+ * Displays chevron icon automatically. Use inside MenubarSub.
+ */
+export declare function MenubarSubTrigger({ className, inset, ...props }: MenubarSubTriggerProps): JSX.Element;
+
+export declare type MenubarSubTriggerProps = React_2.ComponentProps<typeof DropdownMenuSubTrigger> & {
+    /** Adds left padding for alignment with items that have icons/checkboxes. */
+    inset?: boolean;
+};
+
+/** Button that opens a menu. Use `render` prop to customize. */
+export declare function MenubarTrigger({ className, ...props }: MenubarTriggerProps): JSX.Element;
+
+export declare type MenubarTriggerProps = React_2.ComponentProps<typeof DropdownMenuTrigger>;
+
+/** Variant options for menu items: default, destructive, success, warning, info */
+declare type MenuItemVariant = "default" | "destructive" | "success" | "warning" | "info";
+
+export { }

package/dist/modal.d.ts

@@ -0,0 +1,104 @@
+import { Button as Button_2 } from '@base-ui/react/button';
+import { ClassProp } from 'class-variance-authority/types';
+import { Dialog } from '@base-ui/react/dialog';
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+/**
+ * Versatile button component with multiple visual variants and sizes.
+ *
+ * Supports icon placement via `data-icon="inline-start"` or `data-icon="inline-end"` attributes
+ * on child elements. Use the `render` prop to compose with other components or change the
+ * underlying element while maintaining button semantics.
+ *
+ * @example
+ * ```tsx
+ * // Basic button
+ * <Button variant="default">Click me</Button>
+ *
+ * // With icon
+ * <Button>
+ *   <PlusIcon data-icon="inline-start" />
+ *   Create
+ * </Button>
+ *
+ * // Icon only
+ * <Button size="icon" aria-label="Settings">
+ *   <SettingsIcon />
+ * </Button>
+ *
+ * // Custom element
+ * <Button render={<a href="/login" />}>Sign in</Button>
+ * ```
+ */
+declare function Button({ className, variant, size, ...props }: ButtonProps): JSX.Element;
+
+/**
+ * Props for the Button component.
+ * Combines Base UI Button props with variant styling options.
+ */
+declare type ButtonProps = Button_2.Props & VariantProps<typeof buttonVariants>;
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "outline" | "success" | "destructive" | "info" | "primary" | "secondary" | "ghost" | "warning" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | "xs" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+/** Root container for modal dialog. Manages open state and accessibility. */
+export declare function Modal({ ...props }: ModalProps): JSX.Element;
+
+/** Button that closes the modal. Defaults to outline variant. */
+export declare function ModalClose({ className, variant, size, ...props }: ModalCloseProps): JSX.Element;
+
+export declare type ModalCloseProps = Dialog.Close.Props & Pick<React_2.ComponentProps<typeof Button>, "variant" | "size">;
+
+/**
+ * Modal content with automatic portal and backdrop.
+ * Centered, animated popup with size variants.
+ */
+export declare function ModalContent({ className, size, ...props }: ModalContentProps): JSX.Element;
+
+export declare type ModalContentProps = Dialog.Popup.Props & {
+    /** Modal size variant. @default "default" */
+    size?: "default" | "sm" | "lg";
+};
+
+/** Modal description text. Supports links with automatic styling. */
+export declare function ModalDescription({ className, ...props }: ModalDescriptionProps): JSX.Element;
+
+export declare type ModalDescriptionProps = React_2.ComponentProps<typeof Dialog.Description>;
+
+/** Footer section for action buttons. */
+export declare function ModalFooter({ className, ...props }: ModalFooterProps): JSX.Element;
+
+export declare type ModalFooterProps = React_2.ComponentProps<"div">;
+
+/** Header section for title and description. */
+export declare function ModalHeader({ className, ...props }: ModalHeaderProps): JSX.Element;
+
+export declare type ModalHeaderProps = React_2.ComponentProps<"div">;
+
+/** Semi-transparent backdrop overlay with frosted glass effect. */
+export declare function ModalOverlay({ className, ...props }: ModalOverlayProps): JSX.Element;
+
+export declare type ModalOverlayProps = Dialog.Backdrop.Props;
+
+/** Portal container for modal content and overlay. */
+export declare function ModalPortal({ ...props }: ModalPortalProps): JSX.Element;
+
+export declare type ModalPortalProps = Dialog.Portal.Props;
+
+export declare type ModalProps = Dialog.Root.Props;
+
+/** Modal title. Automatically announced by screen readers. */
+export declare function ModalTitle({ className, ...props }: ModalTitleProps): JSX.Element;
+
+export declare type ModalTitleProps = React_2.ComponentProps<typeof Dialog.Title>;
+
+/** Button that opens the modal. Use `render` prop to customize. */
+export declare function ModalTrigger({ ...props }: ModalTriggerProps): JSX.Element;
+
+export declare type ModalTriggerProps = Dialog.Trigger.Props;
+
+export { }

package/dist/navigation-menu.d.ts

@@ -0,0 +1,66 @@
+import { ClassProp } from 'class-variance-authority/types';
+import { JSX } from 'react/jsx-runtime';
+import { NavigationMenu as NavigationMenu_2 } from '@base-ui/react/navigation-menu';
+
+/**
+ * Root container for horizontal navigation with mega menu support.
+ * Manages active state and provides keyboard navigation.
+ */
+export declare function NavigationMenu({ className, children, ...props }: NavigationMenuProps): JSX.Element;
+
+/**
+ * Content panel for mega menus. Opened by NavigationMenuTrigger.
+ * Automatically renders in a positioned popup with smooth transitions.
+ */
+export declare function NavigationMenuContent({ className, ...props }: NavigationMenuContentProps): JSX.Element;
+
+export declare type NavigationMenuContentProps = NavigationMenu_2.Content.Props;
+
+/**
+ * Visual indicator (arrow) that shows which item is active.
+ * Optional - not commonly used in modern designs.
+ */
+export declare function NavigationMenuIndicator({ className, ...props }: NavigationMenuIndicatorProps): JSX.Element;
+
+export declare type NavigationMenuIndicatorProps = NavigationMenu_2.Icon.Props;
+
+/**
+ * Individual navigation item. Can contain a Link or Trigger + Content.
+ * Use `value` prop to identify the item for controlled state.
+ */
+export declare function NavigationMenuItem({ className, ...props }: NavigationMenuItemProps): JSX.Element;
+
+export declare type NavigationMenuItemProps = NavigationMenu_2.Item.Props;
+
+/**
+ * Navigation link for direct navigation items or links within content panels.
+ * Use `active` prop to highlight the current page.
+ */
+export declare function NavigationMenuLink({ className, ...props }: NavigationMenuLinkProps): JSX.Element;
+
+export declare type NavigationMenuLinkProps = NavigationMenu_2.Link.Props;
+
+/**
+ * Container for navigation menu items. Renders as a horizontal list.
+ */
+export declare function NavigationMenuList({ className, ...props }: NavigationMenuListProps): JSX.Element;
+
+export declare type NavigationMenuListProps = NavigationMenu_2.List.Props;
+
+/* Excluded from this release type: NavigationMenuPositioner */
+
+export declare type NavigationMenuPositionerProps = NavigationMenu_2.Positioner.Props;
+
+export declare type NavigationMenuProps = NavigationMenu_2.Root.Props;
+
+/**
+ * Button that opens the associated NavigationMenuContent panel.
+ * Automatically includes a rotating chevron icon.
+ */
+export declare function NavigationMenuTrigger({ className, children, ...props }: NavigationMenuTriggerProps): JSX.Element;
+
+export declare type NavigationMenuTriggerProps = NavigationMenu_2.Trigger.Props;
+
+export declare const navigationMenuTriggerStyle: (props?: ClassProp | undefined) => string;
+
+export { }

package/dist/pagination.d.ts

@@ -0,0 +1,99 @@
+import { Button as Button_2 } from '@base-ui/react/button';
+import { ClassProp } from 'class-variance-authority/types';
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+/**
+ * Versatile button component with multiple visual variants and sizes.
+ *
+ * Supports icon placement via `data-icon="inline-start"` or `data-icon="inline-end"` attributes
+ * on child elements. Use the `render` prop to compose with other components or change the
+ * underlying element while maintaining button semantics.
+ *
+ * @example
+ * ```tsx
+ * // Basic button
+ * <Button variant="default">Click me</Button>
+ *
+ * // With icon
+ * <Button>
+ *   <PlusIcon data-icon="inline-start" />
+ *   Create
+ * </Button>
+ *
+ * // Icon only
+ * <Button size="icon" aria-label="Settings">
+ *   <SettingsIcon />
+ * </Button>
+ *
+ * // Custom element
+ * <Button render={<a href="/login" />}>Sign in</Button>
+ * ```
+ */
+declare function Button({ className, variant, size, ...props }: ButtonProps): JSX.Element;
+
+/**
+ * Props for the Button component.
+ * Combines Base UI Button props with variant styling options.
+ */
+declare type ButtonProps = Button_2.Props & VariantProps<typeof buttonVariants>;
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "outline" | "success" | "destructive" | "info" | "primary" | "secondary" | "ghost" | "warning" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | "xs" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+/**
+ * Root pagination navigation container.
+ */
+export declare function Pagination({ className, ...props }: PaginationProps): JSX.Element;
+
+/**
+ * Container for pagination items. Renders as a flex list.
+ */
+export declare function PaginationContent({ className, ...props }: PaginationContentProps): JSX.Element;
+
+export declare type PaginationContentProps = React_2.ComponentProps<"ul">;
+
+/**
+ * Ellipsis indicator for skipped pages. Use between page numbers to show truncated ranges.
+ */
+export declare function PaginationEllipsis({ className, ...props }: PaginationEllipsisProps): JSX.Element;
+
+export declare type PaginationEllipsisProps = React_2.ComponentProps<"span">;
+
+/**
+ * Wrapper for individual pagination elements (links, ellipsis, controls).
+ */
+export declare function PaginationItem({ ...props }: PaginationItemProps): JSX.Element;
+
+export declare type PaginationItemProps = React_2.ComponentProps<"li">;
+
+/**
+ * Clickable page number link. Use `isActive` to highlight the current page.
+ */
+export declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): JSX.Element;
+
+export declare type PaginationLinkProps = {
+    /** Whether this page link is the current active page. */
+    isActive?: boolean;
+} & Pick<React_2.ComponentProps<typeof Button>, "size"> & React_2.ComponentProps<"a">;
+
+/**
+ * Next page button with chevron icon and "Next" text (hidden on mobile).
+ */
+export declare function PaginationNext({ className, ...props }: PaginationNextProps): JSX.Element;
+
+export declare type PaginationNextProps = React_2.ComponentProps<typeof PaginationLink>;
+
+/**
+ * Previous page button with chevron icon and "Previous" text (hidden on mobile).
+ */
+export declare function PaginationPrevious({ className, ...props }: PaginationPreviousProps): JSX.Element;
+
+export declare type PaginationPreviousProps = React_2.ComponentProps<typeof PaginationLink>;
+
+export declare type PaginationProps = React_2.ComponentProps<"nav">;
+
+export { }

package/dist/popover.d.ts

@@ -0,0 +1,55 @@
+import { JSX } from 'react/jsx-runtime';
+import { Popover as Popover_2 } from '@base-ui/react/popover';
+import * as React_2 from 'react';
+
+/**
+ * Popover root component. Groups all parts of the popover and manages open state.
+ * Use with `open`/`onOpenChange` for controlled state, or `defaultOpen` for uncontrolled.
+ */
+export declare function Popover({ ...props }: PopoverProps): JSX.Element;
+
+/**
+ * Popover content with automatic portal and positioning.
+ * Animates in/out with fade and zoom effects. Default width is w-72 (18rem).
+ *
+ * @param align - Horizontal alignment relative to trigger. @default "center"
+ * @param alignOffset - Offset in pixels along alignment axis. @default 0
+ * @param side - Which side of trigger to display on. @default "bottom"
+ * @param sideOffset - Distance in pixels from trigger. @default 4
+ */
+export declare function PopoverContent({ className, align, alignOffset, side, sideOffset, ...props }: PopoverContentProps): JSX.Element;
+
+export declare type PopoverContentProps = Popover_2.Popup.Props & Pick<Popover_2.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">;
+
+/**
+ * Optional description text for the popover. Styled with muted foreground color.
+ */
+export declare function PopoverDescription({ className, ...props }: PopoverDescriptionProps): JSX.Element;
+
+export declare type PopoverDescriptionProps = Popover_2.Description.Props;
+
+/**
+ * Optional header wrapper for PopoverTitle and PopoverDescription.
+ * Provides consistent spacing between title and description.
+ */
+export declare function PopoverHeader({ className, ...props }: PopoverHeaderProps): JSX.Element;
+
+export declare type PopoverHeaderProps = React_2.ComponentProps<"div">;
+
+export declare type PopoverProps = Popover_2.Root.Props;
+
+/**
+ * Heading that labels the popover. Renders an h2 element with proper ARIA attributes.
+ */
+export declare function PopoverTitle({ className, ...props }: PopoverTitleProps): JSX.Element;
+
+export declare type PopoverTitleProps = Popover_2.Title.Props;
+
+/**
+ * Button that opens the popover. Use `render` prop to customize the trigger element.
+ */
+export declare function PopoverTrigger({ ...props }: PopoverTriggerProps): JSX.Element;
+
+export declare type PopoverTriggerProps = Popover_2.Trigger.Props;
+
+export { }

package/dist/progress.d.ts

@@ -0,0 +1,41 @@
+import { JSX } from 'react/jsx-runtime';
+import { Progress as Progress_2 } from '@base-ui/react/progress';
+
+/**
+ * Root container for progress bar with label and value support.
+ * Automatically includes track and indicator. Use `value={null}` for indeterminate state.
+ */
+export declare function Progress({ className, children, value, ...props }: ProgressProps): JSX.Element;
+
+/**
+ * Visual indicator showing progress completion. Customize color with className
+ * (e.g., `bg-green-500`, `bg-red-500` for semantic states).
+ */
+export declare function ProgressIndicator({ className, ...props }: ProgressIndicatorProps): JSX.Element;
+
+export declare type ProgressIndicatorProps = Progress_2.Indicator.Props;
+
+/**
+ * Text label describing the progress task.
+ */
+export declare function ProgressLabel({ className, ...props }: ProgressLabelProps): JSX.Element;
+
+export declare type ProgressLabelProps = Progress_2.Label.Props;
+
+export declare type ProgressProps = Progress_2.Root.Props;
+
+/**
+ * Container for the progress indicator. Customize height with className (e.g., `h-2`, `h-3`).
+ */
+export declare function ProgressTrack({ className, ...props }: ProgressTrackProps): JSX.Element;
+
+export declare type ProgressTrackProps = Progress_2.Track.Props;
+
+/**
+ * Displays formatted progress value (e.g., "65%"). Auto-positioned to right via `ml-auto`.
+ */
+export declare function ProgressValue({ className, ...props }: ProgressValueProps): JSX.Element;
+
+export declare type ProgressValueProps = Progress_2.Value.Props;
+
+export { }

package/dist/radio-group.d.ts

@@ -0,0 +1,21 @@
+import { JSX } from 'react/jsx-runtime';
+import { Radio } from '@base-ui/react/radio';
+import { RadioGroup as RadioGroup_2 } from '@base-ui/react/radio-group';
+
+/**
+ * Container for radio button items. Manages shared state and ensures only one option can be selected.
+ * Supports controlled and uncontrolled usage.
+ */
+export declare function RadioGroup({ className, ...props }: RadioGroupProps): JSX.Element;
+
+/**
+ * Individual radio button item. Use with RadioGroup to create mutually exclusive selections.
+ * Automatically renders an indicator when checked.
+ */
+export declare function RadioGroupItem({ className, ...props }: RadioGroupItemProps): JSX.Element;
+
+export declare type RadioGroupItemProps = Radio.Root.Props;
+
+export declare type RadioGroupProps = RadioGroup_2.Props;
+
+export { }