https://api-key.org/assets/switch-B1_OFd2T.js

1import{s,A as ne,dX as re,dK as se,dV as ie,bU as oe,a2 as le,dL as ce,D as ue,dQ as fe,a3 as pe,dR as he,ap as me,ao as be,a1 as ge,X as V,j as f,af as ke,dU as ve,bk as ye,az as xe,bW as Ce,o as we}from"./main-aimgRpTq.js";import{u as Pe}from"./select-BFLQ6Un5.js";import{u as ze}from"./useAriaLabelledBy-CifBScr0.js";const j=s.createContext(void 0);function Ee(){const e=s.useContext(j);if(e===void 0)throw new Error(ne(63));return e}let K=(function(e){return e.checked="data-checked",e.unchecked="data-unchecked",e.disabled="data-disabled",e.readonly="data-readonly",e.required="data-required",e.valid="data-valid",e.invalid="data-invalid",e.touched="data-touched",e.dirty="data-dirty",e.filled="data-filled",e.focused="data-focused",e})({});const F={...re,checked(e){return e?{[K.checked]:""}:{[K.unchecked]:""}}},Ie=s.forwardRef(function(d,l){const{checked:v,className:L,defaultChecked:y,"aria-labelledby":g,form:p,id:M,inputRef:T,name:N,nativeButton:h=!1,onCheckedChange:q,readOnly:c=!1,required:m=!1,disabled:H=!1,render:Be,uncheckedValue:x,value:C,style:Ke,...O}=d,{clearErrors:U}=Pe(),{state:w,setTouched:W,setDirty:X,validityData:J,setFilled:k,setFocused:P,shouldValidateOnChange:Q,validationMode:S,disabled:Y,name:_,validation:i}=se(),{labelId:G}=ie(),n=Y||H,u=_??N,r=s.useRef(null),Z=oe(r,T,i.inputRef),b=s.useRef(null),z=le(),E=ce({id:M,implicit:!1,controlRef:b}),I=h?void 0:E,[t,$]=ue({controlled:v,default:!!y,name:"Switch",state:"checked"});fe(b,z,t),pe(()=>{r.current&&k(r.current.checked)},[r,k]),he(t,()=>{U(u),X(t!==J.initialValue),k(t),Q()?i.commit(t):i.commit(t,!0)});const{getButtonProps:D,buttonRef:A}=me({disabled:n,native:h}),ee=ze(g,G,r,!h,I),ae={id:h?E:z,role:"switch","aria-checked":t,"aria-readonly":c||void 0,"aria-required":m||void 0,"aria-labelledby":ee,onFocus(){n||P(!0)},onBlur(){const a=r.current;!a||n||(W(!0),P(!1),S==="onBlur"&&i.commit(a.checked))},onClick(a){if(c||n)return;a.preventDefault();const o=r.current;o&&o.dispatchEvent(new(ke(o)).PointerEvent("click",{bubbles:!0,shiftKey:a.shiftKey,ctrlKey:a.ctrlKey,altKey:a.altKey,metaKey:a.metaKey}))}},te=be({checked:t,disabled:n,form:p,id:I,name:u,required:m,style:u?ve:ye,tabIndex:-1,type:"checkbox","aria-hidden":!0,ref:Z,onChange(a){if(a.nativeEvent.defaultPrevented)return;if(c){a.preventDefault();return}const o=a.currentTarget.checked,B=xe(Ce,a.nativeEvent);q?.(o,B),!B.isCanceled&&$(o)},onFocus(){b.current?.focus()}},i.getInputValidationProps,C!==void 0?{value:C}:ge),R=s.useMemo(()=>({...w,checked:t,disabled:n,readOnly:c,required:m}),[w,t,n,c,m]),de=V("span",d,{state:R,ref:[l,b,A],props:[ae,i.getValidationProps,O,D],stateAttributesMapping:F});return f.jsxs(j.Provider,{value:R,children:[de,!t&&u&&x!==void 0&&f.jsx("input",{type:"hidden",form:p,name:u,value:x}),f.jsx("input",{...te,suppressHydrationWarning:!0})]})}),Re=s.forwardRef(function(d,l){const{render:v,className:L,style:y,...g}=d,p=Ee();return V("span",d,{state:p,ref:l,stateAttributesMapping:F,props:g})});function Le({className:e,size:d="default",...l}){return f.jsx(Ie,{"data-slot":"switch","data-size":d,className:we("peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50",e),...l,children:f.jsx(Re,{"data-slot":"switch-thumb",className:"pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] dark:data-checked:bg-primary-foreground group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dar

1k:data-unchecked:bg-foreground"})})}export{Le as S};