https://www.solid-ui.com/_build/assets/checkbox-1cAVg5Sf.js

1import{A as v,b as o,m as u,e as x,S as T,v as M,o as O,D as G,a as q,c as U,G as J,H as Q,z as V,M as L,i as B,t as K}from"./web-Daoi1TEa.js";import{c as W}from"./utils-_qghvgfj.js";import{F as X,c as Y}from"./37WKIN7J-B86PiHS6.js";import{u as F,F as Z,c as ee,a as te,b as re,d as ne,e as oe,f as ae}from"./QJIB6BDF-BFJzofXv.js";import{c as se}from"./VI7QYH27-Ct-yJEMo.js";import{_ as ce,P as y}from"./5WXHJDCZ-9j09M0KL.js";import{m as w,v as ie,a as le,b,E as de,h as ue}from"./index-DvQraQr3.js";import{s as fe}from"./index-DbZmQF6t.js";import{c as ge}from"./index-275LIXCi.js";import{m as R}from"./index-BNK4pR0r.js";import{b as $}from"./R5675YMU-DknHYXiZ.js";import"./JNCCF6MP-4sxnBYeu.js";import"./OYES4GOP-Qz7fQPZb.js";import"./FN6EICGO-DXg5uv0u.js";import"./U42ECMND-BDjyePcW.js";var he={};ce(he,{Checkbox:()=>pe,Control:()=>P,Description:()=>z,ErrorMessage:()=>j,Indicator:()=>D,Input:()=>E,Label:()=>A,Root:()=>S});var N=J();function C(){const t=Q(N);if(t===void 0)throw new Error("[kobalte]: `useCheckboxContext` must be used within a `Checkbox` component");return t}function P(t){const r=F(),e=C(),n=w({id:e.generateId("control")},t),[a,c]=v(n,["onClick","onKeyDown"]);return o(y,u({as:"div",onClick:i=>{b(i,a.onClick),e.toggle(),e.inputRef()?.focus()},onKeyDown:i=>{b(i,a.onKeyDown),i.key===de.Space&&(e.toggle(),e.inputRef()?.focus())}},()=>r.dataset(),()=>e.dataset(),c))}function z(t){const r=C();return o(ne,u(()=>r.dataset(),t))}function j(t){const r=C();return o(oe,u(()=>r.dataset(),t))}function D(t){const r=F(),e=C(),[n,a]=x(),c=w({id:e.generateId("indicator")},t),[f,m]=v(c,["ref","forceMount"]),{present:i}=fe({show:()=>f.forceMount||e.indeterminate()||e.checked(),element:()=>n()??null});return o(T,{get when(){return i()},get children(){return o(y,u({as:"div",ref(k){var g=R(a,f.ref);typeof g=="function"&&g(k)}},()=>r.dataset(),()=>e.dataset(),m))}})}function E(t){let r;const e=F(),n=C(),a=w({id:n.generateId("input")},t),[c,f,m]=v(a,["ref","style","onChange","onFocus","onBlur"],X),{fieldProps:i}=Y(f),[k,g]=x(!1),p=s=>{if(b(s,c.onChange),s.stopPropagation(),!k()){const d=s.target;n.setIsChecked(d.checked),d.checked=n.checked()}g(!1)},h=s=>{b(s,c.onFocus),n.setIsFocused(!0)},I=s=>{b(s,c.onBlur),n.setIsFocused(!1)};return M(O([()=>n.checked(),()=>n.value()],()=>{g(!0),r?.dispatchEvent(new Event("input",{bubbles:!0,cancelable:!0})),r?.dispatchEvent(new Event("change",{bubbles:!0,cancelable:!0}))},{defer:!0})),M(O([()=>r,()=>n.indeterminate(),()=>n.checked()],([s,d])=>{s&&(s.indeterminate=d)})),o(y,u({as:"input",ref(s){var d=R(l=>{n.setInputRef(l),r=l},c.ref);typeof d=="function"&&d(s)},type:"checkbox",get id(){return i.id()},get name(){return e.name()},get value(){return n.value()},get checked(){return n.checked()},get required(){return e.isRequired()},get disabled(){return e.isDisabled()},get readonly(){return e.isReadOnly()},get style(){return ge(ie,c.style)},get"aria-label"(){return i.ariaLabel()},get"aria-labelledby"(){return i.ariaLabelledBy()},get"aria-describedby"(){return i.ariaDescribedBy()},get"aria-invalid"(){return e.validationState()==="invalid"||void 0},get"aria-required"(){return e.isRequired()},get"aria-disabled"(){return e.isDisabled()},get"aria-readonly"(){return e.isReadOnly()},onChange:p,onFocus:h,onBlur:I},()=>e.dataset(),()=>n.dataset(),m))}function A(t){const r=C();return o(ae,u(()=>r.dataset(),t))}function S(t){let r;const e=`checkbox-${G()}`,n=w({value:"on",id:e},t),[a,c,f]=v(n,["ref","children","value","checked","defaultChecked","indeterminate","onChange","onPointerDown"],Z),[m,i]=x(),[k,g]=x(!1),{formControlContext:p}=ee(c),h=se({isSelected:()=>a.checked,defaultIsSelected:()=>a.defaultChecked,onSelectedChange:l=>a.onChange?.(l),isDisabled:()=>p.isDisabled(),isReadOnly:()=>p.isReadOnly()});te(()=>r,()=>h.setIsSelected(a.defaultChecked??!1));const I=l=>{b(l,a.onPointerDown),k()&&l.preventDefault()},s=q(()=>({"data-checked":h.isSelected()?"":void 0,"data-indeterminate":a.indeterminate?"":void 0})),d={value:()=>a.value,dataset:s,checked:()=>h.isSelected(),indeterminate:()=>a.indeterminate??!1,inputRef:m,generateId:ue(()=>$(c.id)),toggle:()=>h.toggle(),setIsChecked:l=>h.setIsSelected(l),setIsFocused:g,setInputRef:i};return o(re.Provider,{value:p,get children(){return o(N.Provider,{value:d,get children(){return o(y,u({as:"div",ref(l){var _=R(H=>r=H,a.ref);typeof _=="function"&&_(l)},role:"group",get id(){return $(c.id)},onPointerDown:I},()=>p.dataset(),s,f,{get children(){return o(me,{state:d,get children(){return a.children}})}}))}})}})}function me(t){const r=U(()=>{const e=t.children;return le(e)?e(t.state):e});return q(r)}var pe=Object.assign(S,{Control:P,Description:z,ErrorMessage:j,Indicator:D,Input:E,Label:A}),be=K('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class=size-4><path d="M5 12l5 5l10 -10">'),Ce=K('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class=size-4><path d="M5 12l14 0">');const Le=t=>{const[r,e]=v(t,["class"]);return o(S,u({get class(){return W("items-top group relative flex space-x-2",r.class)}},e,{get children(){return[o(E,{class:"peer"}),o(P,{class:"size-4 shrink-0 rounded-sm border border-primary ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2 data-[checked]:border-none data-[indeterminate]:border-none data-[checked]:bg-primary data-[indeterminate]:bg-primary data-[checked]:text-primary-foreground data-[indeterminate]:text-primary-foreground",get children(){return o(D,{get children(){return o(V,{get children(){return[o(L,{get when(){return!e.indeterminate},get children(){return B(be)}}),o(L,{get when(){return e.indeterminate},get children(){return B(Ce)}})]}})}})}})]}}))};export{Le as Checkbox};