"use client"; import { RadioGroup, RadioGroupItem, } from "@repo/shadcn-ui/components/ui/radio-group"; import { cn } from "@repo/shadcn-ui/lib/utils"; import { type ComponentProps, createContext, type HTMLAttributes, useContext, } from "react"; import { Field, FieldContent, FieldDescription, FieldLabel, FieldTitle, } from "@/components/ui/field"; export type ChoiceboxProps = ComponentProps; export const Choicebox = ({ className, ...props }: ChoiceboxProps) => ( ); type ChoiceboxItemContextValue = { value: ChoiceboxItemProps["value"]; id?: ChoiceboxItemProps["id"]; }; const ChoiceboxItemContext = createContext( null ); const useChoiceboxItemContext = () => { const context = useContext(ChoiceboxItemContext); if (!context) { throw new Error( "useChoiceboxItemContext must be used within a ChoiceboxItem" ); } return context; }; export type ChoiceboxItemProps = ComponentProps; export const ChoiceboxItem = ({ className, children, value, id, }: ChoiceboxItemProps) => ( {children} ); export type ChoiceboxItemHeaderProps = ComponentProps; export const ChoiceboxItemHeader = ({ className, ...props }: ChoiceboxItemHeaderProps) => ( ); export type ChoiceboxItemTitleProps = ComponentProps; export const ChoiceboxItemTitle = ({ className, ...props }: ChoiceboxItemTitleProps) => ; export type ChoiceboxItemSubtitleProps = HTMLAttributes; export const ChoiceboxItemSubtitle = ({ className, ...props }: ChoiceboxItemSubtitleProps) => ( ); export type ChoiceboxItemDescriptionProps = ComponentProps< typeof FieldDescription >; export const ChoiceboxItemDescription = ({ className, ...props }: ChoiceboxItemDescriptionProps) => ( ); export type ChoiceboxIndicatorProps = Partial< ComponentProps >; export const ChoiceboxIndicator = (props: ChoiceboxIndicatorProps) => { const context = useChoiceboxItemContext(); return ; };

choicebox

Instalação

Dependências

Registry dependencies