"use client";
import{c,d as e,e as l}from"./chunk-WIULUOTZ.js";import{a as n}from"./chunk-VWS2Q7O3.js";import{d as i,i as p}from"./chunk-CLTGASR6.js";import{m as t}from"./chunk-3CHPBNY2.js";import{p as o}from"./chunk-KEPQUAOX.js";import{forwardRef as I}from"react";import m from"clsx";var d=t(l)(({theme:r})=>o`
    border-radius: 50%;

    &:hover {
      & .${e.input}::before {
        background-color: ${r.palette.teal[900]};
      }
    }

    &.${e.disabled} {
      & .${e.input}::before {
        background-color: ${r.palette.tealOpaque[300]};
      }
    }
  `),f=t("input")(({theme:r})=>o`
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0;
    background-color: transparent;
    cursor: inherit;
    -webkit-appearance: none;
    appearance: none;

    &:focus {
      outline: 0;
    }

    &::before {
      width: 50%;
      height: 50%;
      background-color: ${r.palette.teal[700]};
      border-radius: 50%;
      transform: scale(0);
      transition: ${r.transitions.create("transform")};
      content: "";
    }

    &:checked {
      &::before {
        transform: scale(1);
      }
    }
  `);import{jsx as u}from"react/jsx-runtime";var b=I(({className:r,name:h,value:g,...a},x)=>{let{checked:k,disabled:R,focusVisible:$,getInputProps:w,readOnly:y}=n(a),S=p(x),W=i(a),s=c({checked:k,disabled:R,focusVisible:$,readOnly:y});return u(d,{className:m(r,s.root),children:u(f,{...w(),...W,className:m(s.input),name:h,ref:S,type:"radio",value:g})})});b.displayName="Radio";var A=b;export{A as a};
