@codefast/ui 0.0.66 → 0.0.68

package/src/react/navigation-menu.tsx

@@ -1,192 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { ChevronDownIcon } from '@radix-ui/react-icons';
-import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
-import { tv } from 'tailwind-variants';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Variant: NavigationMenu
- * -------------------------------------------------------------------------- */
-
-const navigationMenuTriggerVariants = tv({
-  base: 'bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent/50 data-[active]:bg-accent/50 group inline-flex h-10 w-max items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50',
-});
-
-/* -----------------------------------------------------------------------------
- * Component: NavigationMenu
- * -------------------------------------------------------------------------- */
-
-type NavigationMenuElement = React.ElementRef<typeof NavigationMenuPrimitive.Root>;
-type NavigationMenuProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>;
-
-const NavigationMenu = React.forwardRef<NavigationMenuElement, NavigationMenuProps>(
-  ({ children, className, ...props }, forwardedRef) => (
-    <NavigationMenuPrimitive.Root
-      ref={forwardedRef}
-      className={cn('relative z-10 flex max-w-max flex-1 items-center justify-center', className)}
-      {...props}
-    >
-      {children}
-      <NavigationMenuViewport />
-    </NavigationMenuPrimitive.Root>
-  ),
-);
-
-NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: NavigationMenuList
- * -------------------------------------------------------------------------- */
-
-type NavigationMenuListElement = React.ElementRef<typeof NavigationMenuPrimitive.List>;
-type NavigationMenuListProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>;
-
-const NavigationMenuList = React.forwardRef<NavigationMenuListElement, NavigationMenuListProps>(
-  ({ children, className, ...props }, forwardedRef) => (
-    <NavigationMenuPrimitive.List
-      ref={forwardedRef}
-      className={cn('group flex flex-1 list-none items-center justify-center space-x-1', className)}
-      {...props}
-    >
-      {children}
-      <NavigationMenuIndicator />
-    </NavigationMenuPrimitive.List>
-  ),
-);
-
-NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: NavigationMenuItem
- * -------------------------------------------------------------------------- */
-
-type NavigationMenuItemProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item>;
-
-const NavigationMenuItem = NavigationMenuPrimitive.Item;
-
-/* -----------------------------------------------------------------------------
- * Component: NavigationMenuContent
- * -------------------------------------------------------------------------- */
-
-type NavigationMenuTriggerElement = React.ElementRef<typeof NavigationMenuPrimitive.Trigger>;
-type NavigationMenuTriggerProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>;
-
-const NavigationMenuTrigger = React.forwardRef<NavigationMenuTriggerElement, NavigationMenuTriggerProps>(
-  ({ children, className, ...props }, forwardedRef) => (
-    <NavigationMenuPrimitive.Trigger
-      ref={forwardedRef}
-      className={navigationMenuTriggerVariants({
-        className: ['group', className],
-      })}
-      {...props}
-    >
-      {children}
-      <ChevronDownIcon
-        aria-hidden="true"
-        className="relative top-px ml-1 size-3 transition group-data-[state=open]:rotate-180"
-      />
-    </NavigationMenuPrimitive.Trigger>
-  ),
-);
-
-NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: NavigationMenuContent
- * -------------------------------------------------------------------------- */
-
-type NavigationMenuContentElement = React.ElementRef<typeof NavigationMenuPrimitive.Content>;
-type NavigationMenuContentProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>;
-
-const NavigationMenuContent = React.forwardRef<NavigationMenuContentElement, NavigationMenuContentProps>(
-  ({ className, ...props }, forwardedRef) => (
-    <NavigationMenuPrimitive.Content
-      ref={forwardedRef}
-      className={cn(
-        'data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 left-0 top-0 w-full md:absolute md:w-auto',
-        className,
-      )}
-      {...props}
-    />
-  ),
-);
-
-NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: NavigationMenuLink
- * -------------------------------------------------------------------------- */
-
-type NavigationMenuLinkProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>;
-
-const NavigationMenuLink = NavigationMenuPrimitive.Link;
-
-/* -----------------------------------------------------------------------------
- * Component: NavigationMenuViewport
- * -------------------------------------------------------------------------- */
-
-type NavigationMenuViewportElement = React.ElementRef<typeof NavigationMenuPrimitive.Viewport>;
-type NavigationMenuViewportProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>;
-
-const NavigationMenuViewport = React.forwardRef<NavigationMenuViewportElement, NavigationMenuViewportProps>(
-  ({ className, ...props }, forwardedRef) => (
-    <div className="perspective-[125rem] absolute left-0 top-full flex justify-center">
-      <NavigationMenuPrimitive.Viewport
-        ref={forwardedRef}
-        className={cn(
-          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full origin-[top_center] overflow-hidden rounded-md border transition-[width,height] sm:w-[var(--radix-navigation-menu-viewport-width)]',
-          className,
-        )}
-        {...props}
-      />
-    </div>
-  ),
-);
-
-NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: NavigationMenuIndicator
- * -------------------------------------------------------------------------- */
-
-type NavigationMenuIndicatorElement = React.ElementRef<typeof NavigationMenuPrimitive.Indicator>;
-type NavigationMenuIndicatorProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>;
-
-const NavigationMenuIndicator = React.forwardRef<NavigationMenuIndicatorElement, NavigationMenuIndicatorProps>(
-  ({ className, ...props }, forwardedRef) => (
-    <NavigationMenuPrimitive.Indicator
-      ref={forwardedRef}
-      className={cn(
-        'data-[state=visible]:animate-fade-in data-[state=hidden]:animate-fade-out top-full z-10 flex h-1.5 items-center justify-center overflow-hidden transition',
-        className,
-      )}
-      {...props}
-    >
-      <div className="bg-border relative top-[60%] size-2 rotate-45 rounded-tl-sm" />
-    </NavigationMenuPrimitive.Indicator>
-  ),
-);
-
-NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export {
-  navigationMenuTriggerVariants,
-  NavigationMenu,
-  NavigationMenuList,
-  NavigationMenuItem,
-  NavigationMenuContent,
-  NavigationMenuTrigger,
-  NavigationMenuLink,
-  type NavigationMenuProps,
-  type NavigationMenuListProps,
-  type NavigationMenuItemProps,
-  type NavigationMenuContentProps,
-  type NavigationMenuTriggerProps,
-  type NavigationMenuLinkProps,
-};

package/src/react/pagination.tsx

@@ -1,150 +0,0 @@
-import * as React from 'react';
-import { ChevronLeftIcon, ChevronRightIcon, DotsHorizontalIcon } from '@radix-ui/react-icons';
-import { cn } from '../lib/utils';
-import { type ButtonProps, buttonVariants } from './button';
-
-/* -----------------------------------------------------------------------------
- * Component: Pagination
- * -------------------------------------------------------------------------- */
-
-type PaginationProps = React.HTMLAttributes<HTMLElement>;
-
-function Pagination({ className, ...props }: PaginationProps): React.JSX.Element {
-  return (
-    <nav
-      aria-label="pagination"
-      className={cn('mx-auto flex w-full justify-center', className)}
-      role="navigation"
-      {...props}
-    />
-  );
-}
-
-/* -----------------------------------------------------------------------------
- * Component: PaginationContent
- * -------------------------------------------------------------------------- */
-
-type PaginationContentElement = HTMLUListElement;
-type PaginationContentProps = React.HTMLAttributes<HTMLUListElement>;
-
-const PaginationContent = React.forwardRef<PaginationContentElement, PaginationContentProps>(
-  ({ className, ...props }, forwardedRef) => (
-    <ul ref={forwardedRef} className={cn('flex flex-row items-center gap-1', className)} {...props} />
-  ),
-);
-
-PaginationContent.displayName = 'PaginationContent';
-
-/* -----------------------------------------------------------------------------
- * Component: PaginationItem
- * -------------------------------------------------------------------------- */
-
-type PaginationItemElement = HTMLLIElement;
-type PaginationItemProps = React.LiHTMLAttributes<HTMLLIElement>;
-
-const PaginationItem = React.forwardRef<PaginationItemElement, PaginationItemProps>((props, forwardedRef) => (
-  <li ref={forwardedRef} {...props} />
-));
-
-PaginationItem.displayName = 'PaginationItem';
-
-/* -----------------------------------------------------------------------------
- * Component: PaginationLink
- * -------------------------------------------------------------------------- */
-
-interface PaginationLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, Pick<ButtonProps, 'size'> {
-  isActive?: boolean;
-}
-
-function PaginationLink({
-  className,
-  isActive,
-  size = 'icon',
-  children,
-  ...props
-}: PaginationLinkProps): React.JSX.Element {
-  return (
-    <a
-      aria-current={isActive ? 'page' : undefined}
-      className={buttonVariants({
-        variant: isActive ? 'outline' : 'ghost',
-        size,
-        className,
-      })}
-      {...props}
-    >
-      {children}
-    </a>
-  );
-}
-
-/* -----------------------------------------------------------------------------
- * Component: PaginationPrevious
- * -------------------------------------------------------------------------- */
-
-type PaginationPreviousProps = PaginationLinkProps;
-
-function PaginationPrevious({ className, ...props }: PaginationPreviousProps): React.JSX.Element {
-  return (
-    <PaginationLink
-      aria-label="Go to previous page"
-      className={cn('gap-1 pl-2.5', className)}
-      size="default"
-      {...props}
-    >
-      <ChevronLeftIcon className="size-4" />
-      <span>Previous</span>
-    </PaginationLink>
-  );
-}
-
-/* -----------------------------------------------------------------------------
- * Component: PaginationNext
- * -------------------------------------------------------------------------- */
-
-type PaginationNextProps = PaginationLinkProps;
-
-function PaginationNext({ className, ...props }: PaginationNextProps): React.JSX.Element {
-  return (
-    <PaginationLink aria-label="Go to next page" className={cn('gap-1 pr-2.5', className)} size="default" {...props}>
-      <span>Next</span>
-      <ChevronRightIcon className="size-4" />
-    </PaginationLink>
-  );
-}
-
-/* -----------------------------------------------------------------------------
- * Component: PaginationEllipsis
- * -------------------------------------------------------------------------- */
-
-type PaginationEllipsisProps = React.HTMLAttributes<HTMLSpanElement>;
-
-function PaginationEllipsis({ className, ...props }: PaginationEllipsisProps): React.JSX.Element {
-  return (
-    <span aria-hidden className={cn('flex size-10 items-center justify-center', className)} {...props}>
-      <DotsHorizontalIcon className="size-4" />
-      <span className="sr-only">More pages</span>
-    </span>
-  );
-}
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export {
-  Pagination,
-  PaginationContent,
-  PaginationLink,
-  PaginationItem,
-  PaginationPrevious,
-  PaginationNext,
-  PaginationEllipsis,
-  type PaginationProps,
-  type PaginationContentProps,
-  type PaginationLinkProps,
-  type PaginationItemProps,
-  type PaginationPreviousProps,
-  type PaginationNextProps,
-  type PaginationEllipsisProps,
-};

package/src/react/popover.tsx

@@ -1,84 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: Popover
- * -------------------------------------------------------------------------- */
-
-type PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root>;
-const Popover = PopoverPrimitive.Root;
-
-/* -----------------------------------------------------------------------------
- * Component: PopoverTrigger
- * -------------------------------------------------------------------------- */
-
-type PopoverTriggerProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger>;
-const PopoverTrigger = PopoverPrimitive.Trigger;
-
-/* -----------------------------------------------------------------------------
- * Component: PopoverAnchor
- * -------------------------------------------------------------------------- */
-
-type PopoverAnchorProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Anchor>;
-const PopoverAnchor = PopoverPrimitive.Anchor;
-
-/* -----------------------------------------------------------------------------
- * Component: PopoverContent
- * -------------------------------------------------------------------------- */
-
-type PopoverContentElement = React.ElementRef<typeof PopoverPrimitive.Content>;
-type PopoverContentProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>;
-
-const PopoverContent = React.forwardRef<PopoverContentElement, PopoverContentProps>(
-  ({ className, align = 'center', sideOffset = 6, ...props }, forwardedRef) => (
-    <PopoverPrimitive.Portal>
-      <PopoverPrimitive.Content
-        ref={forwardedRef}
-        align={align}
-        className={cn(
-          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-md border p-4 shadow-md',
-          className,
-        )}
-        sideOffset={sideOffset}
-        {...props}
-      />
-    </PopoverPrimitive.Portal>
-  ),
-);
-
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: PopoverArrow
- * -------------------------------------------------------------------------- */
-
-type PopoverArrowElement = React.ElementRef<typeof PopoverPrimitive.Arrow>;
-type PopoverArrowProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Arrow>;
-
-const PopoverArrow = React.forwardRef<PopoverArrowElement, PopoverArrowProps>(
-  ({ className, ...props }, forwardedRef) => (
-    <PopoverPrimitive.Arrow ref={forwardedRef} className={cn('fill-popover', className)} {...props} />
-  ),
-);
-
-PopoverArrow.displayName = PopoverPrimitive.Arrow.displayName;
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export {
-  Popover,
-  PopoverTrigger,
-  PopoverContent,
-  PopoverAnchor,
-  PopoverArrow,
-  type PopoverProps,
-  type PopoverTriggerProps,
-  type PopoverContentProps,
-  type PopoverAnchorProps,
-  type PopoverArrowProps,
-};

package/src/react/pre.tsx

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { Slot } from '@radix-ui/react-slot';
-
-/* -----------------------------------------------------------------------------
- * Component: Pre
- * -------------------------------------------------------------------------- */
-
-type PreElement = HTMLPreElement;
-
-interface PreProps extends React.HTMLAttributes<HTMLPreElement> {
-  asChild?: boolean;
-}
-
-const Pre = React.forwardRef<PreElement, PreProps>(({ asChild, ...props }, forwardedRef) => {
-  const Component = asChild ? Slot : 'pre';
-
-  return <Component ref={forwardedRef} {...props} />;
-});
-
-Pre.displayName = 'Pre';
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { Pre, type PreProps };

package/src/react/progress.tsx

@@ -1,35 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as ProgressPrimitive from '@radix-ui/react-progress';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: Progress
- * -------------------------------------------------------------------------- */
-
-type ProgressElement = React.ElementRef<typeof ProgressPrimitive.Root>;
-type ProgressProps = React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>;
-
-const Progress = React.forwardRef<ProgressElement, ProgressProps>(({ className, value, ...props }, forwardedRef) => (
-  <ProgressPrimitive.Root
-    ref={forwardedRef}
-    className={cn('bg-primary/20 relative h-2 w-full overflow-hidden rounded-full', className)}
-    {...props}
-  >
-    <ProgressPrimitive.Indicator
-      className="bg-primary size-full flex-1 transition"
-      style={{
-        transform: `translateX(-${String(100 - (value ?? 0))}%)`,
-      }}
-    />
-  </ProgressPrimitive.Root>
-));
-
-Progress.displayName = ProgressPrimitive.Root.displayName;
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { Progress, type ProgressProps };

package/src/react/quote.tsx

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { Slot } from '@radix-ui/react-slot';
-
-/* -----------------------------------------------------------------------------
- * Component: Quote
- * -------------------------------------------------------------------------- */
-
-type QuoteElement = HTMLQuoteElement;
-
-interface QuoteProps extends React.QuoteHTMLAttributes<HTMLQuoteElement> {
-  asChild?: boolean;
-}
-
-const Quote = React.forwardRef<QuoteElement, QuoteProps>(({ asChild, ...props }, forwardedRef) => {
-  const Component = asChild ? Slot : 'q';
-
-  return <Component ref={forwardedRef} {...props} />;
-});
-
-Quote.displayName = 'Quote';
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { Quote, type QuoteProps };

package/src/react/radio-cards.tsx

@@ -1,48 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: RadioCards
- * -------------------------------------------------------------------------- */
-
-type RadioCardsElement = React.ElementRef<typeof RadioGroupPrimitive.Root>;
-type RadioCardsProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;
-
-const RadioCards = React.forwardRef<RadioCardsElement, RadioCardsProps>(({ className, ...props }, forwardedRef) => {
-  return <RadioGroupPrimitive.Root className={cn('grid gap-2', className)} {...props} ref={forwardedRef} />;
-});
-
-RadioCards.displayName = RadioGroupPrimitive.Root.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: RadioCardsItem
- * -------------------------------------------------------------------------- */
-
-type RadioCardsItemElement = React.ElementRef<typeof RadioGroupPrimitive.Item>;
-type RadioCardsItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;
-
-const RadioCardsItem = React.forwardRef<RadioCardsItemElement, RadioCardsItemProps>(
-  ({ className, ...props }, forwardedRef) => {
-    return (
-      <RadioGroupPrimitive.Item
-        ref={forwardedRef}
-        className={cn(
-          'text-foreground focus-visible:bg-primary/10 group peer flex cursor-pointer items-center justify-center rounded-md border p-4 focus-visible:outline focus-visible:outline-2 disabled:cursor-default disabled:opacity-50 aria-checked:outline aria-checked:outline-2',
-          className,
-        )}
-        {...props}
-      />
-    );
-  },
-);
-
-RadioCardsItem.displayName = RadioGroupPrimitive.Item.displayName;
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { RadioCards, RadioCardsItem, type RadioCardsProps, type RadioCardsItemProps };

package/src/react/radio-group.tsx

@@ -1,50 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: RadioGroup
- * -------------------------------------------------------------------------- */
-
-type RadioGroupElement = React.ElementRef<typeof RadioGroupPrimitive.Root>;
-type RadioGroupProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;
-
-const RadioGroup = React.forwardRef<RadioGroupElement, RadioGroupProps>(({ className, ...props }, forwardedRef) => {
-  return <RadioGroupPrimitive.Root className={cn('grid gap-2', className)} {...props} ref={forwardedRef} />;
-});
-
-RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: RadioGroupItem
- * -------------------------------------------------------------------------- */
-
-type RadioGroupItemElement = React.ElementRef<typeof RadioGroupPrimitive.Item>;
-type RadioGroupItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;
-
-const RadioGroupItem = React.forwardRef<RadioGroupItemElement, RadioGroupItemProps>(
-  ({ className, ...props }, forwardedRef) => {
-    return (
-      <RadioGroupPrimitive.Item
-        ref={forwardedRef}
-        className={cn(
-          'border-input hover:border-primary text-foreground aria-checked:border-primary group peer aspect-square size-4 rounded-full border focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50',
-          className,
-        )}
-        {...props}
-      >
-        <RadioGroupPrimitive.Indicator className="after:bg-primary relative flex size-full items-center justify-center after:block after:size-2.5 after:rounded-full" />
-      </RadioGroupPrimitive.Item>
-    );
-  },
-);
-
-RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { RadioGroup, RadioGroupItem, type RadioGroupProps, type RadioGroupItemProps };

package/src/react/radio.tsx

@@ -1,40 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { composeEventHandlers } from '@radix-ui/primitive';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: Radio
- * -------------------------------------------------------------------------- */
-
-type RadioElement = HTMLInputElement;
-
-interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {
-  onValueChange?: (value: string) => void;
-}
-
-const Radio = React.forwardRef<RadioElement, RadioProps>(
-  ({ className, onValueChange, onChange, ...props }, forwardedRef) => {
-    return (
-      <input
-        ref={forwardedRef}
-        className={cn(
-          'before:border-input hover:before:border-primary checked:before:border-primary checked:after:bg-primary peer relative flex appearance-none items-center justify-center rounded-full before:size-4 before:rounded-full before:border checked:after:absolute checked:after:size-2.5 checked:after:rounded-full focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50',
-          className,
-        )}
-        type="radio"
-        onChange={composeEventHandlers(onChange, (event) => onValueChange?.(event.currentTarget.value))}
-        {...props}
-      />
-    );
-  },
-);
-
-Radio.displayName = 'Radio';
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { Radio };