@undp/design-system-react/dist/checkbox-DDaaAxQF.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("./check-Dar4Dnvz.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-BMAVZmE9.cjs"),u=require("./label-fz_PVgVk.cjs");let d=require("react");d=e.r(d,1);let f=require("react/jsx-runtime");var p=Object.defineProperty,m=(e,t)=>p(e,`name`,{value:t,configurable:!0}),h=`Checkbox`,[g,_]=o.n(h),[v,y]=g(h);function b(e){let{__scopeCheckbox:t,checked:n,children:r,defaultChecked:i,disabled:a,form:o,name:c,onCheckedChange:l,required:u,value:p=`on`,internal_do_not_use_render:m}=e,[g,_]=s.t({prop:n,defaultProp:i??!1,onChange:l,caller:h}),[y,b]=d.useState(null),[x,S]=d.useState(null),C=d.useRef(!1),[w,T]=d.useReducer(e=>e+1,0),E=!y||!!o||!!y.closest(`form`),D={checked:g,disabled:a,setChecked:_,control:y,setControl:b,name:c,form:o,value:p,hasConsumerStoppedPropagationRef:C,userInteractionCount:w,onUserInteraction:T,required:u,defaultChecked:!k(i)&&i,isFormControl:E,bubbleInput:x,setBubbleInput:S};return(0,f.jsx)(v,{scope:t,...D,children:O(m)?m(D):r})}m(b,`CheckboxProvider`);var x=`CheckboxTrigger`,S=d.forwardRef(m(function({__scopeCheckbox:e,onKeyDown:t,onClick:n,...r},o){let{control:c,value:l,disabled:u,checked:p,required:h,setControl:g,setChecked:_,hasConsumerStoppedPropagationRef:v,onUserInteraction:b,isFormControl:S,bubbleInput:C}=y(x,e),w=i.i(o,g),T=d.useRef(p);return d.useEffect(()=>{let e=c?.form;if(e){let t=m(()=>_(T.current),`reset`);return e.addEventListener(`reset`,t),()=>e.removeEventListener(`reset`,t)}},[c,_]),(0,f.jsx)(a.t.button,{type:`button`,role:`checkbox`,"aria-checked":k(p)?`mixed`:p,"aria-required":h,"data-state":A(p),"data-disabled":u?``:void 0,disabled:u,value:l,...r,ref:w,onKeyDown:s.n(t,e=>{e.key===`Enter`&&e.preventDefault()}),onClick:s.n(n,e=>{b(),_(e=>k(e)?!0:!e),C&&S&&(v.current=e.isPropagationStopped(),v.current||e.stopPropagation())})})},`CheckboxTrigger`)),C=d.forwardRef(m(function(e,t){let{__scopeCheckbox:n,name:r,checked:i,defaultChecked:a,required:o,disabled:s,value:c,onCheckedChange:l,form:u,...d}=e;return(0,f.jsx)(b,{__scopeCheckbox:n,checked:i,defaultChecked:a,disabled:s,required:o,onCheckedChange:l,name:r,form:u,value:c,internal_do_not_use_render:({isFormControl:e})=>(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(S,{...d,ref:t,__scopeCheckbox:n}),e&&(0,f.jsx)(D,{__scopeCheckbox:n})]})})},`Checkbox`)),w=`CheckboxIndicator`,T=d.forwardRef(m(function(e,t){let{__scopeCheckbox:n,forceMount:r,...i}=e,o=y(w,n);return(0,f.jsx)(c.t,{present:r||k(o.checked)||o.checked===!0,children:(0,f.jsx)(a.t.span,{"data-state":A(o.checked),"data-disabled":o.disabled?``:void 0,...i,ref:t,style:{pointerEvents:`none`,...e.style}})})},`CheckboxIndicator`)),E=`CheckboxBubbleInput`,D=d.forwardRef(m(function({__scopeCheckbox:e,onClick:t,...n},r){let{control:o,hasConsumerStoppedPropagationRef:c,userInteractionCount:u,checked:p,defaultChecked:m,required:h,disabled:g,name:_,value:v,form:b,bubbleInput:x,setBubbleInput:S}=y(E,e),C=i.i(r,S),w=l.t(o),T=d.useRef(!1),D=d.useRef(p),O=d.useRef(u);d.useEffect(()=>{let e=x;if(!e)return;let t=window.HTMLInputElement.prototype,n=Object.getOwnPropertyDescriptor(t,`checked`).set,r=u!==O.current;O.current=u;let i=D.current!==p;D.current=p;let a=!(r&&c.current);if(i&&n){T.current=!r;let t=new Event(`click`,{bubbles:a});e.indeterminate=k(p),n.call(e,!k(p)&&p),e.dispatchEvent(t),T.current=!1}},[x,p,c,u]);let A=d.useRef(!k(p)&&p);return(0,f.jsx)(a.t.input,{type:`checkbox`,"aria-hidden":!0,defaultChecked:m??A.current,required:h,disabled:g,name:_,value:v,form:b,...n,tabIndex:-1,ref:C,onClick:s.n(t,e=>{T.current&&e.stopPropagation()}),style:{...n.style,...w,position:`absolute`,pointerEvents:`none`,opacity:0,margin:0,transform:`translateX(-100%)`}})},`CheckboxBubbleInput`));function O(e){return typeof e==`function`}m(O,`isFunction`);function k(e){return e===`indeterminate`}m(k,`isIndeterminate`);function A(e){return k(e)?`indeterminate`:e?`checked`:`unchecked`}m(A,`getState`);var j=n.t(`peer h-4 w-4 shrink-0 rounded bg-background focus-visible: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`},rounded:{base:`rounded-base`,sm:`rounded-sm`,md:`rounded-md`,lg:`rounded-lg`,xl:`rounded-xl`,"2xl":`rounded-2xl`,full:`rounded-full`}},defaultVariants:{color:`primary`,variant:`normal`,rounded:`base`}}),M=n.t(`h-4 w-4`,{variants:{color:{primary:`stroke-primary`,secondary:`stroke-secondary`,tertiary:`stroke-tertiary`,quaternary:`stroke-quaternary`,foreground:`stroke-foreground`,surface:`stroke-surface`},variant:{light:`-mt-px`,normal:`-mt-0.5`}},defaultVariants:{color:`primary`,variant:`normal`}}),N=d.default.forwardRef(({className:e,labelClassName:n,checkBoxClassName:i,checkIconClassName:a,label:o,color:s,rounded:c,variant:l,...p},m)=>{let h=(0,d.useMemo)(()=>p.id||t.n(),[p.id]);return(0,f.jsxs)(`div`,{className:t.t(`group flex flex-row items-center gap-2`,e),children:[(0,f.jsx)(C,{...p,ref:m,className:t.t(j({color:s,variant:l,rounded:c}),i),id:h,children:(0,f.jsx)(T,{className:t.t(`flex items-center justify-center text-current`),children:(0,f.jsx)(r.t,{className:t.t(M({color:s,variant:l}),a),strokeWidth:l===`light`?2:4})})}),o?(0,f.jsx)(u.t,{className:t.t(`mt-0.5 text-base`,n),htmlFor:h,children:o}):null]})});N.displayName=C.displayName,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return N}});
//# sourceMappingURL=checkbox-DDaaAxQF.cjs.map