@spark-ui/checkbox 2.2.1 → 2.2.2

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.2.2](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@2.2.1...@spark-ui/checkbox@2.2.2) (2024-04-22)
+
+**Note:** Version bump only for package @spark-ui/checkbox
+
 ## [2.2.1](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@2.2.0...@spark-ui/checkbox@2.2.1) (2024-04-08)
 
 **Note:** Version bump only for package @spark-ui/checkbox

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),jt=require("@radix-ui/react-id"),Ct=require("@spark-ui/form-field"),nr=require("@spark-ui/use-merge-refs"),Te=require("class-variance-authority"),zt=require("@radix-ui/react-checkbox"),ar=require("@spark-ui/icon"),ir=require("@spark-ui/internal-utils"),or=require("@spark-ui/label"),Ot=i.createContext({}),Et=i.forwardRef(({title:s,fill:v="currentColor",stroke:g="none",...k},_)=>i.createElement("svg",{ref:_,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","data-title":"Check",...s&&{"data-title":s},fill:v,stroke:g,...k,dangerouslySetInnerHTML:{__html:(s===void 0?"":`<title>${s}</title>`)+'<path d="m8.92,19.08c-.18,0-.36-.03-.53-.1s-.33-.17-.47-.31l-5.49-5.34c-.28-.28-.42-.61-.42-1s.14-.73.42-1c.28-.28.62-.41,1.02-.41s.74.14,1.05.41l4.43,4.3,10.62-10.29c.28-.28.62-.42,1.02-.43.39,0,.73.13,1.02.43.28.28.42.61.42,1s-.14.73-.42,1l-11.65,11.32c-.14.14-.3.24-.47.31-.17.07-.35.1-.53.1Z"/>'}}));Et.displayName="Check";const It=i.forwardRef(({title:s,fill:v="currentColor",stroke:g="none",...k},_)=>i.createElement("svg",{ref:_,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","data-title":"Minus",...s&&{"data-title":s},fill:v,stroke:g,...k,dangerouslySetInnerHTML:{__html:(s===void 0?"":`<title>${s}</title>`)+'<path fill-rule="evenodd" d="m2,12c0-.62.45-1.12,1-1.12h18c.55,0,1,.5,1,1.12s-.45,1.12-1,1.12H3c-.55,0-1-.5-1-1.12Z"/>'}}));It.displayName="Minus";const At=i.forwardRef((s,v)=>i.createElement(zt.CheckboxIndicator,{ref:v,className:"flex h-full w-full items-center justify-center",...s}));At.displayName="CheckboxIndicator";const sr=Te.cva(["h-sz-24 w-sz-24 shrink-0 items-center justify-center rounded-sm border-md bg-transparent outline-none","spark-disabled:cursor-not-allowed spark-disabled:opacity-dim-3 spark-disabled:hover:ring-0","focus-visible:u-ring","hover:border-main-container hover:ring-2","u-shadow-border-transition"],{variants:{intent:ir.makeVariants({main:["text-on-main","spark-state-unchecked:border-outline","spark-state-indeterminate:border-main spark-state-indeterminate:bg-main","spark-state-checked:border-main spark-state-checked:bg-main"],support:["text-on-support","spark-state-unchecked:border-outline","spark-state-indeterminate:border-support spark-state-indeterminate:bg-support","spark-state-checked:border-support spark-state-checked:bg-support"],accent:["text-on-accent","spark-state-unchecked:border-outline","spark-state-indeterminate:border-accent spark-state-indeterminate:bg-accent","spark-state-checked:border-accent spark-state-checked:bg-accent"],basic:["text-on-basic","spark-state-unchecked:border-outline","spark-state-indeterminate:border-basic spark-state-indeterminate:bg-basic","spark-state-checked:border-basic spark-state-checked:bg-basic"],success:["text-on-success","spark-state-unchecked:border-success","spark-state-indeterminate:border-success spark-state-indeterminate:bg-success","spark-state-checked:border-success spark-state-checked:bg-success"],alert:["text-on-alert","spark-state-unchecked:border-alert","spark-state-indeterminate:border-alert spark-state-indeterminate:bg-alert","spark-state-checked:border-alert spark-state-checked:bg-alert"],error:["text-on-error","spark-state-unchecked:border-error","spark-state-indeterminate:border-error spark-state-indeterminate:bg-error","spark-state-checked:border-error spark-state-checked:bg-error"],info:["text-on-info","spark-state-unchecked:border-info","spark-state-indeterminate:border-info spark-state-indeterminate:bg-info","spark-state-checked:border-info spark-state-checked:bg-info"],neutral:["text-on-neutral","spark-state-unchecked:border-neutral","spark-state-indeterminate:border-neutral spark-state-indeterminate:bg-neutral","spark-state-checked:border-neutral spark-state-checked:bg-neutral"]})},defaultVariants:{intent:"basic"}}),St=i.forwardRef(({className:s,icon:v=i.createElement(Et,null),indeterminateIcon:g=i.createElement(It,null),intent:k,checked:_,...q},z)=>i.createElement(zt.Checkbox,{ref:z,className:sr({intent:k,className:s}),checked:_,...q},i.createElement(At,null,i.createElement(ar.Icon,{size:"sm"},_==="indeterminate"?g:v))));St.displayName="CheckboxInput";const cr=Te.cva("grow",{variants:{disabled:{true:["text-neutral/dim-2","cursor-not-allowed"],false:["cursor-pointer"]}},defaultVariants:{disabled:!1}}),Nt=({disabled:s,...v})=>i.createElement(or.Label,{className:cr({disabled:s}),...v});Nt.displayName="CheckboxLabel";const Rt=i.forwardRef(({id:s,className:v,intent:g,checked:k,value:_,disabled:q,reverse:z=!1,onCheckedChange:U,children:K,...ie},oe)=>{const F=jt.useId(s),V=jt.useId(),Q=Ct.useFormFieldControl(),m=i.useContext(Ot),D=i.useRef(),pe=nr.useMergeRefs(oe,D),O=_?m.value?.includes(_):k,{id:G,name:se,isInvalid:X,isRequired:M,description:ce,intent:P}=(({fieldState:p,groupState:x,checkboxIntent:he})=>{const o=p.name??x.name,ue=p.isRequired??x.isRequired,Y=p.state??x.state,C=p.isInvalid??x.isInvalid,I=p.id!==x.id;return{name:o,isRequired:ue,isInvalid:C,id:I?p.id:void 0,description:I?p.description:void 0,intent:Y??he??x.intent}})({fieldState:Q,groupState:m,checkboxIntent:g}),S=K&&i.createElement(Nt,{disabled:q,htmlFor:G||F,id:V},K),w=i.createElement(St,{ref:pe,id:G||F,name:se,value:_,intent:P,checked:O,disabled:q,required:M,"aria-describedby":ce,"aria-invalid":X,onCheckedChange:p=>{U?.(p);const x=D.current?.value;x&&m.onCheckedChange&&m.onCheckedChange(p,x)},"aria-labelledby":K?V:Q.labelId,...ie}),j=m.reverse||z?i.createElement(i.Fragment,null,S,w):i.createElement(i.Fragment,null,w,S);return i.createElement("div",{"data-spark-component":"checkbox",className:Te.cx("relative flex items-start gap-md text-body-1",v)},j)});Rt.displayName="Checkbox";var Pe=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function ur(s){return s&&s.__esModule&&Object.prototype.hasOwnProperty.call(s,"default")?s.default:s}var Ke={exports:{}};(function(s,v){var g="__lodash_hash_undefined__",k=1,_=2,q=9007199254740991,z="[object Arguments]",U="[object Array]",K="[object AsyncFunction]",ie="[object Boolean]",oe="[object Date]",F="[object Error]",V="[object Function]",Q="[object GeneratorFunction]",m="[object Map]",D="[object Number]",pe="[object Null]",O="[object Object]",G="[object Promise]",se="[object Proxy]",X="[object RegExp]",M="[object Set]",ce="[object String]",P="[object Symbol]",S="[object Undefined]",w="[object WeakMap]",j="[object ArrayBuffer]",p="[object DataView]",x=/^\[object .+?Constructor\]$/,he=/^(?:0|[1-9]\d*)$/,o={};o["[object Float32Array]"]=o["[object Float64Array]"]=o["[object Int8Array]"]=o["[object Int16Array]"]=o["[object Int32Array]"]=o["[object Uint8Array]"]=o["[object Uint8ClampedArray]"]=o["[object Uint16Array]"]=o["[object Uint32Array]"]=!0,o[z]=o[U]=o[j]=o[ie]=o[p]=o[oe]=o[F]=o[V]=o[m]=o[D]=o[O]=o[X]=o[M]=o[ce]=o[w]=!1;var ue=typeof Pe=="object"&&Pe&&Pe.Object===Object&&Pe,Y=typeof self=="object"&&self&&self.Object===Object&&self,C=ue||Y||Function("return this")(),I=v&&!v.nodeType&&v,ge=I&&s&&!s.nodeType&&s,Qe=ge&&ge.exports===I,Le=Qe&&ue.process,Xe=function(){try{return Le&&Le.binding&&Le.binding("util")}catch{}}(),Ye=Xe&&Xe.isTypedArray;function qt(e,t){for(var r=-1,n=e==null?0:e.length;++r<n;)if(t(e[r],r,e))return!0;return!1}function Ft(e){var t=-1,r=Array(e.size);return e.forEach(function(n,l){r[++t]=[l,n]}),r}function Mt(e){var t=-1,r=Array(e.size);return e.forEach(function(n){r[++t]=n}),r}var et,tt,rt,Pt=Array.prototype,Tt=Function.prototype,we=Object.prototype,$e=C["__core-js_shared__"],nt=Tt.toString,N=we.hasOwnProperty,at=(et=/[^.]+$/.exec($e&&$e.keys&&$e.keys.IE_PROTO||""))?"Symbol(src)_1."+et:"",it=we.toString,Lt=RegExp("^"+nt.call(N).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),ot=Qe?C.Buffer:void 0,je=C.Symbol,st=C.Uint8Array,ct=we.propertyIsEnumerable,$t=Pt.splice,ee=je?je.toStringTag:void 0,ut=Object.getOwnPropertySymbols,Bt=ot?ot.isBuffer:void 0,Ut=(tt=Object.keys,rt=Object,function(e){return tt(rt(e))}),Be=le(C,"DataView"),be=le(C,"Map"),Ue=le(C,"Promise"),Ve=le(C,"Set"),De=le(C,"WeakMap"),ve=le(Object,"create"),Vt=ne(Be),Dt=ne(be),Gt=ne(Ue),Ht=ne(Ve),Wt=ne(De),lt=je?je.prototype:void 0,Ge=lt?lt.valueOf:void 0;function te(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function T(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function re(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function xe(e){var t=-1,r=e==null?0:e.length;for(this.__data__=new re;++t<r;)this.add(e[t])}function H(e){var t=this.__data__=new T(e);this.size=t.size}function Zt(e,t){var r=Oe(e),n=!r&&Yt(e),l=!r&&!n&&He(e),a=!r&&!n&&!l&&kt(e),d=r||n||l||a,f=d?function(b,R){for(var L=-1,y=Array(b);++L<b;)y[L]=R(L);return y}(e.length,String):[],A=f.length;for(var h in e)!t&&!N.call(e,h)||d&&(h=="length"||l&&(h=="offset"||h=="parent")||a&&(h=="buffer"||h=="byteLength"||h=="byteOffset")||Xt(h,A))||f.push(h);return f}function Ce(e,t){for(var r=e.length;r--;)if(bt(e[r][0],t))return r;return-1}function _e(e){return e==null?e===void 0?S:pe:ee&&ee in Object(e)?function(t){var r=N.call(t,ee),n=t[ee];try{t[ee]=void 0;var l=!0}catch{}var a=it.call(t);return l&&(r?t[ee]=n:delete t[ee]),a}(e):function(t){return it.call(t)}(e)}function dt(e){return ye(e)&&_e(e)==z}function ft(e,t,r,n,l){return e===t||(e==null||t==null||!ye(e)&&!ye(t)?e!=e&&t!=t:function(a,d,f,A,h,b){var R=Oe(a),L=Oe(d),y=R?U:W(a),$=L?U:W(d),de=(y=y==z?O:y)==O,Ee=($=$==z?O:$)==O,fe=y==$;if(fe&&He(a)){if(!He(d))return!1;R=!0,de=!1}if(fe&&!de)return b||(b=new H),R||kt(a)?pt(a,d,f,A,h,b):function(u,c,Ie,Z,We,E,B){switch(Ie){case p:if(u.byteLength!=c.byteLength||u.byteOffset!=c.byteOffset)return!1;u=u.buffer,c=c.buffer;case j:return!(u.byteLength!=c.byteLength||!E(new st(u),new st(c)));case ie:case oe:case D:return bt(+u,+c);case F:return u.name==c.name&&u.message==c.message;case X:case ce:return u==c+"";case m:var J=Ft;case M:var me=Z&k;if(J||(J=Mt),u.size!=c.size&&!me)return!1;var Ae=B.get(u);if(Ae)return Ae==c;Z|=_,B.set(u,c);var Ze=pt(J(u),J(c),Z,We,E,B);return B.delete(u),Ze;case P:if(Ge)return Ge.call(u)==Ge.call(c)}return!1}(a,d,y,f,A,h,b);if(!(f&k)){var ke=de&&N.call(a,"__wrapped__"),mt=Ee&&N.call(d,"__wrapped__");if(ke||mt){var tr=ke?a.value():a,rr=mt?d.value():d;return b||(b=new H),h(tr,rr,f,A,b)}}return fe?(b||(b=new H),function(u,c,Ie,Z,We,E){var B=Ie&k,J=ht(u),me=J.length,Ae=ht(c),Ze=Ae.length;if(me!=Ze&&!B)return!1;for(var Se=me;Se--;){var ae=J[Se];if(!(B?ae in c:N.call(c,ae)))return!1}var gt=E.get(u);if(gt&&E.get(c))return gt==c;var Ne=!0;E.set(u,c),E.set(c,u);for(var Je=B;++Se<me;){var Re=u[ae=J[Se]],qe=c[ae];if(Z)var wt=B?Z(qe,Re,ae,c,u,E):Z(Re,qe,ae,u,c,E);if(!(wt===void 0?Re===qe||We(Re,qe,Ie,Z,E):wt)){Ne=!1;break}Je||(Je=ae=="constructor")}if(Ne&&!Je){var Fe=u.constructor,Me=c.constructor;Fe==Me||!("constructor"in u)||!("constructor"in c)||typeof Fe=="function"&&Fe instanceof Fe&&typeof Me=="function"&&Me instanceof Me||(Ne=!1)}return E.delete(u),E.delete(c),Ne}(a,d,f,A,h,b)):!1}(e,t,r,n,ft,l))}function Jt(e){return!(!yt(e)||function(t){return!!at&&at in t}(e))&&(vt(e)?Lt:x).test(ne(e))}function Kt(e){if(r=(t=e)&&t.constructor,n=typeof r=="function"&&r.prototype||we,t!==n)return Ut(e);var t,r,n,l=[];for(var a in Object(e))N.call(e,a)&&a!="constructor"&&l.push(a);return l}function pt(e,t,r,n,l,a){var d=r&k,f=e.length,A=t.length;if(f!=A&&!(d&&A>f))return!1;var h=a.get(e);if(h&&a.get(t))return h==t;var b=-1,R=!0,L=r&_?new xe:void 0;for(a.set(e,t),a.set(t,e);++b<f;){var y=e[b],$=t[b];if(n)var de=d?n($,y,b,t,e,a):n(y,$,b,e,t,a);if(de!==void 0){if(de)continue;R=!1;break}if(L){if(!qt(t,function(Ee,fe){if(ke=fe,!L.has(ke)&&(y===Ee||l(y,Ee,r,n,a)))return L.push(fe);var ke})){R=!1;break}}else if(y!==$&&!l(y,$,r,n,a)){R=!1;break}}return a.delete(e),a.delete(t),R}function ht(e){return function(t,r,n){var l=r(t);return Oe(t)?l:function(a,d){for(var f=-1,A=d.length,h=a.length;++f<A;)a[h+f]=d[f];return a}(l,n(t))}(e,er,Qt)}function ze(e,t){var r,n,l=e.__data__;return((n=typeof(r=t))=="string"||n=="number"||n=="symbol"||n=="boolean"?r!=="__proto__":r===null)?l[typeof t=="string"?"string":"hash"]:l.map}function le(e,t){var r=function(n,l){return n?.[l]}(e,t);return Jt(r)?r:void 0}te.prototype.clear=function(){this.__data__=ve?ve(null):{},this.size=0},te.prototype.delete=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},te.prototype.get=function(e){var t=this.__data__;if(ve){var r=t[e];return r===g?void 0:r}return N.call(t,e)?t[e]:void 0},te.prototype.has=function(e){var t=this.__data__;return ve?t[e]!==void 0:N.call(t,e)},te.prototype.set=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=ve&&t===void 0?g:t,this},T.prototype.clear=function(){this.__data__=[],this.size=0},T.prototype.delete=function(e){var t=this.__data__,r=Ce(t,e);return!(r<0)&&(r==t.length-1?t.pop():$t.call(t,r,1),--this.size,!0)},T.prototype.get=function(e){var t=this.__data__,r=Ce(t,e);return r<0?void 0:t[r][1]},T.prototype.has=function(e){return Ce(this.__data__,e)>-1},T.prototype.set=function(e,t){var r=this.__data__,n=Ce(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this},re.prototype.clear=function(){this.size=0,this.__data__={hash:new te,map:new(be||T),string:new te}},re.prototype.delete=function(e){var t=ze(this,e).delete(e);return this.size-=t?1:0,t},re.prototype.get=function(e){return ze(this,e).get(e)},re.prototype.has=function(e){return ze(this,e).has(e)},re.prototype.set=function(e,t){var r=ze(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this},xe.prototype.add=xe.prototype.push=function(e){return this.__data__.set(e,g),this},xe.prototype.has=function(e){return this.__data__.has(e)},H.prototype.clear=function(){this.__data__=new T,this.size=0},H.prototype.delete=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r},H.prototype.get=function(e){return this.__data__.get(e)},H.prototype.has=function(e){return this.__data__.has(e)},H.prototype.set=function(e,t){var r=this.__data__;if(r instanceof T){var n=r.__data__;if(!be||n.length<199)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new re(n)}return r.set(e,t),this.size=r.size,this};var Qt=ut?function(e){return e==null?[]:(e=Object(e),function(t,r){for(var n=-1,l=t==null?0:t.length,a=0,d=[];++n<l;){var f=t[n];r(f,n,t)&&(d[a++]=f)}return d}(ut(e),function(t){return ct.call(e,t)}))}:function(){return[]},W=_e;function Xt(e,t){return!!(t=t??q)&&(typeof e=="number"||he.test(e))&&e>-1&&e%1==0&&e<t}function ne(e){if(e!=null){try{return nt.call(e)}catch{}try{return e+""}catch{}}return""}function bt(e,t){return e===t||e!=e&&t!=t}(Be&&W(new Be(new ArrayBuffer(1)))!=p||be&&W(new be)!=m||Ue&&W(Ue.resolve())!=G||Ve&&W(new Ve)!=M||De&&W(new De)!=w)&&(W=function(e){var t=_e(e),r=t==O?e.constructor:void 0,n=r?ne(r):"";if(n)switch(n){case Vt:return p;case Dt:return m;case Gt:return G;case Ht:return M;case Wt:return w}return t});var Yt=dt(function(){return arguments}())?dt:function(e){return ye(e)&&N.call(e,"callee")&&!ct.call(e,"callee")},Oe=Array.isArray,He=Bt||function(){return!1};function vt(e){if(!yt(e))return!1;var t=_e(e);return t==V||t==Q||t==K||t==se}function _t(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=q}function yt(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}function ye(e){return e!=null&&typeof e=="object"}var kt=Ye?function(e){return function(t){return e(t)}}(Ye):function(e){return ye(e)&&_t(e.length)&&!!o[_e(e)]};function er(e){return(t=e)!=null&&_t(t.length)&&!vt(t)?Zt(e):Kt(e);var t}s.exports=function(e,t){return ft(e,t)}})(Ke,Ke.exports);const lr=ur(Ke.exports),dr=Te.cva(["flex"],{variants:{orientation:{vertical:["flex-col","gap-lg"],horizontal:["gap-xl"]}}}),xt=i.forwardRef(({name:s,value:v,defaultValue:g,className:k,intent:_,orientation:q="vertical",onCheckedChange:z,reverse:U=!1,children:K,...ie},oe)=>{const[F,V]=function(P,S,w){const j=P!==void 0,{current:p}=i.useRef(j?P:S),[x,he]=i.useState(S),o=j?P:x,ue=i.useCallback((Y,C=(I,ge)=>!lr(I,ge))=>{const I=typeof Y!="function"?Y:Y(o);C(o,I)&&!j&&he(I),w&&w(I)},[j,o,w]);return[o,ue,j,p]}(v,g),Q=Ct.useFormFieldControl(),m=i.useRef(z),{id:D,labelId:pe,description:O,state:G,isInvalid:se,isRequired:X}=Q,M=s??Q.name,ce=i.useMemo(()=>({id:D,name:M,value:F,intent:_,state:G,isInvalid:se,description:O,isRequired:X,reverse:U,onCheckedChange:(P,S)=>{const w=F||[],j=P?[...w,S]:w.filter(p=>p!==S);V(j),m.current&&m.current(j)}}),[D,M,F,_,G,se,O,X,V,U]);return i.useEffect(()=>{m.current=z},[z]),i.createElement(Ot.Provider,{value:ce},i.createElement("div",{ref:oe,className:dr({className:k,orientation:q}),role:"group","aria-labelledby":pe,"aria-describedby":O,...ie},K))});xt.displayName="CheckboxGroup",exports.Checkbox=Rt,exports.CheckboxGroup=xt;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),Ct=require("@spark-ui/form-field"),nr=require("@spark-ui/use-merge-refs"),Pe=require("class-variance-authority"),zt=require("@radix-ui/react-checkbox"),ar=require("@spark-ui/icon"),ir=require("@spark-ui/internal-utils"),or=require("@spark-ui/label"),Ot=i.createContext({}),Et=i.forwardRef(({title:s,fill:b="currentColor",stroke:g="none",...y},v)=>i.createElement("svg",{ref:v,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","data-title":"Check",...s&&{"data-title":s},fill:b,stroke:g,...y,dangerouslySetInnerHTML:{__html:(s===void 0?"":`<title>${s}</title>`)+'<path d="m8.92,19.08c-.18,0-.36-.03-.53-.1s-.33-.17-.47-.31l-5.49-5.34c-.28-.28-.42-.61-.42-1s.14-.73.42-1c.28-.28.62-.41,1.02-.41s.74.14,1.05.41l4.43,4.3,10.62-10.29c.28-.28.62-.42,1.02-.43.39,0,.73.13,1.02.43.28.28.42.61.42,1s-.14.73-.42,1l-11.65,11.32c-.14.14-.3.24-.47.31-.17.07-.35.1-.53.1Z"/>'}}));Et.displayName="Check";const It=i.forwardRef(({title:s,fill:b="currentColor",stroke:g="none",...y},v)=>i.createElement("svg",{ref:v,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","data-title":"Minus",...s&&{"data-title":s},fill:b,stroke:g,...y,dangerouslySetInnerHTML:{__html:(s===void 0?"":`<title>${s}</title>`)+'<path fill-rule="evenodd" d="m2,12c0-.62.45-1.12,1-1.12h18c.55,0,1,.5,1,1.12s-.45,1.12-1,1.12H3c-.55,0-1-.5-1-1.12Z"/>'}}));It.displayName="Minus";const At=i.forwardRef((s,b)=>i.createElement(zt.CheckboxIndicator,{ref:b,className:"flex h-full w-full items-center justify-center",...s}));At.displayName="CheckboxIndicator";const sr=Pe.cva(["h-sz-24 w-sz-24 shrink-0 items-center justify-center rounded-sm border-md bg-transparent outline-none","spark-disabled:cursor-not-allowed spark-disabled:opacity-dim-3 spark-disabled:hover:ring-0","focus-visible:u-ring","hover:border-main-container hover:ring-2","u-shadow-border-transition"],{variants:{intent:ir.makeVariants({main:["text-on-main","spark-state-unchecked:border-outline","spark-state-indeterminate:border-main spark-state-indeterminate:bg-main","spark-state-checked:border-main spark-state-checked:bg-main"],support:["text-on-support","spark-state-unchecked:border-outline","spark-state-indeterminate:border-support spark-state-indeterminate:bg-support","spark-state-checked:border-support spark-state-checked:bg-support"],accent:["text-on-accent","spark-state-unchecked:border-outline","spark-state-indeterminate:border-accent spark-state-indeterminate:bg-accent","spark-state-checked:border-accent spark-state-checked:bg-accent"],basic:["text-on-basic","spark-state-unchecked:border-outline","spark-state-indeterminate:border-basic spark-state-indeterminate:bg-basic","spark-state-checked:border-basic spark-state-checked:bg-basic"],success:["text-on-success","spark-state-unchecked:border-success","spark-state-indeterminate:border-success spark-state-indeterminate:bg-success","spark-state-checked:border-success spark-state-checked:bg-success"],alert:["text-on-alert","spark-state-unchecked:border-alert","spark-state-indeterminate:border-alert spark-state-indeterminate:bg-alert","spark-state-checked:border-alert spark-state-checked:bg-alert"],error:["text-on-error","spark-state-unchecked:border-error","spark-state-indeterminate:border-error spark-state-indeterminate:bg-error","spark-state-checked:border-error spark-state-checked:bg-error"],info:["text-on-info","spark-state-unchecked:border-info","spark-state-indeterminate:border-info spark-state-indeterminate:bg-info","spark-state-checked:border-info spark-state-checked:bg-info"],neutral:["text-on-neutral","spark-state-unchecked:border-neutral","spark-state-indeterminate:border-neutral spark-state-indeterminate:bg-neutral","spark-state-checked:border-neutral spark-state-checked:bg-neutral"]})},defaultVariants:{intent:"basic"}}),St=i.forwardRef(({className:s,icon:b=i.createElement(Et,null),indeterminateIcon:g=i.createElement(It,null),intent:y,checked:v,...F},C)=>i.createElement(zt.Checkbox,{ref:C,className:sr({intent:y,className:s}),checked:v,...F},i.createElement(At,null,i.createElement(ar.Icon,{size:"sm"},v==="indeterminate"?g:b))));St.displayName="CheckboxInput";const cr=Pe.cva("grow",{variants:{disabled:{true:["text-neutral/dim-2","cursor-not-allowed"],false:["cursor-pointer"]}},defaultVariants:{disabled:!1}}),Nt=({disabled:s,...b})=>i.createElement(or.Label,{className:cr({disabled:s}),...b});Nt.displayName="CheckboxLabel";const jt=":checkbox",Rt=i.forwardRef(({id:s,className:b,intent:g,checked:y,value:v,disabled:F,reverse:C=!1,onCheckedChange:V,children:K,...ce},ue)=>{const D=`${jt}-${i.useId()}`,G=s||D,Q=`${jt}-${i.useId()}`,E=Ct.useFormFieldControl(),I=i.useContext(Ot),le=i.useRef(),z=nr.useMergeRefs(ue,le),X=v?I.value?.includes(v):y,{id:Y,name:ee,isInvalid:$,isRequired:de,description:M,intent:P}=(({fieldState:m,groupState:j,checkboxIntent:o})=>{const fe=m.name??j.name,te=m.isRequired??j.isRequired,x=m.state??j.state,N=m.isInvalid??j.isInvalid,re=m.id!==j.id;return{name:fe,isRequired:te,isInvalid:N,id:re?m.id:void 0,description:re?m.description:void 0,intent:x??o??j.intent}})({fieldState:E,groupState:I,checkboxIntent:g}),w=K&&i.createElement(Nt,{disabled:F,htmlFor:Y||G,id:Q},K),k=i.createElement(St,{ref:z,id:Y||G,name:ee,value:v,intent:P,checked:X,disabled:F,required:de,"aria-describedby":M,"aria-invalid":$,onCheckedChange:m=>{V?.(m);const j=le.current?.value;j&&I.onCheckedChange&&I.onCheckedChange(m,j)},"aria-labelledby":K?Q:E.labelId,...ce}),S=I.reverse||C?i.createElement(i.Fragment,null,w,k):i.createElement(i.Fragment,null,k,w);return i.createElement("div",{"data-spark-component":"checkbox",className:Pe.cx("relative flex items-start gap-md text-body-1",b)},S)});Rt.displayName="Checkbox";var Me=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function ur(s){return s&&s.__esModule&&Object.prototype.hasOwnProperty.call(s,"default")?s.default:s}var Ke={exports:{}};(function(s,b){var g="__lodash_hash_undefined__",y=1,v=2,F=9007199254740991,C="[object Arguments]",V="[object Array]",K="[object AsyncFunction]",ce="[object Boolean]",ue="[object Date]",D="[object Error]",G="[object Function]",Q="[object GeneratorFunction]",E="[object Map]",I="[object Number]",le="[object Null]",z="[object Object]",X="[object Promise]",Y="[object Proxy]",ee="[object RegExp]",$="[object Set]",de="[object String]",M="[object Symbol]",P="[object Undefined]",w="[object WeakMap]",k="[object ArrayBuffer]",S="[object DataView]",m=/^\[object .+?Constructor\]$/,j=/^(?:0|[1-9]\d*)$/,o={};o["[object Float32Array]"]=o["[object Float64Array]"]=o["[object Int8Array]"]=o["[object Int16Array]"]=o["[object Int32Array]"]=o["[object Uint8Array]"]=o["[object Uint8ClampedArray]"]=o["[object Uint16Array]"]=o["[object Uint32Array]"]=!0,o[C]=o[V]=o[k]=o[ce]=o[S]=o[ue]=o[D]=o[G]=o[E]=o[I]=o[z]=o[ee]=o[$]=o[de]=o[w]=!1;var fe=typeof Me=="object"&&Me&&Me.Object===Object&&Me,te=typeof self=="object"&&self&&self.Object===Object&&self,x=fe||te||Function("return this")(),N=b&&!b.nodeType&&b,re=N&&s&&!s.nodeType&&s,Qe=re&&re.exports===N,Te=Qe&&fe.process,Xe=function(){try{return Te&&Te.binding&&Te.binding("util")}catch{}}(),Ye=Xe&&Xe.isTypedArray;function qt(e,t){for(var r=-1,n=e==null?0:e.length;++r<n;)if(t(e[r],r,e))return!0;return!1}function Ft(e){var t=-1,r=Array(e.size);return e.forEach(function(n,l){r[++t]=[l,n]}),r}function $t(e){var t=-1,r=Array(e.size);return e.forEach(function(n){r[++t]=n}),r}var et,tt,rt,Mt=Array.prototype,Pt=Function.prototype,we=Object.prototype,Le=x["__core-js_shared__"],nt=Pt.toString,R=we.hasOwnProperty,at=(et=/[^.]+$/.exec(Le&&Le.keys&&Le.keys.IE_PROTO||""))?"Symbol(src)_1."+et:"",it=we.toString,Tt=RegExp("^"+nt.call(R).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),ot=Qe?x.Buffer:void 0,je=x.Symbol,st=x.Uint8Array,ct=we.propertyIsEnumerable,Lt=Mt.splice,ne=je?je.toStringTag:void 0,ut=Object.getOwnPropertySymbols,Bt=ot?ot.isBuffer:void 0,Ut=(tt=Object.keys,rt=Object,function(e){return tt(rt(e))}),Be=pe(x,"DataView"),ve=pe(x,"Map"),Ue=pe(x,"Promise"),Ve=pe(x,"Set"),De=pe(x,"WeakMap"),_e=pe(Object,"create"),Vt=oe(Be),Dt=oe(ve),Gt=oe(Ue),Ht=oe(Ve),Wt=oe(De),lt=je?je.prototype:void 0,Ge=lt?lt.valueOf:void 0;function ae(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function T(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function ie(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function xe(e){var t=-1,r=e==null?0:e.length;for(this.__data__=new ie;++t<r;)this.add(e[t])}function H(e){var t=this.__data__=new T(e);this.size=t.size}function Zt(e,t){var r=Oe(e),n=!r&&Yt(e),l=!r&&!n&&He(e),a=!r&&!n&&!l&&kt(e),d=r||n||l||a,f=d?function(h,q){for(var L=-1,_=Array(h);++L<h;)_[L]=q(L);return _}(e.length,String):[],A=f.length;for(var p in e)!t&&!R.call(e,p)||d&&(p=="length"||l&&(p=="offset"||p=="parent")||a&&(p=="buffer"||p=="byteLength"||p=="byteOffset")||Xt(p,A))||f.push(p);return f}function Ce(e,t){for(var r=e.length;r--;)if(bt(e[r][0],t))return r;return-1}function ye(e){return e==null?e===void 0?P:le:ne&&ne in Object(e)?function(t){var r=R.call(t,ne),n=t[ne];try{t[ne]=void 0;var l=!0}catch{}var a=it.call(t);return l&&(r?t[ne]=n:delete t[ne]),a}(e):function(t){return it.call(t)}(e)}function dt(e){return ke(e)&&ye(e)==C}function ft(e,t,r,n,l){return e===t||(e==null||t==null||!ke(e)&&!ke(t)?e!=e&&t!=t:function(a,d,f,A,p,h){var q=Oe(a),L=Oe(d),_=q?V:W(a),B=L?V:W(d),he=(_=_==C?z:_)==z,Ee=(B=B==C?z:B)==z,be=_==B;if(be&&He(a)){if(!He(d))return!1;q=!0,he=!1}if(be&&!he)return h||(h=new H),q||kt(a)?pt(a,d,f,A,p,h):function(u,c,Ie,Z,We,O,U){switch(Ie){case S:if(u.byteLength!=c.byteLength||u.byteOffset!=c.byteOffset)return!1;u=u.buffer,c=c.buffer;case k:return!(u.byteLength!=c.byteLength||!O(new st(u),new st(c)));case ce:case ue:case I:return bt(+u,+c);case D:return u.name==c.name&&u.message==c.message;case ee:case de:return u==c+"";case E:var J=Ft;case $:var ge=Z&y;if(J||(J=$t),u.size!=c.size&&!ge)return!1;var Ae=U.get(u);if(Ae)return Ae==c;Z|=v,U.set(u,c);var Ze=pt(J(u),J(c),Z,We,O,U);return U.delete(u),Ze;case M:if(Ge)return Ge.call(u)==Ge.call(c)}return!1}(a,d,_,f,A,p,h);if(!(f&y)){var me=he&&R.call(a,"__wrapped__"),mt=Ee&&R.call(d,"__wrapped__");if(me||mt){var tr=me?a.value():a,rr=mt?d.value():d;return h||(h=new H),p(tr,rr,f,A,h)}}return be?(h||(h=new H),function(u,c,Ie,Z,We,O){var U=Ie&y,J=ht(u),ge=J.length,Ae=ht(c),Ze=Ae.length;if(ge!=Ze&&!U)return!1;for(var Se=ge;Se--;){var se=J[Se];if(!(U?se in c:R.call(c,se)))return!1}var gt=O.get(u);if(gt&&O.get(c))return gt==c;var Ne=!0;O.set(u,c),O.set(c,u);for(var Je=U;++Se<ge;){var Re=u[se=J[Se]],qe=c[se];if(Z)var wt=U?Z(qe,Re,se,c,u,O):Z(Re,qe,se,u,c,O);if(!(wt===void 0?Re===qe||We(Re,qe,Ie,Z,O):wt)){Ne=!1;break}Je||(Je=se=="constructor")}if(Ne&&!Je){var Fe=u.constructor,$e=c.constructor;Fe==$e||!("constructor"in u)||!("constructor"in c)||typeof Fe=="function"&&Fe instanceof Fe&&typeof $e=="function"&&$e instanceof $e||(Ne=!1)}return O.delete(u),O.delete(c),Ne}(a,d,f,A,p,h)):!1}(e,t,r,n,ft,l))}function Jt(e){return!(!yt(e)||function(t){return!!at&&at in t}(e))&&(vt(e)?Tt:m).test(oe(e))}function Kt(e){if(r=(t=e)&&t.constructor,n=typeof r=="function"&&r.prototype||we,t!==n)return Ut(e);var t,r,n,l=[];for(var a in Object(e))R.call(e,a)&&a!="constructor"&&l.push(a);return l}function pt(e,t,r,n,l,a){var d=r&y,f=e.length,A=t.length;if(f!=A&&!(d&&A>f))return!1;var p=a.get(e);if(p&&a.get(t))return p==t;var h=-1,q=!0,L=r&v?new xe:void 0;for(a.set(e,t),a.set(t,e);++h<f;){var _=e[h],B=t[h];if(n)var he=d?n(B,_,h,t,e,a):n(_,B,h,e,t,a);if(he!==void 0){if(he)continue;q=!1;break}if(L){if(!qt(t,function(Ee,be){if(me=be,!L.has(me)&&(_===Ee||l(_,Ee,r,n,a)))return L.push(be);var me})){q=!1;break}}else if(_!==B&&!l(_,B,r,n,a)){q=!1;break}}return a.delete(e),a.delete(t),q}function ht(e){return function(t,r,n){var l=r(t);return Oe(t)?l:function(a,d){for(var f=-1,A=d.length,p=a.length;++f<A;)a[p+f]=d[f];return a}(l,n(t))}(e,er,Qt)}function ze(e,t){var r,n,l=e.__data__;return((n=typeof(r=t))=="string"||n=="number"||n=="symbol"||n=="boolean"?r!=="__proto__":r===null)?l[typeof t=="string"?"string":"hash"]:l.map}function pe(e,t){var r=function(n,l){return n?.[l]}(e,t);return Jt(r)?r:void 0}ae.prototype.clear=function(){this.__data__=_e?_e(null):{},this.size=0},ae.prototype.delete=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},ae.prototype.get=function(e){var t=this.__data__;if(_e){var r=t[e];return r===g?void 0:r}return R.call(t,e)?t[e]:void 0},ae.prototype.has=function(e){var t=this.__data__;return _e?t[e]!==void 0:R.call(t,e)},ae.prototype.set=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=_e&&t===void 0?g:t,this},T.prototype.clear=function(){this.__data__=[],this.size=0},T.prototype.delete=function(e){var t=this.__data__,r=Ce(t,e);return!(r<0)&&(r==t.length-1?t.pop():Lt.call(t,r,1),--this.size,!0)},T.prototype.get=function(e){var t=this.__data__,r=Ce(t,e);return r<0?void 0:t[r][1]},T.prototype.has=function(e){return Ce(this.__data__,e)>-1},T.prototype.set=function(e,t){var r=this.__data__,n=Ce(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this},ie.prototype.clear=function(){this.size=0,this.__data__={hash:new ae,map:new(ve||T),string:new ae}},ie.prototype.delete=function(e){var t=ze(this,e).delete(e);return this.size-=t?1:0,t},ie.prototype.get=function(e){return ze(this,e).get(e)},ie.prototype.has=function(e){return ze(this,e).has(e)},ie.prototype.set=function(e,t){var r=ze(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this},xe.prototype.add=xe.prototype.push=function(e){return this.__data__.set(e,g),this},xe.prototype.has=function(e){return this.__data__.has(e)},H.prototype.clear=function(){this.__data__=new T,this.size=0},H.prototype.delete=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r},H.prototype.get=function(e){return this.__data__.get(e)},H.prototype.has=function(e){return this.__data__.has(e)},H.prototype.set=function(e,t){var r=this.__data__;if(r instanceof T){var n=r.__data__;if(!ve||n.length<199)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new ie(n)}return r.set(e,t),this.size=r.size,this};var Qt=ut?function(e){return e==null?[]:(e=Object(e),function(t,r){for(var n=-1,l=t==null?0:t.length,a=0,d=[];++n<l;){var f=t[n];r(f,n,t)&&(d[a++]=f)}return d}(ut(e),function(t){return ct.call(e,t)}))}:function(){return[]},W=ye;function Xt(e,t){return!!(t=t??F)&&(typeof e=="number"||j.test(e))&&e>-1&&e%1==0&&e<t}function oe(e){if(e!=null){try{return nt.call(e)}catch{}try{return e+""}catch{}}return""}function bt(e,t){return e===t||e!=e&&t!=t}(Be&&W(new Be(new ArrayBuffer(1)))!=S||ve&&W(new ve)!=E||Ue&&W(Ue.resolve())!=X||Ve&&W(new Ve)!=$||De&&W(new De)!=w)&&(W=function(e){var t=ye(e),r=t==z?e.constructor:void 0,n=r?oe(r):"";if(n)switch(n){case Vt:return S;case Dt:return E;case Gt:return X;case Ht:return $;case Wt:return w}return t});var Yt=dt(function(){return arguments}())?dt:function(e){return ke(e)&&R.call(e,"callee")&&!ct.call(e,"callee")},Oe=Array.isArray,He=Bt||function(){return!1};function vt(e){if(!yt(e))return!1;var t=ye(e);return t==G||t==Q||t==K||t==Y}function _t(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=F}function yt(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}function ke(e){return e!=null&&typeof e=="object"}var kt=Ye?function(e){return function(t){return e(t)}}(Ye):function(e){return ke(e)&&_t(e.length)&&!!o[ye(e)]};function er(e){return(t=e)!=null&&_t(t.length)&&!vt(t)?Zt(e):Kt(e);var t}s.exports=function(e,t){return ft(e,t)}})(Ke,Ke.exports);const lr=ur(Ke.exports),dr=Pe.cva(["flex"],{variants:{orientation:{vertical:["flex-col","gap-lg"],horizontal:["gap-xl"]}}}),xt=i.forwardRef(({name:s,value:b,defaultValue:g,className:y,intent:v,orientation:F="vertical",onCheckedChange:C,reverse:V=!1,children:K,...ce},ue)=>{const[D,G]=function(M,P,w){const k=M!==void 0,{current:S}=i.useRef(k?M:P),[m,j]=i.useState(P),o=k?M:m,fe=i.useCallback((te,x=(N,re)=>!lr(N,re))=>{const N=typeof te!="function"?te:te(o);x(o,N)&&!k&&j(N),w&&w(N)},[k,o,w]);return[o,fe,k,S]}(b,g),Q=Ct.useFormFieldControl(),E=i.useRef(C),{id:I,labelId:le,description:z,state:X,isInvalid:Y,isRequired:ee}=Q,$=s??Q.name,de=i.useMemo(()=>({id:I,name:$,value:D,intent:v,state:X,isInvalid:Y,description:z,isRequired:ee,reverse:V,onCheckedChange:(M,P)=>{const w=D||[],k=M?[...w,P]:w.filter(S=>S!==P);G(k),E.current&&E.current(k)}}),[I,$,D,v,X,Y,z,ee,G,V]);return i.useEffect(()=>{E.current=C},[C]),i.createElement(Ot.Provider,{value:de},i.createElement("div",{ref:ue,className:dr({className:y,orientation:F}),role:"group","aria-labelledby":le,"aria-describedby":z,...ce},K))});xt.displayName="CheckboxGroup",exports.Checkbox=Rt,exports.CheckboxGroup=xt;

package/dist/index.mjs

@@ -1,49 +1,48 @@
-import f, { createContext as rr, useContext as nr, forwardRef as Te, useRef as Ke, useState as ar, useCallback as or, useMemo as ir, useEffect as sr } from "react";
-import { useId as Ct } from "@radix-ui/react-id";
-import { useFormFieldControl as zt } from "@spark-ui/form-field";
-import { useMergeRefs as cr } from "@spark-ui/use-merge-refs";
-import { cva as Xe, cx as ur } from "class-variance-authority";
-import { CheckboxIndicator as lr, Checkbox as dr } from "@radix-ui/react-checkbox";
-import { Icon as fr } from "@spark-ui/icon";
-import { makeVariants as pr } from "@spark-ui/internal-utils";
-import { Label as hr } from "@spark-ui/label";
-const Et = rr({}), Ot = f.forwardRef(({ title: i, fill: v = "currentColor", stroke: g = "none", ...k }, m) => f.createElement("svg", { ref: m, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "data-title": "Check", ...i && { "data-title": i }, fill: v, stroke: g, ...k, dangerouslySetInnerHTML: { __html: (i === void 0 ? "" : `<title>${i}</title>`) + '<path d="m8.92,19.08c-.18,0-.36-.03-.53-.1s-.33-.17-.47-.31l-5.49-5.34c-.28-.28-.42-.61-.42-1s.14-.73.42-1c.28-.28.62-.41,1.02-.41s.74.14,1.05.41l4.43,4.3,10.62-10.29c.28-.28.62-.42,1.02-.43.39,0,.73.13,1.02.43.28.28.42.61.42,1s-.14.73-.42,1l-11.65,11.32c-.14.14-.3.24-.47.31-.17.07-.35.1-.53.1Z"/>' } }));
-Ot.displayName = "Check";
-const It = f.forwardRef(({ title: i, fill: v = "currentColor", stroke: g = "none", ...k }, m) => f.createElement("svg", { ref: m, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "data-title": "Minus", ...i && { "data-title": i }, fill: v, stroke: g, ...k, dangerouslySetInnerHTML: { __html: (i === void 0 ? "" : `<title>${i}</title>`) + '<path fill-rule="evenodd" d="m2,12c0-.62.45-1.12,1-1.12h18c.55,0,1,.5,1,1.12s-.45,1.12-1,1.12H3c-.55,0-1-.5-1-1.12Z"/>' } }));
-It.displayName = "Minus";
-const At = Te((i, v) => f.createElement(lr, { ref: v, className: "flex h-full w-full items-center justify-center", ...i }));
-At.displayName = "CheckboxIndicator";
-const br = Xe(["h-sz-24 w-sz-24 shrink-0 items-center justify-center rounded-sm border-md bg-transparent outline-none", "spark-disabled:cursor-not-allowed spark-disabled:opacity-dim-3 spark-disabled:hover:ring-0", "focus-visible:u-ring", "hover:border-main-container hover:ring-2", "u-shadow-border-transition"], { variants: { intent: pr({ main: ["text-on-main", "spark-state-unchecked:border-outline", "spark-state-indeterminate:border-main spark-state-indeterminate:bg-main", "spark-state-checked:border-main spark-state-checked:bg-main"], support: ["text-on-support", "spark-state-unchecked:border-outline", "spark-state-indeterminate:border-support spark-state-indeterminate:bg-support", "spark-state-checked:border-support spark-state-checked:bg-support"], accent: ["text-on-accent", "spark-state-unchecked:border-outline", "spark-state-indeterminate:border-accent spark-state-indeterminate:bg-accent", "spark-state-checked:border-accent spark-state-checked:bg-accent"], basic: ["text-on-basic", "spark-state-unchecked:border-outline", "spark-state-indeterminate:border-basic spark-state-indeterminate:bg-basic", "spark-state-checked:border-basic spark-state-checked:bg-basic"], success: ["text-on-success", "spark-state-unchecked:border-success", "spark-state-indeterminate:border-success spark-state-indeterminate:bg-success", "spark-state-checked:border-success spark-state-checked:bg-success"], alert: ["text-on-alert", "spark-state-unchecked:border-alert", "spark-state-indeterminate:border-alert spark-state-indeterminate:bg-alert", "spark-state-checked:border-alert spark-state-checked:bg-alert"], error: ["text-on-error", "spark-state-unchecked:border-error", "spark-state-indeterminate:border-error spark-state-indeterminate:bg-error", "spark-state-checked:border-error spark-state-checked:bg-error"], info: ["text-on-info", "spark-state-unchecked:border-info", "spark-state-indeterminate:border-info spark-state-indeterminate:bg-info", "spark-state-checked:border-info spark-state-checked:bg-info"], neutral: ["text-on-neutral", "spark-state-unchecked:border-neutral", "spark-state-indeterminate:border-neutral spark-state-indeterminate:bg-neutral", "spark-state-checked:border-neutral spark-state-checked:bg-neutral"] }) }, defaultVariants: { intent: "basic" } }), Nt = Te(({ className: i, icon: v = f.createElement(Ot, null), indeterminateIcon: g = f.createElement(It, null), intent: k, checked: m, ...F }, z) => f.createElement(dr, { ref: z, className: br({ intent: k, className: i }), checked: m, ...F }, f.createElement(At, null, f.createElement(fr, { size: "sm" }, m === "indeterminate" ? g : v))));
-Nt.displayName = "CheckboxInput";
-const vr = Xe("grow", { variants: { disabled: { true: ["text-neutral/dim-2", "cursor-not-allowed"], false: ["cursor-pointer"] } }, defaultVariants: { disabled: !1 } }), St = ({ disabled: i, ...v }) => f.createElement(hr, { className: vr({ disabled: i }), ...v });
-St.displayName = "CheckboxLabel";
-const mr = Te(({ id: i, className: v, intent: g, checked: k, value: m, disabled: F, reverse: z = !1, onCheckedChange: U, children: K, ...oe }, ie) => {
-  const M = Ct(i), V = Ct(), Q = zt(), y = nr(Et), D = Ke(), pe = cr(ie, D), E = m ? y.value?.includes(m) : k, { id: G, name: se, isInvalid: X, isRequired: P, description: ce, intent: L } = (({ fieldState: p, groupState: x, checkboxIntent: he }) => {
-    const o = p.name ?? x.name, ue = p.isRequired ?? x.isRequired, Y = p.state ?? x.state, C = p.isInvalid ?? x.isInvalid, I = p.id !== x.id;
-    return { name: o, isRequired: ue, isInvalid: C, id: I ? p.id : void 0, description: I ? p.description : void 0, intent: Y ?? he ?? x.intent };
-  })({ fieldState: Q, groupState: y, checkboxIntent: g }), N = K && f.createElement(St, { disabled: F, htmlFor: G || M, id: V }, K), j = f.createElement(Nt, { ref: pe, id: G || M, name: se, value: m, intent: L, checked: E, disabled: F, required: P, "aria-describedby": ce, "aria-invalid": X, onCheckedChange: (p) => {
-    U?.(p);
-    const x = D.current?.value;
-    x && y.onCheckedChange && y.onCheckedChange(p, x);
-  }, "aria-labelledby": K ? V : Q.labelId, ...oe }), w = y.reverse || z ? f.createElement(f.Fragment, null, N, j) : f.createElement(f.Fragment, null, j, N);
-  return f.createElement("div", { "data-spark-component": "checkbox", className: ur("relative flex items-start gap-md text-body-1", v) }, w);
+import f, { createContext as nr, useContext as ar, forwardRef as Te, useId as Ct, useRef as Ke, useState as or, useCallback as ir, useMemo as sr, useEffect as cr } from "react";
+import { useFormFieldControl as Et } from "@spark-ui/form-field";
+import { useMergeRefs as ur } from "@spark-ui/use-merge-refs";
+import { cva as Xe, cx as lr } from "class-variance-authority";
+import { CheckboxIndicator as dr, Checkbox as fr } from "@radix-ui/react-checkbox";
+import { Icon as pr } from "@spark-ui/icon";
+import { makeVariants as hr } from "@spark-ui/internal-utils";
+import { Label as br } from "@spark-ui/label";
+const Ot = nr({}), It = f.forwardRef(({ title: i, fill: b = "currentColor", stroke: g = "none", ..._ }, v) => f.createElement("svg", { ref: v, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "data-title": "Check", ...i && { "data-title": i }, fill: b, stroke: g, ..._, dangerouslySetInnerHTML: { __html: (i === void 0 ? "" : `<title>${i}</title>`) + '<path d="m8.92,19.08c-.18,0-.36-.03-.53-.1s-.33-.17-.47-.31l-5.49-5.34c-.28-.28-.42-.61-.42-1s.14-.73.42-1c.28-.28.62-.41,1.02-.41s.74.14,1.05.41l4.43,4.3,10.62-10.29c.28-.28.62-.42,1.02-.43.39,0,.73.13,1.02.43.28.28.42.61.42,1s-.14.73-.42,1l-11.65,11.32c-.14.14-.3.24-.47.31-.17.07-.35.1-.53.1Z"/>' } }));
+It.displayName = "Check";
+const At = f.forwardRef(({ title: i, fill: b = "currentColor", stroke: g = "none", ..._ }, v) => f.createElement("svg", { ref: v, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "data-title": "Minus", ...i && { "data-title": i }, fill: b, stroke: g, ..._, dangerouslySetInnerHTML: { __html: (i === void 0 ? "" : `<title>${i}</title>`) + '<path fill-rule="evenodd" d="m2,12c0-.62.45-1.12,1-1.12h18c.55,0,1,.5,1,1.12s-.45,1.12-1,1.12H3c-.55,0-1-.5-1-1.12Z"/>' } }));
+At.displayName = "Minus";
+const Nt = Te((i, b) => f.createElement(dr, { ref: b, className: "flex h-full w-full items-center justify-center", ...i }));
+Nt.displayName = "CheckboxIndicator";
+const vr = Xe(["h-sz-24 w-sz-24 shrink-0 items-center justify-center rounded-sm border-md bg-transparent outline-none", "spark-disabled:cursor-not-allowed spark-disabled:opacity-dim-3 spark-disabled:hover:ring-0", "focus-visible:u-ring", "hover:border-main-container hover:ring-2", "u-shadow-border-transition"], { variants: { intent: hr({ main: ["text-on-main", "spark-state-unchecked:border-outline", "spark-state-indeterminate:border-main spark-state-indeterminate:bg-main", "spark-state-checked:border-main spark-state-checked:bg-main"], support: ["text-on-support", "spark-state-unchecked:border-outline", "spark-state-indeterminate:border-support spark-state-indeterminate:bg-support", "spark-state-checked:border-support spark-state-checked:bg-support"], accent: ["text-on-accent", "spark-state-unchecked:border-outline", "spark-state-indeterminate:border-accent spark-state-indeterminate:bg-accent", "spark-state-checked:border-accent spark-state-checked:bg-accent"], basic: ["text-on-basic", "spark-state-unchecked:border-outline", "spark-state-indeterminate:border-basic spark-state-indeterminate:bg-basic", "spark-state-checked:border-basic spark-state-checked:bg-basic"], success: ["text-on-success", "spark-state-unchecked:border-success", "spark-state-indeterminate:border-success spark-state-indeterminate:bg-success", "spark-state-checked:border-success spark-state-checked:bg-success"], alert: ["text-on-alert", "spark-state-unchecked:border-alert", "spark-state-indeterminate:border-alert spark-state-indeterminate:bg-alert", "spark-state-checked:border-alert spark-state-checked:bg-alert"], error: ["text-on-error", "spark-state-unchecked:border-error", "spark-state-indeterminate:border-error spark-state-indeterminate:bg-error", "spark-state-checked:border-error spark-state-checked:bg-error"], info: ["text-on-info", "spark-state-unchecked:border-info", "spark-state-indeterminate:border-info spark-state-indeterminate:bg-info", "spark-state-checked:border-info spark-state-checked:bg-info"], neutral: ["text-on-neutral", "spark-state-unchecked:border-neutral", "spark-state-indeterminate:border-neutral spark-state-indeterminate:bg-neutral", "spark-state-checked:border-neutral spark-state-checked:bg-neutral"] }) }, defaultVariants: { intent: "basic" } }), St = Te(({ className: i, icon: b = f.createElement(It, null), indeterminateIcon: g = f.createElement(At, null), intent: _, checked: v, ...F }, C) => f.createElement(fr, { ref: C, className: vr({ intent: _, className: i }), checked: v, ...F }, f.createElement(Nt, null, f.createElement(pr, { size: "sm" }, v === "indeterminate" ? g : b))));
+St.displayName = "CheckboxInput";
+const mr = Xe("grow", { variants: { disabled: { true: ["text-neutral/dim-2", "cursor-not-allowed"], false: ["cursor-pointer"] } }, defaultVariants: { disabled: !1 } }), Rt = ({ disabled: i, ...b }) => f.createElement(br, { className: mr({ disabled: i }), ...b });
+Rt.displayName = "CheckboxLabel";
+const zt = ":checkbox", _r = Te(({ id: i, className: b, intent: g, checked: _, value: v, disabled: F, reverse: C = !1, onCheckedChange: V, children: K, ...ce }, ue) => {
+  const D = `${zt}-${Ct()}`, G = i || D, Q = `${zt}-${Ct()}`, O = Et(), I = ar(Ot), le = Ke(), z = ur(ue, le), X = v ? I.value?.includes(v) : _, { id: Y, name: ee, isInvalid: M, isRequired: de, description: P, intent: T } = (({ fieldState: y, groupState: w, checkboxIntent: o }) => {
+    const fe = y.name ?? w.name, te = y.isRequired ?? w.isRequired, x = y.state ?? w.state, S = y.isInvalid ?? w.isInvalid, re = y.id !== w.id;
+    return { name: fe, isRequired: te, isInvalid: S, id: re ? y.id : void 0, description: re ? y.description : void 0, intent: x ?? o ?? w.intent };
+  })({ fieldState: O, groupState: I, checkboxIntent: g }), j = K && f.createElement(Rt, { disabled: F, htmlFor: Y || G, id: Q }, K), k = f.createElement(St, { ref: z, id: Y || G, name: ee, value: v, intent: T, checked: X, disabled: F, required: de, "aria-describedby": P, "aria-invalid": M, onCheckedChange: (y) => {
+    V?.(y);
+    const w = le.current?.value;
+    w && I.onCheckedChange && I.onCheckedChange(y, w);
+  }, "aria-labelledby": K ? Q : O.labelId, ...ce }), N = I.reverse || C ? f.createElement(f.Fragment, null, j, k) : f.createElement(f.Fragment, null, k, j);
+  return f.createElement("div", { "data-spark-component": "checkbox", className: lr("relative flex items-start gap-md text-body-1", b) }, N);
 });
-mr.displayName = "Checkbox";
-var Le = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function _r(i) {
+_r.displayName = "Checkbox";
+var Pe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function kr(i) {
   return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
 }
 var Qe = { exports: {} };
-(function(i, v) {
-  var g = "__lodash_hash_undefined__", k = 1, m = 2, F = 9007199254740991, z = "[object Arguments]", U = "[object Array]", K = "[object AsyncFunction]", oe = "[object Boolean]", ie = "[object Date]", M = "[object Error]", V = "[object Function]", Q = "[object GeneratorFunction]", y = "[object Map]", D = "[object Number]", pe = "[object Null]", E = "[object Object]", G = "[object Promise]", se = "[object Proxy]", X = "[object RegExp]", P = "[object Set]", ce = "[object String]", L = "[object Symbol]", N = "[object Undefined]", j = "[object WeakMap]", w = "[object ArrayBuffer]", p = "[object DataView]", x = /^\[object .+?Constructor\]$/, he = /^(?:0|[1-9]\d*)$/, o = {};
-  o["[object Float32Array]"] = o["[object Float64Array]"] = o["[object Int8Array]"] = o["[object Int16Array]"] = o["[object Int32Array]"] = o["[object Uint8Array]"] = o["[object Uint8ClampedArray]"] = o["[object Uint16Array]"] = o["[object Uint32Array]"] = !0, o[z] = o[U] = o[w] = o[oe] = o[p] = o[ie] = o[M] = o[V] = o[y] = o[D] = o[E] = o[X] = o[P] = o[ce] = o[j] = !1;
-  var ue = typeof Le == "object" && Le && Le.Object === Object && Le, Y = typeof self == "object" && self && self.Object === Object && self, C = ue || Y || Function("return this")(), I = v && !v.nodeType && v, ge = I && i && !i.nodeType && i, Ye = ge && ge.exports === I, $e = Ye && ue.process, et = function() {
+(function(i, b) {
+  var g = "__lodash_hash_undefined__", _ = 1, v = 2, F = 9007199254740991, C = "[object Arguments]", V = "[object Array]", K = "[object AsyncFunction]", ce = "[object Boolean]", ue = "[object Date]", D = "[object Error]", G = "[object Function]", Q = "[object GeneratorFunction]", O = "[object Map]", I = "[object Number]", le = "[object Null]", z = "[object Object]", X = "[object Promise]", Y = "[object Proxy]", ee = "[object RegExp]", M = "[object Set]", de = "[object String]", P = "[object Symbol]", T = "[object Undefined]", j = "[object WeakMap]", k = "[object ArrayBuffer]", N = "[object DataView]", y = /^\[object .+?Constructor\]$/, w = /^(?:0|[1-9]\d*)$/, o = {};
+  o["[object Float32Array]"] = o["[object Float64Array]"] = o["[object Int8Array]"] = o["[object Int16Array]"] = o["[object Int32Array]"] = o["[object Uint8Array]"] = o["[object Uint8ClampedArray]"] = o["[object Uint16Array]"] = o["[object Uint32Array]"] = !0, o[C] = o[V] = o[k] = o[ce] = o[N] = o[ue] = o[D] = o[G] = o[O] = o[I] = o[z] = o[ee] = o[M] = o[de] = o[j] = !1;
+  var fe = typeof Pe == "object" && Pe && Pe.Object === Object && Pe, te = typeof self == "object" && self && self.Object === Object && self, x = fe || te || Function("return this")(), S = b && !b.nodeType && b, re = S && i && !i.nodeType && i, Ye = re && re.exports === S, Le = Ye && fe.process, et = function() {
     try {
-      return $e && $e.binding && $e.binding("util");
+      return Le && Le.binding && Le.binding("util");
     } catch {
     }
   }(), tt = et && et.isTypedArray;
-  function Rt(e, t) {
+  function $t(e, t) {
     for (var r = -1, n = e == null ? 0 : e.length; ++r < n; )
       if (t(e[r], r, e))
         return !0;
@@ -61,24 +60,24 @@ var Qe = { exports: {} };
       r[++t] = n;
     }), r;
   }
-  var rt, nt, at, Pt = Array.prototype, Lt = Function.prototype, je = Object.prototype, qe = C["__core-js_shared__"], ot = Lt.toString, S = je.hasOwnProperty, it = (rt = /[^.]+$/.exec(qe && qe.keys && qe.keys.IE_PROTO || "")) ? "Symbol(src)_1." + rt : "", st = je.toString, Tt = RegExp("^" + ot.call(S).replace(/[\\^$.*+?()[\]{}|]/g, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"), ct = Ye ? C.Buffer : void 0, we = C.Symbol, ut = C.Uint8Array, lt = je.propertyIsEnumerable, $t = Pt.splice, ee = we ? we.toStringTag : void 0, dt = Object.getOwnPropertySymbols, qt = ct ? ct.isBuffer : void 0, Bt = (nt = Object.keys, at = Object, function(e) {
+  var rt, nt, at, Pt = Array.prototype, Tt = Function.prototype, je = Object.prototype, qe = x["__core-js_shared__"], ot = Tt.toString, R = je.hasOwnProperty, it = (rt = /[^.]+$/.exec(qe && qe.keys && qe.keys.IE_PROTO || "")) ? "Symbol(src)_1." + rt : "", st = je.toString, Lt = RegExp("^" + ot.call(R).replace(/[\\^$.*+?()[\]{}|]/g, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"), ct = Ye ? x.Buffer : void 0, we = x.Symbol, ut = x.Uint8Array, lt = je.propertyIsEnumerable, qt = Pt.splice, ne = we ? we.toStringTag : void 0, dt = Object.getOwnPropertySymbols, Bt = ct ? ct.isBuffer : void 0, Ut = (nt = Object.keys, at = Object, function(e) {
     return nt(at(e));
-  }), Be = le(C, "DataView"), be = le(C, "Map"), Ue = le(C, "Promise"), Ve = le(C, "Set"), De = le(C, "WeakMap"), ve = le(Object, "create"), Ut = ne(Be), Vt = ne(be), Dt = ne(Ue), Gt = ne(Ve), Ht = ne(De), ft = we ? we.prototype : void 0, Ge = ft ? ft.valueOf : void 0;
-  function te(e) {
+  }), Be = pe(x, "DataView"), ve = pe(x, "Map"), Ue = pe(x, "Promise"), Ve = pe(x, "Set"), De = pe(x, "WeakMap"), me = pe(Object, "create"), Vt = ie(Be), Dt = ie(ve), Gt = ie(Ue), Ht = ie(Ve), Wt = ie(De), ft = we ? we.prototype : void 0, Ge = ft ? ft.valueOf : void 0;
+  function ae(e) {
     var t = -1, r = e == null ? 0 : e.length;
     for (this.clear(); ++t < r; ) {
       var n = e[t];
       this.set(n[0], n[1]);
     }
   }
-  function T(e) {
+  function L(e) {
     var t = -1, r = e == null ? 0 : e.length;
     for (this.clear(); ++t < r; ) {
       var n = e[t];
       this.set(n[0], n[1]);
     }
   }
-  function re(e) {
+  function oe(e) {
     var t = -1, r = e == null ? 0 : e.length;
     for (this.clear(); ++t < r; ) {
       var n = e[t];
@@ -87,21 +86,21 @@ var Qe = { exports: {} };
   }
   function xe(e) {
     var t = -1, r = e == null ? 0 : e.length;
-    for (this.__data__ = new re(); ++t < r; )
+    for (this.__data__ = new oe(); ++t < r; )
       this.add(e[t]);
   }
   function H(e) {
-    var t = this.__data__ = new T(e);
+    var t = this.__data__ = new L(e);
     this.size = t.size;
   }
-  function Wt(e, t) {
-    var r = Ee(e), n = !r && Xt(e), u = !r && !n && He(e), a = !r && !n && !u && gt(e), l = r || n || u || a, d = l ? function(b, R) {
-      for (var $ = -1, _ = Array(b); ++$ < b; )
-        _[$] = R($);
-      return _;
+  function Zt(e, t) {
+    var r = Ee(e), n = !r && Yt(e), u = !r && !n && He(e), a = !r && !n && !u && gt(e), l = r || n || u || a, d = l ? function(h, $) {
+      for (var q = -1, m = Array(h); ++q < h; )
+        m[q] = $(q);
+      return m;
     }(e.length, String) : [], A = d.length;
-    for (var h in e)
-      !t && !S.call(e, h) || l && (h == "length" || u && (h == "offset" || h == "parent") || a && (h == "buffer" || h == "byteLength" || h == "byteOffset") || Qt(h, A)) || d.push(h);
+    for (var p in e)
+      !t && !R.call(e, p) || l && (p == "length" || u && (p == "offset" || p == "parent") || a && (p == "buffer" || p == "byteLength" || p == "byteOffset") || Xt(p, A)) || d.push(p);
     return d;
   }
   function Ce(e, t) {
@@ -110,214 +109,214 @@ var Qe = { exports: {} };
         return r;
     return -1;
   }
-  function me(e) {
-    return e == null ? e === void 0 ? N : pe : ee && ee in Object(e) ? function(t) {
-      var r = S.call(t, ee), n = t[ee];
+  function _e(e) {
+    return e == null ? e === void 0 ? T : le : ne && ne in Object(e) ? function(t) {
+      var r = R.call(t, ne), n = t[ne];
       try {
-        t[ee] = void 0;
+        t[ne] = void 0;
         var u = !0;
       } catch {
       }
       var a = st.call(t);
-      return u && (r ? t[ee] = n : delete t[ee]), a;
+      return u && (r ? t[ne] = n : delete t[ne]), a;
     }(e) : function(t) {
       return st.call(t);
     }(e);
   }
   function pt(e) {
-    return _e(e) && me(e) == z;
+    return ke(e) && _e(e) == C;
   }
   function ht(e, t, r, n, u) {
-    return e === t || (e == null || t == null || !_e(e) && !_e(t) ? e != e && t != t : function(a, l, d, A, h, b) {
-      var R = Ee(a), $ = Ee(l), _ = R ? U : W(a), q = $ ? U : W(l), de = (_ = _ == z ? E : _) == E, Oe = (q = q == z ? E : q) == E, fe = _ == q;
-      if (fe && He(a)) {
+    return e === t || (e == null || t == null || !ke(e) && !ke(t) ? e != e && t != t : function(a, l, d, A, p, h) {
+      var $ = Ee(a), q = Ee(l), m = $ ? V : W(a), B = q ? V : W(l), he = (m = m == C ? z : m) == z, Oe = (B = B == C ? z : B) == z, be = m == B;
+      if (be && He(a)) {
         if (!He(l))
           return !1;
-        R = !0, de = !1;
+        $ = !0, he = !1;
       }
-      if (fe && !de)
-        return b || (b = new H()), R || gt(a) ? bt(a, l, d, A, h, b) : function(c, s, Ie, Z, We, O, B) {
+      if (be && !he)
+        return h || (h = new H()), $ || gt(a) ? bt(a, l, d, A, p, h) : function(c, s, Ie, Z, We, E, U) {
           switch (Ie) {
-            case p:
+            case N:
               if (c.byteLength != s.byteLength || c.byteOffset != s.byteOffset)
                 return !1;
               c = c.buffer, s = s.buffer;
-            case w:
-              return !(c.byteLength != s.byteLength || !O(new ut(c), new ut(s)));
-            case oe:
-            case ie:
-            case D:
+            case k:
+              return !(c.byteLength != s.byteLength || !E(new ut(c), new ut(s)));
+            case ce:
+            case ue:
+            case I:
               return mt(+c, +s);
-            case M:
+            case D:
               return c.name == s.name && c.message == s.message;
-            case X:
-            case ce:
+            case ee:
+            case de:
               return c == s + "";
-            case y:
+            case O:
               var J = Ft;
-            case P:
-              var ye = Z & k;
-              if (J || (J = Mt), c.size != s.size && !ye)
+            case M:
+              var ge = Z & _;
+              if (J || (J = Mt), c.size != s.size && !ge)
                 return !1;
-              var Ae = B.get(c);
+              var Ae = U.get(c);
               if (Ae)
                 return Ae == s;
-              Z |= m, B.set(c, s);
-              var Ze = bt(J(c), J(s), Z, We, O, B);
-              return B.delete(c), Ze;
-            case L:
+              Z |= v, U.set(c, s);
+              var Ze = bt(J(c), J(s), Z, We, E, U);
+              return U.delete(c), Ze;
+            case P:
               if (Ge)
                 return Ge.call(c) == Ge.call(s);
           }
           return !1;
-        }(a, l, _, d, A, h, b);
-      if (!(d & k)) {
-        var ke = de && S.call(a, "__wrapped__"), jt = Oe && S.call(l, "__wrapped__");
-        if (ke || jt) {
-          var er = ke ? a.value() : a, tr = jt ? l.value() : l;
-          return b || (b = new H()), h(er, tr, d, A, b);
+        }(a, l, m, d, A, p, h);
+      if (!(d & _)) {
+        var ye = he && R.call(a, "__wrapped__"), jt = Oe && R.call(l, "__wrapped__");
+        if (ye || jt) {
+          var tr = ye ? a.value() : a, rr = jt ? l.value() : l;
+          return h || (h = new H()), p(tr, rr, d, A, h);
         }
       }
-      return fe ? (b || (b = new H()), function(c, s, Ie, Z, We, O) {
-        var B = Ie & k, J = vt(c), ye = J.length, Ae = vt(s), Ze = Ae.length;
-        if (ye != Ze && !B)
+      return be ? (h || (h = new H()), function(c, s, Ie, Z, We, E) {
+        var U = Ie & _, J = vt(c), ge = J.length, Ae = vt(s), Ze = Ae.length;
+        if (ge != Ze && !U)
           return !1;
-        for (var Ne = ye; Ne--; ) {
-          var ae = J[Ne];
-          if (!(B ? ae in s : S.call(s, ae)))
+        for (var Ne = ge; Ne--; ) {
+          var se = J[Ne];
+          if (!(U ? se in s : R.call(s, se)))
             return !1;
         }
-        var wt = O.get(c);
-        if (wt && O.get(s))
+        var wt = E.get(c);
+        if (wt && E.get(s))
           return wt == s;
         var Se = !0;
-        O.set(c, s), O.set(s, c);
-        for (var Je = B; ++Ne < ye; ) {
-          var Re = c[ae = J[Ne]], Fe = s[ae];
+        E.set(c, s), E.set(s, c);
+        for (var Je = U; ++Ne < ge; ) {
+          var Re = c[se = J[Ne]], $e = s[se];
           if (Z)
-            var xt = B ? Z(Fe, Re, ae, s, c, O) : Z(Re, Fe, ae, c, s, O);
-          if (!(xt === void 0 ? Re === Fe || We(Re, Fe, Ie, Z, O) : xt)) {
+            var xt = U ? Z($e, Re, se, s, c, E) : Z(Re, $e, se, c, s, E);
+          if (!(xt === void 0 ? Re === $e || We(Re, $e, Ie, Z, E) : xt)) {
             Se = !1;
             break;
           }
-          Je || (Je = ae == "constructor");
+          Je || (Je = se == "constructor");
         }
         if (Se && !Je) {
-          var Me = c.constructor, Pe = s.constructor;
-          Me == Pe || !("constructor" in c) || !("constructor" in s) || typeof Me == "function" && Me instanceof Me && typeof Pe == "function" && Pe instanceof Pe || (Se = !1);
+          var Fe = c.constructor, Me = s.constructor;
+          Fe == Me || !("constructor" in c) || !("constructor" in s) || typeof Fe == "function" && Fe instanceof Fe && typeof Me == "function" && Me instanceof Me || (Se = !1);
         }
-        return O.delete(c), O.delete(s), Se;
-      }(a, l, d, A, h, b)) : !1;
+        return E.delete(c), E.delete(s), Se;
+      }(a, l, d, A, p, h)) : !1;
     }(e, t, r, n, ht, u));
   }
-  function Zt(e) {
+  function Jt(e) {
     return !(!yt(e) || function(t) {
       return !!it && it in t;
-    }(e)) && (_t(e) ? Tt : x).test(ne(e));
+    }(e)) && (_t(e) ? Lt : y).test(ie(e));
   }
-  function Jt(e) {
+  function Kt(e) {
     if (r = (t = e) && t.constructor, n = typeof r == "function" && r.prototype || je, t !== n)
-      return Bt(e);
+      return Ut(e);
     var t, r, n, u = [];
     for (var a in Object(e))
-      S.call(e, a) && a != "constructor" && u.push(a);
+      R.call(e, a) && a != "constructor" && u.push(a);
     return u;
   }
   function bt(e, t, r, n, u, a) {
-    var l = r & k, d = e.length, A = t.length;
+    var l = r & _, d = e.length, A = t.length;
     if (d != A && !(l && A > d))
       return !1;
-    var h = a.get(e);
-    if (h && a.get(t))
-      return h == t;
-    var b = -1, R = !0, $ = r & m ? new xe() : void 0;
-    for (a.set(e, t), a.set(t, e); ++b < d; ) {
-      var _ = e[b], q = t[b];
+    var p = a.get(e);
+    if (p && a.get(t))
+      return p == t;
+    var h = -1, $ = !0, q = r & v ? new xe() : void 0;
+    for (a.set(e, t), a.set(t, e); ++h < d; ) {
+      var m = e[h], B = t[h];
       if (n)
-        var de = l ? n(q, _, b, t, e, a) : n(_, q, b, e, t, a);
-      if (de !== void 0) {
-        if (de)
+        var he = l ? n(B, m, h, t, e, a) : n(m, B, h, e, t, a);
+      if (he !== void 0) {
+        if (he)
           continue;
-        R = !1;
+        $ = !1;
         break;
       }
-      if ($) {
-        if (!Rt(t, function(Oe, fe) {
-          if (ke = fe, !$.has(ke) && (_ === Oe || u(_, Oe, r, n, a)))
-            return $.push(fe);
-          var ke;
+      if (q) {
+        if (!$t(t, function(Oe, be) {
+          if (ye = be, !q.has(ye) && (m === Oe || u(m, Oe, r, n, a)))
+            return q.push(be);
+          var ye;
         })) {
-          R = !1;
+          $ = !1;
           break;
         }
-      } else if (_ !== q && !u(_, q, r, n, a)) {
-        R = !1;
+      } else if (m !== B && !u(m, B, r, n, a)) {
+        $ = !1;
         break;
       }
     }
-    return a.delete(e), a.delete(t), R;
+    return a.delete(e), a.delete(t), $;
   }
   function vt(e) {
     return function(t, r, n) {
       var u = r(t);
       return Ee(t) ? u : function(a, l) {
-        for (var d = -1, A = l.length, h = a.length; ++d < A; )
-          a[h + d] = l[d];
+        for (var d = -1, A = l.length, p = a.length; ++d < A; )
+          a[p + d] = l[d];
         return a;
       }(u, n(t));
-    }(e, Yt, Kt);
+    }(e, er, Qt);
   }
   function ze(e, t) {
     var r, n, u = e.__data__;
     return ((n = typeof (r = t)) == "string" || n == "number" || n == "symbol" || n == "boolean" ? r !== "__proto__" : r === null) ? u[typeof t == "string" ? "string" : "hash"] : u.map;
   }
-  function le(e, t) {
+  function pe(e, t) {
     var r = function(n, u) {
       return n?.[u];
     }(e, t);
-    return Zt(r) ? r : void 0;
+    return Jt(r) ? r : void 0;
   }
-  te.prototype.clear = function() {
-    this.__data__ = ve ? ve(null) : {}, this.size = 0;
-  }, te.prototype.delete = function(e) {
+  ae.prototype.clear = function() {
+    this.__data__ = me ? me(null) : {}, this.size = 0;
+  }, ae.prototype.delete = function(e) {
     var t = this.has(e) && delete this.__data__[e];
     return this.size -= t ? 1 : 0, t;
-  }, te.prototype.get = function(e) {
+  }, ae.prototype.get = function(e) {
     var t = this.__data__;
-    if (ve) {
+    if (me) {
       var r = t[e];
       return r === g ? void 0 : r;
     }
-    return S.call(t, e) ? t[e] : void 0;
-  }, te.prototype.has = function(e) {
+    return R.call(t, e) ? t[e] : void 0;
+  }, ae.prototype.has = function(e) {
     var t = this.__data__;
-    return ve ? t[e] !== void 0 : S.call(t, e);
-  }, te.prototype.set = function(e, t) {
+    return me ? t[e] !== void 0 : R.call(t, e);
+  }, ae.prototype.set = function(e, t) {
     var r = this.__data__;
-    return this.size += this.has(e) ? 0 : 1, r[e] = ve && t === void 0 ? g : t, this;
-  }, T.prototype.clear = function() {
+    return this.size += this.has(e) ? 0 : 1, r[e] = me && t === void 0 ? g : t, this;
+  }, L.prototype.clear = function() {
     this.__data__ = [], this.size = 0;
-  }, T.prototype.delete = function(e) {
+  }, L.prototype.delete = function(e) {
     var t = this.__data__, r = Ce(t, e);
-    return !(r < 0) && (r == t.length - 1 ? t.pop() : $t.call(t, r, 1), --this.size, !0);
-  }, T.prototype.get = function(e) {
+    return !(r < 0) && (r == t.length - 1 ? t.pop() : qt.call(t, r, 1), --this.size, !0);
+  }, L.prototype.get = function(e) {
     var t = this.__data__, r = Ce(t, e);
     return r < 0 ? void 0 : t[r][1];
-  }, T.prototype.has = function(e) {
+  }, L.prototype.has = function(e) {
     return Ce(this.__data__, e) > -1;
-  }, T.prototype.set = function(e, t) {
+  }, L.prototype.set = function(e, t) {
     var r = this.__data__, n = Ce(r, e);
     return n < 0 ? (++this.size, r.push([e, t])) : r[n][1] = t, this;
-  }, re.prototype.clear = function() {
-    this.size = 0, this.__data__ = { hash: new te(), map: new (be || T)(), string: new te() };
-  }, re.prototype.delete = function(e) {
+  }, oe.prototype.clear = function() {
+    this.size = 0, this.__data__ = { hash: new ae(), map: new (ve || L)(), string: new ae() };
+  }, oe.prototype.delete = function(e) {
     var t = ze(this, e).delete(e);
     return this.size -= t ? 1 : 0, t;
-  }, re.prototype.get = function(e) {
+  }, oe.prototype.get = function(e) {
     return ze(this, e).get(e);
-  }, re.prototype.has = function(e) {
+  }, oe.prototype.has = function(e) {
     return ze(this, e).has(e);
-  }, re.prototype.set = function(e, t) {
+  }, oe.prototype.set = function(e, t) {
     var r = ze(this, e), n = r.size;
     return r.set(e, t), this.size += r.size == n ? 0 : 1, this;
   }, xe.prototype.add = xe.prototype.push = function(e) {
@@ -325,7 +324,7 @@ var Qe = { exports: {} };
   }, xe.prototype.has = function(e) {
     return this.__data__.has(e);
   }, H.prototype.clear = function() {
-    this.__data__ = new T(), this.size = 0;
+    this.__data__ = new L(), this.size = 0;
   }, H.prototype.delete = function(e) {
     var t = this.__data__, r = t.delete(e);
     return this.size = t.size, r;
@@ -335,15 +334,15 @@ var Qe = { exports: {} };
     return this.__data__.has(e);
   }, H.prototype.set = function(e, t) {
     var r = this.__data__;
-    if (r instanceof T) {
+    if (r instanceof L) {
       var n = r.__data__;
-      if (!be || n.length < 199)
+      if (!ve || n.length < 199)
         return n.push([e, t]), this.size = ++r.size, this;
-      r = this.__data__ = new re(n);
+      r = this.__data__ = new oe(n);
     }
     return r.set(e, t), this.size = r.size, this;
   };
-  var Kt = dt ? function(e) {
+  var Qt = dt ? function(e) {
     return e == null ? [] : (e = Object(e), function(t, r) {
       for (var n = -1, u = t == null ? 0 : t.length, a = 0, l = []; ++n < u; ) {
         var d = t[n];
@@ -355,11 +354,11 @@ var Qe = { exports: {} };
     }));
   } : function() {
     return [];
-  }, W = me;
-  function Qt(e, t) {
-    return !!(t = t ?? F) && (typeof e == "number" || he.test(e)) && e > -1 && e % 1 == 0 && e < t;
+  }, W = _e;
+  function Xt(e, t) {
+    return !!(t = t ?? F) && (typeof e == "number" || w.test(e)) && e > -1 && e % 1 == 0 && e < t;
   }
-  function ne(e) {
+  function ie(e) {
     if (e != null) {
       try {
         return ot.call(e);
@@ -375,35 +374,35 @@ var Qe = { exports: {} };
   function mt(e, t) {
     return e === t || e != e && t != t;
   }
-  (Be && W(new Be(new ArrayBuffer(1))) != p || be && W(new be()) != y || Ue && W(Ue.resolve()) != G || Ve && W(new Ve()) != P || De && W(new De()) != j) && (W = function(e) {
-    var t = me(e), r = t == E ? e.constructor : void 0, n = r ? ne(r) : "";
+  (Be && W(new Be(new ArrayBuffer(1))) != N || ve && W(new ve()) != O || Ue && W(Ue.resolve()) != X || Ve && W(new Ve()) != M || De && W(new De()) != j) && (W = function(e) {
+    var t = _e(e), r = t == z ? e.constructor : void 0, n = r ? ie(r) : "";
     if (n)
       switch (n) {
-        case Ut:
-          return p;
         case Vt:
-          return y;
+          return N;
         case Dt:
-          return G;
+          return O;
         case Gt:
-          return P;
+          return X;
         case Ht:
+          return M;
+        case Wt:
           return j;
       }
     return t;
   });
-  var Xt = pt(function() {
+  var Yt = pt(function() {
     return arguments;
   }()) ? pt : function(e) {
-    return _e(e) && S.call(e, "callee") && !lt.call(e, "callee");
-  }, Ee = Array.isArray, He = qt || function() {
+    return ke(e) && R.call(e, "callee") && !lt.call(e, "callee");
+  }, Ee = Array.isArray, He = Bt || function() {
     return !1;
   };
   function _t(e) {
     if (!yt(e))
       return !1;
-    var t = me(e);
-    return t == V || t == Q || t == K || t == se;
+    var t = _e(e);
+    return t == G || t == Q || t == K || t == Y;
   }
   function kt(e) {
     return typeof e == "number" && e > -1 && e % 1 == 0 && e <= F;
@@ -412,7 +411,7 @@ var Qe = { exports: {} };
     var t = typeof e;
     return e != null && (t == "object" || t == "function");
   }
-  function _e(e) {
+  function ke(e) {
     return e != null && typeof e == "object";
   }
   var gt = tt ? function(e) {
@@ -420,33 +419,33 @@ var Qe = { exports: {} };
       return e(t);
     };
   }(tt) : function(e) {
-    return _e(e) && kt(e.length) && !!o[me(e)];
+    return ke(e) && kt(e.length) && !!o[_e(e)];
   };
-  function Yt(e) {
-    return (t = e) != null && kt(t.length) && !_t(t) ? Wt(e) : Jt(e);
+  function er(e) {
+    return (t = e) != null && kt(t.length) && !_t(t) ? Zt(e) : Kt(e);
     var t;
   }
   i.exports = function(e, t) {
     return ht(e, t);
   };
 })(Qe, Qe.exports);
-const kr = _r(Qe.exports), yr = Xe(["flex"], { variants: { orientation: { vertical: ["flex-col", "gap-lg"], horizontal: ["gap-xl"] } } }), gr = Te(({ name: i, value: v, defaultValue: g, className: k, intent: m, orientation: F = "vertical", onCheckedChange: z, reverse: U = !1, children: K, ...oe }, ie) => {
-  const [M, V] = function(L, N, j) {
-    const w = L !== void 0, { current: p } = Ke(w ? L : N), [x, he] = ar(N), o = w ? L : x, ue = or((Y, C = (I, ge) => !kr(I, ge)) => {
-      const I = typeof Y != "function" ? Y : Y(o);
-      C(o, I) && !w && he(I), j && j(I);
-    }, [w, o, j]);
-    return [o, ue, w, p];
-  }(v, g), Q = zt(), y = Ke(z), { id: D, labelId: pe, description: E, state: G, isInvalid: se, isRequired: X } = Q, P = i ?? Q.name, ce = ir(() => ({ id: D, name: P, value: M, intent: m, state: G, isInvalid: se, description: E, isRequired: X, reverse: U, onCheckedChange: (L, N) => {
-    const j = M || [], w = L ? [...j, N] : j.filter((p) => p !== N);
-    V(w), y.current && y.current(w);
-  } }), [D, P, M, m, G, se, E, X, V, U]);
-  return sr(() => {
-    y.current = z;
-  }, [z]), f.createElement(Et.Provider, { value: ce }, f.createElement("div", { ref: ie, className: yr({ className: k, orientation: F }), role: "group", "aria-labelledby": pe, "aria-describedby": E, ...oe }, K));
+const yr = kr(Qe.exports), gr = Xe(["flex"], { variants: { orientation: { vertical: ["flex-col", "gap-lg"], horizontal: ["gap-xl"] } } }), jr = Te(({ name: i, value: b, defaultValue: g, className: _, intent: v, orientation: F = "vertical", onCheckedChange: C, reverse: V = !1, children: K, ...ce }, ue) => {
+  const [D, G] = function(P, T, j) {
+    const k = P !== void 0, { current: N } = Ke(k ? P : T), [y, w] = or(T), o = k ? P : y, fe = ir((te, x = (S, re) => !yr(S, re)) => {
+      const S = typeof te != "function" ? te : te(o);
+      x(o, S) && !k && w(S), j && j(S);
+    }, [k, o, j]);
+    return [o, fe, k, N];
+  }(b, g), Q = Et(), O = Ke(C), { id: I, labelId: le, description: z, state: X, isInvalid: Y, isRequired: ee } = Q, M = i ?? Q.name, de = sr(() => ({ id: I, name: M, value: D, intent: v, state: X, isInvalid: Y, description: z, isRequired: ee, reverse: V, onCheckedChange: (P, T) => {
+    const j = D || [], k = P ? [...j, T] : j.filter((N) => N !== T);
+    G(k), O.current && O.current(k);
+  } }), [I, M, D, v, X, Y, z, ee, G, V]);
+  return cr(() => {
+    O.current = C;
+  }, [C]), f.createElement(Ot.Provider, { value: de }, f.createElement("div", { ref: ue, className: gr({ className: _, orientation: F }), role: "group", "aria-labelledby": le, "aria-describedby": z, ...ce }, K));
 });
-gr.displayName = "CheckboxGroup";
+jr.displayName = "CheckboxGroup";
 export {
-  mr as Checkbox,
-  gr as CheckboxGroup
+  _r as Checkbox,
+  jr as CheckboxGroup
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/checkbox",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "description": "A control that allows the user to toggle between checked and not checked.",
   "publishConfig": {
     "access": "public"
@@ -24,8 +24,7 @@
   },
   "dependencies": {
     "@radix-ui/react-checkbox": "1.0.4",
-    "@radix-ui/react-id": "1.0.1",
-    "@spark-ui/form-field": "^1.5.0",
+    "@spark-ui/form-field": "^1.5.1",
     "@spark-ui/icon": "^2.1.2",
     "@spark-ui/icons": "^1.21.6",
     "@spark-ui/internal-utils": "^2.3.0",
@@ -53,5 +52,5 @@
   },
   "homepage": "https://sparkui.vercel.app",
   "license": "MIT",
-  "gitHead": "16b0ecda1ac3c9100cc2fa71579b82423b1d5ac9"
+  "gitHead": "5ed3e4725b9166b355dc96ce39f0d35e414a1ad9"
 }