@spark-ui/checkbox 2.1.9 → 2.1.10

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,12 @@
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.1.10](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@2.1.9...@spark-ui/checkbox@2.1.10) (2023-12-07)
7
+
8
+ ### Bug Fixes
9
+
10
+ - **checkbox:** apply proper color on checkbox ticks per intent ([dc4e604](https://github.com/adevinta/spark/commit/dc4e604aa96fb4b53692a62a32003ba9dfb0721e))
11
+
6
12
  ## [2.1.9](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@2.1.8...@spark-ui/checkbox@2.1.9) (2023-12-05)
7
13
 
8
14
  **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 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;
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",...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 CHANGED
@@ -1,4 +1,4 @@
1
- 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";
1
+ 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";
2
2
  import { useId as Ct } from "@radix-ui/react-id";
3
3
  import { useFormFieldControl as zt } from "@spark-ui/form-field";
4
4
  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
7
7
  import { Icon as fr } from "@spark-ui/icon";
8
8
  import { makeVariants as pr } from "@spark-ui/internal-utils";
9
9
  import { Label as hr } from "@spark-ui/label";
10
- 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"/>' } }));
10
+ 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"/>' } }));
11
11
  At.displayName = "Check";
12
- 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"/>' } }));
12
+ 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"/>' } }));
13
13
  Et.displayName = "Minus";
14
- const It = Le((i, v) => _.createElement(lr, { ref: v, className: "flex h-full w-full items-center justify-center text-surface", ...i }));
14
+ const It = Le((o, v) => _.createElement(lr, { ref: v, className: "flex h-full w-full items-center justify-center", ...o }));
15
15
  It.displayName = "CheckboxIndicator";
16
- 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))));
16
+ 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))));
17
17
  Nt.displayName = "CheckboxInput";
18
- 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 });
18
+ 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 });
19
19
  St.displayName = "CheckboxLabel";
20
- const mr = Le(({ id: i, className: v, intent: w, checked: g, value: m, disabled: R, onCheckedChange: x, children: M, ...de }, ae) => {
21
- 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 }) => {
22
- 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;
23
- return { name: V, isRequired: D, isInvalid: G, id: o ? h.id : void 0, description: o ? h.description : void 0, intent: fe ?? j ?? b.intent };
20
+ const mr = Le(({ id: o, className: v, intent: w, checked: g, value: m, disabled: R, onCheckedChange: x, children: M, ...de }, ae) => {
21
+ 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 }) => {
22
+ 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;
23
+ return { name: V, isRequired: D, isInvalid: G, id: i ? h.id : void 0, description: i ? h.description : void 0, intent: fe ?? j ?? b.intent };
24
24
  })({ fieldState: B, groupState: A, checkboxIntent: w });
25
- 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) => {
25
+ 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) => {
26
26
  x?.(h);
27
27
  const b = E.current?.value;
28
28
  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:
30
30
  });
31
31
  mr.displayName = "Checkbox";
32
32
  var Fe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
33
- function _r(i) {
34
- return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
33
+ function _r(o) {
34
+ return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
35
35
  }
36
36
  var Ke = { exports: {} };
37
- (function(i, v) {
38
- 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 = {};
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[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;
40
- 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() {
37
+ (function(o, v) {
38
+ 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 = {};
39
+ 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;
40
+ 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() {
41
41
  try {
42
42
  return Te && Te.binding && Te.binding("util");
43
43
  } catch {
@@ -61,7 +61,7 @@ var Ke = { exports: {} };
61
61
  r[++t] = n;
62
62
  }), r;
63
63
  }
64
- 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) {
64
+ 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) {
65
65
  return nt(at(e));
66
66
  }), 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;
67
67
  function ee(e) {
@@ -146,7 +146,7 @@ var Ke = { exports: {} };
146
146
  return !(c.byteLength != s.byteLength || !z(new ut(c), new ut(s)));
147
147
  case ae:
148
148
  case F:
149
- case ie:
149
+ case oe:
150
150
  return mt(+c, +s);
151
151
  case q:
152
152
  return c.name == s.name && c.message == s.message;
@@ -212,7 +212,7 @@ var Ke = { exports: {} };
212
212
  }
213
213
  function Zt(e) {
214
214
  return !(!yt(e) || function(t) {
215
- return !!ot && ot in t;
215
+ return !!it && it in t;
216
216
  }(e)) && (_t(e) ? Tt : fe).test(re(e));
217
217
  }
218
218
  function Jt(e) {
@@ -362,7 +362,7 @@ var Ke = { exports: {} };
362
362
  function re(e) {
363
363
  if (e != null) {
364
364
  try {
365
- return it.call(e);
365
+ return ot.call(e);
366
366
  } catch {
367
367
  }
368
368
  try {
@@ -403,7 +403,7 @@ var Ke = { exports: {} };
403
403
  if (!yt(e))
404
404
  return !1;
405
405
  var t = be(e);
406
- return t == B || t == A || t == de || t == oe;
406
+ return t == B || t == A || t == de || t == ie;
407
407
  }
408
408
  function kt(e) {
409
409
  return typeof e == "number" && e > -1 && e % 1 == 0 && e <= R;
@@ -420,30 +420,30 @@ var Ke = { exports: {} };
420
420
  return e(t);
421
421
  };
422
422
  }(tt) : function(e) {
423
- return ve(e) && kt(e.length) && !!o[be(e)];
423
+ return ve(e) && kt(e.length) && !!i[be(e)];
424
424
  };
425
425
  function Yt(e) {
426
426
  return (t = e) != null && kt(t.length) && !_t(t) ? Wt(e) : Jt(e);
427
427
  var t;
428
428
  }
429
- i.exports = function(e, t) {
429
+ o.exports = function(e, t) {
430
430
  return ht(e, t);
431
431
  };
432
432
  })(Ke, Ke.exports);
433
- 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) => {
433
+ 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) => {
434
434
  const [F, q] = function(I, h, b) {
435
- 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)) => {
435
+ 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)) => {
436
436
  const k = typeof se != "function" ? se : se(G);
437
437
  Pe(G, k) && !j && fe(k), b && b(k);
438
438
  }, [j, G, b]);
439
- return [G, o, j, V];
440
- }(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) => {
439
+ return [G, i, j, V];
440
+ }(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) => {
441
441
  const b = F || [], j = I ? [...b, h] : b.filter((V) => V !== h);
442
442
  q(j), A.current && A.current(j);
443
- } }), [E, X, F, m, C, Q, K, oe, q]);
443
+ } }), [E, X, F, m, C, Q, K, ie, q]);
444
444
  return sr(() => {
445
445
  A.current = x;
446
- }, [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));
446
+ }, [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));
447
447
  });
448
448
  gr.displayName = "CheckboxGroup";
449
449
  export {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spark-ui/checkbox",
3
- "version": "2.1.9",
3
+ "version": "2.1.10",
4
4
  "description": "A control that allows the user to toggle between checked and not checked.",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -53,5 +53,5 @@
53
53
  },
54
54
  "homepage": "https://sparkui.vercel.app",
55
55
  "license": "MIT",
56
- "gitHead": "e2fd654d551c09971906b3b0036f9a385369bb7a"
56
+ "gitHead": "bad755d9e0d760cdf52da957d68f54891576cd38"
57
57
  }