@loke/design-system
Version:
A design system with individually importable components
3 lines (2 loc) • 1.56 kB
JavaScript
"use client";
import{cn}from"@loke/design-system/cn";import{Circle}from"@loke/icons";import*as RadioGroupPrimitive from"@loke/ui/radio-group";import{forwardRef}from"react";import{jsx}from"react/jsx-runtime";var createRadioGroupScope2=RadioGroupPrimitive.createRadioGroupScope,RadioGroup2=forwardRef(({className,...props},ref)=>jsx(RadioGroupPrimitive.RadioGroup,{className:cn("grid gap-2",className),"data-slot":"radio-group",ref,...props}));RadioGroup2.displayName=RadioGroupPrimitive.RadioGroup.displayName;var RadioGroupItem2=forwardRef(({className,...props},ref)=>jsx(RadioGroupPrimitive.RadioGroupItem,{className:cn("aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",className),"data-slot":"radio-group-item",ref,...props,children:jsx(RadioGroupIndicator2,{className:"flex items-center justify-center",children:jsx(Circle,{className:"h-2.5 w-2.5 fill-current text-current"})})}));RadioGroupItem2.displayName=RadioGroupPrimitive.RadioGroupItem.displayName;var RadioGroupIndicator2=forwardRef(({className,...props},ref)=>jsx(RadioGroupPrimitive.RadioGroupIndicator,{className,"data-slot":"radio-group-indicator",ref,...props}));RadioGroupIndicator2.displayName=RadioGroupPrimitive.RadioGroupIndicator.displayName;export{createRadioGroupScope2 as createRadioGroupScope,RadioGroupItem2 as RadioGroupItem,RadioGroupIndicator2 as RadioGroupIndicator,RadioGroup2 as RadioGroup};