@vela-ui/react/dist/components/radio.js

Vela UI React components

"use client"
"use strict";"use client";var u=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var L=(r,e)=>{for(var t in e)u(r,t,{get:e[t],enumerable:!0})},z=(r,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of A(e))!E.call(r,i)&&i!==t&&u(r,i,{get:()=>e[i],enumerable:!(n=h(e,i))||n.enumerable});return r};var D=r=>z(u({},"__esModule",{value:!0}),r);var W={};L(W,{Radio:()=>O,RadioGroup:()=>S,RadioGroupRoot:()=>N});module.exports=D(W);var s=require("react-aria-components"),R=require("tailwind-variants");var m=require("react/jsx-runtime"),P=r=>(0,m.jsx)("svg",{fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",width:"1em",height:"1em",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:(0,m.jsx)("circle",{cx:"12",cy:"12",r:"10"})});var x=require("tailwind-variants"),v=(0,x.tv)({base:"outline-hidden",variants:{isFocusVisible:{true:"border-ring ring-ring/50 ring-[3px]"},isInvalid:{true:"ring-destructive/20 dark:ring-destructive/40 border-destructive"}}});var b=require("clsx"),y=require("react-aria-components"),g=require("tailwind-merge"),f=(...r)=>(0,g.twMerge)((0,b.clsx)(...r));function w(r,e){return(0,y.composeRenderProps)(r,t=>(0,g.twMerge)(e,t))}var a=require("react-aria-components"),F=require("tailwind-variants"),d=require("react/jsx-runtime"),k=(0,F.tv)({slots:{label:"group-data-[invalid]:text-destructive flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50",description:"text-muted-foreground text-sm",fieldError:"text-destructive text-sm"}}),{label:I,description:M,fieldError:_}=k();function V({className:r,...e}){return(0,d.jsx)(a.Label,{"data-slot":"label",className:I({className:r}),...e})}function C({className:r,...e}){return(0,d.jsx)(a.Text,{slot:"description",className:M({className:r}),...e})}function G({className:r,...e}){return(0,d.jsx)(a.FieldError,{className:(0,a.composeRenderProps)(r,t=>_({className:t})),...e})}var o=require("react/jsx-runtime");function N({className:r,...e}){return(0,o.jsx)(s.RadioGroup,{"data-slot":"radio-group",className:w(r,"group flex flex-col gap-2"),...e})}function S({wrapperClassName:r,children:e,label:t,description:n,errorMessage:i,...c}){return(0,o.jsx)(N,{...c,children:(0,s.composeRenderProps)(e,p=>(0,o.jsxs)(o.Fragment,{children:[t&&(0,o.jsx)(V,{children:t}),(0,o.jsx)("div",{"data-slot":"radio-group-wrapper",className:f("flex gap-2 select-none group-data-[orientation=horizontal]:flex-wrap group-data-[orientation=vertical]:flex-col",r),children:p}),n&&(0,o.jsx)(C,{children:n}),(0,o.jsx)(G,{children:i})]}))})}var q=(0,R.tv)({base:"group flex items-center gap-2 text-sm transition",variants:{isDisabled:{true:"text-foreground/50 cursor-not-allowed"}}}),B=(0,R.tv)({extend:v,base:"relative flex aspect-square shrink-0 items-center justify-center rounded-full border bg-transparent shadow-xs transition duration-250 ease-out motion-reduce:transition-none",variants:{variant:{default:"text-white",outline:"text-primary dark:bg-input/30"},size:{sm:"size-4 [&_svg]:size-2",md:"size-5 [&_svg]:size-2.5",lg:"size-6 [&_svg]:size-3"},isSelected:{true:""},isPressed:{true:"scale-95"},isDisabled:{true:"cursor-not-allowed opacity-50"}},compoundVariants:[{variant:"default",isSelected:!0,className:"bg-primary border-transparent"},{variant:"outline",isSelected:!0,className:"border-primary"}],defaultVariants:{variant:"default",size:"md"}});function O({className:r,children:e,indicatorClassName:t,size:n,variant:i,...c}){return(0,o.jsx)(s.Radio,{className:(0,s.composeRenderProps)(r,(p,l)=>q({...l,className:p})),...c,children:(0,s.composeRenderProps)(e,(p,{isSelected:l,...T})=>(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{"data-slot":"radio-indicator",className:B({size:n,variant:i,isSelected:l,...T,className:t}),children:(0,o.jsx)(P,{className:f("fill-current transition-[transform,scale,opacity] duration-250 ease-out motion-reduce:transition-none",l?"scale-100 opacity-100":"scale-0 opacity-0")})}),p]}))})}0&&(module.exports={Radio,RadioGroup,RadioGroupRoot});