@undp/design-system-react/dist/radio-group-BKFQ8hXE.cjs

React based design system for UNDP

const e=require("./rolldown-runtime-mLOUI7ql.cjs"),t=require("./utils-Dd9-5CFr.cjs"),n=require("./dist-BZMXZCSu.cjs"),r=require("./createLucideIcon-FKMTNncQ.cjs"),i=require("./dist--OhUIyHO.cjs"),a=require("./dist-VI-VV5wq.cjs"),o=require("./dist-DluBSGxD.cjs"),s=require("./dist-CTSEb5uk.cjs"),c=require("./dist-odcXV7N3.cjs"),l=require("./dist-Cwg3Q4xh.cjs"),u=require("./dist-BMAVZmE9.cjs"),d=require("./dist-BhZ2FMkV.cjs"),f=require("./label-fz_PVgVk.cjs");let p=require("react");p=e.r(p,1);let m=require("react/jsx-runtime");var h=r.t(`circle`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}]]),g=Object.defineProperty,_=(e,t)=>g(e,`name`,{value:t,configurable:!0}),v=`Radio`,[y,b]=o.n(v),[x,S]=y(v);function C(e){let{__scopeRadio:t,checked:n=!1,children:r,disabled:i,form:a,name:o,onCheck:s,required:c,value:l=`on`,internal_do_not_use_render:u}=e,[d,f]=p.useState(null),[h,g]=p.useState(null),v=p.useRef(!1),[y,b]=p.useReducer(e=>e+1,0),S={checked:n,disabled:i,required:c,name:o,form:a,value:l,control:d,setControl:f,hasConsumerStoppedPropagationRef:v,userInteractionCount:y,onUserInteraction:b,isFormControl:!d||!!a||!!d.closest(`form`),bubbleInput:h,setBubbleInput:g,onCheck:_(()=>s?.(),`onCheck`)};return(0,m.jsx)(x,{scope:t,...S,children:A(u)?u(S):r})}_(C,`RadioProvider`);var w=`RadioTrigger`,T=p.forwardRef(_(function({__scopeRadio:e,onClick:t,...n},r){let{checked:o,disabled:c,value:l,setControl:u,onCheck:d,hasConsumerStoppedPropagationRef:f,onUserInteraction:p,isFormControl:h,bubbleInput:g}=S(w,e),_=i.i(r,u);return(0,m.jsx)(a.t.button,{type:`button`,role:`radio`,"aria-checked":o,"data-state":j(o),"data-disabled":c?``:void 0,disabled:c,value:l,...n,ref:_,onClick:s.n(t,e=>{o||(p(),d()),g&&h&&(f.current=e.isPropagationStopped(),f.current||e.stopPropagation())})})},`RadioTrigger`)),E=`RadioIndicator`,D=p.forwardRef(_(function(e,t){let{__scopeRadio:n,forceMount:r,...i}=e,o=S(E,n);return(0,m.jsx)(c.t,{present:r||o.checked,children:(0,m.jsx)(a.t.span,{"data-state":j(o.checked),"data-disabled":o.disabled?``:void 0,...i,ref:t})})},`RadioIndicator`)),O=`RadioBubbleInput`,k=p.forwardRef(_(function({__scopeRadio:e,onClick:t,...n},r){let{control:o,checked:c,required:l,disabled:d,name:f,value:h,form:g,bubbleInput:_,setBubbleInput:v,hasConsumerStoppedPropagationRef:y,userInteractionCount:b}=S(O,e),x=i.i(r,v),C=u.t(o),w=p.useRef(!1),T=p.useRef(c),E=p.useRef(b);p.useEffect(()=>{let e=_;if(!e)return;let t=window.HTMLInputElement.prototype,n=Object.getOwnPropertyDescriptor(t,`checked`).set,r=b!==E.current;E.current=b;let i=T.current!==c;T.current=c;let a=!(r&&y.current);if(i&&n){w.current=!r;let t=new Event(`click`,{bubbles:a});n.call(e,c),e.dispatchEvent(t),w.current=!1}},[_,c,y,b]);let D=p.useRef(c);return(0,m.jsx)(a.t.input,{type:`radio`,"aria-hidden":!0,defaultChecked:D.current,required:l,disabled:d,name:f,value:h,form:g,...n,tabIndex:-1,ref:x,onClick:s.n(t,e=>{w.current&&e.stopPropagation()}),style:{...n.style,...C,position:`absolute`,pointerEvents:`none`,opacity:0,margin:0,transform:`translateX(-100%)`}})},`RadioBubbleInput`));function A(e){return typeof e==`function`}_(A,`isFunction`);function j(e){return e?`checked`:`unchecked`}_(j,`getState`);var M=[`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`],N=`RadioGroup`,[P,F]=o.n(N,[d.r,b]),I=d.r(),L=b(),[R,z]=P(N),B=p.forwardRef(_(function(e,t){let{__scopeRadioGroup:n,name:r,form:o,defaultValue:c,value:u,required:f=!1,disabled:h=!1,orientation:g,dir:v,loop:y=!0,onValueChange:b,...x}=e,S=I(n),C=l.t(v),[w,T]=s.t({prop:u,defaultProp:c??null,onChange:b,caller:N}),[E,D]=p.useState(null),O=i.i(t,D),k=p.useRef(w);return p.useEffect(()=>{let e=o?E?.ownerDocument.getElementById(o):E?.closest(`form`);if(e instanceof HTMLFormElement){let t=_(()=>T(k.current),`reset`);return e.addEventListener(`reset`,t),()=>e.removeEventListener(`reset`,t)}},[E,o,T]),(0,m.jsx)(R,{scope:n,name:r,form:o,required:f,disabled:h,value:w,onValueChange:T,children:(0,m.jsx)(d.n,{asChild:!0,...S,orientation:g,dir:C,loop:y,children:(0,m.jsx)(a.t.div,{role:`radiogroup`,"aria-required":f,"aria-orientation":g,"data-disabled":h?``:void 0,dir:C,...x,ref:O})})})},`RadioGroup`)),V=`RadioGroupItemProvider`,H=`RadioGroupItemTrigger`;function U(e){let{__scopeRadioGroup:t,value:n,disabled:r,children:i,internal_do_not_use_render:a}=e,o=z(V,t),s=L(t),c=o.disabled||r;return(0,m.jsx)(C,{...s,checked:o.value===n,disabled:c,required:o.required,name:o.name,form:o.form,value:n,onCheck:()=>o.onValueChange(n),internal_do_not_use_render:a,children:i})}_(U,`RadioGroupItemProvider`);var W=p.forwardRef(_(function(e,t){let{__scopeRadioGroup:n,...r}=e,a=I(n),o=L(n),{checked:c,disabled:l}=S(H,o.__scopeRadio),u=p.useRef(null),f=i.i(t,u),h=p.useRef(!1);return p.useEffect(()=>{let e=_(e=>{M.includes(e.key)&&(h.current=!0)},`handleKeyDown`),t=_(()=>h.current=!1,`handleKeyUp`);return document.addEventListener(`keydown`,e),document.addEventListener(`keyup`,t),()=>{document.removeEventListener(`keydown`,e),document.removeEventListener(`keyup`,t)}},[]),(0,m.jsx)(d.t,{asChild:!0,...a,focusable:!l,active:c,children:(0,m.jsx)(T,{...o,...r,ref:f,onKeyDown:s.n(r.onKeyDown,e=>{e.key===`Enter`&&e.preventDefault()}),onFocus:s.n(r.onFocus,()=>{h.current&&u.current?.click()})})})},`RadioGroupItemTrigger`)),G=p.forwardRef(_(function(e,t){let{__scopeRadioGroup:n,value:r,disabled:i,...a}=e;return(0,m.jsx)(U,{__scopeRadioGroup:n,value:r,disabled:i,internal_do_not_use_render:({isFormControl:e})=>(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(W,{...a,ref:t,__scopeRadioGroup:n}),e&&(0,m.jsx)(K,{__scopeRadioGroup:n})]})})},`RadioGroupItem`)),K=p.forwardRef(_(function(e,t){let{__scopeRadioGroup:n,...r}=e;return(0,m.jsx)(k,{...L(n),...r,ref:t})},`RadioGroupItemBubbleInput`)),q=p.forwardRef(_(function(e,t){let{__scopeRadioGroup:n,...r}=e;return(0,m.jsx)(D,{...L(n),...r,ref:t})},`RadioGroupIndicator`)),J=n.t(`peer aspect-square h-4 w-4 bg-background rounded-full text-content-primary focus:outline-hidden focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-disabled`,{variants:{color:{primary:`border-primary group-hover:border-primary-light`,secondary:`border-secondary group-hover:border-secondary-light`,tertiary:`border-tertiary group-hover:border-tertiary-light`,quaternary:`border-quaternary group-hover:border-quaternary-light`,foreground:`border-foreground group-hover:border-foreground-soft`,surface:`border-stroke group-hover:border-stroke-hover`},variant:{light:`border`,normal:`border-2`}},defaultVariants:{color:`primary`,variant:`normal`}}),Y=n.t(`stroke-0`,{variants:{color:{primary:`fill-primary`,secondary:`fill-secondary`,tertiary:`fill-tertiary`,quaternary:`fill-quaternary`,foreground:`fill-foreground`,surface:`fill-surface`},variant:{light:`h-1.5 w-1.5`,normal:`h-2.5 w-2.5`}},defaultVariants:{color:`primary`,variant:`normal`}}),X=p.default.createContext({color:void 0,variant:void 0}),Z=p.default.forwardRef(({className:e,color:n,variant:r,...i},a)=>{let o=p.default.useMemo(()=>({color:n,variant:r}),[n,r]);return(0,m.jsx)(X.Provider,{value:o,children:(0,m.jsx)(B,{...i,className:t.t(`flex flex-row flex-wrap gap-x-4 gap-y-2 rtl:[direction:rtl]`,e),ref:a})})});Z.displayName=B.displayName;var Q=p.default.forwardRef(({className:e,radioClassName:n,labelClassName:r,label:i,...a},o)=>{let s=(0,p.useMemo)(()=>a.id||t.n(),[a.id]),{color:c,variant:l}=p.default.useContext(X);return(0,m.jsxs)(`div`,{className:t.t(`group flex flex-row items-center gap-2`,e),children:[(0,m.jsx)(G,{...a,ref:o,className:t.t(J({color:c,variant:l}),n),id:s,children:(0,m.jsx)(q,{className:`flex items-center justify-center`,children:(0,m.jsx)(h,{className:Y({color:c,variant:l})})})}),(0,m.jsx)(f.t,{className:t.t(`mt-0.5 text-base!`,r),htmlFor:s,children:i})]})});Q.displayName=G.displayName,Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return Q}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return Z}});
//# sourceMappingURL=radio-group-BKFQ8hXE.cjs.map