@spark-ui/checkbox 2.1.9 → 2.1.10

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.1.10](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@2.1.9...@spark-ui/checkbox@2.1.10) (2023-12-07)
+
+### Bug Fixes
+
+- **checkbox:** apply proper color on checkbox ticks per intent ([dc4e604](https://github.com/adevinta/spark/commit/dc4e604aa96fb4b53692a62a32003ba9dfb0721e))
+
 ## [2.1.9](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@2.1.8...@spark-ui/checkbox@2.1.9) (2023-12-05)
 
 **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 c=require("react"),jt=require("@radix-ui/react-id"),Ct=require("@spark-ui/form-field"),nr=require("@spark-ui/use-merge-refs"),Me=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=c.createContext({}),It=c.forwardRef(({title:i,fill:_="currentColor",stroke:j="none",...g},y)=>c.createElement("svg",{ref:y,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","data-title":"Check",...i&&{"data-title":i},fill:_,stroke:j,...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=c.forwardRef(({title:i,fill:_="currentColor",stroke:j="none",...g},y)=>c.createElement("svg",{ref:y,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","data-title":"Minus",...i&&{"data-title":i},fill:_,stroke:j,...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 Et=c.forwardRef((i,_)=>c.createElement(zt.CheckboxIndicator,{ref:_,className:"flex h-full w-full items-center justify-center text-surface",...i}));Et.displayName="CheckboxIndicator";const sr=Me.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:["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:["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:["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:["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:["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:["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:["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:["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:["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=c.forwardRef(({className:i,icon:_=c.createElement(It,null),indeterminateIcon:j=c.createElement(At,null),intent:g,checked:y,...R},x)=>c.createElement(zt.Checkbox,{ref:x,className:sr({intent:g,className:i}),checked:y,...R},c.createElement(Et,null,c.createElement(ar.Icon,{size:"sm"},y==="indeterminate"?j:_))));St.displayName="CheckboxInput";const cr=Me.cva("grow",{variants:{disabled:{true:["text-neutral/dim-2","cursor-not-allowed"],false:["cursor-pointer"]}},defaultVariants:{disabled:!1}}),Nt=({disabled:i,..._})=>c.createElement(or.Label,{className:cr({disabled:i}),..._});Nt.displayName="CheckboxLabel";const Rt=c.forwardRef(({id:i,className:_,intent:j,checked:g,value:y,disabled:R,onCheckedChange:x,children:q,...de},ae)=>{const F=jt.useId(i),$=jt.useId(),B=Ct.useFormFieldControl(),I=c.useContext(Ot),A=c.useRef(),ie=nr.useMergeRefs(ae,A),K=y?I.value?.includes(y):g,{id:C,name:Q,isInvalid:oe,isRequired:X,description:U,intent:E}=(({fieldState:b,groupState:v,checkboxIntent:w})=>{const V=b.name??v.name,D=b.isRequired??v.isRequired,fe=b.state??v.state,G=b.isInvalid??v.isInvalid,o=b.id!==v.id;return{name:V,isRequired:D,isInvalid:G,id:o?b.id:void 0,description:o?b.description:void 0,intent:fe??w??v.intent}})({fieldState:B,groupState:I,checkboxIntent:j});return c.createElement("div",{"data-spark-component":"checkbox",className:Me.cx("relative flex items-start gap-md text-body-1",_)},c.createElement(St,{ref:ie,id:C||F,name:Q,value:y,intent:E,checked:K,disabled:R,required:X,"aria-describedby":U,"aria-invalid":oe,onCheckedChange:b=>{x?.(b);const v=A.current?.value;v&&I.onCheckedChange&&I.onCheckedChange(b,v)},"aria-labelledby":q?$:B.labelId,...de}),q&&c.createElement(Nt,{disabled:R,htmlFor:C||F,id:$},q))});Rt.displayName="Checkbox";var Fe=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function ur(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}var Je={exports:{}};(function(i,_){var j="__lodash_hash_undefined__",g=1,y=2,R=9007199254740991,x="[object Arguments]",q="[object Array]",de="[object AsyncFunction]",ae="[object Boolean]",F="[object Date]",$="[object Error]",B="[object Function]",I="[object GeneratorFunction]",A="[object Map]",ie="[object Number]",K="[object Null]",C="[object Object]",Q="[object Promise]",oe="[object Proxy]",X="[object RegExp]",U="[object Set]",E="[object String]",b="[object Symbol]",v="[object Undefined]",w="[object WeakMap]",V="[object ArrayBuffer]",D="[object DataView]",fe=/^\[object .+?Constructor\]$/,G=/^(?: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[x]=o[q]=o[V]=o[ae]=o[D]=o[F]=o[$]=o[B]=o[A]=o[ie]=o[C]=o[X]=o[U]=o[E]=o[w]=!1;var se=typeof Fe=="object"&&Fe&&Fe.Object===Object&&Fe,Pe=typeof self=="object"&&self&&self.Object===Object&&self,k=se||Pe||Function("return this")(),ke=_&&!_.nodeType&&_,Ke=ke&&i&&!i.nodeType&&i,Qe=Ke&&Ke.exports===ke,Te=Qe&&se.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 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,me=Object.prototype,Le=k["__core-js_shared__"],nt=Tt.toString,S=me.hasOwnProperty,at=(et=/[^.]+$/.exec(Le&&Le.keys&&Le.keys.IE_PROTO||""))?"Symbol(src)_1."+et:"",it=me.toString,Lt=RegExp("^"+nt.call(S).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),ot=Qe?k.Buffer:void 0,ge=k.Symbol,st=k.Uint8Array,ct=me.propertyIsEnumerable,$t=Pt.splice,Y=ge?ge.toStringTag:void 0,ut=Object.getOwnPropertySymbols,Bt=ot?ot.isBuffer:void 0,Ut=(tt=Object.keys,rt=Object,function(e){return tt(rt(e))}),$e=ce(k,"DataView"),pe=ce(k,"Map"),Be=ce(k,"Promise"),Ue=ce(k,"Set"),Ve=ce(k,"WeakMap"),he=ce(Object,"create"),Vt=re($e),Dt=re(pe),Gt=re(Be),Ht=re(Ue),Wt=re(Ve),lt=ge?ge.prototype:void 0,De=lt?lt.valueOf:void 0;function ee(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 M(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 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 we(e){var t=-1,r=e==null?0:e.length;for(this.__data__=new te;++t<r;)this.add(e[t])}function H(e){var t=this.__data__=new M(e);this.size=t.size}function Zt(e,t){var r=Ce(e),n=!r&&Yt(e),l=!r&&!n&&Ge(e),a=!r&&!n&&!l&&kt(e),d=r||n||l||a,f=d?function(h,N){for(var P=-1,m=Array(h);++P<h;)m[P]=N(P);return m}(e.length,String):[],O=f.length;for(var p in e)!t&&!S.call(e,p)||d&&(p=="length"||l&&(p=="offset"||p=="parent")||a&&(p=="buffer"||p=="byteLength"||p=="byteOffset")||Xt(p,O))||f.push(p);return f}function je(e,t){for(var r=e.length;r--;)if(bt(e[r][0],t))return r;return-1}function be(e){return e==null?e===void 0?v:K:Y&&Y in Object(e)?function(t){var r=S.call(t,Y),n=t[Y];try{t[Y]=void 0;var l=!0}catch{}var a=it.call(t);return l&&(r?t[Y]=n:delete t[Y]),a}(e):function(t){return it.call(t)}(e)}function dt(e){return ve(e)&&be(e)==x}function ft(e,t,r,n,l){return e===t||(e==null||t==null||!ve(e)&&!ve(t)?e!=e&&t!=t:function(a,d,f,O,p,h){var N=Ce(a),P=Ce(d),m=N?q:W(a),T=P?q:W(d),ue=(m=m==x?C:m)==C,ze=(T=T==x?C:T)==C,le=m==T;if(le&&Ge(a)){if(!Ge(d))return!1;N=!0,ue=!1}if(le&&!ue)return h||(h=new H),N||kt(a)?pt(a,d,f,O,p,h):function(u,s,Oe,Z,He,z,L){switch(Oe){case D:if(u.byteLength!=s.byteLength||u.byteOffset!=s.byteOffset)return!1;u=u.buffer,s=s.buffer;case V:return!(u.byteLength!=s.byteLength||!z(new st(u),new st(s)));case ae:case F:case ie:return bt(+u,+s);case $:return u.name==s.name&&u.message==s.message;case X:case E:return u==s+"";case A:var J=Ft;case U:var ye=Z&g;if(J||(J=Mt),u.size!=s.size&&!ye)return!1;var Ie=L.get(u);if(Ie)return Ie==s;Z|=y,L.set(u,s);var We=pt(J(u),J(s),Z,He,z,L);return L.delete(u),We;case b:if(De)return De.call(u)==De.call(s)}return!1}(a,d,m,f,O,p,h);if(!(f&g)){var _e=ue&&S.call(a,"__wrapped__"),mt=ze&&S.call(d,"__wrapped__");if(_e||mt){var tr=_e?a.value():a,rr=mt?d.value():d;return h||(h=new H),p(tr,rr,f,O,h)}}return le?(h||(h=new H),function(u,s,Oe,Z,He,z){var L=Oe&g,J=ht(u),ye=J.length,Ie=ht(s),We=Ie.length;if(ye!=We&&!L)return!1;for(var Ae=ye;Ae--;){var ne=J[Ae];if(!(L?ne in s:S.call(s,ne)))return!1}var gt=z.get(u);if(gt&&z.get(s))return gt==s;var Ee=!0;z.set(u,s),z.set(s,u);for(var Ze=L;++Ae<ye;){var Se=u[ne=J[Ae]],Ne=s[ne];if(Z)var wt=L?Z(Ne,Se,ne,s,u,z):Z(Se,Ne,ne,u,s,z);if(!(wt===void 0?Se===Ne||He(Se,Ne,Oe,Z,z):wt)){Ee=!1;break}Ze||(Ze=ne=="constructor")}if(Ee&&!Ze){var Re=u.constructor,qe=s.constructor;Re==qe||!("constructor"in u)||!("constructor"in s)||typeof Re=="function"&&Re instanceof Re&&typeof qe=="function"&&qe instanceof qe||(Ee=!1)}return z.delete(u),z.delete(s),Ee}(a,d,f,O,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)?Lt:fe).test(re(e))}function Kt(e){if(r=(t=e)&&t.constructor,n=typeof r=="function"&&r.prototype||me,t!==n)return Ut(e);var t,r,n,l=[];for(var a in Object(e))S.call(e,a)&&a!="constructor"&&l.push(a);return l}function pt(e,t,r,n,l,a){var d=r&g,f=e.length,O=t.length;if(f!=O&&!(d&&O>f))return!1;var p=a.get(e);if(p&&a.get(t))return p==t;var h=-1,N=!0,P=r&y?new we:void 0;for(a.set(e,t),a.set(t,e);++h<f;){var m=e[h],T=t[h];if(n)var ue=d?n(T,m,h,t,e,a):n(m,T,h,e,t,a);if(ue!==void 0){if(ue)continue;N=!1;break}if(P){if(!qt(t,function(ze,le){if(_e=le,!P.has(_e)&&(m===ze||l(m,ze,r,n,a)))return P.push(le);var _e})){N=!1;break}}else if(m!==T&&!l(m,T,r,n,a)){N=!1;break}}return a.delete(e),a.delete(t),N}function ht(e){return function(t,r,n){var l=r(t);return Ce(t)?l:function(a,d){for(var f=-1,O=d.length,p=a.length;++f<O;)a[p+f]=d[f];return a}(l,n(t))}(e,er,Qt)}function xe(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 ce(e,t){var r=function(n,l){return n?.[l]}(e,t);return Jt(r)?r:void 0}ee.prototype.clear=function(){this.__data__=he?he(null):{},this.size=0},ee.prototype.delete=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},ee.prototype.get=function(e){var t=this.__data__;if(he){var r=t[e];return r===j?void 0:r}return S.call(t,e)?t[e]:void 0},ee.prototype.has=function(e){var t=this.__data__;return he?t[e]!==void 0:S.call(t,e)},ee.prototype.set=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=he&&t===void 0?j:t,this},M.prototype.clear=function(){this.__data__=[],this.size=0},M.prototype.delete=function(e){var t=this.__data__,r=je(t,e);return!(r<0)&&(r==t.length-1?t.pop():$t.call(t,r,1),--this.size,!0)},M.prototype.get=function(e){var t=this.__data__,r=je(t,e);return r<0?void 0:t[r][1]},M.prototype.has=function(e){return je(this.__data__,e)>-1},M.prototype.set=function(e,t){var r=this.__data__,n=je(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this},te.prototype.clear=function(){this.size=0,this.__data__={hash:new ee,map:new(pe||M),string:new ee}},te.prototype.delete=function(e){var t=xe(this,e).delete(e);return this.size-=t?1:0,t},te.prototype.get=function(e){return xe(this,e).get(e)},te.prototype.has=function(e){return xe(this,e).has(e)},te.prototype.set=function(e,t){var r=xe(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this},we.prototype.add=we.prototype.push=function(e){return this.__data__.set(e,j),this},we.prototype.has=function(e){return this.__data__.has(e)},H.prototype.clear=function(){this.__data__=new M,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 M){var n=r.__data__;if(!pe||n.length<199)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new te(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=be;function Xt(e,t){return!!(t=t??R)&&(typeof e=="number"||G.test(e))&&e>-1&&e%1==0&&e<t}function re(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}($e&&W(new $e(new ArrayBuffer(1)))!=D||pe&&W(new pe)!=A||Be&&W(Be.resolve())!=Q||Ue&&W(new Ue)!=U||Ve&&W(new Ve)!=w)&&(W=function(e){var t=be(e),r=t==C?e.constructor:void 0,n=r?re(r):"";if(n)switch(n){case Vt:return D;case Dt:return A;case Gt:return Q;case Ht:return U;case Wt:return w}return t});var Yt=dt(function(){return arguments}())?dt:function(e){return ve(e)&&S.call(e,"callee")&&!ct.call(e,"callee")},Ce=Array.isArray,Ge=Bt||function(){return!1};function vt(e){if(!yt(e))return!1;var t=be(e);return t==B||t==I||t==de||t==oe}function _t(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=R}function yt(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}function ve(e){return e!=null&&typeof e=="object"}var kt=Ye?function(e){return function(t){return e(t)}}(Ye):function(e){return ve(e)&&_t(e.length)&&!!o[be(e)]};function er(e){return(t=e)!=null&&_t(t.length)&&!vt(t)?Zt(e):Kt(e);var t}i.exports=function(e,t){return ft(e,t)}})(Je,Je.exports);const lr=ur(Je.exports),dr=Me.cva(["flex"],{variants:{orientation:{vertical:["flex-col","gap-lg"],horizontal:["gap-xl"]}}}),xt=c.forwardRef(({name:i,value:_,defaultValue:j,className:g,intent:y,orientation:R="vertical",onCheckedChange:x,children:q,...de},ae)=>{const[F,$]=function(E,b,v){const w=E!==void 0,{current:V}=c.useRef(w?E:b),[D,fe]=c.useState(b),G=w?E:D,o=c.useCallback((se,Pe=(k,ke)=>!lr(k,ke))=>{const k=typeof se!="function"?se:se(G);Pe(G,k)&&!w&&fe(k),v&&v(k)},[w,G,v]);return[G,o,w,V]}(_,j),B=Ct.useFormFieldControl(),I=c.useRef(x),{id:A,labelId:ie,description:K,state:C,isInvalid:Q,isRequired:oe}=B,X=i??B.name,U=c.useMemo(()=>({id:A,name:X,value:F,intent:y,state:C,isInvalid:Q,description:K,isRequired:oe,onCheckedChange:(E,b)=>{const v=F||[],w=E?[...v,b]:v.filter(V=>V!==b);$(w),I.current&&I.current(w)}}),[A,X,F,y,C,Q,K,oe,$]);return c.useEffect(()=>{I.current=x},[x]),c.createElement(Ot.Provider,{value:U},c.createElement("div",{ref:ae,className:dr({className:g,orientation:R}),role:"group","aria-labelledby":ie,"aria-describedby":K,...de},q))});xt.displayName="CheckboxGroup",exports.Checkbox=Rt,exports.CheckboxGroup=xt;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),jt=require("@radix-ui/react-id"),Ct=require("@spark-ui/form-field"),nr=require("@spark-ui/use-merge-refs"),Me=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=c.createContext({}),It=c.forwardRef(({title:i,fill:_="currentColor",stroke:j="none",...g},y)=>c.createElement("svg",{ref:y,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","data-title":"Check",...i&&{"data-title":i},fill:_,stroke:j,...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=c.forwardRef(({title:i,fill:_="currentColor",stroke:j="none",...g},y)=>c.createElement("svg",{ref:y,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","data-title":"Minus",...i&&{"data-title":i},fill:_,stroke:j,...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 Et=c.forwardRef((i,_)=>c.createElement(zt.CheckboxIndicator,{ref:_,className:"flex h-full w-full items-center justify-center",...i}));Et.displayName="CheckboxIndicator";const sr=Me.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=c.forwardRef(({className:i,icon:_=c.createElement(It,null),indeterminateIcon:j=c.createElement(At,null),intent:g,checked:y,...R},x)=>c.createElement(zt.Checkbox,{ref:x,className:sr({intent:g,className:i}),checked:y,...R},c.createElement(Et,null,c.createElement(ar.Icon,{size:"sm"},y==="indeterminate"?j:_))));St.displayName="CheckboxInput";const cr=Me.cva("grow",{variants:{disabled:{true:["text-neutral/dim-2","cursor-not-allowed"],false:["cursor-pointer"]}},defaultVariants:{disabled:!1}}),Nt=({disabled:i,..._})=>c.createElement(or.Label,{className:cr({disabled:i}),..._});Nt.displayName="CheckboxLabel";const Rt=c.forwardRef(({id:i,className:_,intent:j,checked:g,value:y,disabled:R,onCheckedChange:x,children:q,...de},ae)=>{const F=jt.useId(i),$=jt.useId(),B=Ct.useFormFieldControl(),I=c.useContext(Ot),A=c.useRef(),ie=nr.useMergeRefs(ae,A),K=y?I.value?.includes(y):g,{id:C,name:Q,isInvalid:oe,isRequired:X,description:U,intent:E}=(({fieldState:b,groupState:v,checkboxIntent:w})=>{const V=b.name??v.name,D=b.isRequired??v.isRequired,fe=b.state??v.state,G=b.isInvalid??v.isInvalid,o=b.id!==v.id;return{name:V,isRequired:D,isInvalid:G,id:o?b.id:void 0,description:o?b.description:void 0,intent:fe??w??v.intent}})({fieldState:B,groupState:I,checkboxIntent:j});return c.createElement("div",{"data-spark-component":"checkbox",className:Me.cx("relative flex items-start gap-md text-body-1",_)},c.createElement(St,{ref:ie,id:C||F,name:Q,value:y,intent:E,checked:K,disabled:R,required:X,"aria-describedby":U,"aria-invalid":oe,onCheckedChange:b=>{x?.(b);const v=A.current?.value;v&&I.onCheckedChange&&I.onCheckedChange(b,v)},"aria-labelledby":q?$:B.labelId,...de}),q&&c.createElement(Nt,{disabled:R,htmlFor:C||F,id:$},q))});Rt.displayName="Checkbox";var Fe=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function ur(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}var Je={exports:{}};(function(i,_){var j="__lodash_hash_undefined__",g=1,y=2,R=9007199254740991,x="[object Arguments]",q="[object Array]",de="[object AsyncFunction]",ae="[object Boolean]",F="[object Date]",$="[object Error]",B="[object Function]",I="[object GeneratorFunction]",A="[object Map]",ie="[object Number]",K="[object Null]",C="[object Object]",Q="[object Promise]",oe="[object Proxy]",X="[object RegExp]",U="[object Set]",E="[object String]",b="[object Symbol]",v="[object Undefined]",w="[object WeakMap]",V="[object ArrayBuffer]",D="[object DataView]",fe=/^\[object .+?Constructor\]$/,G=/^(?: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[x]=o[q]=o[V]=o[ae]=o[D]=o[F]=o[$]=o[B]=o[A]=o[ie]=o[C]=o[X]=o[U]=o[E]=o[w]=!1;var se=typeof Fe=="object"&&Fe&&Fe.Object===Object&&Fe,Pe=typeof self=="object"&&self&&self.Object===Object&&self,k=se||Pe||Function("return this")(),ke=_&&!_.nodeType&&_,Ke=ke&&i&&!i.nodeType&&i,Qe=Ke&&Ke.exports===ke,Te=Qe&&se.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 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,me=Object.prototype,Le=k["__core-js_shared__"],nt=Tt.toString,S=me.hasOwnProperty,at=(et=/[^.]+$/.exec(Le&&Le.keys&&Le.keys.IE_PROTO||""))?"Symbol(src)_1."+et:"",it=me.toString,Lt=RegExp("^"+nt.call(S).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),ot=Qe?k.Buffer:void 0,ge=k.Symbol,st=k.Uint8Array,ct=me.propertyIsEnumerable,$t=Pt.splice,Y=ge?ge.toStringTag:void 0,ut=Object.getOwnPropertySymbols,Bt=ot?ot.isBuffer:void 0,Ut=(tt=Object.keys,rt=Object,function(e){return tt(rt(e))}),$e=ce(k,"DataView"),pe=ce(k,"Map"),Be=ce(k,"Promise"),Ue=ce(k,"Set"),Ve=ce(k,"WeakMap"),he=ce(Object,"create"),Vt=re($e),Dt=re(pe),Gt=re(Be),Ht=re(Ue),Wt=re(Ve),lt=ge?ge.prototype:void 0,De=lt?lt.valueOf:void 0;function ee(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 M(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 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 we(e){var t=-1,r=e==null?0:e.length;for(this.__data__=new te;++t<r;)this.add(e[t])}function H(e){var t=this.__data__=new M(e);this.size=t.size}function Zt(e,t){var r=Ce(e),n=!r&&Yt(e),l=!r&&!n&&Ge(e),a=!r&&!n&&!l&&kt(e),d=r||n||l||a,f=d?function(h,N){for(var P=-1,m=Array(h);++P<h;)m[P]=N(P);return m}(e.length,String):[],O=f.length;for(var p in e)!t&&!S.call(e,p)||d&&(p=="length"||l&&(p=="offset"||p=="parent")||a&&(p=="buffer"||p=="byteLength"||p=="byteOffset")||Xt(p,O))||f.push(p);return f}function je(e,t){for(var r=e.length;r--;)if(bt(e[r][0],t))return r;return-1}function be(e){return e==null?e===void 0?v:K:Y&&Y in Object(e)?function(t){var r=S.call(t,Y),n=t[Y];try{t[Y]=void 0;var l=!0}catch{}var a=it.call(t);return l&&(r?t[Y]=n:delete t[Y]),a}(e):function(t){return it.call(t)}(e)}function dt(e){return ve(e)&&be(e)==x}function ft(e,t,r,n,l){return e===t||(e==null||t==null||!ve(e)&&!ve(t)?e!=e&&t!=t:function(a,d,f,O,p,h){var N=Ce(a),P=Ce(d),m=N?q:W(a),T=P?q:W(d),ue=(m=m==x?C:m)==C,ze=(T=T==x?C:T)==C,le=m==T;if(le&&Ge(a)){if(!Ge(d))return!1;N=!0,ue=!1}if(le&&!ue)return h||(h=new H),N||kt(a)?pt(a,d,f,O,p,h):function(u,s,Oe,Z,He,z,L){switch(Oe){case D:if(u.byteLength!=s.byteLength||u.byteOffset!=s.byteOffset)return!1;u=u.buffer,s=s.buffer;case V:return!(u.byteLength!=s.byteLength||!z(new st(u),new st(s)));case ae:case F:case ie:return bt(+u,+s);case $:return u.name==s.name&&u.message==s.message;case X:case E:return u==s+"";case A:var J=Ft;case U:var ye=Z&g;if(J||(J=Mt),u.size!=s.size&&!ye)return!1;var Ie=L.get(u);if(Ie)return Ie==s;Z|=y,L.set(u,s);var We=pt(J(u),J(s),Z,He,z,L);return L.delete(u),We;case b:if(De)return De.call(u)==De.call(s)}return!1}(a,d,m,f,O,p,h);if(!(f&g)){var _e=ue&&S.call(a,"__wrapped__"),mt=ze&&S.call(d,"__wrapped__");if(_e||mt){var tr=_e?a.value():a,rr=mt?d.value():d;return h||(h=new H),p(tr,rr,f,O,h)}}return le?(h||(h=new H),function(u,s,Oe,Z,He,z){var L=Oe&g,J=ht(u),ye=J.length,Ie=ht(s),We=Ie.length;if(ye!=We&&!L)return!1;for(var Ae=ye;Ae--;){var ne=J[Ae];if(!(L?ne in s:S.call(s,ne)))return!1}var gt=z.get(u);if(gt&&z.get(s))return gt==s;var Ee=!0;z.set(u,s),z.set(s,u);for(var Ze=L;++Ae<ye;){var Se=u[ne=J[Ae]],Ne=s[ne];if(Z)var wt=L?Z(Ne,Se,ne,s,u,z):Z(Se,Ne,ne,u,s,z);if(!(wt===void 0?Se===Ne||He(Se,Ne,Oe,Z,z):wt)){Ee=!1;break}Ze||(Ze=ne=="constructor")}if(Ee&&!Ze){var Re=u.constructor,qe=s.constructor;Re==qe||!("constructor"in u)||!("constructor"in s)||typeof Re=="function"&&Re instanceof Re&&typeof qe=="function"&&qe instanceof qe||(Ee=!1)}return z.delete(u),z.delete(s),Ee}(a,d,f,O,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)?Lt:fe).test(re(e))}function Kt(e){if(r=(t=e)&&t.constructor,n=typeof r=="function"&&r.prototype||me,t!==n)return Ut(e);var t,r,n,l=[];for(var a in Object(e))S.call(e,a)&&a!="constructor"&&l.push(a);return l}function pt(e,t,r,n,l,a){var d=r&g,f=e.length,O=t.length;if(f!=O&&!(d&&O>f))return!1;var p=a.get(e);if(p&&a.get(t))return p==t;var h=-1,N=!0,P=r&y?new we:void 0;for(a.set(e,t),a.set(t,e);++h<f;){var m=e[h],T=t[h];if(n)var ue=d?n(T,m,h,t,e,a):n(m,T,h,e,t,a);if(ue!==void 0){if(ue)continue;N=!1;break}if(P){if(!qt(t,function(ze,le){if(_e=le,!P.has(_e)&&(m===ze||l(m,ze,r,n,a)))return P.push(le);var _e})){N=!1;break}}else if(m!==T&&!l(m,T,r,n,a)){N=!1;break}}return a.delete(e),a.delete(t),N}function ht(e){return function(t,r,n){var l=r(t);return Ce(t)?l:function(a,d){for(var f=-1,O=d.length,p=a.length;++f<O;)a[p+f]=d[f];return a}(l,n(t))}(e,er,Qt)}function xe(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 ce(e,t){var r=function(n,l){return n?.[l]}(e,t);return Jt(r)?r:void 0}ee.prototype.clear=function(){this.__data__=he?he(null):{},this.size=0},ee.prototype.delete=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},ee.prototype.get=function(e){var t=this.__data__;if(he){var r=t[e];return r===j?void 0:r}return S.call(t,e)?t[e]:void 0},ee.prototype.has=function(e){var t=this.__data__;return he?t[e]!==void 0:S.call(t,e)},ee.prototype.set=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=he&&t===void 0?j:t,this},M.prototype.clear=function(){this.__data__=[],this.size=0},M.prototype.delete=function(e){var t=this.__data__,r=je(t,e);return!(r<0)&&(r==t.length-1?t.pop():$t.call(t,r,1),--this.size,!0)},M.prototype.get=function(e){var t=this.__data__,r=je(t,e);return r<0?void 0:t[r][1]},M.prototype.has=function(e){return je(this.__data__,e)>-1},M.prototype.set=function(e,t){var r=this.__data__,n=je(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this},te.prototype.clear=function(){this.size=0,this.__data__={hash:new ee,map:new(pe||M),string:new ee}},te.prototype.delete=function(e){var t=xe(this,e).delete(e);return this.size-=t?1:0,t},te.prototype.get=function(e){return xe(this,e).get(e)},te.prototype.has=function(e){return xe(this,e).has(e)},te.prototype.set=function(e,t){var r=xe(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this},we.prototype.add=we.prototype.push=function(e){return this.__data__.set(e,j),this},we.prototype.has=function(e){return this.__data__.has(e)},H.prototype.clear=function(){this.__data__=new M,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 M){var n=r.__data__;if(!pe||n.length<199)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new te(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=be;function Xt(e,t){return!!(t=t??R)&&(typeof e=="number"||G.test(e))&&e>-1&&e%1==0&&e<t}function re(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}($e&&W(new $e(new ArrayBuffer(1)))!=D||pe&&W(new pe)!=A||Be&&W(Be.resolve())!=Q||Ue&&W(new Ue)!=U||Ve&&W(new Ve)!=w)&&(W=function(e){var t=be(e),r=t==C?e.constructor:void 0,n=r?re(r):"";if(n)switch(n){case Vt:return D;case Dt:return A;case Gt:return Q;case Ht:return U;case Wt:return w}return t});var Yt=dt(function(){return arguments}())?dt:function(e){return ve(e)&&S.call(e,"callee")&&!ct.call(e,"callee")},Ce=Array.isArray,Ge=Bt||function(){return!1};function vt(e){if(!yt(e))return!1;var t=be(e);return t==B||t==I||t==de||t==oe}function _t(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=R}function yt(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}function ve(e){return e!=null&&typeof e=="object"}var kt=Ye?function(e){return function(t){return e(t)}}(Ye):function(e){return ve(e)&&_t(e.length)&&!!o[be(e)]};function er(e){return(t=e)!=null&&_t(t.length)&&!vt(t)?Zt(e):Kt(e);var t}i.exports=function(e,t){return ft(e,t)}})(Je,Je.exports);const lr=ur(Je.exports),dr=Me.cva(["flex"],{variants:{orientation:{vertical:["flex-col","gap-lg"],horizontal:["gap-xl"]}}}),xt=c.forwardRef(({name:i,value:_,defaultValue:j,className:g,intent:y,orientation:R="vertical",onCheckedChange:x,children:q,...de},ae)=>{const[F,$]=function(E,b,v){const w=E!==void 0,{current:V}=c.useRef(w?E:b),[D,fe]=c.useState(b),G=w?E:D,o=c.useCallback((se,Pe=(k,ke)=>!lr(k,ke))=>{const k=typeof se!="function"?se:se(G);Pe(G,k)&&!w&&fe(k),v&&v(k)},[w,G,v]);return[G,o,w,V]}(_,j),B=Ct.useFormFieldControl(),I=c.useRef(x),{id:A,labelId:ie,description:K,state:C,isInvalid:Q,isRequired:oe}=B,X=i??B.name,U=c.useMemo(()=>({id:A,name:X,value:F,intent:y,state:C,isInvalid:Q,description:K,isRequired:oe,onCheckedChange:(E,b)=>{const v=F||[],w=E?[...v,b]:v.filter(V=>V!==b);$(w),I.current&&I.current(w)}}),[A,X,F,y,C,Q,K,oe,$]);return c.useEffect(()=>{I.current=x},[x]),c.createElement(Ot.Provider,{value:U},c.createElement("div",{ref:ae,className:dr({className:g,orientation:R}),role:"group","aria-labelledby":ie,"aria-describedby":K,...de},q))});xt.displayName="CheckboxGroup",exports.Checkbox=Rt,exports.CheckboxGroup=xt;

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import _, { createContext as rr, useContext as nr, forwardRef as Le, useRef as Je, useState as ar, useCallback as ir, useMemo as or, useEffect as sr } from "react";
+import _, { createContext as rr, useContext as nr, forwardRef as Le, useRef as Je, 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";
@@ -7,22 +7,22 @@ import { CheckboxIndicator as lr, Checkbox as dr } from "@radix-ui/react-checkbo
 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 Ot = rr({}), At = _.forwardRef(({ title: i, fill: v = "currentColor", stroke: w = "none", ...g }, m) => _.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: w, ...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"/>' } }));
+const Ot = rr({}), At = _.forwardRef(({ title: o, fill: v = "currentColor", stroke: w = "none", ...g }, m) => _.createElement("svg", { ref: m, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "data-title": "Check", ...o && { "data-title": o }, fill: v, stroke: w, ...g, dangerouslySetInnerHTML: { __html: (o === void 0 ? "" : `<title>${o}</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"/>' } }));
 At.displayName = "Check";
-const Et = _.forwardRef(({ title: i, fill: v = "currentColor", stroke: w = "none", ...g }, m) => _.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: w, ...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"/>' } }));
+const Et = _.forwardRef(({ title: o, fill: v = "currentColor", stroke: w = "none", ...g }, m) => _.createElement("svg", { ref: m, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "data-title": "Minus", ...o && { "data-title": o }, fill: v, stroke: w, ...g, dangerouslySetInnerHTML: { __html: (o === void 0 ? "" : `<title>${o}</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"/>' } }));
 Et.displayName = "Minus";
-const It = Le((i, v) => _.createElement(lr, { ref: v, className: "flex h-full w-full items-center justify-center text-surface", ...i }));
+const It = Le((o, v) => _.createElement(lr, { ref: v, className: "flex h-full w-full items-center justify-center", ...o }));
 It.displayName = "CheckboxIndicator";
-const br = Qe(["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: ["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: ["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: ["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: ["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: ["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: ["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: ["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: ["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: ["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 = Le(({ className: i, icon: v = _.createElement(At, null), indeterminateIcon: w = _.createElement(Et, null), intent: g, checked: m, ...R }, x) => _.createElement(dr, { ref: x, className: br({ intent: g, className: i }), checked: m, ...R }, _.createElement(It, null, _.createElement(fr, { size: "sm" }, m === "indeterminate" ? w : v))));
+const br = Qe(["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 = Le(({ className: o, icon: v = _.createElement(At, null), indeterminateIcon: w = _.createElement(Et, null), intent: g, checked: m, ...R }, x) => _.createElement(dr, { ref: x, className: br({ intent: g, className: o }), checked: m, ...R }, _.createElement(It, null, _.createElement(fr, { size: "sm" }, m === "indeterminate" ? w : v))));
 Nt.displayName = "CheckboxInput";
-const vr = Qe("grow", { variants: { disabled: { true: ["text-neutral/dim-2", "cursor-not-allowed"], false: ["cursor-pointer"] } }, defaultVariants: { disabled: !1 } }), St = ({ disabled: i, ...v }) => _.createElement(hr, { className: vr({ disabled: i }), ...v });
+const vr = Qe("grow", { variants: { disabled: { true: ["text-neutral/dim-2", "cursor-not-allowed"], false: ["cursor-pointer"] } }, defaultVariants: { disabled: !1 } }), St = ({ disabled: o, ...v }) => _.createElement(hr, { className: vr({ disabled: o }), ...v });
 St.displayName = "CheckboxLabel";
-const mr = Le(({ id: i, className: v, intent: w, checked: g, value: m, disabled: R, onCheckedChange: x, children: M, ...de }, ae) => {
-  const F = Ct(i), q = Ct(), B = zt(), A = nr(Ot), E = Je(), ie = cr(ae, E), K = m ? A.value?.includes(m) : g, { id: C, name: Q, isInvalid: oe, isRequired: X, description: U, intent: I } = (({ fieldState: h, groupState: b, checkboxIntent: j }) => {
-    const V = h.name ?? b.name, D = h.isRequired ?? b.isRequired, fe = h.state ?? b.state, G = h.isInvalid ?? b.isInvalid, o = h.id !== b.id;
-    return { name: V, isRequired: D, isInvalid: G, id: o ? h.id : void 0, description: o ? h.description : void 0, intent: fe ?? j ?? b.intent };
+const mr = Le(({ id: o, className: v, intent: w, checked: g, value: m, disabled: R, onCheckedChange: x, children: M, ...de }, ae) => {
+  const F = Ct(o), q = Ct(), B = zt(), A = nr(Ot), E = Je(), oe = cr(ae, E), K = m ? A.value?.includes(m) : g, { id: C, name: Q, isInvalid: ie, isRequired: X, description: U, intent: I } = (({ fieldState: h, groupState: b, checkboxIntent: j }) => {
+    const V = h.name ?? b.name, D = h.isRequired ?? b.isRequired, fe = h.state ?? b.state, G = h.isInvalid ?? b.isInvalid, i = h.id !== b.id;
+    return { name: V, isRequired: D, isInvalid: G, id: i ? h.id : void 0, description: i ? h.description : void 0, intent: fe ?? j ?? b.intent };
   })({ fieldState: B, groupState: A, checkboxIntent: w });
-  return _.createElement("div", { "data-spark-component": "checkbox", className: ur("relative flex items-start gap-md text-body-1", v) }, _.createElement(Nt, { ref: ie, id: C || F, name: Q, value: m, intent: I, checked: K, disabled: R, required: X, "aria-describedby": U, "aria-invalid": oe, onCheckedChange: (h) => {
+  return _.createElement("div", { "data-spark-component": "checkbox", className: ur("relative flex items-start gap-md text-body-1", v) }, _.createElement(Nt, { ref: oe, id: C || F, name: Q, value: m, intent: I, checked: K, disabled: R, required: X, "aria-describedby": U, "aria-invalid": ie, onCheckedChange: (h) => {
     x?.(h);
     const b = E.current?.value;
     b && A.onCheckedChange && A.onCheckedChange(h, b);
@@ -30,14 +30,14 @@ const mr = Le(({ id: i, className: v, intent: w, checked: g, value: m, disabled:
 });
 mr.displayName = "Checkbox";
 var Fe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function _r(i) {
-  return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
+function _r(o) {
+  return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
 }
 var Ke = { exports: {} };
-(function(i, v) {
-  var w = "__lodash_hash_undefined__", g = 1, m = 2, R = 9007199254740991, x = "[object Arguments]", M = "[object Array]", de = "[object AsyncFunction]", ae = "[object Boolean]", F = "[object Date]", q = "[object Error]", B = "[object Function]", A = "[object GeneratorFunction]", E = "[object Map]", ie = "[object Number]", K = "[object Null]", C = "[object Object]", Q = "[object Promise]", oe = "[object Proxy]", X = "[object RegExp]", U = "[object Set]", I = "[object String]", h = "[object Symbol]", b = "[object Undefined]", j = "[object WeakMap]", V = "[object ArrayBuffer]", D = "[object DataView]", fe = /^\[object .+?Constructor\]$/, G = /^(?: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[x] = o[M] = o[V] = o[ae] = o[D] = o[F] = o[q] = o[B] = o[E] = o[ie] = o[C] = o[X] = o[U] = o[I] = o[j] = !1;
-  var se = typeof Fe == "object" && Fe && Fe.Object === Object && Fe, Pe = typeof self == "object" && self && self.Object === Object && self, k = se || Pe || Function("return this")(), ke = v && !v.nodeType && v, Xe = ke && i && !i.nodeType && i, Ye = Xe && Xe.exports === ke, Te = Ye && se.process, et = function() {
+(function(o, v) {
+  var w = "__lodash_hash_undefined__", g = 1, m = 2, R = 9007199254740991, x = "[object Arguments]", M = "[object Array]", de = "[object AsyncFunction]", ae = "[object Boolean]", F = "[object Date]", q = "[object Error]", B = "[object Function]", A = "[object GeneratorFunction]", E = "[object Map]", oe = "[object Number]", K = "[object Null]", C = "[object Object]", Q = "[object Promise]", ie = "[object Proxy]", X = "[object RegExp]", U = "[object Set]", I = "[object String]", h = "[object Symbol]", b = "[object Undefined]", j = "[object WeakMap]", V = "[object ArrayBuffer]", D = "[object DataView]", fe = /^\[object .+?Constructor\]$/, G = /^(?:0|[1-9]\d*)$/, i = {};
+  i["[object Float32Array]"] = i["[object Float64Array]"] = i["[object Int8Array]"] = i["[object Int16Array]"] = i["[object Int32Array]"] = i["[object Uint8Array]"] = i["[object Uint8ClampedArray]"] = i["[object Uint16Array]"] = i["[object Uint32Array]"] = !0, i[x] = i[M] = i[V] = i[ae] = i[D] = i[F] = i[q] = i[B] = i[E] = i[oe] = i[C] = i[X] = i[U] = i[I] = i[j] = !1;
+  var se = typeof Fe == "object" && Fe && Fe.Object === Object && Fe, Pe = typeof self == "object" && self && self.Object === Object && self, k = se || Pe || Function("return this")(), ke = v && !v.nodeType && v, Xe = ke && o && !o.nodeType && o, Ye = Xe && Xe.exports === ke, Te = Ye && se.process, et = function() {
     try {
       return Te && Te.binding && Te.binding("util");
     } catch {
@@ -61,7 +61,7 @@ var Ke = { exports: {} };
       r[++t] = n;
     }), r;
   }
-  var rt, nt, at, Lt = Array.prototype, Pt = Function.prototype, ye = Object.prototype, $e = k["__core-js_shared__"], it = Pt.toString, N = ye.hasOwnProperty, ot = (rt = /[^.]+$/.exec($e && $e.keys && $e.keys.IE_PROTO || "")) ? "Symbol(src)_1." + rt : "", st = ye.toString, Tt = RegExp("^" + it.call(N).replace(/[\\^$.*+?()[\]{}|]/g, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"), ct = Ye ? k.Buffer : void 0, ge = k.Symbol, ut = k.Uint8Array, lt = ye.propertyIsEnumerable, $t = Lt.splice, Y = ge ? ge.toStringTag : void 0, dt = Object.getOwnPropertySymbols, qt = ct ? ct.isBuffer : void 0, Bt = (nt = Object.keys, at = Object, function(e) {
+  var rt, nt, at, Lt = Array.prototype, Pt = Function.prototype, ye = Object.prototype, $e = k["__core-js_shared__"], ot = Pt.toString, N = ye.hasOwnProperty, it = (rt = /[^.]+$/.exec($e && $e.keys && $e.keys.IE_PROTO || "")) ? "Symbol(src)_1." + rt : "", st = ye.toString, Tt = RegExp("^" + ot.call(N).replace(/[\\^$.*+?()[\]{}|]/g, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"), ct = Ye ? k.Buffer : void 0, ge = k.Symbol, ut = k.Uint8Array, lt = ye.propertyIsEnumerable, $t = Lt.splice, Y = ge ? ge.toStringTag : void 0, dt = Object.getOwnPropertySymbols, qt = ct ? ct.isBuffer : void 0, Bt = (nt = Object.keys, at = Object, function(e) {
     return nt(at(e));
   }), qe = ce(k, "DataView"), pe = ce(k, "Map"), Be = ce(k, "Promise"), Ue = ce(k, "Set"), Ve = ce(k, "WeakMap"), he = ce(Object, "create"), Ut = re(qe), Vt = re(pe), Dt = re(Be), Gt = re(Ue), Ht = re(Ve), ft = ge ? ge.prototype : void 0, De = ft ? ft.valueOf : void 0;
   function ee(e) {
@@ -146,7 +146,7 @@ var Ke = { exports: {} };
               return !(c.byteLength != s.byteLength || !z(new ut(c), new ut(s)));
             case ae:
             case F:
-            case ie:
+            case oe:
               return mt(+c, +s);
             case q:
               return c.name == s.name && c.message == s.message;
@@ -212,7 +212,7 @@ var Ke = { exports: {} };
   }
   function Zt(e) {
     return !(!yt(e) || function(t) {
-      return !!ot && ot in t;
+      return !!it && it in t;
     }(e)) && (_t(e) ? Tt : fe).test(re(e));
   }
   function Jt(e) {
@@ -362,7 +362,7 @@ var Ke = { exports: {} };
   function re(e) {
     if (e != null) {
       try {
-        return it.call(e);
+        return ot.call(e);
       } catch {
       }
       try {
@@ -403,7 +403,7 @@ var Ke = { exports: {} };
     if (!yt(e))
       return !1;
     var t = be(e);
-    return t == B || t == A || t == de || t == oe;
+    return t == B || t == A || t == de || t == ie;
   }
   function kt(e) {
     return typeof e == "number" && e > -1 && e % 1 == 0 && e <= R;
@@ -420,30 +420,30 @@ var Ke = { exports: {} };
       return e(t);
     };
   }(tt) : function(e) {
-    return ve(e) && kt(e.length) && !!o[be(e)];
+    return ve(e) && kt(e.length) && !!i[be(e)];
   };
   function Yt(e) {
     return (t = e) != null && kt(t.length) && !_t(t) ? Wt(e) : Jt(e);
     var t;
   }
-  i.exports = function(e, t) {
+  o.exports = function(e, t) {
     return ht(e, t);
   };
 })(Ke, Ke.exports);
-const kr = _r(Ke.exports), yr = Qe(["flex"], { variants: { orientation: { vertical: ["flex-col", "gap-lg"], horizontal: ["gap-xl"] } } }), gr = Le(({ name: i, value: v, defaultValue: w, className: g, intent: m, orientation: R = "vertical", onCheckedChange: x, children: M, ...de }, ae) => {
+const kr = _r(Ke.exports), yr = Qe(["flex"], { variants: { orientation: { vertical: ["flex-col", "gap-lg"], horizontal: ["gap-xl"] } } }), gr = Le(({ name: o, value: v, defaultValue: w, className: g, intent: m, orientation: R = "vertical", onCheckedChange: x, children: M, ...de }, ae) => {
   const [F, q] = function(I, h, b) {
-    const j = I !== void 0, { current: V } = Je(j ? I : h), [D, fe] = ar(h), G = j ? I : D, o = ir((se, Pe = (k, ke) => !kr(k, ke)) => {
+    const j = I !== void 0, { current: V } = Je(j ? I : h), [D, fe] = ar(h), G = j ? I : D, i = or((se, Pe = (k, ke) => !kr(k, ke)) => {
       const k = typeof se != "function" ? se : se(G);
       Pe(G, k) && !j && fe(k), b && b(k);
     }, [j, G, b]);
-    return [G, o, j, V];
-  }(v, w), B = zt(), A = Je(x), { id: E, labelId: ie, description: K, state: C, isInvalid: Q, isRequired: oe } = B, X = i ?? B.name, U = or(() => ({ id: E, name: X, value: F, intent: m, state: C, isInvalid: Q, description: K, isRequired: oe, onCheckedChange: (I, h) => {
+    return [G, i, j, V];
+  }(v, w), B = zt(), A = Je(x), { id: E, labelId: oe, description: K, state: C, isInvalid: Q, isRequired: ie } = B, X = o ?? B.name, U = ir(() => ({ id: E, name: X, value: F, intent: m, state: C, isInvalid: Q, description: K, isRequired: ie, onCheckedChange: (I, h) => {
     const b = F || [], j = I ? [...b, h] : b.filter((V) => V !== h);
     q(j), A.current && A.current(j);
-  } }), [E, X, F, m, C, Q, K, oe, q]);
+  } }), [E, X, F, m, C, Q, K, ie, q]);
   return sr(() => {
     A.current = x;
-  }, [x]), _.createElement(Ot.Provider, { value: U }, _.createElement("div", { ref: ae, className: yr({ className: g, orientation: R }), role: "group", "aria-labelledby": ie, "aria-describedby": K, ...de }, M));
+  }, [x]), _.createElement(Ot.Provider, { value: U }, _.createElement("div", { ref: ae, className: yr({ className: g, orientation: R }), role: "group", "aria-labelledby": oe, "aria-describedby": K, ...de }, M));
 });
 gr.displayName = "CheckboxGroup";
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/checkbox",
-  "version": "2.1.9",
+  "version": "2.1.10",
   "description": "A control that allows the user to toggle between checked and not checked.",
   "publishConfig": {
     "access": "public"
@@ -53,5 +53,5 @@
   },
   "homepage": "https://sparkui.vercel.app",
   "license": "MIT",
-  "gitHead": "e2fd654d551c09971906b3b0036f9a385369bb7a"
+  "gitHead": "bad755d9e0d760cdf52da957d68f54891576cd38"
 }