@spark-ui/checkbox 2.2.1 → 2.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,10 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [2.2.2](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@2.2.1...@spark-ui/checkbox@2.2.2) (2024-04-22)
7
+
8
+ **Note:** Version bump only for package @spark-ui/checkbox
9
+
6
10
  ## [2.2.1](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@2.2.0...@spark-ui/checkbox@2.2.1) (2024-04-08)
7
11
 
8
12
  **Note:** Version bump only for package @spark-ui/checkbox
package/dist/index.js CHANGED
@@ -1 +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;
1
+ "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 CHANGED
@@ -1,49 +1,48 @@
1
- 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";
2
- import { useId as Ct } from "@radix-ui/react-id";
3
- import { useFormFieldControl as zt } from "@spark-ui/form-field";
4
- import { useMergeRefs as cr } from "@spark-ui/use-merge-refs";
5
- import { cva as Xe, cx as ur } from "class-variance-authority";
6
- import { CheckboxIndicator as lr, Checkbox as dr } from "@radix-ui/react-checkbox";
7
- import { Icon as fr } from "@spark-ui/icon";
8
- import { makeVariants as pr } from "@spark-ui/internal-utils";
9
- import { Label as hr } from "@spark-ui/label";
10
- 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"/>' } }));
11
- Ot.displayName = "Check";
12
- 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"/>' } }));
13
- It.displayName = "Minus";
14
- const At = Te((i, v) => f.createElement(lr, { ref: v, className: "flex h-full w-full items-center justify-center", ...i }));
15
- At.displayName = "CheckboxIndicator";
16
- 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))));
17
- Nt.displayName = "CheckboxInput";
18
- 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 });
19
- St.displayName = "CheckboxLabel";
20
- const mr = Te(({ id: i, className: v, intent: g, checked: k, value: m, disabled: F, reverse: z = !1, onCheckedChange: U, children: K, ...oe }, ie) => {
21
- 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 }) => {
22
- 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;
23
- return { name: o, isRequired: ue, isInvalid: C, id: I ? p.id : void 0, description: I ? p.description : void 0, intent: Y ?? he ?? x.intent };
24
- })({ 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) => {
25
- U?.(p);
26
- const x = D.current?.value;
27
- x && y.onCheckedChange && y.onCheckedChange(p, x);
28
- }, "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);
29
- return f.createElement("div", { "data-spark-component": "checkbox", className: ur("relative flex items-start gap-md text-body-1", v) }, w);
1
+ 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";
2
+ import { useFormFieldControl as Et } from "@spark-ui/form-field";
3
+ import { useMergeRefs as ur } from "@spark-ui/use-merge-refs";
4
+ import { cva as Xe, cx as lr } from "class-variance-authority";
5
+ import { CheckboxIndicator as dr, Checkbox as fr } from "@radix-ui/react-checkbox";
6
+ import { Icon as pr } from "@spark-ui/icon";
7
+ import { makeVariants as hr } from "@spark-ui/internal-utils";
8
+ import { Label as br } from "@spark-ui/label";
9
+ 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"/>' } }));
10
+ It.displayName = "Check";
11
+ 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"/>' } }));
12
+ At.displayName = "Minus";
13
+ const Nt = Te((i, b) => f.createElement(dr, { ref: b, className: "flex h-full w-full items-center justify-center", ...i }));
14
+ Nt.displayName = "CheckboxIndicator";
15
+ 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))));
16
+ St.displayName = "CheckboxInput";
17
+ 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 });
18
+ Rt.displayName = "CheckboxLabel";
19
+ 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) => {
20
+ 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 }) => {
21
+ 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;
22
+ return { name: fe, isRequired: te, isInvalid: S, id: re ? y.id : void 0, description: re ? y.description : void 0, intent: x ?? o ?? w.intent };
23
+ })({ 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) => {
24
+ V?.(y);
25
+ const w = le.current?.value;
26
+ w && I.onCheckedChange && I.onCheckedChange(y, w);
27
+ }, "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);
28
+ return f.createElement("div", { "data-spark-component": "checkbox", className: lr("relative flex items-start gap-md text-body-1", b) }, N);
30
29
  });
31
- mr.displayName = "Checkbox";
32
- var Le = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
33
- function _r(i) {
30
+ _r.displayName = "Checkbox";
31
+ var Pe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
32
+ function kr(i) {
34
33
  return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
35
34
  }
36
35
  var Qe = { exports: {} };
37
- (function(i, v) {
38
- 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 = {};
39
- 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;
40
- 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() {
36
+ (function(i, b) {
37
+ 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 = {};
38
+ 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;
39
+ 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() {
41
40
  try {
42
- return $e && $e.binding && $e.binding("util");
41
+ return Le && Le.binding && Le.binding("util");
43
42
  } catch {
44
43
  }
45
44
  }(), tt = et && et.isTypedArray;
46
- function Rt(e, t) {
45
+ function $t(e, t) {
47
46
  for (var r = -1, n = e == null ? 0 : e.length; ++r < n; )
48
47
  if (t(e[r], r, e))
49
48
  return !0;
@@ -61,24 +60,24 @@ var Qe = { exports: {} };
61
60
  r[++t] = n;
62
61
  }), r;
63
62
  }
64
- 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) {
63
+ 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) {
65
64
  return nt(at(e));
66
- }), 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;
67
- function te(e) {
65
+ }), 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;
66
+ function ae(e) {
68
67
  var t = -1, r = e == null ? 0 : e.length;
69
68
  for (this.clear(); ++t < r; ) {
70
69
  var n = e[t];
71
70
  this.set(n[0], n[1]);
72
71
  }
73
72
  }
74
- function T(e) {
73
+ function L(e) {
75
74
  var t = -1, r = e == null ? 0 : e.length;
76
75
  for (this.clear(); ++t < r; ) {
77
76
  var n = e[t];
78
77
  this.set(n[0], n[1]);
79
78
  }
80
79
  }
81
- function re(e) {
80
+ function oe(e) {
82
81
  var t = -1, r = e == null ? 0 : e.length;
83
82
  for (this.clear(); ++t < r; ) {
84
83
  var n = e[t];
@@ -87,21 +86,21 @@ var Qe = { exports: {} };
87
86
  }
88
87
  function xe(e) {
89
88
  var t = -1, r = e == null ? 0 : e.length;
90
- for (this.__data__ = new re(); ++t < r; )
89
+ for (this.__data__ = new oe(); ++t < r; )
91
90
  this.add(e[t]);
92
91
  }
93
92
  function H(e) {
94
- var t = this.__data__ = new T(e);
93
+ var t = this.__data__ = new L(e);
95
94
  this.size = t.size;
96
95
  }
97
- function Wt(e, t) {
98
- 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) {
99
- for (var $ = -1, _ = Array(b); ++$ < b; )
100
- _[$] = R($);
101
- return _;
96
+ function Zt(e, t) {
97
+ 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, $) {
98
+ for (var q = -1, m = Array(h); ++q < h; )
99
+ m[q] = $(q);
100
+ return m;
102
101
  }(e.length, String) : [], A = d.length;
103
- for (var h in e)
104
- !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);
102
+ for (var p in e)
103
+ !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);
105
104
  return d;
106
105
  }
107
106
  function Ce(e, t) {
@@ -110,214 +109,214 @@ var Qe = { exports: {} };
110
109
  return r;
111
110
  return -1;
112
111
  }
113
- function me(e) {
114
- return e == null ? e === void 0 ? N : pe : ee && ee in Object(e) ? function(t) {
115
- var r = S.call(t, ee), n = t[ee];
112
+ function _e(e) {
113
+ return e == null ? e === void 0 ? T : le : ne && ne in Object(e) ? function(t) {
114
+ var r = R.call(t, ne), n = t[ne];
116
115
  try {
117
- t[ee] = void 0;
116
+ t[ne] = void 0;
118
117
  var u = !0;
119
118
  } catch {
120
119
  }
121
120
  var a = st.call(t);
122
- return u && (r ? t[ee] = n : delete t[ee]), a;
121
+ return u && (r ? t[ne] = n : delete t[ne]), a;
123
122
  }(e) : function(t) {
124
123
  return st.call(t);
125
124
  }(e);
126
125
  }
127
126
  function pt(e) {
128
- return _e(e) && me(e) == z;
127
+ return ke(e) && _e(e) == C;
129
128
  }
130
129
  function ht(e, t, r, n, u) {
131
- return e === t || (e == null || t == null || !_e(e) && !_e(t) ? e != e && t != t : function(a, l, d, A, h, b) {
132
- 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;
133
- if (fe && He(a)) {
130
+ return e === t || (e == null || t == null || !ke(e) && !ke(t) ? e != e && t != t : function(a, l, d, A, p, h) {
131
+ 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;
132
+ if (be && He(a)) {
134
133
  if (!He(l))
135
134
  return !1;
136
- R = !0, de = !1;
135
+ $ = !0, he = !1;
137
136
  }
138
- if (fe && !de)
139
- return b || (b = new H()), R || gt(a) ? bt(a, l, d, A, h, b) : function(c, s, Ie, Z, We, O, B) {
137
+ if (be && !he)
138
+ return h || (h = new H()), $ || gt(a) ? bt(a, l, d, A, p, h) : function(c, s, Ie, Z, We, E, U) {
140
139
  switch (Ie) {
141
- case p:
140
+ case N:
142
141
  if (c.byteLength != s.byteLength || c.byteOffset != s.byteOffset)
143
142
  return !1;
144
143
  c = c.buffer, s = s.buffer;
145
- case w:
146
- return !(c.byteLength != s.byteLength || !O(new ut(c), new ut(s)));
147
- case oe:
148
- case ie:
149
- case D:
144
+ case k:
145
+ return !(c.byteLength != s.byteLength || !E(new ut(c), new ut(s)));
146
+ case ce:
147
+ case ue:
148
+ case I:
150
149
  return mt(+c, +s);
151
- case M:
150
+ case D:
152
151
  return c.name == s.name && c.message == s.message;
153
- case X:
154
- case ce:
152
+ case ee:
153
+ case de:
155
154
  return c == s + "";
156
- case y:
155
+ case O:
157
156
  var J = Ft;
158
- case P:
159
- var ye = Z & k;
160
- if (J || (J = Mt), c.size != s.size && !ye)
157
+ case M:
158
+ var ge = Z & _;
159
+ if (J || (J = Mt), c.size != s.size && !ge)
161
160
  return !1;
162
- var Ae = B.get(c);
161
+ var Ae = U.get(c);
163
162
  if (Ae)
164
163
  return Ae == s;
165
- Z |= m, B.set(c, s);
166
- var Ze = bt(J(c), J(s), Z, We, O, B);
167
- return B.delete(c), Ze;
168
- case L:
164
+ Z |= v, U.set(c, s);
165
+ var Ze = bt(J(c), J(s), Z, We, E, U);
166
+ return U.delete(c), Ze;
167
+ case P:
169
168
  if (Ge)
170
169
  return Ge.call(c) == Ge.call(s);
171
170
  }
172
171
  return !1;
173
- }(a, l, _, d, A, h, b);
174
- if (!(d & k)) {
175
- var ke = de && S.call(a, "__wrapped__"), jt = Oe && S.call(l, "__wrapped__");
176
- if (ke || jt) {
177
- var er = ke ? a.value() : a, tr = jt ? l.value() : l;
178
- return b || (b = new H()), h(er, tr, d, A, b);
172
+ }(a, l, m, d, A, p, h);
173
+ if (!(d & _)) {
174
+ var ye = he && R.call(a, "__wrapped__"), jt = Oe && R.call(l, "__wrapped__");
175
+ if (ye || jt) {
176
+ var tr = ye ? a.value() : a, rr = jt ? l.value() : l;
177
+ return h || (h = new H()), p(tr, rr, d, A, h);
179
178
  }
180
179
  }
181
- return fe ? (b || (b = new H()), function(c, s, Ie, Z, We, O) {
182
- var B = Ie & k, J = vt(c), ye = J.length, Ae = vt(s), Ze = Ae.length;
183
- if (ye != Ze && !B)
180
+ return be ? (h || (h = new H()), function(c, s, Ie, Z, We, E) {
181
+ var U = Ie & _, J = vt(c), ge = J.length, Ae = vt(s), Ze = Ae.length;
182
+ if (ge != Ze && !U)
184
183
  return !1;
185
- for (var Ne = ye; Ne--; ) {
186
- var ae = J[Ne];
187
- if (!(B ? ae in s : S.call(s, ae)))
184
+ for (var Ne = ge; Ne--; ) {
185
+ var se = J[Ne];
186
+ if (!(U ? se in s : R.call(s, se)))
188
187
  return !1;
189
188
  }
190
- var wt = O.get(c);
191
- if (wt && O.get(s))
189
+ var wt = E.get(c);
190
+ if (wt && E.get(s))
192
191
  return wt == s;
193
192
  var Se = !0;
194
- O.set(c, s), O.set(s, c);
195
- for (var Je = B; ++Ne < ye; ) {
196
- var Re = c[ae = J[Ne]], Fe = s[ae];
193
+ E.set(c, s), E.set(s, c);
194
+ for (var Je = U; ++Ne < ge; ) {
195
+ var Re = c[se = J[Ne]], $e = s[se];
197
196
  if (Z)
198
- var xt = B ? Z(Fe, Re, ae, s, c, O) : Z(Re, Fe, ae, c, s, O);
199
- if (!(xt === void 0 ? Re === Fe || We(Re, Fe, Ie, Z, O) : xt)) {
197
+ var xt = U ? Z($e, Re, se, s, c, E) : Z(Re, $e, se, c, s, E);
198
+ if (!(xt === void 0 ? Re === $e || We(Re, $e, Ie, Z, E) : xt)) {
200
199
  Se = !1;
201
200
  break;
202
201
  }
203
- Je || (Je = ae == "constructor");
202
+ Je || (Je = se == "constructor");
204
203
  }
205
204
  if (Se && !Je) {
206
- var Me = c.constructor, Pe = s.constructor;
207
- Me == Pe || !("constructor" in c) || !("constructor" in s) || typeof Me == "function" && Me instanceof Me && typeof Pe == "function" && Pe instanceof Pe || (Se = !1);
205
+ var Fe = c.constructor, Me = s.constructor;
206
+ Fe == Me || !("constructor" in c) || !("constructor" in s) || typeof Fe == "function" && Fe instanceof Fe && typeof Me == "function" && Me instanceof Me || (Se = !1);
208
207
  }
209
- return O.delete(c), O.delete(s), Se;
210
- }(a, l, d, A, h, b)) : !1;
208
+ return E.delete(c), E.delete(s), Se;
209
+ }(a, l, d, A, p, h)) : !1;
211
210
  }(e, t, r, n, ht, u));
212
211
  }
213
- function Zt(e) {
212
+ function Jt(e) {
214
213
  return !(!yt(e) || function(t) {
215
214
  return !!it && it in t;
216
- }(e)) && (_t(e) ? Tt : x).test(ne(e));
215
+ }(e)) && (_t(e) ? Lt : y).test(ie(e));
217
216
  }
218
- function Jt(e) {
217
+ function Kt(e) {
219
218
  if (r = (t = e) && t.constructor, n = typeof r == "function" && r.prototype || je, t !== n)
220
- return Bt(e);
219
+ return Ut(e);
221
220
  var t, r, n, u = [];
222
221
  for (var a in Object(e))
223
- S.call(e, a) && a != "constructor" && u.push(a);
222
+ R.call(e, a) && a != "constructor" && u.push(a);
224
223
  return u;
225
224
  }
226
225
  function bt(e, t, r, n, u, a) {
227
- var l = r & k, d = e.length, A = t.length;
226
+ var l = r & _, d = e.length, A = t.length;
228
227
  if (d != A && !(l && A > d))
229
228
  return !1;
230
- var h = a.get(e);
231
- if (h && a.get(t))
232
- return h == t;
233
- var b = -1, R = !0, $ = r & m ? new xe() : void 0;
234
- for (a.set(e, t), a.set(t, e); ++b < d; ) {
235
- var _ = e[b], q = t[b];
229
+ var p = a.get(e);
230
+ if (p && a.get(t))
231
+ return p == t;
232
+ var h = -1, $ = !0, q = r & v ? new xe() : void 0;
233
+ for (a.set(e, t), a.set(t, e); ++h < d; ) {
234
+ var m = e[h], B = t[h];
236
235
  if (n)
237
- var de = l ? n(q, _, b, t, e, a) : n(_, q, b, e, t, a);
238
- if (de !== void 0) {
239
- if (de)
236
+ var he = l ? n(B, m, h, t, e, a) : n(m, B, h, e, t, a);
237
+ if (he !== void 0) {
238
+ if (he)
240
239
  continue;
241
- R = !1;
240
+ $ = !1;
242
241
  break;
243
242
  }
244
- if ($) {
245
- if (!Rt(t, function(Oe, fe) {
246
- if (ke = fe, !$.has(ke) && (_ === Oe || u(_, Oe, r, n, a)))
247
- return $.push(fe);
248
- var ke;
243
+ if (q) {
244
+ if (!$t(t, function(Oe, be) {
245
+ if (ye = be, !q.has(ye) && (m === Oe || u(m, Oe, r, n, a)))
246
+ return q.push(be);
247
+ var ye;
249
248
  })) {
250
- R = !1;
249
+ $ = !1;
251
250
  break;
252
251
  }
253
- } else if (_ !== q && !u(_, q, r, n, a)) {
254
- R = !1;
252
+ } else if (m !== B && !u(m, B, r, n, a)) {
253
+ $ = !1;
255
254
  break;
256
255
  }
257
256
  }
258
- return a.delete(e), a.delete(t), R;
257
+ return a.delete(e), a.delete(t), $;
259
258
  }
260
259
  function vt(e) {
261
260
  return function(t, r, n) {
262
261
  var u = r(t);
263
262
  return Ee(t) ? u : function(a, l) {
264
- for (var d = -1, A = l.length, h = a.length; ++d < A; )
265
- a[h + d] = l[d];
263
+ for (var d = -1, A = l.length, p = a.length; ++d < A; )
264
+ a[p + d] = l[d];
266
265
  return a;
267
266
  }(u, n(t));
268
- }(e, Yt, Kt);
267
+ }(e, er, Qt);
269
268
  }
270
269
  function ze(e, t) {
271
270
  var r, n, u = e.__data__;
272
271
  return ((n = typeof (r = t)) == "string" || n == "number" || n == "symbol" || n == "boolean" ? r !== "__proto__" : r === null) ? u[typeof t == "string" ? "string" : "hash"] : u.map;
273
272
  }
274
- function le(e, t) {
273
+ function pe(e, t) {
275
274
  var r = function(n, u) {
276
275
  return n?.[u];
277
276
  }(e, t);
278
- return Zt(r) ? r : void 0;
277
+ return Jt(r) ? r : void 0;
279
278
  }
280
- te.prototype.clear = function() {
281
- this.__data__ = ve ? ve(null) : {}, this.size = 0;
282
- }, te.prototype.delete = function(e) {
279
+ ae.prototype.clear = function() {
280
+ this.__data__ = me ? me(null) : {}, this.size = 0;
281
+ }, ae.prototype.delete = function(e) {
283
282
  var t = this.has(e) && delete this.__data__[e];
284
283
  return this.size -= t ? 1 : 0, t;
285
- }, te.prototype.get = function(e) {
284
+ }, ae.prototype.get = function(e) {
286
285
  var t = this.__data__;
287
- if (ve) {
286
+ if (me) {
288
287
  var r = t[e];
289
288
  return r === g ? void 0 : r;
290
289
  }
291
- return S.call(t, e) ? t[e] : void 0;
292
- }, te.prototype.has = function(e) {
290
+ return R.call(t, e) ? t[e] : void 0;
291
+ }, ae.prototype.has = function(e) {
293
292
  var t = this.__data__;
294
- return ve ? t[e] !== void 0 : S.call(t, e);
295
- }, te.prototype.set = function(e, t) {
293
+ return me ? t[e] !== void 0 : R.call(t, e);
294
+ }, ae.prototype.set = function(e, t) {
296
295
  var r = this.__data__;
297
- return this.size += this.has(e) ? 0 : 1, r[e] = ve && t === void 0 ? g : t, this;
298
- }, T.prototype.clear = function() {
296
+ return this.size += this.has(e) ? 0 : 1, r[e] = me && t === void 0 ? g : t, this;
297
+ }, L.prototype.clear = function() {
299
298
  this.__data__ = [], this.size = 0;
300
- }, T.prototype.delete = function(e) {
299
+ }, L.prototype.delete = function(e) {
301
300
  var t = this.__data__, r = Ce(t, e);
302
- return !(r < 0) && (r == t.length - 1 ? t.pop() : $t.call(t, r, 1), --this.size, !0);
303
- }, T.prototype.get = function(e) {
301
+ return !(r < 0) && (r == t.length - 1 ? t.pop() : qt.call(t, r, 1), --this.size, !0);
302
+ }, L.prototype.get = function(e) {
304
303
  var t = this.__data__, r = Ce(t, e);
305
304
  return r < 0 ? void 0 : t[r][1];
306
- }, T.prototype.has = function(e) {
305
+ }, L.prototype.has = function(e) {
307
306
  return Ce(this.__data__, e) > -1;
308
- }, T.prototype.set = function(e, t) {
307
+ }, L.prototype.set = function(e, t) {
309
308
  var r = this.__data__, n = Ce(r, e);
310
309
  return n < 0 ? (++this.size, r.push([e, t])) : r[n][1] = t, this;
311
- }, re.prototype.clear = function() {
312
- this.size = 0, this.__data__ = { hash: new te(), map: new (be || T)(), string: new te() };
313
- }, re.prototype.delete = function(e) {
310
+ }, oe.prototype.clear = function() {
311
+ this.size = 0, this.__data__ = { hash: new ae(), map: new (ve || L)(), string: new ae() };
312
+ }, oe.prototype.delete = function(e) {
314
313
  var t = ze(this, e).delete(e);
315
314
  return this.size -= t ? 1 : 0, t;
316
- }, re.prototype.get = function(e) {
315
+ }, oe.prototype.get = function(e) {
317
316
  return ze(this, e).get(e);
318
- }, re.prototype.has = function(e) {
317
+ }, oe.prototype.has = function(e) {
319
318
  return ze(this, e).has(e);
320
- }, re.prototype.set = function(e, t) {
319
+ }, oe.prototype.set = function(e, t) {
321
320
  var r = ze(this, e), n = r.size;
322
321
  return r.set(e, t), this.size += r.size == n ? 0 : 1, this;
323
322
  }, xe.prototype.add = xe.prototype.push = function(e) {
@@ -325,7 +324,7 @@ var Qe = { exports: {} };
325
324
  }, xe.prototype.has = function(e) {
326
325
  return this.__data__.has(e);
327
326
  }, H.prototype.clear = function() {
328
- this.__data__ = new T(), this.size = 0;
327
+ this.__data__ = new L(), this.size = 0;
329
328
  }, H.prototype.delete = function(e) {
330
329
  var t = this.__data__, r = t.delete(e);
331
330
  return this.size = t.size, r;
@@ -335,15 +334,15 @@ var Qe = { exports: {} };
335
334
  return this.__data__.has(e);
336
335
  }, H.prototype.set = function(e, t) {
337
336
  var r = this.__data__;
338
- if (r instanceof T) {
337
+ if (r instanceof L) {
339
338
  var n = r.__data__;
340
- if (!be || n.length < 199)
339
+ if (!ve || n.length < 199)
341
340
  return n.push([e, t]), this.size = ++r.size, this;
342
- r = this.__data__ = new re(n);
341
+ r = this.__data__ = new oe(n);
343
342
  }
344
343
  return r.set(e, t), this.size = r.size, this;
345
344
  };
346
- var Kt = dt ? function(e) {
345
+ var Qt = dt ? function(e) {
347
346
  return e == null ? [] : (e = Object(e), function(t, r) {
348
347
  for (var n = -1, u = t == null ? 0 : t.length, a = 0, l = []; ++n < u; ) {
349
348
  var d = t[n];
@@ -355,11 +354,11 @@ var Qe = { exports: {} };
355
354
  }));
356
355
  } : function() {
357
356
  return [];
358
- }, W = me;
359
- function Qt(e, t) {
360
- return !!(t = t ?? F) && (typeof e == "number" || he.test(e)) && e > -1 && e % 1 == 0 && e < t;
357
+ }, W = _e;
358
+ function Xt(e, t) {
359
+ return !!(t = t ?? F) && (typeof e == "number" || w.test(e)) && e > -1 && e % 1 == 0 && e < t;
361
360
  }
362
- function ne(e) {
361
+ function ie(e) {
363
362
  if (e != null) {
364
363
  try {
365
364
  return ot.call(e);
@@ -375,35 +374,35 @@ var Qe = { exports: {} };
375
374
  function mt(e, t) {
376
375
  return e === t || e != e && t != t;
377
376
  }
378
- (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) {
379
- var t = me(e), r = t == E ? e.constructor : void 0, n = r ? ne(r) : "";
377
+ (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) {
378
+ var t = _e(e), r = t == z ? e.constructor : void 0, n = r ? ie(r) : "";
380
379
  if (n)
381
380
  switch (n) {
382
- case Ut:
383
- return p;
384
381
  case Vt:
385
- return y;
382
+ return N;
386
383
  case Dt:
387
- return G;
384
+ return O;
388
385
  case Gt:
389
- return P;
386
+ return X;
390
387
  case Ht:
388
+ return M;
389
+ case Wt:
391
390
  return j;
392
391
  }
393
392
  return t;
394
393
  });
395
- var Xt = pt(function() {
394
+ var Yt = pt(function() {
396
395
  return arguments;
397
396
  }()) ? pt : function(e) {
398
- return _e(e) && S.call(e, "callee") && !lt.call(e, "callee");
399
- }, Ee = Array.isArray, He = qt || function() {
397
+ return ke(e) && R.call(e, "callee") && !lt.call(e, "callee");
398
+ }, Ee = Array.isArray, He = Bt || function() {
400
399
  return !1;
401
400
  };
402
401
  function _t(e) {
403
402
  if (!yt(e))
404
403
  return !1;
405
- var t = me(e);
406
- return t == V || t == Q || t == K || t == se;
404
+ var t = _e(e);
405
+ return t == G || t == Q || t == K || t == Y;
407
406
  }
408
407
  function kt(e) {
409
408
  return typeof e == "number" && e > -1 && e % 1 == 0 && e <= F;
@@ -412,7 +411,7 @@ var Qe = { exports: {} };
412
411
  var t = typeof e;
413
412
  return e != null && (t == "object" || t == "function");
414
413
  }
415
- function _e(e) {
414
+ function ke(e) {
416
415
  return e != null && typeof e == "object";
417
416
  }
418
417
  var gt = tt ? function(e) {
@@ -420,33 +419,33 @@ var Qe = { exports: {} };
420
419
  return e(t);
421
420
  };
422
421
  }(tt) : function(e) {
423
- return _e(e) && kt(e.length) && !!o[me(e)];
422
+ return ke(e) && kt(e.length) && !!o[_e(e)];
424
423
  };
425
- function Yt(e) {
426
- return (t = e) != null && kt(t.length) && !_t(t) ? Wt(e) : Jt(e);
424
+ function er(e) {
425
+ return (t = e) != null && kt(t.length) && !_t(t) ? Zt(e) : Kt(e);
427
426
  var t;
428
427
  }
429
428
  i.exports = function(e, t) {
430
429
  return ht(e, t);
431
430
  };
432
431
  })(Qe, Qe.exports);
433
- 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) => {
434
- const [M, V] = function(L, N, j) {
435
- 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)) => {
436
- const I = typeof Y != "function" ? Y : Y(o);
437
- C(o, I) && !w && he(I), j && j(I);
438
- }, [w, o, j]);
439
- return [o, ue, w, p];
440
- }(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) => {
441
- const j = M || [], w = L ? [...j, N] : j.filter((p) => p !== N);
442
- V(w), y.current && y.current(w);
443
- } }), [D, P, M, m, G, se, E, X, V, U]);
444
- return sr(() => {
445
- y.current = z;
446
- }, [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));
432
+ 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) => {
433
+ const [D, G] = function(P, T, j) {
434
+ 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)) => {
435
+ const S = typeof te != "function" ? te : te(o);
436
+ x(o, S) && !k && w(S), j && j(S);
437
+ }, [k, o, j]);
438
+ return [o, fe, k, N];
439
+ }(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) => {
440
+ const j = D || [], k = P ? [...j, T] : j.filter((N) => N !== T);
441
+ G(k), O.current && O.current(k);
442
+ } }), [I, M, D, v, X, Y, z, ee, G, V]);
443
+ return cr(() => {
444
+ O.current = C;
445
+ }, [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));
447
446
  });
448
- gr.displayName = "CheckboxGroup";
447
+ jr.displayName = "CheckboxGroup";
449
448
  export {
450
- mr as Checkbox,
451
- gr as CheckboxGroup
449
+ _r as Checkbox,
450
+ jr as CheckboxGroup
452
451
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spark-ui/checkbox",
3
- "version": "2.2.1",
3
+ "version": "2.2.2",
4
4
  "description": "A control that allows the user to toggle between checked and not checked.",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -24,8 +24,7 @@
24
24
  },
25
25
  "dependencies": {
26
26
  "@radix-ui/react-checkbox": "1.0.4",
27
- "@radix-ui/react-id": "1.0.1",
28
- "@spark-ui/form-field": "^1.5.0",
27
+ "@spark-ui/form-field": "^1.5.1",
29
28
  "@spark-ui/icon": "^2.1.2",
30
29
  "@spark-ui/icons": "^1.21.6",
31
30
  "@spark-ui/internal-utils": "^2.3.0",
@@ -53,5 +52,5 @@
53
52
  },
54
53
  "homepage": "https://sparkui.vercel.app",
55
54
  "license": "MIT",
56
- "gitHead": "16b0ecda1ac3c9100cc2fa71579b82423b1d5ac9"
55
+ "gitHead": "5ed3e4725b9166b355dc96ce39f0d35e414a1ad9"
57
56
  }